/* ZEDO V322 - scoped homepage refinements. Works above V321; no cart/shipping code changes. */
body.storefront-v200 .h316 {--h322-soft:#f7f6f0;--h322-green:#087e4b;}
body.storefront-v200 .h316 .h316-marquee{margin-top:6px}
body.storefront-v200 .h316 .h316-marquee .h316-head h2{font-weight:950;letter-spacing:-.025em}
/* Hero image remains uncropped; color-matched blurred backdrop softens unused side space. */
body.storefront-v200 .h316 .h316-hero-main{background:#eef2ea!important;border-color:#e0e7dc!important}
body.storefront-v200 .h316 .h316-slide{isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#eef2e8,#f9f8ee,#edf3ed)!important}
body.storefront-v200 .h316 .h316-slide .h322-banner-atmosphere{position:absolute;inset:-18px;background-position:center center;background-size:cover;filter:blur(20px) saturate(.72);opacity:.29;pointer-events:none;z-index:-1}
body.storefront-v200 .h316 .h316-slide .h316-banner-image-link{z-index:0}
/* Preserve inline object-fit and object-position from the banner visual editor (cover/contain). */
body.storefront-v200 .h316 .h316-slide img{background:transparent!important;position:relative;z-index:1}
body.storefront-v200 .h316 .h316-banner-action{z-index:3;max-width:calc(100% - 24px)}
body.storefront-v200 .h316 .h316-banner-action a.home-theme-hero-action,
body.storefront-v200 .h316 .h316-banner-action .home-theme-hero-button{min-height:42px!important;max-width:100%!important;padding:9px 13px!important;font-size:15px!important;font-weight:850!important;line-height:1.25!important;box-shadow:0 3px 10px #51262720!important;border-radius:9px!important;white-space:normal!important}
/* Customer-first balance: 4 similarly weighted benefit cards, no one giant empty delivery card. */
@media(min-width:1340px){
 body.storefront-v200 .h316 .h319-hero-with-benefits .h316-benefits{
   grid-template-rows:repeat(4,minmax(0,1fr))!important;
   height:calc(var(--h316-hero-h,310px) + 50px)!important;
   gap:7px!important;overflow:visible!important;
 }
 body.storefront-v200 .h316 .h319-hero-with-benefits .h316-benefits>div:first-child{overflow-y:auto!important;scrollbar-width:thin}
}
body.storefront-v200 .h316 .h319-hero-with-benefits .h316-benefits>div{
  padding:11px 12px!important;box-shadow:0 2px 8px #193e2520!important;
  border:1px solid #dce9da!important;border-radius:12px!important;
  align-items:center!important;min-width:0!important;
}
body.storefront-v200 .h316 .h319-hero-with-benefits .h316-benefits>div:first-child{background:#ecf7ee!important;align-items:center!important;box-shadow:inset 3px 0 #188c56,0 2px 8px #193e2512!important}
body.storefront-v200 .h316 .h319-hero-with-benefits .h316-benefits>div:last-child{background:#f0f8ed!important}
body.storefront-v200 .h316 .h319-hero-with-benefits .h316-benefits>div>span{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px!important}
body.storefront-v200 .h316 .h319-hero-with-benefits .h316-benefits>div>span>strong{font-size:clamp(13px,1vw,16px)!important;line-height:1.15!important}
body.storefront-v200 .h316 .h319-hero-with-benefits .h319-shipping-line{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:2px 4px!important;font-size:12px!important;line-height:1.3!important}
body.storefront-v200 .h316 .h319-hero-with-benefits .h319-shipping-line strong{font-size:clamp(13px,1.15vw,17px)!important}
/* Pinned product: full-height contain picture, room for 3+ lines without truncation */
body.storefront-v200 .h316 .h316-pinned{box-shadow:0 7px 20px #223b2d19!important}
body.storefront-v200 .h316 .h317-pinned-layout{grid-template-columns:minmax(0,53%) minmax(0,47%)!important;min-height:0!important}
body.storefront-v200 .h316 .h317-pinned-layout .h316-pinned-photo{padding:8px 2px 8px 9px!important;overflow:hidden!important}
body.storefront-v200 .h316 .h317-pinned-layout .h316-pinned-photo img{object-fit:contain!important;width:100%!important;height:100%!important}
body.storefront-v200 .h316 .h317-pinned-layout .h316-pinned-bottom{padding:12px 13px!important;gap:8px!important;justify-content:center!important;overflow-y:auto!important;overflow-x:hidden!important}
body.storefront-v200 .h316 .h317-pinned-layout .h316-pinned-name{font-size:clamp(16px,1.35vw,21px)!important;line-height:1.28!important;display:block!important;overflow:visible!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;-webkit-line-clamp:unset!important;max-height:none!important}
body.storefront-v200 .h316 .h317-pinned-layout .h316-pinned-price strong{font-size:clamp(24px,2.2vw,32px)!important;color:#15241c!important}
body.storefront-v200 .h316 .h317-pinned-layout .h318-pinned-stock{font-size:13px!important}
body.storefront-v200 .h316 .h317-pinned-layout form button{min-height:46px!important;font-size:15px!important}
/* Popular categories: bigger clean photo area, name close to its count. */
body.storefront-v200 .h316 .h316-cat-photo{height:140px!important;overflow:hidden!important;background:#f4f7f4!important}
body.storefront-v200 .h316 .h316-cat-photo img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff}
body.storefront-v200 .h316 .h316-cat strong{font-size:15px!important;min-height:0!important;padding:8px 5px 2px!important;line-height:1.25!important;display:block!important}
body.storefront-v200 .h316 .h316-cat small{font-size:12px!important;padding:2px 5px 9px!important;line-height:1.25!important}
body.storefront-v200 .h316 .h316-cat{padding-bottom:0!important}
/* Horizontal cards and arrows retain existing validated V317 motion handling. */
@media(min-width:761px) and (max-width:1339px){
 body.storefront-v200 .h316 .h319-hero-with-benefits .h316-benefits{gap:8px!important;height:auto!important}
 body.storefront-v200 .h316 .h319-hero-with-benefits .h316-benefits>div{padding:11px!important}
}
@media(max-width:760px){
 body.storefront-v200 .h316 .h316-hero-main{border-radius:12px!important}
 body.storefront-v200 .h316 .h316-banner-action a.home-theme-hero-action,
 body.storefront-v200 .h316 .h316-banner-action .home-theme-hero-button{padding:8px 10px!important;font-size:12px!important;min-height:36px!important}
 body.storefront-v200 .h316 .h317-pinned-layout{grid-template-columns:minmax(0,47%) minmax(0,53%)!important}
 body.storefront-v200 .h316 .h317-pinned-layout .h316-pinned-bottom{padding:8px!important;gap:5px!important}
 body.storefront-v200 .h316 .h317-pinned-layout .h316-pinned-name{font-size:15px!important;line-height:1.22!important}
 body.storefront-v200 .h316 .h317-pinned-layout .h316-pinned-price strong{font-size:23px!important}
 body.storefront-v200 .h316 .h316-cat-photo{height:110px!important}
 body.storefront-v200 .h316 .h316-cat strong{font-size:13px!important}
}
/* Shipping details must start at the top, never be vertically clipped when extra free-delivery conditions are present. */
@media(min-width:1340px){
 body.storefront-v200 .h316 .h319-hero-with-benefits .h316-benefits{grid-template-rows:minmax(120px,1.45fr) repeat(3,minmax(54px,1fr))!important}
 body.storefront-v200 .h316 .h319-hero-with-benefits .h316-benefits>div:first-child{align-items:flex-start!important;overflow-y:auto!important}
 body.storefront-v200 .h316 .h319-hero-with-benefits .h316-benefits>div:first-child>span{justify-content:flex-start!important;align-self:flex-start!important}
}