/* Keep desktop and keyboard controls; hide overlays only on touch phones.
   The class is applied by the working gesture script, providing a JS fallback. */
@media (max-width: 767px) and (pointer: coarse) {
    .photo-swipe-enabled #prevPhoto,
    .photo-swipe-enabled #nextPhoto {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    .photo-swipe-enabled #prevPhoto:focus-visible,
    .photo-swipe-enabled #nextPhoto:focus-visible {
        width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        clip: auto !important;
        clip-path: none !important;
    }
}