/* ZEFFIRO 4.39 | APPROVED FULL-SITE 3D CATEGORIES & DELIVERY HERO.
   Standalone art with safe intrinsic margins; NO single-letter branding.
   This stylesheet is intentionally loaded last to override old 4.34-4.35 sizing. */
html[data-theme="dark"] body main[data-page="home"] {
  background: radial-gradient(ellipse 68% 26% at 11% 33%,rgba(0,147,131,.10),transparent 78%),
  radial-gradient(ellipse 58% 27% at 91% 41%,rgba(0,152,138,.12),transparent 78%),#020f10;
}
html[data-theme="light"] body main[data-page="home"] {background:linear-gradient(180deg,#fff 0%,#f5fffb 45%,#fff 100%)}
/* The approved homepage has one hero carousel, not two stacked hero banners. */
body main[data-page="home"] > section.hero.container {display:none!important}
html body main[data-page="home"] section.zf-showcase.container {
  width:calc(100% - clamp(12px,2.8vw,46px))!important;
  max-width:none!important;
  margin:0 auto!important;
}
html body main[data-page="home"] .zf-showcase-slide[data-slide="delivery"]{
 background:linear-gradient(90deg,#021c1c,#003c36 72%,#021a1c)!important;
}
html body main[data-page="home"] .zf-showcase-slide[data-slide="delivery"] .zf-showcase-photo{
 inset:0 0 0 40%!important; background-size:contain!important;
 background-position:center right!important;
 filter:none!important;
}
html body main[data-page="home"] .zf-showcase-slide[data-slide="delivery"] .zf-showcase-shade{
 background:linear-gradient(90deg,#00201f 0%,rgba(1,28,27,.98) 32%,rgba(2,36,34,.50) 55%,transparent 75%)!important;
}
html body main[data-page="home"] .zf-showcase-slide[data-slide="delivery"] .zf-showcase-kicker{font-size:11px;letter-spacing:.14em}
html body main[data-page="home"] .zf-showcase-slide[data-slide="delivery"] .zf-showcase-copy{left:clamp(43px,7vw,145px)!important;width:47%!important}
html body main[data-page="home"] .zf-showcase-slide[data-slide="delivery"] .zf-showcase-copy h2{font-size:clamp(28px,3vw,54px);line-height:1.09}
/* Category section is part of the hero composition; full width, dark teal / light palette. */
html body main[data-page="home"] section#categories.quick-sections {
  background:radial-gradient(ellipse 68% 70% at -12% 58%,rgba(2,134,120,.24),transparent 84%),
  radial-gradient(ellipse 58% 85% at 112% 52%,rgba(0,136,125,.19),transparent 82%),
  linear-gradient(180deg,#021817,#012622 54%,#021514 100%)!important;
  margin:0 auto!important;
  padding:28px clamp(16px,2.8vw,55px) 37px!important;
  overflow:hidden!important;max-width:none!important;width:100%!important;
  border:0!important;
}
html[data-theme="light"] body main[data-page="home"] section#categories.quick-sections{
  background:radial-gradient(ellipse 68% 74% at -9% 80%,rgba(104,235,201,.14),transparent 84%),
  radial-gradient(ellipse 58% 65% at 111% 23%,rgba(122,218,200,.13),transparent 82%),
  #ffffff!important;
}
html body main[data-page="home"] #categories .quick-sections-head{
 margin:0 0 20px!important;min-height:80px!important;
}
html body main[data-page="home"] #categories .quick-sections-head #quickSectionsTitle{
 font-size:clamp(26px,3vw,43px)!important;
}
html body main[data-page="home"] #categories .quick-sections-track {
  display:flex!important;gap:12px!important;align-items:stretch!important;
  padding:8px 4px 24px!important;
  overflow-x:auto!important;overscroll-behavior-x:contain!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
}
html body main[data-page="home"] #categories .quick-sections-track::-webkit-scrollbar{display:none!important}
html body main[data-page="home"] #categories .quick-section-link{
  flex:0 0 clamp(178px,13.15vw,214px)!important;
  width:clamp(178px,13.15vw,214px)!important;
  min-width:clamp(178px,13.15vw,214px)!important;
  max-width:214px!important;
  height:268px!important;min-height:268px!important;max-height:268px!important;
  padding:13px 10px 14px!important;gap:0!important;
  align-items:center!important;justify-content:space-between!important;
  overflow:hidden!important;scroll-snap-align:start!important;
  border:1px solid rgba(83,228,207,.68)!important;border-radius:22px!important;
  background:radial-gradient(ellipse 95% 60% at 50% 42%,#074941 0%,#042b27 50%,#021d1c 100%)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(179,255,239,.15),0 0 17px rgba(28,159,145,.05)!important;
  text-decoration:none!important;
}
html body main[data-page="home"] #categories .quick-section-link::before{
 content:""!important;position:absolute!important;left:12%!important;right:12%!important;
 top:51%!important;bottom:auto!important;height:21px!important;
 background:radial-gradient(ellipse,rgba(37,251,215,.39),transparent 75%)!important;
 filter:blur(9px)!important;z-index:0!important;pointer-events:none!important;
}
html body main[data-page="home"] #categories .quick-section-link .quick-section-icon {
  flex:0 0 202px!important;display:grid!important;place-items:center!important;
  width:100%!important;height:202px!important;min-height:202px!important;max-height:202px!important;
  padding:0!important;overflow:visible!important;border:0!important;background:none!important;
  box-shadow:none!important;margin:0!important;position:relative!important;z-index:1!important;
}
html body main[data-page="home"] #categories .quick-section-icon img.zf439-category-art{
  display:block!important;width:100%!important;max-width:198px!important;
  height:198px!important;max-height:198px!important;object-fit:contain!important;
  object-position:center center!important;margin:auto!important;opacity:1!important;
  transform:none!important;scale:1!important;
  filter:drop-shadow(0 12px 12px rgba(0,0,0,.35))!important;
  transition:transform .24s ease,filter .24s ease!important;
}
html body main[data-page="home"] #categories .quick-section-copy{
  flex:0 0 40px!important;height:40px!important;min-height:40px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;z-index:2!important;
}
html body main[data-page="home"] #categories .quick-section-copy strong{
  font-size:clamp(13px,1.08vw,16px)!important;line-height:1.2!important;
  font-weight:850!important;text-align:center!important;white-space:normal!important;color:#f6fffd!important;
}
html body main[data-page="home"] #categories .quick-section-copy>span{display:none!important}
@media(hover:hover) and (pointer:fine){
 html body main[data-page="home"] #categories .quick-section-link:hover{
  transform:translateY(-4px)!important;border-color:#6efce1!important;
  box-shadow:0 20px 29px rgba(0,0,0,.24),0 0 20px rgba(82,205,184,.16)!important;
 }
 html body main[data-page="home"] #categories .quick-section-link:hover .quick-section-icon img.zf439-category-art{
  transform:translateY(-3px)!important;
 }
}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-link{
  background:radial-gradient(ellipse 87% 50% at 50% 47%,#f2fffa,#fff 88%)!important;
  border-color:#cceee3!important;
  box-shadow:0 10px 23px rgba(6,62,51,.10),inset 0 1px 0 #fff!important;
}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-link::before{
 background:radial-gradient(ellipse,rgba(64,190,160,.19),transparent 74%)!important;
}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-copy strong{color:#0a3029!important}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-icon img.zf439-category-art{
 filter:drop-shadow(0 10px 9px rgba(0,44,36,.18))!important;
}
@media(max-width:700px){
 html body main[data-page="home"] section.zf-showcase.container{width:calc(100% - 16px)!important}
 html body main[data-page="home"] .zf-showcase-slide[data-slide="delivery"] .zf-showcase-photo{
  inset:38% 0 0 0!important;background-size:contain!important;
  background-position:center bottom!important;
 }
 html body main[data-page="home"] .zf-showcase-slide[data-slide="delivery"] .zf-showcase-shade{
  background:linear-gradient(180deg,#02211f 0%,#02211ff7 40%,transparent 74%)!important;
 }
 html body main[data-page="home"] .zf-showcase-slide[data-slide="delivery"] .zf-showcase-copy{
  left:22px!important;top:22px!important;transform:none!important;width:calc(100% - 45px)!important;
 }
 html body main[data-page="home"] #categories.quick-sections{padding:19px 12px 25px!important}
 html body main[data-page="home"] #categories .quick-sections-head{min-height:62px!important;margin-bottom:10px!important}
 html body main[data-page="home"] #categories .quick-section-link{
  flex:0 0 161px!important;min-width:161px!important;width:161px!important;max-width:161px!important;
  height:215px!important;min-height:215px!important;max-height:215px!important;
  border-radius:18px!important;padding:8px 7px 10px!important;
 }
 html body main[data-page="home"] #categories .quick-section-link .quick-section-icon{
  flex:0 0 164px!important;height:164px!important;min-height:164px!important;max-height:164px!important;
 }
 html body main[data-page="home"] #categories .quick-section-icon img.zf439-category-art{
  width:100%!important;max-width:158px!important;height:158px!important;max-height:158px!important;
 }
 html body main[data-page="home"] #categories .quick-section-copy{
  flex:0 0 34px!important;height:34px!important;min-height:34px!important;
 }
 html body main[data-page="home"] #categories .quick-section-copy strong{font-size:12.5px!important}
}
@media(prefers-reduced-motion:reduce){
 html body main[data-page="home"] #categories .quick-section-icon img.zf439-category-art{transition:none!important;transform:none!important}
}