/* ZEFFIRO 4.53 — approved full-bleed banner and themed category rail.
   Loaded after 4.52/4.50 to override old dark-locked colors and sizes.
   Category section DOM order is deliberately unchanged. */
html,body {overflow-x:clip}
html body main[data-page="home"] > section.zf-showcase.container {
  box-sizing:border-box!important;
  width:100vw!important;max-width:none!important;min-width:0!important;
  margin:0!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;
  padding:0!important;border:0!important;
}
html body main[data-page="home"] .zf-showcase-stage {
  box-sizing:border-box!important;width:100%!important;height:clamp(430px,34vw,590px)!important;
  min-height:430px!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;background:#04211e!important;overflow:hidden!important;
}
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide {
  background:#052321!important;
}
html[data-theme="light"] body main[data-page="home"] .zf-showcase-stage,
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-slide {background:#f5fffc!important}
html body main[data-page="home"] section.zf-showcase .zf-showcase-photo,
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="delivery"] .zf-showcase-photo,
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide-winter .zf-showcase-photo {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  background-size:cover!important;background-position:50% 50%!important;
  background-repeat:no-repeat!important;filter:none!important;transform:none!important;
}
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="delivery"] .zf-showcase-photo{background-image:url('/assets/banners-453/delivery-dark.webp')!important}
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="tech"] .zf-showcase-photo{background-image:url('/assets/banners-453/tech-dark.webp')!important}
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="home"] .zf-showcase-photo{background-image:url('/assets/banners-453/home-dark.webp')!important}
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="deals"] .zf-showcase-photo{background-image:url('/assets/banners-453/deals-dark.webp')!important}
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="winter"] .zf-showcase-photo{background-image:url('/assets/banners-453/winter-dark.webp')!important}
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="delivery"] .zf-showcase-photo{background-image:url('/assets/banners-453/delivery-light.webp')!important}
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="tech"] .zf-showcase-photo{background-image:url('/assets/banners-453/tech-light.webp')!important}
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="home"] .zf-showcase-photo{background-image:url('/assets/banners-453/home-light.webp')!important}
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="deals"] .zf-showcase-photo{background-image:url('/assets/banners-453/deals-light.webp')!important}
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="winter"] .zf-showcase-photo{background-image:url('/assets/banners-453/winter-light.webp')!important}
html body main[data-page="home"] section.zf-showcase .zf-showcase-shade,
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="delivery"] .zf-showcase-shade,
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide-winter .zf-showcase-shade {
  display:block!important;background:linear-gradient(90deg,rgba(0,18,18,.22) 0%,rgba(0,18,18,.09) 32%,transparent 60%)!important;
}
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-shade,
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="delivery"] .zf-showcase-shade,
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-slide-winter .zf-showcase-shade{
  background:linear-gradient(90deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.08) 38%,transparent 65%)!important;
}
html body main[data-page="home"] section.zf-showcase .zf-showcase-copy,
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="delivery"] .zf-showcase-copy,
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide-winter .zf-showcase-copy {
 position:absolute!important;top:50%!important;left:clamp(67px,7.3vw,152px)!important;
 bottom:auto!important;right:auto!important;width:min(43%,650px)!important;
 height:auto!important;inset-inline-start:clamp(67px,7.3vw,152px)!important;
 transform:translateY(-50%)!important;pointer-events:auto!important;
 color:#f3fffd!important;
}
html body main[data-page="home"] section.zf-showcase .zf-showcase-copy h2,
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide-winter .zf-showcase-copy h2 {display:block!important;color:#f6fffd!important;font-weight:850!important;line-height:1.10!important;font-size:clamp(29px,3.35vw,61px)!important;}
html body main[data-page="home"] section.zf-showcase .zf-showcase-copy h2 em{color:#52e7d0!important}
html body main[data-page="home"] section.zf-showcase .zf-showcase-copy p,
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide-winter .zf-showcase-copy p {display:block!important;color:#bbd8d1!important;}
html body main[data-page="home"] section.zf-showcase .zf-showcase-kicker,
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide-winter .zf-showcase-kicker{display:flex!important;color:#52ddc5!important}
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide-winter .zf-showcase-cta{
 display:inline-flex!important;position:static!important;left:auto!important;bottom:auto!important;
 opacity:1!important;width:auto!important;height:auto!important;
}
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-copy,
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-copy h2{color:#14322d!important}
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-copy h2 em{color:#0ba78f!important}
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-copy p{color:#54746d!important}
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-kicker{color:#047e70!important}
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-cta{
 color:#043d34!important;background:#52dfc8!important;box-shadow:0 8px 30px rgba(44,161,143,.12)!important;
}
html body main[data-page="home"] section.zf-showcase .zf-showcase-arrow{background:rgba(2,35,34,.23)!important;border-color:rgba(146,239,226,.56)!important;color:#effefa!important}
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-arrow{background:rgba(246,255,252,.79)!important;border-color:rgba(50,177,155,.24)!important;color:#048775!important}
html body main[data-page="home"] section.zf-showcase .zf-showcase-dots{bottom:24px!important}
html body main[data-page="home"] section.zf-showcase .zf-showcase-slide:not([hidden]){transition:opacity 2100ms ease-in-out!important}
html body main[data-page="home"] section.zf-showcase .zf-showcase-copy{transition:opacity 1250ms ease!important;translate:0 0!important}

/* Keep "Популярні категорії" in original HTML position. Only visual styling changes. */
html body main[data-page="home"] section#categories.quick-sections {
 box-sizing:border-box!important;width:100%!important;max-width:none!important;
 margin:0!important;padding:26px 16px 34px!important;
 border:0!important;border-radius:0!important;overflow:hidden!important;
 background:linear-gradient(180deg,#041b1a,#062825 70%,#031716)!important;
}
html[data-theme="light"] body main[data-page="home"] section#categories.quick-sections{
 background:#fff!important;
}
html body main[data-page="home"] #categories .quick-sections-head {
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;text-align:center!important;margin:0 0 18px!important;
 padding:0 58px!important;min-height:60px!important;max-height:none!important;
}
html body main[data-page="home"] #categories .quick-sections-head #quickSectionsTitle{
 color:#f3fffb!important;font-size:clamp(24px,2.5vw,38px)!important;line-height:1.14!important;
 text-align:center!important;margin:0!important;white-space:normal!important;
}
html[data-theme="light"] body main[data-page="home"] #categories .quick-sections-head #quickSectionsTitle{color:#123b35!important}
html body main[data-page="home"] #categories .quick-sections-track,
html body main[data-page="home"] #categories .zeffiro-categories-window{
 box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
}
html body main[data-page="home"] #categories .quick-sections-track{
 display:flex!important;gap:13px!important;padding:6px 12px 9px!important;
 align-items:center!important;scroll-snap-type:x proximity!important;
}
html body main[data-page="home"] #categories a.quick-section-link{
 box-sizing:border-box!important;flex:0 0 242px!important;width:242px!important;
 min-width:242px!important;max-width:242px!important;height:116px!important;
 min-height:116px!important;max-height:116px!important;padding:10px 15px!important;
 gap:10px!important;display:flex!important;flex-direction:row!important;
 align-items:center!important;justify-content:center!important;border-radius:16px!important;
 background:linear-gradient(125deg,#08413b,#07312e)!important;
 border:1px solid rgba(82,205,184,.16)!important;
 box-shadow:none!important;color:#f2fffd!important;position:relative!important;
 transform:none!important;transition:background .2s,border-color .2s!important;
}
html body main[data-page="home"] #categories a.quick-section-link::before{display:none!important;content:none!important}
html body main[data-page="home"] #categories a.quick-section-link:hover{border-color:#52cdb8!important;background:#0b4941!important}
html[data-theme="light"] body main[data-page="home"] #categories a.quick-section-link{
 background:#f0faf7!important;border-color:#d7eeea!important;box-shadow:0 3px 10px rgba(8,65,56,.05)!important;
}
html[data-theme="light"] body main[data-page="home"] #categories a.quick-section-link:hover{background:#e8faf5!important;border-color:#65d9c5!important}
html body main[data-page="home"] #categories a.quick-section-link .quick-section-icon {
 box-sizing:border-box!important;flex:0 0 96px!important;min-width:96px!important;
 max-width:96px!important;width:96px!important;height:94px!important;
 min-height:94px!important;max-height:94px!important;margin:0!important;padding:0!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 display:grid!important;place-items:center!important;background:transparent!important;overflow:visible!important;
}
html body main[data-page="home"] #categories a.quick-section-link .quick-section-icon img.zf439-category-art{
 box-sizing:border-box!important;width:95px!important;height:94px!important;max-width:95px!important;max-height:94px!important;
 object-fit:contain!important;object-position:center!important;display:block!important;
 margin:0!important;filter:none!important;mix-blend-mode:normal!important;transform:none!important;
}
html body main[data-page="home"] #categories a.quick-section-link .quick-section-copy{
 box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:0!important;flex:1 1 auto!important;
 height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;
 padding:0!important;overflow:visible!important;
}
html body main[data-page="home"] #categories a.quick-section-link .quick-section-copy strong{
 box-sizing:border-box!important;font-size:15px!important;font-weight:800!important;
 line-height:1.3!important;white-space:normal!important;text-align:center!important;
 overflow-wrap:normal!important;word-break:normal!important;color:#f6fffc!important;
}
html[data-theme="light"] body main[data-page="home"] #categories a.quick-section-link .quick-section-copy strong{color:#103e36!important}
html body main[data-page="home"] #categories .zeffiro-rail-controls{
 right:15px!important;top:50%!important;
}
@media(max-width:850px){
 html body main[data-page="home"] .zf-showcase-stage{height:520px!important}
 html body main[data-page="home"] section.zf-showcase .zf-showcase-photo{background-position:60% center!important}
 html body main[data-page="home"] section.zf-showcase .zf-showcase-copy,
 html body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="delivery"] .zf-showcase-copy,
 html body main[data-page="home"] section.zf-showcase .zf-showcase-slide-winter .zf-showcase-copy {
   left:27px!important;top:40px!important;inset-inline-start:27px!important;width:calc(100% - 54px)!important;transform:none!important;
 }
 html body main[data-page="home"] section.zf-showcase .zf-showcase-shade,
 html body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="delivery"] .zf-showcase-shade,
 html body main[data-page="home"] section.zf-showcase .zf-showcase-slide-winter .zf-showcase-shade{
 background:linear-gradient(180deg,rgba(2,27,25,.96) 0%,rgba(2,27,25,.83) 39%,transparent 80%)!important;
 }
 html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-shade,
 html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-slide[data-slide="delivery"] .zf-showcase-shade,
 html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-slide-winter .zf-showcase-shade{
 background:linear-gradient(180deg,rgba(250,255,252,.93) 0%,rgba(250,255,252,.78) 39%,transparent 81%)!important;
 }
 html body main[data-page="home"] section.zf-showcase .zf-showcase-copy h2{font-size:clamp(30px,6vw,43px)!important}
 html body main[data-page="home"] section.zf-showcase .zf-showcase-arrow{top:72%!important}
 html body main[data-page="home"] section#categories.quick-sections{padding:22px 9px!important}
 html body main[data-page="home"] #categories a.quick-section-link{width:200px!important;flex-basis:200px!important;min-width:200px!important;max-width:200px!important;height:108px!important;min-height:108px!important;max-height:108px!important;padding:8px 9px!important}
 html body main[data-page="home"] #categories a.quick-section-link .quick-section-icon{width:83px!important;min-width:83px!important;max-width:83px!important;flex-basis:83px!important;height:83px!important;min-height:83px!important;max-height:83px!important}
 html body main[data-page="home"] #categories a.quick-section-link .quick-section-icon img.zf439-category-art{width:83px!important;height:83px!important;max-width:83px!important;max-height:83px!important}
 html body main[data-page="home"] #categories a.quick-section-link .quick-section-copy strong{font-size:13.2px!important}
}
@media(prefers-reduced-motion:reduce){html body main[data-page="home"] section.zf-showcase .zf-showcase-slide:not([hidden]){transition:none!important}}