/* Replay-layer styles (loaded after the page CSS). Only what the replayed widgets need. */
#mc-coupon-popup { color-scheme: normal; }
/* Hero cells are positioned by interactions.js (Flickity replay); keep them stacked like Flickity does. */
slideshow-component .flickity-slider > * { position: absolute; left: 0; }
@media (prefers-reduced-motion: reduce) {
  .announcement-bar.marquee .announcement-slider { animation: none !important; }
}

/* Widgets whose layout is JS-computed per width ship both captures (see scripts/bake.mjs). */
.mc-viewport-m { display: none; }
@media screen and (max-width: 749px) {
  .mc-viewport-d { display: none; }
  .mc-viewport-m { display: block; }
}