/* VALDUS V13 — mobile product page polish */

.product-mobile-bar,
.mobile-product-trust{
    display:none;
}

@media(max-width:600px){

    /* Compact secondary header for product pages */
    .product-mobile-bar{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        padding:10px 16px;
        min-height:44px;
        position:sticky;
        top:0;
        z-index:25;
        background:rgba(255,255,255,.96);
        backdrop-filter:blur(12px);
        border-bottom:1px solid #eceeef;
        font-size:10px;
        font-weight:800;
    }
    .product-mobile-bar>span{
        color:#72777d;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        text-transform:uppercase;
        letter-spacing:.08em;
    }
    .product-mobile-bar a{
        text-decoration:none;
        color:#111;
        white-space:nowrap;
    }
    .mobile-cart-link{
        padding:6px 10px;
        border:1px solid #dfe2e4;
        border-radius:999px;
        background:#fff;
    }

    /* Remove excessive vertical whitespace */
    .product-detail.section{
        padding-top:18px !important;
        padding-bottom:24px !important;
    }
    .product-detail-grid{
        gap:20px !important;
    }

    /* Product gallery feels like a native shopping page */
    .gallery{
        margin:0 -2px;
    }
    .main-product-image{
        aspect-ratio:1/1 !important;
        min-height:0 !important;
        max-height:none !important;
        border-radius:18px !important;
        background:#f7f8f8 !important;
        overflow:hidden;
        border:1px solid #f0f1f2;
    }
    .main-product-image img{
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
        padding:8px;
        background:#fff !important;
    }
    .thumbs{
        gap:8px !important;
        margin-top:10px !important;
        padding:0 1px 3px !important;
    }
    .thumbs button{
        flex:0 0 60px !important;
        width:60px !important;
        height:60px !important;
        border-radius:11px !important;
        overflow:hidden;
        border:1px solid #e3e5e7 !important;
        background:#fff;
    }
    .thumbs button:first-child{
        border-color:#A6F527 !important;
    }
    .thumbs img{
        width:100%;
        height:100%;
        object-fit:cover;
    }

    /* Product summary becomes denser and more premium */
    .product-copy{
        padding-top:2px;
    }
    .product-copy .section-kicker{
        font-size:10px !important;
        letter-spacing:.13em;
        margin-bottom:8px;
    }
    .product-copy h1{
        font-size:31px !important;
        line-height:1.03 !important;
        letter-spacing:-.035em !important;
        margin:0 0 8px !important;
    }
    .rating-line{
        font-size:11px !important;
        margin-top:0 !important;
        color:#555 !important;
    }

    .mobile-product-trust{
        display:flex;
        gap:7px;
        overflow-x:auto;
        scrollbar-width:none;
        margin:14px 0 14px;
        padding-bottom:1px;
    }
    .mobile-product-trust::-webkit-scrollbar{display:none}
    .mobile-product-trust span{
        flex:0 0 auto;
        background:#f5f6f6;
        border:1px solid #e8eaec;
        border-radius:999px;
        padding:7px 10px;
        font-size:9px;
        font-weight:700;
        color:#333;
    }

    .product-short{
        font-size:13px !important;
        line-height:1.65 !important;
        margin:0 0 14px !important;
        color:#5b5f63 !important;
    }
    .price-row{
        display:flex;
        align-items:baseline;
        gap:8px;
        margin:12px 0 3px !important;
    }
    .price-row strong{
        font-size:26px !important;
        line-height:1;
    }
    .price-row del{
        font-size:15px !important;
        color:#999;
    }
    .stock-line{
        display:inline-flex;
        margin:7px 0 12px !important;
        padding:6px 9px;
        border-radius:999px;
        background:#f3f8e9;
        color:#4f730c;
        font-size:9px !important;
        font-weight:800;
    }

    .buy-box{
        display:grid !important;
        grid-template-columns:80px 1fr;
        gap:8px !important;
        margin:8px 0 !important;
    }
    .qty-control{
        width:auto !important;
        min-width:0;
    }
    .qty-control label{
        font-size:8px !important;
    }
    .qty-control input{
        width:100% !important;
        height:48px !important;
        border-radius:12px !important;
        text-align:center;
        font-weight:800;
    }
    .buy-box .btn{
        height:48px !important;
        min-width:0 !important;
        border-radius:12px !important;
        font-size:12px !important;
    }
    .secondary-actions .btn{
        height:46px !important;
        border-radius:12px !important;
        font-size:11px !important;
    }

    .support-mini{
        display:none !important;
    }

    /* Main product tabs: three clear choices only */
    .product-tabs-section{
        padding-top:8px !important;
    }
    .product-tab-shell{
        border-radius:18px !important;
        overflow:hidden;
    }
    .product-tabs{
        display:grid !important;
        grid-template-columns:repeat(3,1fr);
        gap:6px !important;
        overflow:visible !important;
        padding:10px !important;
        background:#fafafa;
        border-bottom:1px solid #eceeef;
    }
    .product-tab{
        min-width:0 !important;
        width:100%;
        padding:10px 7px !important;
        font-size:10px !important;
        border-radius:10px !important;
        text-align:center;
    }
    .product-tab small{
        display:inline !important;
        margin-left:3px !important;
    }

    /* Details block */
    .peace-card,
    .all-details-shell{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .peace-head h2{
        font-size:24px !important;
        line-height:1.06 !important;
    }
    .warranty-strip{
        padding:14px !important;
        margin-bottom:12px !important;
    }
    .warranty-strip strong{
        font-size:13px !important;
    }

    .assurance-grid{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        overflow:visible !important;
        gap:8px !important;
    }
    .assurance-grid article{
        flex:auto !important;
        min-height:120px !important;
        padding:13px !important;
    }
    .assurance-grid article:last-child{
        grid-column:1/-1;
        min-height:auto !important;
    }

    .all-details-head{
        margin-bottom:14px !important;
    }
    .all-details-head h2{
        font-size:23px !important;
        line-height:1.08 !important;
    }

    .detail-subtabs{
        gap:6px !important;
        margin-bottom:16px !important;
        padding-bottom:3px !important;
    }
    .detail-subtab{
        padding:9px 12px !important;
        font-size:9px !important;
        border-radius:9px !important;
    }

    .showcase-copy{
        border-radius:15px !important;
        padding:17px !important;
    }
    .showcase-copy h3{
        font-size:22px !important;
        line-height:1.05 !important;
        margin-bottom:15px !important;
    }
    .showcase-copy p{
        font-size:12px !important;
        line-height:1.62 !important;
        margin-bottom:12px !important;
    }
    .showcase-visual{
        border-radius:15px !important;
        min-height:240px !important;
    }

    /* Prevent bottom Safari bar from visually colliding with content */
    .product-page{
        padding-bottom:28px;
    }
}