@font-face {
    font-family: BFAnchorRoboto;
    src: url('/local/templates/agni/fonts/roboto-cyrillic-wght-normal.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
    unicode-range: U+0400-045F, U+2116;
}
@font-face {
    font-family: BFAnchorRoboto;
    src: url('/local/templates/agni/fonts/roboto-latin-wght-normal.woff2') format('woff2');
    font-weight: 100 900;
    font-display: swap;
}
.bf-anchor, .bf-anchor-delivery { display: none; }
html.bf-anchor-active [data-bf-anchor-original],
html.bf-anchor-ready [data-bf-anchor-original="marquee"] { display: none !important; }
html.bf-anchor-active .bf-anchor { display: block; }
html.bf-anchor-ready:not(.bf-anchor-active) .bf-anchor-delivery { display: flex; }
.bf-anchor {
    position: relative;
    width: 100%;
    height: 46px;
    background: #0e1112;
    font: 500 18px/1.22 BFAnchorRoboto, Roboto, sans-serif;
}
.bf-anchor__link {
    display: block;
    height: 100%;
    margin: 0 36px;
    overflow: hidden;
    color: #fff !important;
    text-decoration: none !important;
}
.bf-anchor__track { display: flex; height: 100%; max-width: 1348px; margin: 0 auto; }
.bf-anchor__unit { display: flex; flex: 0 0 100%; align-items: center; gap: 16px; white-space: nowrap; }
.bf-anchor__unit + .bf-anchor__unit, .bf-anchor__mobile-eyes { display: none; }
.bf-anchor__offer, .bf-anchor__promo { display: flex; align-items: center; gap: 8px; }
.bf-anchor__offer b, .bf-anchor__offer strong { color: #57d0c7; font-weight: 700; }
.bf-anchor__offer strong { font-size: 22px; text-shadow: 0 0 10px rgba(87,208,199,.8); }
.bf-anchor__power { display: flex; align-items: center; justify-content: center; width: 20px; }
.bf-anchor__power img { display: block; max-width: none; }
.bf-anchor__eyes { display: block; object-fit: cover; width: 136px; height: 46px; }
.bf-anchor__wire { flex: 1; height: 1px; background: linear-gradient(90deg,transparent,rgba(87,208,199,.9)); }
.bf-anchor__wire--right { transform: scaleX(-1); }
.bf-anchor__promo b { padding: 4px 11px; border-radius: 6px; color: #0e1112; background: #57d0c7; box-shadow: 0 0 5px rgba(87,208,199,.45); }
.bf-anchor__close {
    position: absolute;
    inset: 0 0 0 auto;
    width: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
    font: 400 23px/1 BFAnchorRoboto, Roboto, sans-serif;
    cursor: pointer;
}
.bf-anchor__link:focus-visible, .bf-anchor__close:focus-visible { outline: 2px solid #57d0c7; outline-offset: -2px; }
.bf-anchor-delivery {
    min-height: 38px;
    padding: 4px 12px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px 8px;
    background: #57d0c7;
    color: #0e1112 !important;
    font: 500 14px/1.2 BFAnchorRoboto, Roboto, sans-serif;
    text-decoration: none !important;
}
.bf-anchor-delivery strong { padding: 3px 8px; border-radius: 20px; background: #fff; }
@media (min-width: 700px) and (max-width: 1023px) {
    .bf-anchor { font-size: 16px; }
    .bf-anchor__unit { justify-content: center; gap: clamp(8px, 3vw, 40px); }
    .bf-anchor__offer strong { font-size: 20px; }
    .bf-anchor__wire { display: none; }
}
@media (max-width: 699px) {
    html.bf-anchor-active #mobileheader { margin-top: 0; }
    .bf-anchor { height: 38px; font-size: 14px; }
    .bf-anchor__link { margin: 0 36px 0 0; }
    .bf-anchor__track { width: max-content; animation: bf-anchor-marquee 18s linear infinite; }
    .bf-anchor__unit { flex-basis: auto; gap: 10px; padding-right: 10px; }
    .bf-anchor__unit + .bf-anchor__unit, .bf-anchor__mobile-eyes { display: flex; }
    .bf-anchor__wire, .bf-anchor__desktop-eyes { display: none; }
    .bf-anchor__offer, .bf-anchor__promo { gap: 5px; }
    .bf-anchor__offer strong { font-size: inherit; }
    .bf-anchor__power { width: 16px; }
    .bf-anchor__promo b { padding: 2px 8px; border-radius: 5px; }
    .bf-anchor__eyes { width: 112px; height: 38px; }
    .bf-anchor__link:hover .bf-anchor__track, .bf-anchor__link:focus .bf-anchor__track { animation-play-state: paused; }
}
@keyframes bf-anchor-marquee { to { transform: translateX(-50%); } }
@media (max-width: 699px) and (prefers-reduced-motion: reduce) {
    .bf-anchor__track { width: auto; animation: none; justify-content: center; }
    .bf-anchor__unit { justify-content: center; padding: 0 5px; gap: 5px; font-size: 12px; }
    .bf-anchor__unit + .bf-anchor__unit, .bf-anchor__mobile-eyes, .bf-anchor__power { display: none; }
}