/* V319: only the nine approved follow-up adjustments to V318. */
body.storefront-v200{background:#f7f6f0!important}
.h316{background:#f7f6f0!important;border-color:#ebe9e0!important;color:#173426}
.h316 .h316-section{background:#faf9f4!important;border-color:#e7e9de!important}
.h316 .modern-product-card,.h316 .h316-cat,.h316 .h316-pinned{background:#fff!important}
/* Preserve the approved large names and black prices; only enlarge availability text. */
.h316 .storefront-availability,.h316 .storefront-availability strong{font-size:20px!important;line-height:1.3!important;font-weight:850!important;min-height:30px}
.h316 .storefront-availability svg{width:22px!important;height:22px!important}
/* Hero as three balanced columns: banner | four honest benefits | pinned product. */
@media(min-width:1121px){
 .h316 .h316-hero.h319-hero-with-benefits{display:grid!important;grid-template-columns:minmax(0,1.85fr) minmax(210px,.65fr) minmax(285px,1fr);gap:11px;align-items:stretch}
 .h316 .h319-hero-with-benefits .h316-hero-main,.h316 .h319-hero-with-benefits .h316-pinned{flex:none!important;width:100%!important;min-width:0;height:calc(var(--h316-hero-h,310px) + 50px)!important}
 .h316 .h319-hero-with-benefits .h316-benefits{display:flex!important;flex-direction:column;align-items:stretch;min-width:0;height:calc(var(--h316-hero-h,310px) + 50px)!important;border-radius:13px!important;overflow:hidden}
 .h316 .h319-hero-with-benefits .h316-benefits>div{flex:1 1 auto;min-width:0;display:flex;align-items:flex-start!important;padding:8px 9px!important;border-right:0!important;border-bottom:1px solid #e3ebe3!important;gap:7px!important}
 .h316 .h319-hero-with-benefits .h316-benefits>div:last-child{border-bottom:0!important}
 .h316 .h319-hero-with-benefits .h316-benefits b{font-size:19px!important;flex:0 0 20px}
 .h316 .h319-hero-with-benefits .h316-benefits strong{font-size:12.5px!important;line-height:1.2!important}
 .h316 .h319-hero-with-benefits .h316-benefits small{font-size:11.5px!important;line-height:1.25!important}
 .h316 .h319-hero-with-benefits .h316-benefits .h319-shipping-line{font-size:11.5px!important}
 .h316 .h319-hero-with-benefits .h316-benefits .h318-free-shipping{font-size:10.5px!important;line-height:1.25!important}
 .h316 .h319-hero-with-benefits .h316-benefits .h318-conditions{font-size:10px!important}
 .h316 .h319-hero-with-benefits .h318-phone{font-size:14px!important;overflow-wrap:anywhere}
 .h316 .h319-hero-with-benefits .h317-pinned-layout{grid-template-columns:48% 52%!important}
 .h316 .h319-hero-with-benefits .h316-pinned-name{font-size:clamp(17px,1.4vw,21px)!important}
}
/* On medium screens keep banner & pinned side by side and place benefits below, without crushing banner. */
@media(min-width:761px) and (max-width:1120px){
 .h316 .h316-hero.h319-hero-with-benefits{display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:12px}
 .h316 .h319-hero-with-benefits .h316-hero-main,.h316 .h319-hero-with-benefits .h316-pinned{width:100%!important;flex:none!important;min-width:0;height:calc(var(--h316-hero-h,310px) + 50px)!important}
 .h316 .h319-hero-with-benefits .h316-benefits{grid-column:1/-1;grid-row:2;width:100%;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .h316 .h319-hero-with-benefits .h316-benefits>div{border-bottom:0!important;padding:12px 9px!important;min-width:0}
 .h316 .h319-hero-with-benefits .h316-benefits strong{font-size:13px!important}
 .h316 .h319-hero-with-benefits .h316-benefits small{font-size:12px!important}
}
@media(max-width:760px){
 .h316 .h316-hero.h319-hero-with-benefits{display:flex;flex-direction:column}
 .h316 .h319-hero-with-benefits .h316-benefits{order:3;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .h316 .h319-hero-with-benefits .h316-benefits>div{padding:10px!important}
 .h316 .storefront-availability,.h316 .storefront-availability strong{font-size:17px!important}
}
.h316 .h319-shipping-line{display:block!important;font-size:clamp(12px,1vw,14px)!important;line-height:1.3!important;color:#244937!important}
.h316 .h319-shipping-line strong{font-weight:900!important;color:#08683c!important}
.h316 .h319-shipping-line span{font-weight:700!important}
/* Main banner CTA: large uppercase label; width follows text, and the label never clips. */
.h316 .h316-banner-action{max-width:calc(100% - 32px)!important;left:16px;bottom:15px}
.h316 .h316-banner-action .home-theme-hero-action,
.h316 .h316-banner-action .home-theme-hero-button{
 display:inline-flex!important;justify-content:center!important;align-items:center!important;
 width:auto!important;max-width:100%!important;min-width:0!important;min-height:58px!important;
 border:0!important;border-radius:12px!important;background:#c85157!important;color:white!important;
 padding:12px 22px!important;font-size:clamp(19px,1.7vw,25px)!important;
 font-weight:900!important;letter-spacing:.02em!important;text-transform:uppercase!important;
 line-height:1.18!important;white-space:normal!important;overflow:visible!important;overflow-wrap:normal!important;
 box-shadow:0 5px 13px #743b3923!important;text-decoration:none!important
}
.h316 .h316-banner-action .home-theme-hero-action:hover,
.h316 .h316-banner-action .home-theme-hero-button:hover{background:#b74148!important}
@media(max-width:760px){
 .h316 .h316-banner-action{left:8px;max-width:calc(100% - 16px)}
 .h316 .h316-banner-action .home-theme-hero-action,.h316 .h316-banner-action .home-theme-hero-button{min-width:0;min-height:42px!important;font-size:clamp(14px,3.5vw,20px)!important;padding:8px 11px!important}
}

@media(min-width:1121px){.h316 .h316-hero.h319-hero-with-benefits:not(:has(.h316-pinned)){grid-template-columns:minmax(0,3fr) minmax(215px,1fr)}}