/* r336 ordered CSS; unchanged declarations. */
/* /assets/home-catalog-frame-r308.css */
/* r308: Home's existing scroll frame continues behind the floating rail.
   Move the old outer footer reservation INTO the native catalogue scroller.
   Header, hero, Search, card tracks/artwork/text/paint and rail stay unchanged.
   The retained Home-height lock prevents keyboard open/close grid reflow. */
html.ht-has-footer-r289 body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] {
  padding-bottom:0!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > main > .catalog {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
html body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] #catalog-scroll {
  flex:1 1 0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding-bottom:calc(var(--ht-footer-height-r289,76px) + 16px)!important;
  scroll-padding-bottom:calc(var(--ht-footer-height-r289,76px) + 16px)!important;
}
@media(max-width:1023px) {
  html.ht-has-footer-r289 body.home-page[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > main {
    height:calc(var(--ht-home-height,var(--ht-visible-height,100dvh)) - var(--ht-top-stack-height,54px) - 24px)!important;
    min-height:0!important;
  }
}

/* /assets/footer-clear-glass-r309.css */
/* r312: colored, softly blurred base with a separate crisp optical lens.
   Keep the retained geometry, safe-area spacing, optics, pointer capture and
   native scrolling. Only the rail's decorative tint, rim and shadow change.
   Text/icons and the optical canvas stay fully opaque to avoid ghosting. */
html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {
  background:#233c50e8!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-color:#f0f7ffb3!important;
  box-shadow:inset 0 1px 1px #ffffff85,inset 0 -1px 0 #c8dce63b,0 8px 22px #020c1833!important;
}
@supports((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {
    background:linear-gradient(160deg,#e8f1f85c,#2e4d656b 58%,#cbdde957)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.3)!important;
    backdrop-filter:blur(24px) saturate(1.3)!important;
  }
}
@media(prefers-reduced-transparency:reduce) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {background:#233c50!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
}

/* Retain a system-defined surface in high-contrast mode. Never force a
   transparent custom tint over the user's Canvas/CanvasText preference. */
@media(forced-colors:active) {
  html body[data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout][data-ui-layout] > nav.ht-footer-nav-r289 {
    background:Canvas!important;
    border-color:ButtonBorder!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

