/* v17.63 — natural responsive scrolling, softer desktop snapping and a
   better-centered cooler product. */

@media (max-width:1024px) {
  /* Tablet and phone read as one continuous page instead of seven forced
     viewport stops. Header and pagination links can still navigate normally. */
  html,
  html.is-programmatic-scroll,
  html.is-final-slide {
    scroll-snap-type:none!important;
  }

  :is(.slide,.transition-zone) {
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
  }

  /* The same offset is applied to the plaque and its five badges, so they
     move toward the visual center without changing their approved gap. */
  #slide-3 {
    --cooler-responsive-lift:clamp(24px,4.2svh,46px);
  }

  #slide-3 :is(.plaque-stage,.cooler-feature-rail) {
    transform:translate3d(0,calc(0px - var(--cooler-responsive-lift)),0)!important;
    translate:none!important;
  }
}

@media (max-width:640px) {
  #slide-3 {
    --cooler-responsive-lift:clamp(18px,3.6svh,32px);
  }
}

@media (min-width:1025px) {
  /* Keep full-screen snapping on desktop, but release the hard `always`
     brake so wheel and trackpad momentum settle more naturally. */
  .slide {
    scroll-snap-stop:normal!important;
  }
}