/* ==========================================================================
   Newton.by — тема «Чёрная пятница 2026»
   Подключать ПОСЛЕ theme-default.css и основных стилей.
   Включается атрибутом на <html>:  <html data-theme="bf">
   (только на главной: ставить атрибут только на «/»; на весь сайт: везде.)

   Часть 1: значения токенов. Это то, что будет задавать дизайнер.
   Часть 2: правила, которые токенами не выразить: фильтры иконок, логотип,
            герой-блок, свечение, градиенты, перебивки !important.
   ========================================================================== */

/* ---------- 1. Токены ---------- */
html[data-theme="bf"] {
    /* палитра акции (используется только в части 2) */
    --bf-bg: #000000;
    --bf-pink: #FF007F;
    --bf-pink-hover: #ff2a97;
    --bf-teal: #00FFD2;
    --bf-teal-dark: #00CC9C;
    --bf-gold: #FFD700;
    --bf-red: #FF0000;
    --bf-gold-grad: linear-gradient(90deg, #FFD700, #FFC100);
    --bf-glow-pink: 0 0 18px rgba(255, 0, 127, .45);
    --bf-glow-teal: 0 0 14px rgba(0, 255, 210, .35);
    --icon-invert: brightness(0) invert(1);

    /* базовые */
    --c-text: #ffffff;
    --c-text-2: #bdbdbd;
    --c-muted: #9a9a9a;
    --c-line: #262626;
    --c-line-2: #666666;
    --c-surface-0: rgba(17, 17, 17, 0);
    --c-surface: #111111;
    --c-bg-alt: #0a0a0a;
    --c-on-accent: #ffffff;
    --c-header-bg: rgba(0, 0, 0, .97);
    --c-header-solid: #000000;
    --c-accent: var(--bf-pink);
    --c-accent-bg: var(--bf-pink);
    --c-accent-tint: rgba(255, 0, 127, .25);
    --c-accent-soft: #1c1c1c;
    --c-btn: var(--bf-pink);
    --c-btn-hover: var(--bf-pink-hover);
    --c-primary: var(--bf-pink);
    --c-primary-hover: var(--bf-pink-hover);
    --c-primary-tint: rgba(255, 0, 127, .14);
    --c-primary-text: var(--bf-teal);
    --c-primary-text-hover: var(--bf-teal-dark);
    --c-danger: var(--bf-red);
    --c-warning: var(--bf-gold);

    /* производные */
    --c-topbar-bg: #111111;
    --c-topbar-text: #ffffff;
    --c-price: #ffffff;
    --c-price-old: #777777;
    --c-price-old-mini: #777777;
    --c-price-cart: #ffffff;
    --c-price-strike: var(--bf-red);
    --c-footer-accent: #111111;
    --c-footer-gray: #0a0a0a;
    --c-subscribe-bg: #111111;
    --c-phn-from: var(--bf-pink-hover);
    --c-phn-to: #99004c;
    --c-btn-gray-bg: transparent;
    --c-btn-gray-text: var(--bf-teal);
    /* --c-text-rgb не меняем: через него идут тёмные подложки стрелок баннеров */
    --c-title: #ffffff;
    --c-bg-soft: #0a0a0a;
    --c-dots: rgba(255, 255, 255, .3);
    --c-daily-bg: #111111;
    --c-daily-text: #ffffff;

    /* тени */
    --shadow-input: 0 4px 20px rgba(255, 0, 127, .18);
    --shadow-dropdown: 0 12px 30px rgba(0, 0, 0, .8);
    --shadow-card: 0 1px 5px rgba(0, 0, 0, .6);
    --shadow-primary: var(--bf-glow-pink);
    --shadow-phn: 0 9px 20px rgba(255, 0, 127, .2);
    --shadow-pop: 0 6px 24px rgba(0, 0, 0, .8);
    --shadow-ring: 0 0 0 3px rgba(255, 255, 255, .2);
    --shadow-advantages: none;
    /* --shadow-modal, --c-cookie-*: не меняем, баннер и окна и так тёмные */
}

/* ---------- 2. Правила, которые токенами не выразить ---------- */

/* Фон страницы (в основных стилях у body фона нет) */
html[data-theme="bf"],
html[data-theme="bf"] body,
html[data-theme="bf"] main { background: var(--bf-bg); }
html[data-theme="bf"] body { color: var(--c-text); }
html[data-theme="bf"] :where(header, main, footer) a:hover { color: var(--bf-teal); }
html[data-theme="bf"] .active { color: var(--bf-pink) !important; }

/* Верхняя плашка и шапка */
html[data-theme="bf"] .top-baner a { border-bottom: 1px solid rgba(255, 0, 127, .45); }
html[data-theme="bf"] header .slide,
html[data-theme="bf"] .title-search-result { border: 1px solid var(--c-line); }
html[data-theme="bf"] .hfr .menu a:hover,
html[data-theme="bf"] .hfr .menu .slide a:hover { color: var(--bf-teal); }

/* Неоновый логотип: оригинал прячем, SVG кладём фоном на ссылку */
html[data-theme="bf"] .hfr .logo a {
    display: block;
    line-height: 0;
    background: url(/local/img/logo/logo-bf-2026.svg?v=2) left center / contain no-repeat;
}
html[data-theme="bf"] .hfr .logo a img { opacity: 0; }

/* Выбор города */
html[data-theme="bf"] .sel-city { color: var(--bf-teal); }
html[data-theme="bf"] .sel-city:before {
    background-color: #000;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 12L5.25 6.75L0 4.5L12 0L7.5 12Z' fill='%2300FFD2'/%3E%3C/svg%3E");
}
html[data-theme="bf"] .sel-city:after { background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, #000 100%); }

/* Телефон: стрелки-svg */
html[data-theme="bf"] .cont .ph i,
html[data-theme="bf"] .cont .ph i a { background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L5 5L1 1' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
html[data-theme="bf"] .cont .ph i.active { background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5L5 1L1 5' stroke='%23FF007F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
html[data-theme="bf"] .ph .slide a { color: var(--bf-gold); }
html[data-theme="bf"] .a1:after,
html[data-theme="bf"] .mts:after,
html[data-theme="bf"] .tgr:after,
html[data-theme="bf"] .vbr:after { border-color: #333; }

/* Поиск */
html[data-theme="bf"] #title-search-input { border: 1px solid rgba(0, 255, 210, .35); transition: border-color .2s, box-shadow .2s; }
html[data-theme="bf"] #title-search-input:focus {
    border: 2px solid var(--bf-teal);
    box-shadow: 0 0 0 3px rgba(0, 255, 210, .15), var(--bf-glow-teal);
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3334 16.5L12.4667 11.5834C13.5598 10.2632 14.1024 8.57269 13.9819 6.86295C13.8614 5.15321 13.087 3.55557 11.8195 2.40177C10.552 1.24798 8.88885 0.626673 7.17534 0.666875C5.46183 0.707077 3.82963 1.40569 2.61766 2.61766C1.40569 3.82963 0.707077 5.46183 0.666875 7.17534C0.626673 8.88885 1.24798 10.552 2.40177 11.8195C3.55557 13.087 5.15321 13.8614 6.86295 13.9819C8.57269 14.1024 10.2632 13.5598 11.5834 12.4667L16.5 17.3334L17.3334 16.5ZM1.91668 7.33335C1.91668 6.26204 2.23437 5.21478 2.82956 4.32401C3.42475 3.43325 4.27072 2.73898 5.26048 2.329C6.25025 1.91903 7.33936 1.81176 8.39009 2.02076C9.44082 2.22977 10.406 2.74565 11.1635 3.50319C11.921 4.26072 12.4369 5.22588 12.6459 6.27661C12.8549 7.32734 12.7477 8.41645 12.3377 9.40622C11.9277 10.396 11.2335 11.242 10.3427 11.8371C9.45192 12.4323 8.40467 12.75 7.33335 12.75C5.89744 12.7478 4.52097 12.1764 3.50562 11.1611C2.49028 10.1457 1.91889 8.76926 1.91668 7.33335Z' fill='%2300FFD2'/%3E%3C/svg%3E");
}

/* Иконки справа (в шаблоне тёмные svg) — инвертируем */
html[data-theme="bf"] .hi .cmp,
html[data-theme="bf"] .hi .like:not(.active),
html[data-theme="bf"] .hi .login:not(.auth),
html[data-theme="bf"] .shr { filter: var(--icon-invert); opacity: .9; }
html[data-theme="bf"] .hi .cmp:hover,
html[data-theme="bf"] .hi .like:hover { opacity: 1; }
html[data-theme="bf"] .hi .cmp.active { filter: invert(1); opacity: 1; }
html[data-theme="bf"] .hi .cmp.active:after { background: #FF002D; }
html[data-theme="bf"] a.login.auth { background: var(--c-accent-tint); color: var(--bf-pink); }
html[data-theme="bf"] .hi .slide .btn { background: var(--bf-pink); }

/* Корзина */
html[data-theme="bf"] #basket { border-color: var(--bf-pink); box-shadow: var(--bf-glow-pink); }
html[data-theme="bf"] #basket > i { color: #fff !important; }
html[data-theme="bf"] #basket > i:before { filter: var(--icon-invert); }
html[data-theme="bf"] #basket .slide .rest:before,
html[data-theme="bf"] .hi .slide .rest:before { border-bottom-color: #333; }
html[data-theme="bf"] #basket .btr,
html[data-theme="bf"] .hi .slide .btr { border-top-color: #333; }
html[data-theme="bf"] #basket .btr:first-child,
html[data-theme="bf"] .bap .btr,
html[data-theme="bf"] .hi .slide .btr { border-top-color: transparent; }
html[data-theme="bf"] .btr .img i { background: rgba(255, 255, 255, .12); }

/* Навигационная строка (.hcm) */
html[data-theme="bf"] .hcm a:first-child { background-color: var(--bf-pink); box-shadow: var(--bf-glow-pink); color: #fff; }
html[data-theme="bf"] .hcm a:first-child:hover { background-color: var(--bf-pink-hover); color: #fff; }
html[data-theme="bf"] .hcm a:nth-child(2) { color: var(--bf-red); }
html[data-theme="bf"] .hcm a:nth-child(3) { color: var(--bf-gold); border-color: var(--bf-gold); }
html[data-theme="bf"] .hcm a:nth-child(4) { color: var(--bf-teal); border-color: var(--bf-teal); }
html[data-theme="bf"] .hcm a:nth-child(3):hover { background: var(--bf-gold); color: #000; }
html[data-theme="bf"] .hcm a:nth-child(4):hover { background: var(--bf-teal); color: #000; }

/* Мега-меню */
html[data-theme="bf"] .hpl .catalog-l1-item { border-bottom-color: var(--c-line); }
html[data-theme="bf"] .hpl .catalog-l1-item.active { border-color: var(--c-primary-tint); color: var(--bf-pink) !important; }
html[data-theme="bf"] .hpm .hpt div a.l3:hover { color: var(--bf-teal); }
html[data-theme="bf"] .catalog-static-links a:nth-child(1),
html[data-theme="bf"] .catalog-static-links a:nth-child(2) { filter: var(--icon-invert); }
html[data-theme="bf"] .catalog-static-links a:nth-child(3) { color: var(--bf-teal); }
html[data-theme="bf"] .hpm .btn:after { filter: invert(1); }
html[data-theme="bf"] .loadd:before { border-color: #333; border-top-color: var(--bf-teal); }

/* Золотой блок «Чёрная пятница» под шапкой. Вставить после </header>:
   <div class="bf-hero">
     <div class="bf-hero__title">Чёрная пятница | Главная распродажа года</div>
     <div class="bf-hero__sub">Скидка до 20% на весь каталог</div>
   </div> */
html[data-theme="bf"] .bf-hero {
    background: #000;
    border: 1px solid #1d1d1d;
    border-radius: 16px;
    text-align: center;
    padding: 28px 16px 24px;
    margin: 12px auto 0;
    max-width: 1440px;
}
html[data-theme="bf"] .bf-hero__title {
    font: 800 clamp(20px, 3.6vw, 40px)/1.15 Inter, sans-serif;
    letter-spacing: .02em;
    text-transform: uppercase;
    background: var(--bf-gold-grad);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: var(--bf-gold);
    filter: drop-shadow(0 0 12px rgba(255, 215, 0, .25));
}
html[data-theme="bf"] .bf-hero__sub {
    margin-top: 10px;
    font: 600 clamp(13px, 1.8vw, 20px)/1.3 Inter, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
}
@media (max-width: 979px) {
    html[data-theme="bf"] .bf-hero { max-width: 343px; padding: 18px 12px 16px; border-radius: 12px; }
}

/* Заголовки блоков — золото */
html[data-theme="bf"] main .h2,
html[data-theme="bf"] main h2,
html[data-theme="bf"] main h2.h2 { color: var(--bf-gold); }
html[data-theme="bf"] main a.h3:hover { color: var(--bf-pink); }

/* Кнопки */
html[data-theme="bf"] .btn.gray { border: 1px solid var(--bf-teal); }
html[data-theme="bf"] .btn.gray:hover { background: var(--bf-teal); color: #000; box-shadow: var(--bf-glow-teal); }
html[data-theme="bf"] .wht.green { background: transparent; color: var(--bf-teal); border-color: var(--bf-teal); }
html[data-theme="bf"] .wht.green:hover { background: transparent; color: var(--bf-teal); }
html[data-theme="bf"] .l-green { background: rgba(0, 255, 210, .12); color: var(--bf-teal); }
html[data-theme="bf"] #bup { box-shadow: var(--bf-glow-pink); }
html[data-theme="bf"] .dlm { border-top-color: var(--c-line); }

/* Карточки товаров (page_*.css не присылали, правила по HTML) */
html[data-theme="bf"] .catalog_item {
    background: var(--c-surface);
    border: 1px solid var(--c-line);
    border-radius: 16px;
    transition: border-color .2s, box-shadow .2s;
}
html[data-theme="bf"] .catalog_item:hover {
    border-color: var(--bf-pink);
    box-shadow: 0 0 0 1px var(--bf-pink), 0 0 22px rgba(255, 0, 127, .35);
}
html[data-theme="bf"] .catalog_item_images { background-color: #fff; border-radius: 12px; }   /* фото на белом */
html[data-theme="bf"] .catalog_item_title a:hover { color: var(--bf-teal); }
html[data-theme="bf"] .catalog_item_rating { color: #aaa; }
html[data-theme="bf"] .catalog_item .perc {
    background: var(--bf-red);
    color: #fff;
    border-radius: 999px;
    box-shadow: 0 0 12px rgba(255, 0, 0, .5);
}
html[data-theme="bf"] .catalog_item .like:not(.active),
html[data-theme="bf"] .catalog_item .cmp:not(.active) { filter: invert(1) brightness(1.2); }
html[data-theme="bf"] .catalog_item_price,
html[data-theme="bf"] .catalog_item_title { padding: 0 5px; }
html[data-theme="bf"] .best .bowc .catalog_item { height: 350px; }

/* Товар дня */
html[data-theme="bf"] .daily { border: 1px solid var(--bf-pink); box-shadow: var(--bf-glow-pink); }
html[data-theme="bf"] .daily .catalog_item { background: transparent; border: 0; box-shadow: none; }
html[data-theme="bf"] .daily i.perc { box-shadow: var(--bf-glow-pink); }
html[data-theme="bf"] .daily-timer__item {
    background: #000;
    border: 1px solid var(--bf-gold);
    box-shadow: 0 0 10px rgba(255, 215, 0, .25);
}
html[data-theme="bf"] .daily-timer__number,
html[data-theme="bf"] .daily-timer__sep { color: var(--bf-gold); }

/* Маски и подложки главной: в основных стилях белые (var(--c-surface)),
   на чёрном фоне страницы их надо красить в цвет страницы */
html[data-theme="bf"] .mfr:before,
html[data-theme="bf"] .mfr:after,
html[data-theme="bf"] .popular.new .top-catalog .spec .owc .owl-stage-outer:after,
html[data-theme="bf"] .popular.new .mp:after,
html[data-theme="bf"] .best .best-img:before,
html[data-theme="bf"] .msln .owl-dots { background: var(--bf-bg); }
html[data-theme="bf"] .mrv:before { background: linear-gradient(180deg, rgba(10, 10, 10, 0) 38.51%, var(--c-bg-alt) 81.41%); }
html[data-theme="bf"] .msln .owl-dots .owl-dot.active { background: var(--bf-gold); }

/* Стрелки баннера .msln: в основных стилях подложка = цвет текста, на тёмной теме оставляем тёмной */
html[data-theme="bf"] .msln + .owl-nav .owl-prev:before,
html[data-theme="bf"] .msln + .owl-nav .owl-next:before { background: #2D3130; }

/* Элементы на белом: плитки категорий, логотипы площадок */
html[data-theme="bf"] .top-category__image,
html[data-theme="bf"] .mrv .plf a { background-color: #fff; border-radius: 12px; }
/* Бренды: логотипы с белым фоном, вокруг картинки светлая рамка */
html[data-theme="bf"] .bri img { border: 6px solid var(--c-photo-bg); background-color: var(--c-photo-bg); box-sizing: content-box; }

/* Преимущества и «Топ в категориях» */
html[data-theme="bf"] .advantages > div a:after { filter: invert(1); }
html[data-theme="bf"] .mpb,
html[data-theme="bf"] .rvi { border: 1px solid var(--c-line); }
html[data-theme="bf"] .mpb .catalog_item { background: #181818; }
html[data-theme="bf"] .mpb .catalog_item_description:after { background: linear-gradient(90deg, rgba(24, 24, 24, 0), #181818); }   /* затухание под цвет фона карточки */
html[data-theme="bf"] .mpb .seo a:hover { color: var(--bf-pink); }

/* Слайдеры (.lsl-*) */
html[data-theme="bf"] .lsl-prev,
html[data-theme="bf"] .lsl-next {
    /* круг остаётся светлым (--c-photo-bg), стрелка в svg тёмная */
    border: 1px solid rgba(255, 215, 0, .55);
    border-radius: 50%;
}
html[data-theme="bf"] .lsl-prev:hover,
html[data-theme="bf"] .lsl-next:hover { border-color: var(--bf-gold); box-shadow: 0 0 12px rgba(255, 215, 0, .45); }
html[data-theme="bf"] .lsl-dots button { background: #444; }
html[data-theme="bf"] .lsl-dots button.act { background: var(--bf-gold); }

/* Футер и подписка */
html[data-theme="bf"] .vlb { border-top: 1px solid rgba(255, 0, 127, .4); }
html[data-theme="bf"] .fm a { color: #aaa; }
html[data-theme="bf"] .fm a:hover { color: var(--bf-teal); }
html[data-theme="bf"] footer .note { color: var(--c-muted); }
html[data-theme="bf"] .sbf input[type=text] { background: #000; border: 1px solid var(--c-line); box-shadow: none; }
html[data-theme="bf"] .sbf .note a,
html[data-theme="bf"] .sbf .text a { color: var(--bf-teal); }
html[data-theme="bf"] .subscribe {
    background-image:
            radial-gradient(ellipse 40% 95% at 100% 0%, rgba(255, 0, 127, .55), transparent 70%),
            radial-gradient(ellipse 45% 75% at 85% 100%, rgba(0, 255, 210, .28), transparent 70%) !important;
    border: 1px solid var(--c-line);
}
html[data-theme="bf"] .sbf .title { color: #fff; }
html[data-theme="bf"] .sbf .text { color: #cfcfcf; }
html[data-theme="bf"] .sbf label,
html[data-theme="bf"] .sbf .note { color: #aaa; }

/* Cookie */
html[data-theme="bf"] .btn-cookie { border-color: var(--bf-pink); }
html[data-theme="bf"] .cookie-apply a { color: var(--bf-teal); border-bottom-color: var(--bf-teal); }

/* Кнопки «Как добраться» / «Построить маршрут»: в шаблоне color !important и тёмные иконки */
html[data-theme="bf"] .map,
html[data-theme="bf"] .route {
    color: #fff !important;
    background-color: #181818;
    border: 1px solid var(--c-line);
    background-repeat: no-repeat;
    background-position: 2px center;
    padding-left: 25px;
}
html[data-theme="bf"] .map:hover,
html[data-theme="bf"] .route:hover { border-color: var(--bf-teal); }
html[data-theme="bf"] .map { background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M10 1.48926C11.6562 1.49147 13.2437 2.15092 14.414 3.32278C15.5843 4.49465 16.2417 6.0831 16.2417 7.73926C16.2417 12.2226 11.2417 17.2976 10 18.4976C8.75 17.2893 3.75833 12.2143 3.75833 7.73926C3.75833 6.0831 4.41567 4.49465 5.58597 3.32278C6.75627 2.15092 8.34384 1.49147 10 1.48926ZM10 0.239258C8.01088 0.239258 6.10322 1.02943 4.6967 2.43596C3.29018 3.84248 2.5 5.75013 2.5 7.73926C2.5 13.3809 9.16667 19.4059 9.43333 19.6893L9.99167 20.1893L10.55 19.6893C10.8333 19.4059 17.5 13.3726 17.5 7.73926C17.5 5.75013 16.7098 3.84248 15.3033 2.43596C13.8968 1.02943 11.9891 0.239258 10 0.239258V0.239258Z' fill='%23FFFFFF'/%3E%3Cpath d='M9.99996 6.19743C10.3049 6.19743 10.6029 6.28785 10.8565 6.45725C11.11 6.62665 11.3076 6.86742 11.4243 7.14912C11.541 7.43083 11.5715 7.7408 11.512 8.03986C11.4525 8.33891 11.3057 8.61361 11.0901 8.82922C10.8745 9.04482 10.5998 9.19165 10.3007 9.25114C10.0017 9.31062 9.69169 9.28009 9.40999 9.16341C9.12829 9.04672 8.88751 8.84912 8.71811 8.5956C8.54871 8.34207 8.45829 8.04401 8.45829 7.73909C8.45829 7.33022 8.62072 6.93809 8.90984 6.64897C9.19896 6.35985 9.59108 6.19743 9.99996 6.19743ZM9.99996 5.03076C9.4643 5.03076 8.94067 5.1896 8.49529 5.4872C8.04991 5.78479 7.70277 6.20778 7.49779 6.70266C7.2928 7.19754 7.23917 7.7421 7.34367 8.26746C7.44817 8.79283 7.70611 9.27541 8.08488 9.65418C8.46365 10.0329 8.94623 10.2909 9.47159 10.3954C9.99696 10.4999 10.5415 10.4463 11.0364 10.2413C11.5313 10.0363 11.9543 9.68915 12.2519 9.24376C12.5495 8.79838 12.7083 8.27475 12.7083 7.73909C12.7061 7.02148 12.42 6.33388 11.9126 5.82644C11.4052 5.31901 10.7176 5.03296 9.99996 5.03076Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.239258)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
html[data-theme="bf"] .route { background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6667 9.52249C16.5205 7.97847 15.8405 6.53375 14.7438 5.43708C13.6471 4.3404 12.2024 3.6604 10.6584 3.51416V1.01416H9.40837V3.51416C7.85243 3.64565 6.39201 4.31914 5.2818 5.41717C4.17158 6.5152 3.48202 7.9681 3.33337 9.52249H0.833374V10.7725H3.33337C3.47962 12.3165 4.15962 13.7612 5.25629 14.8579C6.35296 15.9546 7.79769 16.6346 9.34171 16.7808V19.2808H10.5917V16.7808C12.1476 16.6493 13.6081 15.9759 14.7183 14.8778C15.8285 13.7798 16.5181 12.3269 16.6667 10.7725H19.1667V9.52249H16.6667ZM10 15.5642C8.92872 15.5642 7.88147 15.2465 6.9907 14.6513C6.09994 14.0561 5.40567 13.2101 4.99569 12.2204C4.58572 11.2306 4.47845 10.1415 4.68745 9.09076C4.89646 8.04002 5.41234 7.07487 6.16988 6.31733C6.92741 5.5598 7.89257 5.04391 8.9433 4.83491C9.99403 4.6259 11.0831 4.73317 12.0729 5.14315C13.0627 5.55312 13.9086 6.24739 14.5038 7.13816C15.099 8.02892 15.4167 9.07618 15.4167 10.1475C15.4145 11.5834 14.8431 12.9599 13.8278 13.9752C12.8124 14.9906 11.436 15.562 10 15.5642ZM10 9.31416C9.83522 9.31416 9.67411 9.36304 9.53706 9.4546C9.40002 9.54617 9.29321 9.67632 9.23014 9.82859C9.16707 9.98086 9.15056 10.1484 9.18272 10.3101C9.21487 10.4717 9.29424 10.6202 9.41078 10.7368C9.52733 10.8533 9.67581 10.9327 9.83746 10.9648C9.99911 10.997 10.1667 10.9805 10.3189 10.9174C10.4712 10.8543 10.6014 10.7475 10.6929 10.6105C10.7845 10.4734 10.8334 10.3123 10.8334 10.1475C10.8334 9.92648 10.7456 9.71452 10.5893 9.55824C10.433 9.40196 10.2211 9.31416 10 9.31416Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A"); }

/* Мобильная версия */
@media screen and (max-width: 979px) {
    html[data-theme="bf"] .burger { background-color: var(--bf-pink); }
    html[data-theme="bf"] body.opn .burger { background-color: transparent; filter: invert(1); }
    html[data-theme="bf"] body.opn header,
    html[data-theme="bf"] .menu .cat-menu,
    html[data-theme="bf"] body.opn #ph_menu { background: #000; }
    html[data-theme="bf"] body.opn .menu .cat,
    html[data-theme="bf"] body.opn .menu .cmp,
    html[data-theme="bf"] body.opn .menu .fav,
    html[data-theme="bf"] body.opn .menu .log,
    html[data-theme="bf"] body.opn #ph_menu .cmp { color: #fff !important; border-bottom-color: var(--c-line); }
    html[data-theme="bf"] .hfr .menu .cat-menu a,
    html[data-theme="bf"] .hfr .menu .cat-menu span,
    html[data-theme="bf"] .hpm.open-cat .cat-menu a,
    html[data-theme="bf"] .hpm.open-cat .cat-menu span:not(.back),
    html[data-theme="bf"] .hfr .menu .cat-menu span.back,
    html[data-theme="bf"] .hpm.open-cat .cat-menu span.back { color: #fff; border-bottom-color: var(--c-line); }
    html[data-theme="bf"] .hfr .menu .cat-menu span.back,
    html[data-theme="bf"] .hpm.open-cat .cat-menu span.back { filter: var(--icon-invert); }
    html[data-theme="bf"] .hpm.open-cat .catalog-static-links { border-bottom-color: var(--c-line); }
}