/* ZEFFIRO 4.34 — approved 3D categories, dark and light. No single-letter brand monograms. */
html body main[data-page="home"] section#categories.quick-sections {
 position:relative!important;isolation:isolate!important;
 width:100%!important;max-width:none!important;
 padding:54px clamp(14px,2.9vw,55px) 66px!important;
 margin:20px auto 0!important;
 overflow:hidden!important;
 background:
  radial-gradient(ellipse 75% 95% at -10% 55%,rgba(20,137,126,.12),transparent 77%),
  radial-gradient(ellipse 70% 85% at 110% 33%,rgba(39,173,148,.13),transparent 77%),
  linear-gradient(180deg,#031413 0%,#052523 54%,#031614 100%)!important;
 border-top:1px solid rgba(82,205,184,.12)!important;
 border-bottom:1px solid rgba(82,205,184,.19)!important;
}
html body main[data-page="home"] #categories .quick-sections-head {
 position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;
 min-height:100px!important;text-align:center!important;margin:0 0 28px!important;
}
html body main[data-page="home"] #categories .quick-sections-head>div:first-child {
 flex:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
}
html body main[data-page="home"] #categories .quick-sections-head .section-kicker{display:none!important}
html body main[data-page="home"] #categories #quickSectionsTitle {
 width:100%!important;margin:0!important;text-align:center!important;
 font-size:clamp(29px,3.15vw,49px)!important;line-height:1.15!important;
 letter-spacing:-.042em!important;font-weight:850!important;color:#f4fffc!important;
}
html body main[data-page="home"] #categories #quickSectionsTitle::after {
 content:""!important;display:block!important;margin:18px auto 0!important;
 width:86px!important;height:5px!important;border-radius:999px!important;
 background:linear-gradient(90deg,#52cdb8,#a7ffdd,#52cdb8)!important;
 box-shadow:0 0 14px rgba(82,205,184,.42)!important;
}
html body main[data-page="home"] #categories .zeffiro-rail-controls {
 position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:9!important;
 display:flex!important;gap:8px!important;
}
html body main[data-page="home"] #categories .zeffiro-rail-controls .zeffiro-rail-arrow {
 display:grid!important;place-items:center!important;width:40px!important;height:40px!important;
 border-radius:50%!important;border:1px solid rgba(82,205,184,.7)!important;
 background:#073632!important;color:#cbfff1!important;font-size:23px!important;
 box-shadow:0 4px 17px rgba(0,0,0,.17)!important;
}
html body main[data-page="home"] #categories .quick-sections-track,
html body main[data-page="home"] #categories .zeffiro-category-segment{
 gap:13px!important;align-items:stretch!important;
}
html body main[data-page="home"] #categories .quick-sections-track{padding:7px 3px 23px!important}
html body main[data-page="home"] #categories .quick-section-link {
 position:relative!important;box-sizing:border-box!important;isolation:isolate!important;
 width:clamp(164px,12.45vw,208px)!important;min-width:clamp(164px,12.45vw,208px)!important;
 max-width:208px!important;flex:0 0 clamp(164px,12.45vw,208px)!important;
 height:259px!important;min-height:259px!important;max-height:259px!important;
 display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;
 padding:15px 11px 15px!important;gap:3px!important;overflow:hidden!important;
 border:1px solid rgba(80,218,195,.7)!important;border-radius:23px!important;
 background:radial-gradient(ellipse 85% 65% at 50% 34%,rgba(44,124,112,.42),transparent 88%),linear-gradient(145deg,#0a312d,#03201e 84%)!important;
 box-shadow:inset 0 1px 0 rgba(200,255,248,.1),0 17px 24px rgba(0,0,0,.24),0 0 15px rgba(13,119,104,.06)!important;
 transform:none!important;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
html body main[data-page="home"] #categories .quick-section-link:before {
 content:""!important;position:absolute!important;z-index:-1!important;left:13%!important;right:13%!important;
 bottom:58px!important;height:31px!important;border-radius:100%!important;
 background:radial-gradient(ellipse,rgba(82,205,184,.26),transparent 73%)!important;
 filter:blur(11px)!important;pointer-events:none!important;
}
html body main[data-page="home"] #categories .quick-section-link .quick-section-icon {
 position:relative!important;box-sizing:border-box!important;flex:0 0 185px!important;
 display:grid!important;place-items:center!important;width:100%!important;height:185px!important;
 min-height:185px!important;max-height:185px!important;overflow:visible!important;
 margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;
}
html body main[data-page="home"] #categories .quick-section-icon img.zf423-category-art {
 width:188px!important;height:188px!important;max-width:100%!important;max-height:188px!important;
 object-fit:contain!important;object-position:center center!important;
 display:block!important;margin:0 auto!important;background:transparent!important;
 transform:translateY(-5px)!important;scale:1!important;opacity:1!important;
 filter:drop-shadow(0 10px 7px rgba(0,0,0,.20))!important;
 transition:transform .28s ease,filter .28s ease!important;
}
html body main[data-page="home"] #categories .quick-section-copy {
 position:relative!important;box-sizing:border-box!important;display:flex!important;
 justify-content:center!important;align-items:center!important;flex:0 0 44px!important;
 min-height:44px!important;height:44px!important;width:100%!important;margin:0!important;padding:0!important;
}
html body main[data-page="home"] #categories .quick-section-copy strong {
 font-size:clamp(14px,1.21vw,18px)!important;line-height:1.13!important;text-align:center!important;
 font-weight:850!important;color:#f5fffd!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:translate3d(0,-6px,0)!important;border-color:#52cdb8!important;
  box-shadow:inset 0 1px 0 rgba(220,255,250,.18),0 23px 27px rgba(0,0,0,.28),0 0 21px rgba(82,205,184,.17)!important;
 }
 html body main[data-page="home"] #categories .quick-section-link:hover .quick-section-icon img.zf423-category-art {
  transform:translateY(-10px) scale(1.045)!important;filter:drop-shadow(0 16px 12px rgba(0,0,0,.28))!important;
 }
}
html[data-theme="light"] body main[data-page="home"] section#categories.quick-sections {
 background:radial-gradient(ellipse 60% 75% at 0 100%,rgba(117,223,193,.14),transparent 78%),
 radial-gradient(ellipse 66% 72% at 110% 0,rgba(189,240,228,.21),transparent 80%),#ffffff!important;
 border-top:1px solid #e3f0e9!important;border-bottom:1px solid #dceee8!important;
}
html[data-theme="light"] body main[data-page="home"] #categories #quickSectionsTitle {color:#101f1d!important}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-link {
 background:linear-gradient(155deg,#fff,#f7fcfa 82%)!important;
 border:1px solid #e3efea!important;
 box-shadow:0 9px 22px rgba(17,58,45,.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(82,205,184,.14),transparent 75%)!important;
}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-copy strong {color:#102621!important}
html[data-theme="light"] body main[data-page="home"] #categories .zeffiro-rail-controls .zeffiro-rail-arrow {
 background:#f2fffb!important;color:#13574d!important;border-color:#a4e5d6!important;
}
@media (max-width:700px){
 html body main[data-page="home"] section#categories.quick-sections {
  padding:26px 12px 36px!important;
 }
 html body main[data-page="home"] #categories .quick-sections-head{min-height:64px!important;margin:0 0 16px!important}
 html body main[data-page="home"] #categories #quickSectionsTitle {font-size:29px!important;padding:0 68px 0 8px!important;line-height:1.16!important}
 html body main[data-page="home"] #categories #quickSectionsTitle::after {margin:9px auto 0!important;width:55px!important;height:3px!important}
 html body main[data-page="home"] #categories .zeffiro-rail-controls{right:2px!important;gap:4px!important}
 html body main[data-page="home"] #categories .zeffiro-rail-controls .zeffiro-rail-arrow{width:31px!important;height:31px!important;font-size:18px!important}
 html body main[data-page="home"] #categories .quick-section-link {
  width:151px!important;min-width:151px!important;max-width:151px!important;flex-basis:151px!important;
  height:202px!important;min-height:202px!important;max-height:202px!important;
  padding:8px 8px 10px!important;border-radius:18px!important;
 }
 html body main[data-page="home"] #categories .quick-section-link .quick-section-icon {
  height:149px!important;min-height:149px!important;max-height:149px!important;flex-basis:149px!important;
 }
 html body main[data-page="home"] #categories .quick-section-icon img.zf423-category-art {
  width:147px!important;height:147px!important;max-height:147px!important;
 }
 html body main[data-page="home"] #categories .quick-section-copy{
  height:35px!important;min-height:35px!important;flex-basis:35px!important;
 }
 html body main[data-page="home"] #categories .quick-section-copy strong{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
 html body main[data-page="home"] #categories .quick-section-link,
 html body main[data-page="home"] #categories .quick-section-icon img.zf423-category-art {transition:none!important;transform:none!important;}
}

/* The seven foreground objects are taken from the selected dark/light visual directions.
   Do not display both variants at once, and do not show single-letter branding. */
html body main[data-page="home"] #categories .quick-section-icon img.zf434-light-art {display:none!important}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-icon img.zf434-dark-art {display:none!important}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-icon img.zf434-light-art {display:block!important}
html body main[data-page="home"] #categories .quick-section-icon img.zf434-dark-art,
html body main[data-page="home"] #categories .quick-section-icon img.zf434-light-art {
 max-width:194px!important;max-height:188px!important;
 object-fit:contain!important;object-position:center!important;
 filter:none!important;transform:translateY(-4px)!important;
}