/* ZEFFIRO 4.25 — unified dark/light category geometry and light/dark product photo mounts.
 * Both themes intentionally share identical widths, height, content alignment and breakpoints.
 * Ordinary theme only. Seasonal effects are handled separately.
 */
:root{--zf425-mint:#52CDB8}
html body main[data-page="home"] #categories .quick-section-link{
  box-sizing:border-box!important;
  flex:0 0 clamp(160px,12vw,185px)!important;
  width:clamp(160px,12vw,185px)!important;
  min-width:clamp(160px,12vw,185px)!important;
  max-width:185px!important;
  height:195px!important;min-height:195px!important;max-height:195px!important;
  border-radius:19px!important;padding:13px 11px 15px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:space-between!important;gap:10px!important;
  border:1px solid rgba(82,205,184,.62)!important;
  box-shadow:0 8px 22px rgba(0,24,20,.07),inset 0 0 0 1px rgba(82,205,184,.03)!important;
  overflow:hidden!important;position:relative!important;
  transform:none!important;
}
html[data-theme="dark"] body main[data-page="home"] #categories .quick-section-link{
  background:linear-gradient(145deg,#071e1e,#092b2a)!important;
  color:#f4fffc!important;
}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-link{
  background:linear-gradient(145deg,#ffffff,#f0fbf8)!important;
  border-color:#b1e4da!important;
  color:#10362d!important;
}
html body main[data-page="home"] #categories .quick-section-link:hover{
  transform:translateY(-2px)!important;border-color:#52cdb8!important;
  box-shadow:0 12px 23px rgba(20,137,118,.12)!important;
}
html body main[data-page="home"] #categories .quick-section-icon{
  box-sizing:border-box!important;flex:0 0 132px!important;
  display:grid!important;place-items:center!important;
  width:100%!important;min-width:0!important;height:132px!important;
  min-height:132px!important;max-height:132px!important;
  padding:4px!important;margin:0!important;background:transparent!important;
  border:0!important;box-shadow:none!important;overflow:hidden!important;
}
html body main[data-page="home"] #categories .quick-section-icon img.zf423-category-art{
  display:block!important;position:static!important;
  box-sizing:border-box!important;width:100%!important;height:100%!important;
  max-width:140px!important;max-height:122px!important;
  object-fit:contain!important;object-position:center!important;
  transform:none!important;filter:none!important;opacity:1!important;background:transparent!important;
}
html body main[data-page="home"] #categories .quick-section-copy{
  width:100%!important;min-height:31px!important;flex:0 0 31px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;margin:0!important;padding:0!important;
}
html body main[data-page="home"] #categories .quick-section-copy strong{
  display:block!important;max-width:100%!important;line-height:1.15!important;
  text-align:center!important;font-size:14px!important;font-weight:800!important;
}
html[data-theme="dark"] body main[data-page="home"] #categories .quick-section-copy strong{color:#f4fffa!important}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-copy strong{color:#10362d!important}
html body main[data-page="home"] #categories .zeffiro-category-segment{gap:12px!important;padding-right:12px!important;align-items:stretch!important}
/* Match thumbnail mounting in both themes: one image, white surface, never crop/stretch. */
html body main[data-page="home"] .zf412-hits-track .product-card,
html body main[data-page="home"] #homeProductGrid .product-card{
  box-sizing:border-box!important;min-width:0!important;
}
html body main[data-page="home"] .zf412-hits-track .product-card .product-image,
html body main[data-page="home"] #homeProductGrid .product-card .product-image{
  position:relative!important;overflow:hidden!important;
  background:#fff!important;background-image:none!important;
  border-radius:12px!important;box-shadow:none!important;
}
html body main[data-page="home"] .zf412-hits-track .product-card .product-image::before,
html body main[data-page="home"] #homeProductGrid .product-card .product-image::before{
  content:none!important;display:none!important;
}
html body main[data-page="home"] .zf412-hits-track .product-card .product-image>img,
html body main[data-page="home"] #homeProductGrid .product-card .product-image>img{
  object-fit:contain!important;object-position:center!important;
  transform:none!important;filter:none!important;
  background:#fff!important;
}
/* Dark theme uses the exact same approved light-theme sizing, only the card surface changes. */
html[data-theme="dark"] body main[data-page="home"] .zf412-hits-track .product-card,
html[data-theme="dark"] body main[data-page="home"] #homeProductGrid .product-card{
  border-color:#236a61!important;background:#061f1e!important;color:#effff9!important;
}
html[data-theme="light"] body main[data-page="home"] .zf412-hits-track .product-card,
html[data-theme="light"] body main[data-page="home"] #homeProductGrid .product-card{
  border-color:#bce2d9!important;background:#fff!important;color:#0d2f29!important;
}
/* Main promotional ticker: increase text only, preserve motion and link behavior. */
.announcement.promotion-marquee .marquee-segment a,
.announcement.promotion-marquee .marquee-segment>span{
  font-size:15px!important;font-weight:800!important;line-height:1.2!important;
}
@media(max-width:700px){
 html body main[data-page="home"] #categories .quick-section-link{
   flex-basis:144px!important;width:144px!important;min-width:144px!important;
   max-width:144px!important;height:163px!important;min-height:163px!important;
   max-height:163px!important;padding:10px 8px 12px!important;gap:5px!important;
 }
 html body main[data-page="home"] #categories .quick-section-icon{
   flex-basis:105px!important;height:105px!important;min-height:105px!important;max-height:105px!important;
 }
 html body main[data-page="home"] #categories .quick-section-icon img.zf423-category-art{
   max-width:115px!important;max-height:100px!important;
 }
 html body main[data-page="home"] #categories .quick-section-copy{
   flex-basis:30px!important;min-height:30px!important;
 }
 html body main[data-page="home"] #categories .quick-section-copy strong{font-size:12px!important}
 .announcement.promotion-marquee .marquee-segment a,
 .announcement.promotion-marquee .marquee-segment>span{font-size:13.5px!important}
}
@media(prefers-reduced-motion:reduce){
 html body main[data-page="home"] #categories .quick-section-link:hover{transform:none!important}
}