/* VALDUS V19 — product mobile fixes */

html,body{
    max-width:100%;
    overflow-x:hidden;
}

/* Make the product secondary header unbreakable on iPhone */
@media(max-width:600px){
    .product-mobile-bar{
        width:100%!important;
        max-width:100vw!important;
        min-height:58px!important;
        display:grid!important;
        grid-template-columns:78px minmax(0,1fr) 78px!important;
        align-items:center!important;
        gap:4px!important;
        padding:
            max(9px,env(safe-area-inset-top))
            max(14px,env(safe-area-inset-right))
            9px
            max(14px,env(safe-area-inset-left))!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
        left:0!important;
        right:0!important;
        top:0!important;
    }
    .product-mobile-bar>span{
        min-width:0!important;
        width:100%!important;
        text-align:center!important;
        font-size:10px!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
    .mobile-back-link{
        display:flex!important;
        align-items:center!important;
        gap:4px!important;
        min-width:0!important;
        font-size:10px!important;
        overflow:hidden!important;
    }
    .mobile-back-link span{
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .mobile-cart-link{
        justify-self:end!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:5px!important;
        min-width:64px!important;
        padding:8px 10px!important;
        border-radius:999px!important;
        box-sizing:border-box!important;
    }
    .mobile-cart-link b{
        min-width:18px;
        height:18px;
        padding:0 5px;
        border-radius:999px;
        display:inline-grid;
        place-items:center;
        background:#A6F527;
        color:#111;
        font-size:8px;
    }

    /* Cleaner marketplace gallery size */
    .product-detail.section{
        padding-top:12px!important;
    }
    .product-media-gallery .media-stage{
        width:100%!important;
        aspect-ratio:1/1!important;
        max-height:min(390px,calc(100vw - 24px))!important;
        min-height:0!important;
        border-radius:16px!important;
    }
    .product-media-gallery .media-stage img{
        padding:0!important;
        object-fit:contain!important;
    }
    .media-arrow{
        width:36px!important;
        height:36px!important;
    }
    .media-thumbs{
        margin-top:9px!important;
    }

    .variation-visible-title-v19{
        margin-top:14px;
        font-size:10px;
        font-weight:800;
        letter-spacing:.02em;
    }
    .market-color-select-v17{
        display:block!important;
        visibility:visible!important;
        opacity:1!important;
        margin-top:7px!important;
        padding-top:9px!important;
    }
    .market-color-row-v17{
        display:flex!important;
        width:100%!important;
        overflow-x:auto!important;
        gap:8px!important;
        padding-bottom:4px!important;
    }
    .market-color-option-v17{
        display:flex!important;
        flex:0 0 72px!important;
        min-width:72px!important;
    }
}

/* Desktop: keep variations obvious beside main listing content */
.variation-visible-title-v19{
    font-size:10px;
    font-weight:800;
    margin:18px 0 0;
}
.market-color-select-v17{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}