/* ZEFFIRO 4.58: clear light artwork and an arrow-free, smoothly scrolling category rail.
   Loaded after 4.57 to preserve the centered icon-above-label layout. */
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-458/home-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-458/tech-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-458/deals-light.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-458/delivery-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-458/winter-light.webp') !important;
}
/* Do not wash the newly corrected photograph out again with a second CSS overlay. */
html[data-theme="light"] body main[data-page="home"] section.zf-showcase .zf-showcase-shade {
  background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 40%) !important;
}
/* The title stays centered, but its arrow buttons are completely removed. */
html body main[data-page="home"] #categories .zeffiro-rail-controls {
  display:none !important;
}
html body main[data-page="home"] #categories .quick-sections-head {
  padding-inline:12px !important;
}
/* This element remains native-scrollable (touch, trackpad, mouse drag, keyboard).
   Auto-movement is implemented via requestAnimationFrame so there is no snapping or abrupt reset. */
html body main[data-page="home"] #categories .quick-sections-track {
  display:flex !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-behavior:auto !important;
  scroll-snap-type:none !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none;
  overscroll-behavior-x:contain;
  cursor:grab;
  touch-action:auto;
  -webkit-overflow-scrolling:touch;
}
html body main[data-page="home"] #categories .quick-sections-track::-webkit-scrollbar {
  display:none !important;
  width:0 !important;
  height:0 !important;
}
html body main[data-page="home"] #categories .quick-sections-track.is-zf458-dragging {
  cursor:grabbing;
  scroll-snap-type:none!important;
  user-select:none;
  -webkit-user-select:none;
}
html body main[data-page="home"] #categories .quick-sections-track.is-zf458-dragging a.quick-section-link {
  pointer-events:none;
}
html body main[data-page="home"] #categories .quick-sections-track a.quick-section-link {
  scroll-snap-align:none !important;
}
@media (prefers-reduced-motion: reduce) {
 html body main[data-page="home"] #categories .quick-sections-track {scroll-behavior:auto!important;}
}

/* Config-driven categories marked hidden must remain hidden despite legacy display:flex!important rules. */
html body main[data-page="home"] #categories a.quick-section-link[hidden] { display:none !important; }