/* yal-catband (2026-11-02): running event strip on category pages. Same look as the hero 'Event' band. */
.yal-catband { display: block; overflow: hidden; text-decoration: none; background: #1a1613; border-top: 1px solid #d9bd8e; border-bottom: 1px solid #d9bd8e; padding: 15px 0; margin-left: -15px; margin-right: -15px; }
@media (min-width: 750px) and (max-width: 1200px) { .yal-catband { margin-left: -20%; margin-right: -20%; } }
@media (min-width: 1600px) { .yal-catband { margin-left: -10%; margin-right: -10%; } }
@media (min-width: 1900px) { .yal-catband { margin-left: -20%; margin-right: -20%; } }
@media (min-width: 2200px) { .yal-catband { margin-left: -30%; margin-right: -30%; } }
.yal-catband:hover, .yal-catband:focus { text-decoration: none; }
.yal-catband:focus-visible { outline: 2px solid #d9bd8e; outline-offset: -4px; }
.yal-catband__track { display: flex; width: max-content; white-space: nowrap; animation: yal-catband 60s linear infinite; }
.yal-catband:hover .yal-catband__track { animation-play-state: paused; }
.yal-catband span { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: clamp(18px, 1.8vw, 26px); line-height: 1.1; letter-spacing: 0.06em; text-transform: uppercase; color: #fbfaf7; padding: 0 0.7em; }
.yal-catband span.yal-catband__g { color: #d9bd8e; font-weight: 300; }
.yal-catband span.yal-catband__c { color: #fbfaf7; opacity: 0.85; font-weight: 400; text-transform: none; letter-spacing: 0.02em; font-size: clamp(16px, 1.5vw, 22px); }
@keyframes yal-catband { to { transform: translateX(-50%); } }
@media (max-width: 500px) { .yal-catband { padding: 11px 0; } .yal-catband span { font-size: 16px; } .yal-catband span.yal-catband__c { font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { .yal-catband__track { animation: none; } }