.autumn-promo{
position:sticky;
top:0;
z-index:9999;
background:#000;
border-bottom:1px solid rgba(255,255,255,.08);

width:100vw;
margin-left:calc(50% - 50vw);
margin-right:calc(50% - 50vw);

padding:max(10px,env(safe-area-inset-top)) 16px 10px 16px;
box-sizing:border-box;
overflow:hidden;
direction:rtl;
}

.autumn-promo__link{
display:block;
text-decoration:none;
color:#fff;
text-align:center;
}

.autumn-promo__text{
display:inline-block;
font-weight:800;

font-size:clamp(13px,3.6vw,16px);
line-height:1.2;
white-space:nowrap;

padding:8px 0;

animation:autumn-scroll 12s linear infinite;
}

@keyframes autumn-scroll{
0%{transform:translateX(100%)}
50%{transform:translateX(0)}
100%{transform:translateX(-100%)}
}

.autumn-promo{animation:autumn-fade .6s ease both}
@keyframes autumn-fade{
from{opacity:0;transform:translateY(-8px)}
to{opacity:1;transform:translateY(0)}
}

@media(prefers-reduced-motion:reduce){
.autumn-promo,.autumn-promo__text{animation:none !important}
}