/* Mobile-only shell. The theme still owns the gallery, images, video and menu. */
.onx-product-nav { display:none; }
@media (max-width:768px) {
    body.onx-product-focus .header-banner,
    body.onx-product-focus .wd-hb-wrapp,
    body.onx-product-focus .whb-header,
    body.onx-product-focus .whb-clone,
    body.onx-product-focus .single-breadcrumbs-wrapper { display:none !important; }
    body.onx-product-focus .main-page-wrapper { padding-top:0; }
    body.onx-product-focus #main-content { padding-top:0; }
    body.onx-product-focus .single-product-page .product-images {
        width:calc(100% + 30px);
        max-width:none;
        min-width:0;
        margin-inline:-15px;
    }
    body.onx-product-focus .woocommerce-product-gallery { margin-bottom:0; }
    body.onx-product-focus .woocommerce-product-gallery .wd-gallery-images {
        position:relative;
        overflow:hidden;
        border-radius:0 0 28px 28px;
        isolation:isolate;
    }
    body.onx-product-focus .woocommerce-product-gallery__wrapper,
    body.onx-product-focus .woocommerce-product-gallery .woocommerce-product-gallery__image {
        border-radius:0;
    }
    body.onx-product-focus .woocommerce-product-gallery .woocommerce-product-gallery__image { margin-bottom:0; }
    body.onx-product-focus .woocommerce-product-gallery .woocommerce-product-gallery__image img { border-radius:0; }
    body.onx-product-focus .woocommerce-product-gallery .product-labels {
        top:86px !important;
        right:16px !important;
    }
    body.onx-product-focus .wd-gallery-images > .wd-nav-pagin-wrap {
        position:absolute;
        inset:auto 0 12px;
        z-index:3;
        margin:0;
        padding:0;
        min-height:32px;
        display:flex;
        align-items:center;
        justify-content:center;
        pointer-events:none;
    }
    body.onx-product-focus .wd-gallery-images > .wd-nav-pagin-wrap:not(:has(.wd-nav-pagin-item:nth-child(2))) { display:none; }
    body.onx-product-focus .wd-gallery-images > .wd-nav-pagin-wrap::before { content:none; }
    /* Fit the surface to the actual dots, without Swiper's clipped sliding window. */
    body.onx-product-focus .wd-gallery-images .wd-nav-pagin {
        position:relative;
        pointer-events:auto;
        width:auto !important;
        max-width:calc(100% - 32px);
        margin:0 auto;
        padding:2px 8px;
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        gap:0;
        overflow:visible;
        border-radius:20px;
        background:rgba(24,24,29,.3);
        transition:none!important;
    }
    body.onx-product-focus .wd-gallery-images .wd-nav-pagin-item {
        position:static;
        inset:auto !important;
        flex:0 0 20px;
        width:20px;
        height:28px;
        margin:0;
        padding:0;
        display:flex;
        align-items:center;
        justify-content:center;
        transform:none !important;
        transition:none!important;
    }
    body.onx-product-focus .wd-gallery-images .wd-nav-pagin-item:focus-visible {
        outline:2px solid #fff;
        outline-offset:-2px;
        border-radius:10px;
    }
    body.onx-product-focus .wd-gallery-images .wd-nav-pagin-item span {
        width:7px;
        height:7px;
        background:rgba(255,255,255,.6);
        border-color:transparent;
    }
    body.onx-product-focus .wd-gallery-images .wd-nav-pagin-item.wd-active span { background:#fff; border-color:#fff; }
    body.onx-product-focus #onx-mbn .onx-mbn-buy-back { display:none; }
    body.onx-product-focus .wd-gallery-images > .onx-product-nav {
        display:block;
        position:absolute;
        inset:0 0 auto;
        z-index:11;
        pointer-events:none;
        padding-top:env(safe-area-inset-top,0px);
    }
    body.onx-product-focus .onx-product-nav-row {
        display:flex;
        direction:ltr;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        padding:20px 16px 12px;
        min-height:76px;
    }
    body.onx-product-focus .onx-product-nav-button {
        display:inline-flex;
        flex:0 0 44px;
        align-items:center;
        justify-content:center;
        width:44px;
        height:44px;
        min-height:44px;
        padding:0;
        margin:0;
        border:1px solid rgba(255,255,255,.3);
        border-radius:50%;
        background:rgba(35,34,41,.55);
        color:#fff;
        box-shadow:0 3px 12px rgba(16,16,22,.08);
        -webkit-backdrop-filter:blur(12px);
        backdrop-filter:blur(12px);
        pointer-events:auto;
        transition:none!important;
        -webkit-tap-highlight-color:transparent;
    }
    body.onx-product-focus .onx-product-nav-button svg {
        width:23px;
        height:23px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }
    body.onx-product-focus .onx-product-nav-button::before,
    body.onx-product-focus .onx-product-nav-button::after { content:none; }
    body.onx-product-focus .onx-product-nav-button:hover { background:rgba(35,34,41,.75); }
    body.onx-product-focus .onx-product-nav-button:active { transform:none; }
    body.onx-product-focus .onx-product-nav-button:focus-visible { outline:3px solid #915988; outline-offset:3px; }
    body.onx-product-focus .onx-product-nav-button[hidden],
    body.onx-product-focus .onx-product-share-fallback[hidden] { display:none; }
    body.onx-product-focus .onx-product-share-status:empty { display:none; }
    body.onx-product-focus .onx-product-share-status {
        display:table;
        margin:0 auto 10px;
        padding:9px 16px;
        border-radius:24px;
        background:#29242f;
        color:white;
        font-size:14px;
        font-weight:650;
    }
    body.onx-product-focus .onx-product-share-fallback {
        margin:0 16px;
        padding:16px;
        background:white;
        border:1px solid #e5e2e9;
        border-radius:18px;
        box-shadow:0 8px 28px #25212b26;
        pointer-events:auto;
    }
    body.onx-product-focus .onx-product-share-fallback label { display:block; font-weight:700; margin-bottom:8px; }
    body.onx-product-focus .onx-product-share-fallback input { direction:ltr; font-size:16px; margin-bottom:10px; }
    body.onx-product-focus .onx-product-share-close { min-height:44px; border-radius:12px; }
    @media (prefers-reduced-motion:reduce) {
        body.onx-product-focus .onx-product-nav,
        body.onx-product-focus .onx-product-nav-button { transition:none!important; }
    }
}