/* Legacy marquee styles are retained for isolated previews; the storefront uses a static offer strip. */
.announcement{position:relative;display:block;height:var(--announcement-height,44px);overflow:hidden;white-space:nowrap}
.announcement .announcement-window{height:100%;overflow-x:auto;scrollbar-width:none}
.announcement .announcement-window::-webkit-scrollbar{display:none}
.announcement .announcement-track{display:flex;width:max-content;min-width:100%;height:100%}
.announcement .announcement-group{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:22px;min-width:100vw;height:100%;padding:0 40px;box-sizing:border-box}
.announcement .announcement-label{font:700 17px/1 var(--condensed);letter-spacing:.1em}
.announcement .announcement-group p{display:block;margin:0;font:700 14px/1.4 var(--sans);letter-spacing:.06em}
.announcement .announcement-group a{font:700 14px/1.4 var(--sans);letter-spacing:.06em;flex-shrink:0}
.announcement .announcement-group a span{font-size:17px}
.announcement .announcement-copy{display:none}
.announcement[data-announcement-ready="true"] .announcement-window{margin-right:44px;overflow-x:hidden}
.announcement[data-announcement-ready="true"] .announcement-group{min-width:calc((100vw - 44px)/2)}
.announcement[data-announcement-ready="true"] .announcement-copy{display:flex}
.announcement[data-announcement-ready="true"] .announcement-track{animation:announcement-marquee var(--announcement-duration,24s) linear infinite;will-change:transform}
.announcement[data-paused="true"] .announcement-track,.announcement .announcement-window:hover .announcement-track,.announcement .announcement-window:focus-within .announcement-track{animation-play-state:paused}
.announcement .announcement-toggle{position:absolute;right:0;top:0;width:44px;height:100%;padding:0;border:0;border-left:1px solid rgb(5 20 42 / 18%);border-radius:0;background:var(--lime);color:var(--ink);font:700 14px/1 var(--sans);cursor:pointer}
.announcement .announcement-toggle[hidden]{display:none}
.announcement a:focus-visible,.announcement .announcement-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.announcement .announcement-toggle:disabled{cursor:default;opacity:.6}
@keyframes announcement-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:800px){
  .announcement .announcement-group{gap:16px;padding:0 28px}
  .announcement .announcement-label{font-size:15px}
  .announcement .announcement-group p,.announcement .announcement-group a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .announcement[data-announcement-ready="true"] .announcement-track{animation:none;transform:none;will-change:auto}
  .announcement[data-announcement-ready="true"] .announcement-copy{display:none}
  .announcement[data-announcement-ready="true"] .announcement-window{overflow-x:auto}
}

.announcement.announcement-fixed{display:flex;align-items:center;justify-content:center;gap:0;padding:0 20px;white-space:normal;overflow:visible;background:var(--lime);color:var(--ink)}
.announcement.announcement-fixed>span{font:800 16px/1.4 var(--sans);letter-spacing:.025em;white-space:nowrap;padding:0 28px}
.announcement.announcement-fixed>span+span{border-left:1px solid currentColor}
@media(max-width:1100px){.announcement.announcement-fixed>span{font-size:13px;padding:0 17px}}
@media(max-width:800px){
  :root{--announcement-height:64px}
  .announcement.announcement-fixed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:3px 0;padding:6px 8px;text-align:center}
  .announcement.announcement-fixed>span{font-size:12px;line-height:22px;padding:0 5px;letter-spacing:0}
  .announcement.announcement-fixed>span+span{border-left:0}
  .announcement.announcement-fixed>span:nth-child(even){border-left:1px solid rgb(5 20 42 / 30%)}
}