/* ZEFFIRO 4.33: cohesive raised 3D category objects. Replaces prior overlapping size rules. */
html body main[data-page="home"] #categories .quick-section-link {
  box-sizing:border-box!important; position:relative!important; isolation:isolate!important;
  width:clamp(166px,12.4vw,196px)!important; min-width:clamp(166px,12.4vw,196px)!important;
  max-width:196px!important; flex:0 0 clamp(166px,12.4vw,196px)!important;
  height:215px!important; min-height:215px!important; max-height:215px!important;
  padding:10px 12px 14px!important; gap:4px!important;
  display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:flex-end!important;
  border:1px solid rgba(82,205,184,.62)!important; border-radius:19px!important;
  background:radial-gradient(ellipse 85% 72% at 50% 42%,rgba(20,98,88,.56),transparent 79%),linear-gradient(145deg,#04211f,#092d2b 74%,#051b1b)!important;
  box-shadow:inset 0 1px 1px rgba(200,255,243,.1),0 12px 22px rgba(0,0,0,.18)!important;
  perspective:680px!important; overflow:hidden!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}
html body main[data-page="home"] #categories .quick-section-link::before{
 content:''!important;display:block!important;position:absolute!important;left:17%;right:17%;top:32px;height:123px;
 background:radial-gradient(ellipse,rgba(82,205,184,.15),transparent 73%)!important;filter:blur(9px);pointer-events:none;z-index:0;
}
html body main[data-page="home"] #categories .quick-section-icon{
 box-sizing:border-box!important;position:relative!important;z-index:1!important;
 width:100%!important;height:165px!important;min-height:165px!important;max-height:165px!important;
 flex:0 0 165px!important;padding:0!important;margin:0!important;border:none!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;
 display:grid!important;place-items:center!important;overflow:visible!important;
}
html body main[data-page="home"] #categories .quick-section-icon img.zf423-category-art {
 display:block!important;position:relative!important;box-sizing:border-box!important;
 width:166px!important;height:166px!important;min-width:0!important;max-width:100%!important;max-height:166px!important;
 object-fit:contain!important;object-position:center!important;
 background:transparent!important;filter:drop-shadow(0 10px 9px rgba(0,0,0,.22))!important;
 opacity:1!important;scale:1!important;transform:translate3d(0,-5px,0)!important;
 transition:transform .28s ease,filter .28s ease!important;
}
html body main[data-page="home"] #categories .quick-section-copy,
html body main[data-page="home"] #categories .quick-section-copy strong{
 position:relative!important;z-index:2!important;
}
html body main[data-page="home"] #categories .quick-section-copy {
 box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;height:29px!important;min-height:29px!important;flex:0 0 29px!important;
 padding:0!important;margin:0!important;
}
html body main[data-page="home"] #categories .quick-section-copy strong{
 font-size:clamp(12px,1vw,14px)!important;line-height:1.15!important;font-weight:800!important;
 text-align:center!important;white-space:normal!important;color:#f3fff9!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:perspective(680px) translateY(-5px) rotateX(2deg)!important;
   box-shadow:inset 0 1px 1px rgba(230,255,248,.18),0 16px 26px rgba(0,0,0,.25),0 0 16px rgba(82,205,184,.14)!important;
   border-color:#52cdb8!important;
 }
 html body main[data-page="home"] #categories .quick-section-link:hover .quick-section-icon img.zf423-category-art {
   transform:translate3d(0,-9px,0) scale(1.055)!important;
   filter:drop-shadow(0 18px 12px rgba(0,0,0,.31))!important;
 }
}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-link{
 background:radial-gradient(ellipse 80% 80% at 50% 39%,rgba(157,235,215,.33),transparent 77%),linear-gradient(145deg,#ffffff,#effbf7 86%)!important;
 border-color:#98d7c7!important;
 box-shadow:inset 0 1px 1px #fff,0 8px 20px rgba(13,82,67,.08)!important;
}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-copy strong{color:#123c34!important}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-icon img.zf423-category-art{
 filter:drop-shadow(0 9px 9px rgba(12,61,54,.17))!important;
}
@media(max-width:700px){
 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:183px!important;min-height:183px!important;max-height:183px!important;padding:7px 7px 12px!important;
 }
 html body main[data-page="home"] #categories .quick-section-icon{
   width:100%!important;height:136px!important;min-height:136px!important;max-height:136px!important;flex-basis:136px!important;
 }
 html body main[data-page="home"] #categories .quick-section-icon img.zf423-category-art{
  width:136px!important;height:136px!important;max-width:136px!important;max-height:136px!important;
 }
 html body main[data-page="home"] #categories .quick-section-copy{
  height:27px!important;min-height:27px!important;flex-basis:27px!important;
 }
 html body main[data-page="home"] #categories .quick-section-copy strong{font-size:12px!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}
}