:root{
  --hed-topbar-bg:#F7F3ED;
  --hed-topbar-fg:#2A2A2A;
}

#hed-topbar{
  background:var(--hed-topbar-bg);
  color:var(--hed-topbar-fg);
  font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
#hed-topbar .hed-topbar__inner{
  max-width:min(1440px, calc(100vw - 32px));
  margin:0 auto; position:relative;
  padding:8px 40px 8px 12px; box-sizing:border-box;
}
#hed-topbar .hed-topbar__track{ overflow:hidden; white-space:nowrap; }
#hed-topbar .hed-topbar__marquee{
  display:inline-block; padding-left:100%;
  animation:hed-marquee 18s linear infinite;
}
@keyframes hed-marquee{ from{transform:translateX(0)} to{transform:translateX(-100%)} }
#hed-topbar .hed-topbar__close{
  position:absolute; inset:0 6px 0 auto; margin:auto 0;
  width:28px; height:28px; border:0; background:transparent;
  font-size:22px; line-height:28px; cursor:pointer; color:inherit; opacity:.7;
}
#hed-topbar .hed-topbar__close:hover{ opacity:1; }

@media (max-width:768px){
  #hed-topbar{ font-size:13px; }
  #hed-topbar .hed-topbar__inner{ padding:8px 36px 8px 10px; max-width:100%; }
}
@media (prefers-reduced-motion:reduce){
  #hed-topbar .hed-topbar__marquee{ animation:none; padding-left:0; }
  #hed-topbar .hed-topbar__track{ overflow:auto; white-space:normal; }
}

/* FIX против горизонтального «молока» и мелкие улучшения */
html,body{ overflow-x:clip; }
.hed-ribbon{ overflow:hidden; }
@supports (width:100svw){
  .hed-ribbon{ width:100svw; margin-left:calc(50% - 50svw); }
}
#hed-topbar{ overflow:clip; }
#hed-topbar .hed-topbar__inner{ overflow:hidden; }
#hed-topbar .hed-topbar__marquee{ will-change:transform; }
img,svg,video,canvas{ max-width:100%; height:auto; }
