/* SRSHerbal v2.25.0 — herb master -> product catalogue + mobile product grid repair. */

:root{
    --v225-navy:#123f53;
    --v225-teal:#0f7665;
    --v225-green:#2a9d78;
    --v225-orange:#ff6f2f;
    --v225-soft:#f3faf7;
    --v225-line:#dce9e6;
}

/* Reference herb products should look like real catalogue entries without
   pretending that an unverified fixed retail price exists. */
.herb-product-card-v225 .product-art{
    background:radial-gradient(circle at 50% 20%,#fff 0,#f6fbf8 60%,#eaf5ef 100%)!important;
}
.herb-product-card-v225 .product-art>img{
    padding:8px!important;
    filter:drop-shadow(0 10px 18px rgba(21,79,62,.12))!important;
}
.pc-badge.herb-ref{
    background:#e8f7ef!important;
    color:#176d55!important;
    border:1px solid #cbe9db!important;
}
.herb-scientific-v225{
    min-height:38px;
    color:#687e78!important;
    font-family:Georgia,serif;
    line-height:1.35!important;
}
.herb-card-proof-v225{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin:4px 0 8px;
}
.herb-card-proof-v225 span{
    padding:5px 7px;
    border-radius:999px;
    background:#eff8f4;
    border:1px solid #dcece4;
    color:#2f6f5d;
    font-size:10px;
    line-height:1.1;
    font-weight:800;
}
.herb-quote-price-v225{
    display:flex!important;
    align-items:baseline!important;
    gap:6px!important;
    flex-wrap:wrap!important;
}
.herb-quote-price-v225 .price{color:var(--v225-navy)!important}
.herb-quote-price-v225 small{color:#71837d;font-size:10px;font-weight:700}

/* Product detail: RFQ/reference commerce is intentionally separate from cart. */
.herb-reference-commerce-v225{
    margin:18px 0;
    padding:18px;
    border:1px solid #d9e9e2;
    border-radius:18px;
    background:linear-gradient(145deg,#f4fbf7,#fffdf8);
    box-shadow:0 10px 26px rgba(18,63,83,.055);
}
.herb-listing-kicker-v225{
    display:inline-flex;
    padding:6px 9px;
    border-radius:999px;
    background:#e8f6ef;
    color:#176c55;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
}
.herb-reference-commerce-v225 .big-price{margin:12px 0 4px!important}
.herb-reference-commerce-v225 .big-price small{
    display:inline-block;
    margin-left:5px;
    font-size:12px;
    color:#6e807b;
    font-weight:700;
}
.herb-live-quote-v225{color:var(--v225-teal)}
.herb-price-note-v225{margin:5px 0 14px!important;color:#60756f!important;font-size:12px!important;line-height:1.55!important}
.herb-reference-actions-v225{display:flex;gap:8px;flex-wrap:wrap}
.herb-reference-actions-v225 .btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.herb-trade-status-v225{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.herb-trade-status-v225 span{
    padding:6px 8px;
    border-radius:9px;
    background:#fff;
    border:1px solid #e1ece7;
    color:#60766f;
    font-size:10px;
    font-weight:750;
}
.product-link-v225{background:#eef7ff!important;color:#285f7b!important}

/* Product pages generated from herbs should never collapse into the narrow
   four-column phone layout seen in the live screenshot. */
@media(max-width:820px){
    .locked-global-theme.v224-responsive .catalog-shell{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        padding:10px!important;
    }
    .locked-global-theme.v224-responsive .catalog-results{
        width:100%!important;
        min-width:0!important;
    }
    .locked-global-theme.v224-responsive .catalog-results .product-grid,
    .locked-global-theme.v224-responsive .product-grid{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:10px!important;
        width:100%!important;
        max-width:100%!important;
    }
    .locked-global-theme.v224-responsive .smart-product-card{
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        border-radius:17px!important;
        overflow:hidden!important;
    }
    .locked-global-theme.v224-responsive .smart-product-card .product-art{
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        aspect-ratio:1/1!important;
        padding:8px!important;
    }
    .locked-global-theme.v224-responsive .smart-product-card .product-art>img{
        width:100%!important;
        height:100%!important;
        max-height:none!important;
        object-fit:contain!important;
        padding:5px!important;
    }
    .locked-global-theme.v224-responsive .smart-product-card .product-card-body{
        min-width:0!important;
        padding:3px 10px 11px!important;
        gap:5px!important;
    }
    .locked-global-theme.v224-responsive .smart-product-card .ptype{
        font-size:9px!important;
        line-height:1.25!important;
        letter-spacing:.07em!important;
    }
    .locked-global-theme.v224-responsive .smart-product-card h3{
        margin:1px 0!important;
        min-height:34px!important;
        font-size:13px!important;
        line-height:1.28!important;
        display:-webkit-box!important;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden!important;
    }
    .locked-global-theme.v224-responsive .smart-product-card .manufacturer-line{
        min-height:32px!important;
        margin:0!important;
        font-size:10.5px!important;
        line-height:1.45!important;
        display:-webkit-box!important;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden!important;
    }
    .locked-global-theme.v224-responsive .smart-product-card .product-card-rating{
        width:100%!important;
        padding:6px 7px!important;
        gap:2px 5px!important;
    }
    .locked-global-theme.v224-responsive .smart-product-card .product-card-rating b{font-size:12px!important;letter-spacing:0!important}
    .locked-global-theme.v224-responsive .smart-product-card .product-card-rating small{font-size:9px!important;white-space:normal!important}
    .locked-global-theme.v224-responsive .smart-product-card .price-row{padding-top:4px!important}
    .locked-global-theme.v224-responsive .smart-product-card .price{font-size:17px!important}
    .locked-global-theme.v224-responsive .smart-product-card .card-cta{
        width:100%!important;
        min-height:38px!important;
        margin-top:6px!important;
        padding:7px 6px!important;
        font-size:9.5px!important;
        line-height:1.25!important;
        white-space:normal!important;
    }
    .locked-global-theme.v224-responsive .product-badges{gap:4px!important;top:7px!important;left:7px!important;right:7px!important}
    .locked-global-theme.v224-responsive .pc-badge{font-size:8px!important;padding:4px 6px!important}
    .locked-global-theme.v224-responsive .herb-card-proof-v225{gap:4px;margin:2px 0 5px}
    .locked-global-theme.v224-responsive .herb-card-proof-v225 span{font-size:8.5px;padding:4px 5px}
    .locked-global-theme.v224-responsive .herb-quote-price-v225 small{width:100%;font-size:8.5px}

    .locked-global-theme.v224-responsive .product-page-v290{
        grid-template-columns:1fr!important;
        gap:10px!important;
        margin:12px auto!important;
        padding:0 10px!important;
    }
    .locked-global-theme.v224-responsive .product-page-v290 .gallery,
    .locked-global-theme.v224-responsive .product-page-v290 .product-info{
        padding:14px!important;
        border-radius:17px!important;
    }
    .locked-global-theme.v224-responsive .product-page-v290 .product-info{position:static!important}
    .locked-global-theme.v224-responsive .main-product-image{min-height:0!important;aspect-ratio:1/1!important}
    .locked-global-theme.v224-responsive .main-product-image img{height:100%!important;max-height:420px!important}
    .locked-global-theme.v224-responsive .herb-reference-actions-v225{display:grid;grid-template-columns:1fr!important}
    .locked-global-theme.v224-responsive .herb-reference-actions-v225 .btn{width:100%!important}
    .locked-global-theme.v224-responsive .tabs-grid{grid-template-columns:1fr!important}
}

@media(max-width:380px){
    .locked-global-theme.v224-responsive .catalog-shell{padding:8px!important}
    .locked-global-theme.v224-responsive .catalog-results .product-grid,
    .locked-global-theme.v224-responsive .product-grid{gap:8px!important}
    .locked-global-theme.v224-responsive .smart-product-card h3{font-size:12.5px!important}
    .locked-global-theme.v224-responsive .smart-product-card .product-card-body{padding:3px 8px 10px!important}
}