/* Mobile product photos use the browser's native horizontal scrolling. */
.bp-product-gallery .bp-gallery-controls { display: none; }
@media (max-width: 700px) {
    .bp-inside .bp-product-gallery .bp-media-grid {
        flex-direction: row;
        align-items: stretch;
        gap: 0;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .bp-inside .bp-product-gallery .bp-media-grid::-webkit-scrollbar { display: none; }
    .bp-inside .bp-product-gallery .bp-media-grid > a {
        flex: 0 0 100%;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }
    .bp-inside .bp-product-gallery .bp-media-grid img { -webkit-user-drag: none; }
    .bp-inside .bp-product-gallery .bp-jump-buy { display: none; }
    .bp-product-gallery .bp-gallery-controls:not([hidden]) {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
        margin: 8px 0 0;
        color: #111;
    }
    .bp-product-gallery .bp-gallery-controls button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        min-height: 44px;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: inherit;
        box-shadow: none;
    }
    .bp-product-gallery .bp-gallery-controls button::before {
        content: '';
        width: 7px;
        height: 7px;
        border-top: 1px solid currentColor;
        border-right: 1px solid currentColor;
        transform: rotate(45deg);
    }
    .bp-product-gallery .bp-gallery-controls .bp-gallery-prev::before { transform: rotate(-135deg); }
    .bp-product-gallery .bp-gallery-controls button:disabled { opacity: .25; cursor: default; }
    .bp-product-gallery .bp-gallery-count {
        min-width: 48px;
        text-align: center;
        font: 400 11px/1.5 Arial, sans-serif;
        letter-spacing: .08em;
        font-variant-numeric: tabular-nums;
    }
    .bp-product-gallery .bp-gallery-controls button:focus-visible,
    .bp-product-gallery .bp-media-grid:focus-visible { outline: 1px solid #111; outline-offset: -2px; }
}