/* Only the existing promotional strip. Header, navigation and page styles stay unchanged. */
.promo-strip{position:relative;background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line);font:12px/1.3 var(--sans)}
.promo-inner{width:min(1240px,calc(100% - 80px));margin:auto;display:flex;align-items:center;gap:12px;height:40px;min-width:0}
.promo-viewport{flex:1;min-width:0;overflow:hidden;height:100%;position:relative;touch-action:pan-y}
.promo-track,.promo-sequence{display:flex;align-items:center;width:max-content;height:100%}
.promo-item{display:flex;align-items:center;flex:0 0 auto;height:100%;min-width:0}
.promo-link{display:flex;align-items:center;gap:12px;min-width:0;height:100%;max-width:var(--promo-item-max,600px);overflow:hidden}
.promo-name{font-weight:600;flex:0 1 auto;min-width:0;max-width:280px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.promo-description{color:var(--muted);flex:0 1 auto;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.promo-badge,.promo-label{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.8px;flex:0 1 auto;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.promo-cta{color:var(--accent);flex:0 1 auto;max-width:120px;min-width:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.promo-divider{color:var(--accent);font-size:6px;padding:0 22px;flex:0 0 auto}
.promo-controls{display:flex;flex:0 0 auto;align-items:center;gap:2px}
.promo-controls button{width:32px;height:36px;padding:0;border:0;background:transparent;color:var(--accent);font-size:19px;line-height:1}
.promo-controls button[data-promo=pause]{font-size:12px}
.promo-strip [hidden]{display:none!important}
.promo-strip a:focus-visible,.promo-strip button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.promo-strip a:hover,.promo-controls button:hover{color:var(--accent)}
.promo-strip[data-mode=moving] .promo-track{will-change:transform}
.promo-strip:not([data-mode=moving]) .promo-track,.promo-strip:not([data-mode=moving]) .promo-sequence{width:100%}
.promo-strip:not([data-mode=moving]) .promo-item{width:100%}
.promo-strip:not([data-mode=moving]) .promo-link{width:100%;max-width:none}
.promo-strip:not([data-mode=moving]) .promo-divider{display:none}
.promo-strip:not([data-mode=moving]) .promo-cta{margin-left:auto}
.promo-strip[data-single=true] .promo-link{justify-content:center}
@media(max-width:900px){.promo-description,.promo-label{display:none}.promo-inner{gap:8px}}
@media(max-width:600px){.promo-inner{width:calc(100% - 24px);height:48px;gap:4px}.promo-link{gap:8px}.promo-name{font-size:12px;line-height:1.3}.promo-badge,.promo-description,.promo-label{display:none}.promo-cta{font-size:11px;max-width:85px;min-width:38px;flex-shrink:0}.promo-divider{padding:0 15px}.promo-controls{gap:0}.promo-controls button{width:44px;height:44px}.promo-strip:not([data-mode=moving]) .promo-cta{display:none}}
@media(prefers-reduced-motion:reduce){.promo-strip .promo-track{will-change:auto}}