/* ============ FALLBACK — tier lite/static ============ */

/* ---------- STATIC ---------- */
/* vlepki = statyczny dekor z tiltami (JS nie startuje) */
html[data-tier="static"] .vlepka { cursor: default; }
html[data-tier="static"] [data-vlepka][data-tilt="-8"] { rotate: -8deg; }
html[data-tier="static"] [data-vlepka][data-tilt="-6"] { rotate: -6deg; }
html[data-tier="static"] [data-vlepka][data-tilt="-5"] { rotate: -5deg; }
html[data-tier="static"] [data-vlepka][data-tilt="-4"] { rotate: -4deg; }
html[data-tier="static"] [data-vlepka][data-tilt="-12"] { rotate: -12deg; }
html[data-tier="static"] [data-vlepka][data-tilt="3"] { rotate: 3deg; }
html[data-tier="static"] [data-vlepka][data-tilt="5"] { rotate: 5deg; }
html[data-tier="static"] [data-vlepka][data-tilt="6"] { rotate: 6deg; }
html[data-tier="static"] [data-vlepka][data-tilt="8"] { rotate: 8deg; }
html[data-tier="static"] [data-vlepka][data-tilt="9"] { rotate: 9deg; }
html[data-tier="static"] [data-vlepka][data-tilt="10"] { rotate: 10deg; }

html[data-tier="static"] .peel-counter,
html[data-tier="static"] .s-hero__hint { display: none; }

/* marquee bez JS — pętla CSS na zduplikowanych spanach */
html[data-tier="static"] .marquee__track {
  animation: marquee-loop 26s linear infinite;
}
@keyframes marquee-loop {
  to { transform: translateX(-25%); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-tier="static"] .marquee__track { animation: none; }
}