/* ZEFFIRO 4.48 — search quick-view, expandable subcategories, animated hero, compact full-width category rail. */
:root{--zf448-mint:#52CDB8}
/* Smooth cross-fade + restrained camera push between banners. No flashes on load. */
html body main[data-page="home"] .zf-showcase-stage .zf-showcase-slide:not([hidden]){display:block!important;opacity:0;visibility:visible;z-index:1;pointer-events:none;transform:scale(1.025);filter:blur(2px);transition:opacity 950ms cubic-bezier(.22,.72,.27,1),transform 1600ms cubic-bezier(.22,.72,.27,1),filter 850ms ease}
html body main[data-page="home"] .zf-showcase-stage .zf-showcase-slide.zf448-slide-active:not([hidden]){opacity:1;z-index:2;pointer-events:auto;transform:scale(1);filter:blur(0)}
html body main[data-page="home"] .zf-showcase-stage .zf-showcase-slide .zf-showcase-copy{transition:opacity 800ms ease,translate 1100ms cubic-bezier(.2,.8,.2,1);opacity:0;translate:0 10px}
html body main[data-page="home"] .zf-showcase-stage .zf-showcase-slide.zf448-slide-active .zf-showcase-copy{opacity:1;translate:0 0}
html body main[data-page="home"] .zf-showcase-stage .zf-showcase-slide-winter .zf-showcase-copy{opacity:1;translate:0 0}
/* Category sidebar: the parent remains a working category filter; the chevron expands subcategories. */
.zf448-category-group{width:100%;display:block;min-width:0;border-bottom:1px solid rgba(82,205,184,.07)}
.zf448-category-row{display:flex;align-items:stretch;gap:3px;min-width:0}
.zf448-category-row>.filter-chip{flex:1;min-width:0;text-align:left;white-space:normal;line-height:1.25;max-width:none!important}
.zf448-category-chevron{border:0;flex:0 0 31px;min-width:31px;padding:0 3px;border-radius:9px;background:transparent;color:#80dfce;font-size:22px;line-height:1;cursor:pointer;transition:transform .22s ease,background .22s ease}
.zf448-category-chevron[aria-expanded="true"]{transform:rotate(180deg);background:rgba(82,205,184,.12)}
.zf448-subcategories{padding:5px 5px 9px 24px;display:grid;gap:3px;animation:zf448-expand .22s ease both}
.zf448-subcategories[hidden]{display:none!important}
.zf448-subcat{border:0;border-radius:8px;padding:8px 9px;color:#b9d9d2;text-align:left;background:transparent;font-size:12px;cursor:pointer;width:100%;transition:background .2s ease,color .2s ease}
.zf448-subcat:hover,.zf448-subcat.is-active{color:#062823;background:#52cdb8;font-weight:750}
html[data-theme="light"] .zf448-subcat{color:#345c52}
html[data-theme="light"] .zf448-subcat.is-active{color:#052b27}
@keyframes zf448-expand{from{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
/* Product opens in a compact quick view from search; preserve photo proportions and accessibility. */
html body .zeffiro-quick-product{width:min(940px,calc(100vw - 24px));max-width:940px;border-radius:19px;box-shadow:0 25px 90px rgba(0,0,0,.60)}
html body .zeffiro-quick-product .quick-product-shell{padding:20px 24px 24px}
html body .zeffiro-quick-product .quick-product-description{margin-top:16px}
html body .zeffiro-quick-product .detail-hero-image>img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;inset:0!important;object-fit:contain!important;object-position:center!important;padding:20px!important;box-sizing:border-box!important;transform:none!important}
html body .zeffiro-quick-product .quick-product-title{font-size:clamp(19px,2.2vw,27px);line-height:1.21}
html body .zeffiro-quick-product .detail-hero-image{min-height:315px;max-height:370px;aspect-ratio:1.15}
html body .zeffiro-quick-product .detail-pricing>strong{font-size:clamp(28px,3vw,37px)}
/* Popular categories: full-bleed within viewport, thin and aligned. Older 4.39/4.40 large rules overridden. */
html body main[data-page="home"] section#categories.quick-sections{
  box-sizing:border-box!important;width:calc(100vw - 20px)!important;max-width:none!important;
  margin:12px auto 24px!important;margin-left:calc(50% - 50vw + 10px)!important;
  padding:11px clamp(10px,1.7vw,25px) 10px!important;
  border:1px solid rgba(82,205,184,.20)!important;border-radius:16px!important;
  background:linear-gradient(145deg,#081b1c,#071516)!important;overflow:hidden!important;
}
html[data-theme="light"] body main[data-page="home"] section#categories.quick-sections{background:#f9fffd!important}
html body main[data-page="home"] #categories .quick-sections-head{min-height:34px!important;height:auto!important;max-height:none!important;display:flex!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;padding:0 84px 0 7px!important;margin:0 0 7px!important}
html body main[data-page="home"] #categories .quick-sections-head #quickSectionsTitle{font-size:clamp(20px,2vw,26px)!important;line-height:1.13!important;letter-spacing:-.02em!important;margin:0!important}
html body main[data-page="home"] #categories .quick-sections-head .section-kicker{display:none!important}
html body main[data-page="home"] #categories .zeffiro-rail-controls{right:5px!important;top:50%!important}
html body main[data-page="home"] #categories .quick-sections-track{gap:9px!important;padding:4px 0 6px!important;align-items:stretch!important;scrollbar-width:none}
html body main[data-page="home"] #categories .quick-sections-track::-webkit-scrollbar{display:none}
html body main[data-page="home"] #categories .quick-section-link{
  box-sizing:border-box!important;flex:0 0 126px!important;min-width:126px!important;max-width:126px!important;width:126px!important;
  min-height:137px!important;max-height:137px!important;height:137px!important;
  padding:5px 7px 8px!important;gap:2px!important;border-radius:13px!important;
  border:1px solid rgba(82,205,184,.33)!important;
  background:radial-gradient(ellipse at 50% 35%,#143b36 0%,#0a2423 75%)!important;
  box-shadow:none!important;align-items:center!important;justify-content:space-between!important;
}
html[data-theme="light"] body main[data-page="home"] #categories .quick-section-link{background:linear-gradient(155deg,#fafffd,#eaf8f3)!important;border-color:#b6ded4!important}
html body main[data-page="home"] #categories .quick-section-link::before{display:none!important}
html body main[data-page="home"] #categories .quick-section-link .quick-section-icon{
  box-sizing:border-box!important;flex:0 0 99px!important;height:99px!important;min-height:99px!important;max-height:99px!important;
  width:100%!important;padding:2px!important;overflow:visible!important;border-radius:0!important;background:transparent!important;
}
html body main[data-page="home"] #categories .quick-section-icon img.zf439-category-art{
  width:94px!important;max-width:94px!important;height:94px!important;max-height:94px!important;
  object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 5px 5px rgba(0,0,0,.13))!important;transform:none!important;
}
html body main[data-page="home"] #categories .quick-section-copy{flex:0 0 26px!important;height:26px!important;max-height:26px!important;min-height:26px!important;padding:0!important}
html body main[data-page="home"] #categories .quick-section-copy strong{font-size:11.3px!important;line-height:1.12!important;font-weight:800!important}
html body main[data-page="home"] #categories .quick-section-link:hover{border-color:#52cdb8!important;box-shadow:0 0 0 1px rgba(82,205,184,.18)!important}
@media(max-width:700px){
 html body main[data-page="home"] section#categories.quick-sections{width:calc(100vw - 12px)!important;margin-left:calc(50% - 50vw + 6px)!important;padding:10px 8px 8px!important;border-radius:13px!important}
 html body main[data-page="home"] #categories .quick-sections-head{padding:0 80px 0 3px!important;min-height:31px!important}
 html body main[data-page="home"] #categories .quick-sections-head #quickSectionsTitle{font-size:20px!important}
 html body main[data-page="home"] #categories .quick-section-link{flex:0 0 105px!important;min-width:105px!important;max-width:105px!important;width:105px!important;height:119px!important;min-height:119px!important;max-height:119px!important;padding:5px 4px 7px!important}
 html body main[data-page="home"] #categories .quick-section-link .quick-section-icon{flex:0 0 83px!important;min-height:83px!important;max-height:83px!important;height:83px!important}
 html body main[data-page="home"] #categories .quick-section-icon img.zf439-category-art{width:80px!important;height:80px!important;max-height:80px!important;max-width:80px!important}
 html body main[data-page="home"] #categories .quick-section-copy{height:22px!important;min-height:22px!important;max-height:22px!important;flex:0 0 22px!important}
 html body main[data-page="home"] #categories .quick-section-copy strong{font-size:10px!important}
 html body .zeffiro-quick-product{max-height:calc(100dvh - 12px);width:calc(100vw - 12px)}
 html body .zeffiro-quick-product .quick-product-shell{padding:12px 13px 18px}
 html body .zeffiro-quick-product .detail-hero-image{min-height:235px;max-height:300px}
}
@media(prefers-reduced-motion:reduce){html body main[data-page="home"] .zf-showcase-stage .zf-showcase-slide:not([hidden]),html body main[data-page="home"] .zf-showcase-stage .zf-showcase-slide .zf-showcase-copy{transition:none!important;transform:none!important;filter:none!important}}