/*
 * Heikaya v6.20.24 — phone-only product gallery rebuild.
 * The mobile media viewer is independent from WooCommerce FlexSlider so every
 * image uses its real full-size URL and the product video has a deterministic
 * photos/video state. Desktop and tablet are untouched.
 */
@media (max-width: 767px) {
    body.single-product .woocommerce-product-gallery.heikaya-phone-gallery-rebuilt > .flex-viewport,
    body.single-product .woocommerce-product-gallery.heikaya-phone-gallery-rebuilt > .woocommerce-product-gallery__wrapper,
    body.single-product .woocommerce-product-gallery.heikaya-phone-gallery-rebuilt > .lumiere-gallery-rail,
    body.single-product .woocommerce-product-gallery.heikaya-phone-gallery-rebuilt > .woocommerce-product-gallery__trigger {
        display: none !important;
    }

    body.single-product .woocommerce-product-gallery.heikaya-phone-gallery-rebuilt {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
    }

    body.single-product .heikaya-phone-product-media {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-product .heikaya-phone-product-media__stage {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        border: 1px solid rgba(21,18,15,.10) !important;
        border-radius: 18px !important;
        background: #fffdf9 !important;
        box-shadow: none !important;
        touch-action: pan-y !important;
    }

    body.single-product .heikaya-phone-product-media__image {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 6px !important;
        object-fit: contain !important;
        object-position: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        background: #fffdf9 !important;
    }

    body.single-product .heikaya-phone-product-media__image[hidden] {
        display: none !important;
    }

    body.single-product .heikaya-phone-product-media__zoom {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        z-index: 8 !important;
        display: grid !important;
        place-items: center !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(21,18,15,.18) !important;
        border-radius: 50% !important;
        background: rgba(255,253,249,.92) !important;
        color: #15120f !important;
        box-shadow: 0 6px 18px rgba(21,18,15,.06) !important;
        -webkit-backdrop-filter: blur(6px) !important;
        backdrop-filter: blur(6px) !important;
    }

    body.single-product .heikaya-phone-product-media__zoom[hidden] {
        display: none !important;
    }

    body.single-product .heikaya-phone-product-media__zoom svg {
        display: block !important;
        width: 25px !important;
        height: 25px !important;
    }

    body.single-product .heikaya-phone-product-media__rail {
        display: flex !important;
        align-items: stretch !important;
        gap: 9px !important;
        width: 100% !important;
        margin: 12px 0 0 !important;
        padding: 0 1px 5px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x proximity !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    body.single-product .heikaya-phone-product-media__rail::-webkit-scrollbar {
        display: none !important;
    }

    body.single-product .heikaya-phone-product-media__thumb {
        position: relative !important;
        flex: 0 0 72px !important;
        display: block !important;
        width: 72px !important;
        height: 72px !important;
        min-width: 72px !important;
        min-height: 72px !important;
        margin: 0 !important;
        padding: 4px !important;
        overflow: hidden !important;
        border: 1px solid rgba(21,18,15,.16) !important;
        border-radius: 11px !important;
        background: #fffdf9 !important;
        color: #15120f !important;
        box-shadow: none !important;
        scroll-snap-align: start !important;
    }

    body.single-product .heikaya-phone-product-media__thumb.is-active {
        border-color: #15120f !important;
        box-shadow: 0 0 0 1px #15120f inset !important;
    }

    body.single-product .heikaya-phone-product-media__thumb img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center !important;
        background: #fffdf9 !important;
    }

    body.single-product .heikaya-phone-product-media__thumb--video {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 !important;
        height: 86px !important;
        min-height: 86px !important;
        overflow: hidden !important;
    }

    body.single-product .heikaya-phone-product-media__thumb-media {
        position: relative !important;
        display: block !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        min-height: 58px !important;
        background-color: #f3f0ea !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    body.single-product .heikaya-phone-product-media__thumb-play {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        display: grid !important;
        place-items: center !important;
        width: 26px !important;
        height: 26px !important;
        border: 1px solid rgba(255,255,255,.82) !important;
        border-radius: 50% !important;
        background: rgba(21,18,15,.62) !important;
        color: #fff !important;
        font: 700 9px/1 Arial,sans-serif !important;
    }

    body.single-product .heikaya-phone-product-media__thumb-label {
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        padding: 5px 3px 6px !important;
        background: #fffdf9 !important;
        color: #15120f !important;
        font: 600 9px/1 Montserrat,Arial,sans-serif !important;
        letter-spacing: .09em !important;
        text-transform: uppercase !important;
        text-align: center !important;
    }

    body.single-product .heikaya-phone-product-media__video-wrap {
        position: absolute !important;
        inset: 0 !important;
        z-index: 12 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        background: #111 !important;
    }

    body.single-product .heikaya-phone-product-media__video,
    body.single-product .heikaya-phone-product-media__iframe {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        border: 0 !important;
        object-fit: contain !important;
        background: #111 !important;
    }

    body.single-product .heikaya-phone-product-media__back {
        position: absolute !important;
        top: 10px !important;
        left: 10px !important;
        z-index: 18 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        width: auto !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 1px solid rgba(255,255,255,.58) !important;
        border-radius: 999px !important;
        background: rgba(18,17,16,.76) !important;
        color: #fff !important;
        box-shadow: none !important;
        -webkit-backdrop-filter: blur(8px) !important;
        backdrop-filter: blur(8px) !important;
        font: 600 9px/1 Montserrat,Arial,sans-serif !important;
        letter-spacing: .08em !important;
        text-transform: uppercase !important;
    }

    body.single-product .heikaya-phone-product-media__back span {
        font-size: 15px !important;
        line-height: 1 !important;
    }

    body.single-product .heikaya-phone-product-media__video-fallback {
        position: absolute !important;
        inset: 0 !important;
        z-index: 16 !important;
        display: none !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 58px 20px 24px !important;
        background: rgba(17,17,17,.44) !important;
        color: #fff !important;
        text-align: center !important;
        pointer-events: none !important;
    }

    body.single-product .heikaya-phone-product-media__video-fallback.is-visible {
        display: flex !important;
        pointer-events: auto !important;
    }

    body.single-product .heikaya-phone-product-media__video-fallback p {
        margin: 0 !important;
        color: #fff !important;
        font: 500 12px/1.45 Montserrat,Arial,sans-serif !important;
    }

    body.single-product .heikaya-phone-product-media__video-play {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 40px !important;
        padding: 0 17px !important;
        border: 1px solid #fff !important;
        border-radius: 999px !important;
        background: #fff !important;
        color: #15120f !important;
        font: 700 9px/1 Montserrat,Arial,sans-serif !important;
        letter-spacing: .09em !important;
        text-transform: uppercase !important;
    }

    body.single-product .heikaya-phone-product-media__back:hover,
    body.single-product .heikaya-phone-product-media__back:focus,
    body.single-product .heikaya-phone-product-media__video-play:hover,
    body.single-product .heikaya-phone-product-media__video-play:focus,
    body.single-product .heikaya-phone-product-media__zoom:hover,
    body.single-product .heikaya-phone-product-media__zoom:focus {
        outline: none !important;
        filter: none !important;
    }
}