/* ZEFFIRO 4.40: true compact CATEGORY CARDS, original SECTION ORDER after featured products.
   Overrides 4.39 fixed 268px shell and the full-bleed hero placement.
   Keep 3D art, links, rail arrows and independent dark/light palettes. */
html body main[data-page="home"] section#categories.quick-sections {
  box-sizing:border-box!important;
  width:calc(100% - clamp(22px,4vw,80px))!important;
  max-width:1420px!important;
  margin:18px auto 42px!important;
  padding:24px clamp(12px,2.3vw,34px) 24px!important;
  border:1px solid rgba(82,205,184,.18)!important;
  border-radius:24px!important;
  background:radial-gradient(ellipse at 50% 10%,rgba(82,205,184,.06),transparent 65%),#081919!important;
  overflow:hidden!important;
}
html[data-theme="light"] body main[data-page="home"] section#categories.quick-sections {
  background:linear-gradient(180deg,#fff,#f8fffc)!important;
  border-color:rgba(9,120,94,.12)!important;
  box-shadow:0 10px 28px rgba(10,68,57,.055)!important;
}
html body main[data-page="home"] #categories .quick-sections-head {
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 0 16px!important;
  padding:0 104px!important;
  min-height:70px!important;
  text-align:center!important;
}
html body main[data-page="home"] #categories .quick-sections-head .section-kicker{font-size:10px!important;letter-spacing:.18em!important}
html body main[data-page="home"] #categories .quick-sections-head #quickSectionsTitle{
  font-size:clamp(25px,2.55vw,36px)!important;line-height:1.15!important;
  margin:8px 0 0!important;
}

html body main[data-page="home"] #categories .zeffiro-rail-controls {position:absolute!important;right:3px!important;top:50%!important;transform:translateY(-50%)!important}
html body main[data-page="home"] #categories .quick-sections-track{
  gap:12px!important;padding:11px 4px 13px!important;
  display:flex!important;align-items:stretch!important;
  overflow-x:auto!important;scroll-snap-type:x mandatory!important;
}
/* Essential difference: reduce the entire card, not only the image. */
html body main[data-page="home"] #categories .quick-section-link {
  box-sizing:border-box!important;
  flex:0 0 154px!important;width:154px!important;min-width:154px!important;max-width:154px!important;
  height:188px!important;min-height:188px!important;max-height:188px!important;
  padding:8px 7px 11px!important;gap:3px!important;
  border-radius:17px!important;
  border:1px solid rgba(82,205,184,.36)!important;
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;
  scroll-snap-align:start!important;overflow:hidden!important;
  background:radial-gradient(ellipse at 50% 37%,#133731,#071c1b 82%)!important;
  box-shadow:0 7px 14px rgba(0,0,0,.12)!important;
}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-link {
  background:linear-gradient(160deg,#fff 10%,#f9fffd 100%)!important;
  border-color:#d6eee6!important;
  box-shadow:0 7px 14px rgba(4,65,50,.085)!important;
}
html body main[data-page="home"] #categories .quick-section-link::before{
  content:""!important;position:absolute!important;top:66%!important;left:18%!important;right:18%!important;
  height:11px!important;background:radial-gradient(ellipse,rgba(60,215,188,.28),transparent 74%)!important;
  filter:blur(4px)!important;
}
html body main[data-page="home"] #categories .quick-section-link .quick-section-icon {
  flex:0 0 138px!important;width:100%!important;height:138px!important;
  min-height:138px!important;max-height:138px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;padding:4px!important;
  overflow:visible!important;
}
html body main[data-page="home"] #categories .quick-section-icon img.zf439-category-art{
  display:block!important;width:127px!important;max-width:127px!important;
  height:127px!important;max-height:127px!important;
  object-fit:contain!important;object-position:center!important;
  margin:auto!important;transform:none!important;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.25))!important;
}
html body main[data-page="home"] #categories .quick-section-copy{
  box-sizing:border-box!important;flex:0 0 31px!important;height:31px!important;
  min-height:31px!important;max-height:31px!important;
  width:100%!important;padding:0 2px!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
html body main[data-page="home"] #categories .quick-section-copy strong{
  font-size:12.5px!important;line-height:1.14!important;font-weight:800!important;
  text-align:center!important;white-space:normal!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(-3px)!important}
 html body main[data-page="home"] #categories .quick-section-link:hover .quick-section-icon img.zf439-category-art{transform:translateY(-2px)!important}
}
@media (max-width:700px){
 html body main[data-page="home"] section#categories.quick-sections{width:calc(100% - 16px)!important;margin:12px auto 28px!important;padding:17px 10px 13px!important;border-radius:18px!important}
 html body main[data-page="home"] #categories .quick-sections-head{min-height:72px!important;padding:0 42px!important;margin-bottom:13px!important}
 html body main[data-page="home"] #categories .quick-sections-head #quickSectionsTitle{font-size:25px!important}
 html body main[data-page="home"] #categories .zeffiro-rail-controls {right:-4px!important;gap:3px!important}
 html body main[data-page="home"] #categories .quick-sections-track{gap:9px!important;padding:8px 3px 12px!important}
 html body main[data-page="home"] #categories .quick-section-link{
  flex:0 0 120px!important;width:120px!important;min-width:120px!important;max-width:120px!important;
  height:153px!important;min-height:153px!important;max-height:153px!important;
  padding:6px 5px 8px!important;border-radius:14px!important;
 }
 html body main[data-page="home"] #categories .quick-section-link .quick-section-icon{
  flex:0 0 110px!important;height:110px!important;min-height:110px!important;max-height:110px!important;padding:2px!important;
 }
 html body main[data-page="home"] #categories .quick-section-icon img.zf439-category-art{
  width:105px!important;max-width:105px!important;height:105px!important;max-height:105px!important;
 }
 html body main[data-page="home"] #categories .quick-section-copy {flex:0 0 27px!important;height:27px!important;min-height:27px!important;max-height:27px!important}
 html body main[data-page="home"] #categories .quick-section-copy strong{font-size:10.8px!important}
}