/* ============================================================================
   BIZZZ ID landing — кастомный CSS (style #14)
   Подключается через Customizer → Custom Code → Head:
     <link rel="stylesheet" href="/templates/yootheme_id/css/id-landing.css">
   Грузится ТОЛЬКО на страницах со style #14 — не задевает визитки (style #13).

   Что внутри:
     1. Локальные @font-face Inter / Poppins / PT Sans Narrow (импорт local-fonts.css —
        152-ФЗ, чтобы не передавать IP в Google Fonts CDN)
     2. Кастомные шрифты BZID Display / BZID Slot (@font-face)
     3. Snippet-классы .bzid-* для копи-пейста в Builder HTML elements
     4. Кастомные ID-сценарные элементы (scoreboard, terminal-form, topbar)

   Что НЕ внутри (живёт в Customizer #14 → LESS variables):
     - Цвета primary/secondary/inverse — настроены через @global-primary-background
     - Базовые шрифты body/headings — @global-font-family / @base-heading-font-family
     - UIkit кнопки primary/secondary — нативные YT styles
   ============================================================================ */

/* ===== Локальные Google Fonts (Inter / Poppins / PT Sans Narrow) — inline из local-fonts.css =====
   152-ФЗ: fonts.googleapis.com убрано из Customizer. Self-host из /templates/yootheme_id/fonts/.
   Inline вместо @import — @import блокирует загрузку и риск парсера (лендинг кнопки ломались). */
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7W0Q5n-wU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/BngRUXNadjH0qYEzV7ab-oWlsbCLwR2oefDofMY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/BngRUXNadjH0qYEzV7ab-oWlsbCCwR2oefDofMY.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/BngRUXNadjH0qYEzV7ab-oWlsbCIwR2oefDofMY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/BngRUXNadjH0qYEzV7ab-oWlsbCGwR2oefDo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/BngSUXNadjH0qYEzV7ab-oWlsbg95AiIW_3CRs-2UEU.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/BngSUXNadjH0qYEzV7ab-oWlsbg95AiBW_3CRs-2UEU.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/BngSUXNadjH0qYEzV7ab-oWlsbg95AiLW_3CRs-2UEU.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/templates/yootheme_id/fonts/BngSUXNadjH0qYEzV7ab-oWlsbg95AiFW_3CRs-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===== Шрифты (локальные TTF) =====
   bzid-slot.ttf (a_LCDNova) содержит кириллицу;
   bzid-display.ttf (DS-Digital) — только латиница.
   В стеке Slot стоит первым, поэтому per-glyph fallback Chrome ДОЛЖЕН
   находить русские буквы в Slot. unicode-range на Display ограничивает
   его латиницей — Chrome не «прилипнет» к нему и не подменит кириллицу
   системным monospace. */
@font-face {
    font-family: 'BZID Display';
    font-weight: 700;
    /* WOFF2 первым — меньше веса; TTF как fallback для совсем старых браузеров.
       Оба пересобраны через fontTools (оригинальные TTF Chrome'овский OTS-валидатор
       отвергал с ошибкой "bad table directory searchRange / cmap misaligned"). */
    src: url('/templates/yootheme_id/fonts/bzid-display.woff2') format('woff2'),
         url('/templates/yootheme_id/fonts/bzid-display.ttf')   format('truetype');
    font-display: swap;
    unicode-range: U+0000-007F, U+00A0-00FF, U+0100-017F;  /* Basic Latin + Extended */
}
@font-face {
    font-family: 'BZID Slot';
    /* WOFF2 не получился — повреждена 'glyf' table исходного TTF; fontTools
       не смог декомпилировать её для recompression. TTF пересохранён с
       пересчитанным table directory — Chrome OTS теперь его принимает. */
    src: url('/templates/yootheme_id/fonts/bzid-slot.ttf') format('truetype');
    font-display: swap;
}

/* ===== Анимации ===== */
@keyframes bzid-blink { 0%, 49% { opacity: 1 } 50%, 100% { opacity: 0 } }
@keyframes bzid-pulse { 0%, 100% { opacity: 1 } 50% { opacity: 0.35 } }
@keyframes bzid-scan  { 0% { transform: translateY(-100%) } 100% { transform: translateY(100%) } }
@keyframes bzid-bar   { 0%, 100% { height: 30% } 50% { height: 90% } }

/* ============================================================================
   SNIPPET CLASSES — копи-пейст в Builder HTML element.
   Каждый блок самостоятельный, ничего не требует от обёртки.
   Полный каталог: templates/yootheme_id/LANDING_SNIPPETS.html
   ============================================================================ */

/* === UIkit modal title — Poppins для всех модалок на стиле #14 ===
   YT Pro Consent Manager + наши bzid-bell-modal / cardstat-modal используют
   стандартный .uk-modal-title без font-family из Customizer LESS (там переменная
   @modal-title-font-family не выставлена, fallback на system). Принудительно
   выравниваем под фирменный Poppins. На стиле #13 (визитки) этот файл не грузится. */
.uk-modal-title { font-family: 'Poppins', 'Inter', sans-serif; }

/* === UIkit button — фирменный BZID Slot + геометрия ===
   YT Customizer LESS оставил @button-* без шрифта/паддингов/скругления,
   UIkit отдавал дефолт. Шрифт лендинга для кнопок — BZID Slot (тот же что
   `.bzid-led-row`, `.bzlcd-text`, `.bzid-kicker`), с заметной разрядкой.
   Bootstrap `.btn` (на кнопке регистрации `btn btn-primary uk-button uk-button-primary`)
   перебивает только если specificity комбо `.btn.uk-button` явно прописано. */
.uk-button,
.btn,
.btn.uk-button {
    font-family: 'BZID Slot', 'BZID Display', monospace;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.11em;
    padding: 0 28px;
    border-radius: 6px;
    line-height: 38px;
    min-height: 40px;
    text-transform: none;
}
.uk-button-small,
.btn-sm,
.btn-group-sm > .btn,
.btn.uk-button-small {
    font-size: 13px;
    padding: 0 12px;
    line-height: 28px;
    min-height: 30px;
}
.uk-button-large,
.btn.uk-button-large {
    font-size: 18px;
    padding: 0 36px;
    line-height: 53px;
    min-height: 55px;
}

/* === UIkit button-default — серая палитра в стиле bzid ===
   В Customizer LESS заданы только @button-primary-* и @button-secondary-*,
   @button-default-* пустые. */
.uk-button-default {
    background: #F5F5F5;
    color: #1D1D1B;
    border: 1px solid #D6D6D6;
}
.uk-button-default:hover,
.uk-button-default:focus {
    background: #ECEAE4;
    color: #1D1D1B;
    border-color: #C8C8C0;
}
.uk-button-default.uk-active,
.uk-button-default:active {
    background: #DEDCD6;
    color: #1D1D1B;
    border-color: #B8B8B0;
}

/* === Бейджи (.uk-label) в стиле #14 ===
   Дефолтный .uk-label — лимонный фон бренда (#ECE559) → ТЁМНЫЙ текст (как primary-кнопка).
   Семантические success/warning/danger (насыщенный зелёный/оранжевый/красный фон) → БЕЛЫЙ.
   .uk-label-* идут ПОСЛЕ .uk-label и той же специфичности → перебивают для семантических.
   primary/secondary-кнопки НЕ трогаем (тема задаёт сама, у secondary есть светлый вариант). */
.uk-label {
    color: #1D1D1B;
}
.uk-label-success,
.uk-label-warning,
.uk-label-danger,
.badge.bg-success,
.badge.bg-warning,
.badge.bg-danger {
    color: #fff;
}
.uk-button-danger,
.btn.uk-button-danger,
.btn-danger {
    color: #fff;   /* красный фон → белый текст (passkey-удалить был серый) */
}
/* .uk-badge (счётчик-уведомление, напр. <span class="uk-badge">1</span>) — в стиле #14
   лимонный фон бренда → ТЁМНЫЙ текст. UIkit core форсит белый !important на primary-фоне,
   поэтому тоже !important. id-landing.css грузится только на #14, стиль #13 не задет. */
.uk-badge {
    color: #1D1D1B !important;
}

/* === Дефолтный тултип на всех страницах стиля #14 ===
   Тёмный glass-chip с лимонным акцентом (как микро-баннер согласия Метрики) — читаемо
   на любом фоне. Шрифт — как у .bzid-chip* ('BZID Slot' → 'BZID Display' → monospace;
   у BZID-шрифтов нет кириллицы → русский текст падает на monospace, латиница/цифры —
   брендовым). UIkit генерит тултип динамически в <body>, потому стилизуем .uk-tooltip. */
.uk-tooltip {
    background: rgba(29, 29, 27, 0.94);
    border: 1px solid rgba(236, 229, 89, 0.5);
    color: #fff;
    border-radius: 12px;
    padding: 6px 12px;
    font-size: 11px;
    letter-spacing: 0.04em;
    font-family: 'BZID Slot', 'BZID Display', monospace;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/* === uk-alert-warning заметнее на светлом фоне (#14) ===
   Дефолтный бледно-жёлтый на белом почти не виден — даём амбер-бордер, тинт-фон, тёмный текст. */
.uk-alert-warning {
    background: rgba(255, 158, 69, 0.12);
    border: 1px solid #FF9E45;
    border-radius: 8px;
    color: #7A4A00;
}

/* === Чекбоксы/радио согласий: ЧЁРНАЯ галка/точка на жёлтом (primary) фоне ===
   Согласия — Bootstrap .form-check-input (НЕ uk-checkbox); галка рисуется белым SVG,
   на лимонном фоне #14 не читается. Покрываем оба фреймворка. */
.uk-checkbox:checked,
.form-check-input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Cpath%20fill='none'%20stroke='%231D1D1B'%20stroke-width='1.7'%20d='M3%207l2.7%202.7L11%204.5'/%3E%3C/svg%3E") !important;
}
.uk-radio:checked,
.form-check-input[type="radio"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2014%2014'%3E%3Ccircle%20cx='7'%20cy='7'%20r='3'%20fill='%231D1D1B'/%3E%3C/svg%3E") !important;
}
/* Пустой (unchecked) чекбокс — нейтральный серый контур + белый фон, как у пустого радио
   (был лимонный контур). НЕ задевает тумблеры — у них правила ниже специфичнее (.form-switch …). */
.form-check-input:not(:checked) {
    border-color: rgba(0, 0, 0, 0.25) !important;
    background-color: #fff !important;
}

/* === iOS-тумблеры (Bootstrap .form-switch): жёлтый ON на тёмно-сером OFF, белая «кнопка» ===
   Класс-обёртка для гайда стилей — .bzid-switch (= тот же вид, для standalone-разметки). */
.form-switch .form-check-input,
.bzid-switch .form-check-input {
    width: 2.6em;
    height: 1.45em;
    border-radius: 2em;
    margin-top: 0.1em;
    box-shadow: none !important;
    transition: background-color .2s, background-position .15s ease-in-out;
}
.form-switch .form-check-input:not(:checked),
.bzid-switch .form-check-input:not(:checked) {
    background-color: #4A4A48 !important;   /* тёмно-серый трек (off) */
    border-color: #4A4A48 !important;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-4%20-4%208%208'%3E%3Ccircle%20r='3'%20fill='%23fff'/%3E%3C/svg%3E") !important;
}
.form-switch .form-check-input:checked,
.bzid-switch .form-check-input:checked {
    background-color: #ECE559 !important;   /* лимонный трек (on) */
    border-color: #ECE559 !important;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-4%20-4%208%208'%3E%3Ccircle%20r='3'%20fill='%23fff'/%3E%3C/svg%3E") !important;
}
/* Joomla radio.switcher (auth-тумблеры «Вход по коду/звонку») → iOS-ПИЛЮЛЯ как
   .phonesms-ios-switch на логине: трек 36×20, круглая белая кнопка 16px, лимон ON /
   тёмно-серый OFF. Текст Выкл/Вкл прячем (opacity:0), но половинки-лейблы кликабельны:
   левая = выкл, правая = вкл. (Стандартный switcher был 58×28 с квадратной кнопкой.) */
.switcher {
    width: 36px !important;
    height: 20px !important;
}
.switcher input {
    width: 36px !important;
    height: 20px !important;
}
.switcher label {
    margin-inline-start: 0 !important;
    min-width: 0 !important;
    width: 18px !important;
    height: 20px !important;
    opacity: 0 !important;
    cursor: pointer;
    z-index: 5;
}
.switcher label:nth-of-type(1) { inset-inline-start: 0 !important; }
.switcher label:nth-of-type(2) { inset-inline-start: 18px !important; }
.switcher .toggle-outside {
    width: 36px !important;
    height: 20px !important;
    border-radius: 10px !important;
    border: none !important;
    background: #4A4A48 !important;   /* OFF тёмно-серый */
}
.switcher input ~ input:checked ~ .toggle-outside {
    background: #ECE559 !important;   /* ON лимонный */
}
.switcher .toggle-inside {
    width: 16px !important;
    height: 16px !important;
    top: 2px !important;
    left: 2px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.switcher input ~ input:checked ~ .toggle-outside .toggle-inside {
    left: 18px !important;
}

/* uk-alert-primary (лимонный) на белом тоже бледный и не виден. Описание-поле «Вход по
   паролю включён всегда» в cardservice_security.xml использует именно его. Делаем заметным. */
.uk-alert-primary {
    background: rgba(236, 229, 89, 0.18);
    border: 1px solid #ECE559;
    border-radius: 8px;
    color: #5A5512;
}

/* uk-flex-gap-small — у UIkit нет такого класса (кнопки тулбара редактора слипались,
   скруглённые углы в одну панель не собрать). Даём реальный зазор. */
.uk-flex-gap-small { gap: 10px; }

/* === LK-страницы (подписка / настройки-допы / рефералка) — обёртка .bzid-lk ===
   Единый бренд-вид заголовков (Poppins) + убираем «перебор» отступа сверху.
   Лендинг (.bzid) не задет — это отдельный scope. */
.bzid-lk > h2:first-child,
.bzid-lk > h3:first-child { margin-top: 0; }
.bzid-lk h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 27px;
    line-height: 1.2;
    color: #1D1D1B;
    margin: 0 0 18px;
}
.bzid-lk h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 19px;
    line-height: 1.25;
    color: #1D1D1B;
    margin: 24px 0 12px;
}
.bzid-lk h3.uk-card-title { margin-top: 0; }   /* внутри карточек — без верхнего отступа */

/* === Joomla form.validate — blur-валидация ===
   Гасим саму подписку через JS (см. override register/default.php inline-script),
   не через CSS. Joomla переписывает ТЕКСТ оригинального label при blur (а не
   создаёт отдельный feedback-element) — display:none просто скрывал заголовок
   поля целиком. */

/* === Звёздочка `*` у обязательных полей формы регистрации ===
   В подвале формы есть подпись «* — поля, обязательные для заполнения»,
   а сами поля (имя/email/телефон) звёздочку не имели — Joomla rendering
   через layout не выводил <span class="star"> в YT-overрайде.
   Через :has() добавляем `*` ко всем label чьё .control-group содержит
   required input/select/textarea. Наши consent-rows используют свой
   layout (cardservice-consent-row, не .control-group) — селектор их
   не задевает, ручная * там уже стоит. */
.control-group:has(input[required], select[required], textarea[required])
    > .control-label > label::after,
.control-group:has(input[required], select[required], textarea[required])
    > label::after {
    content: ' *';
    color: #E44E56;
    font-weight: 600;
    margin-left: 2px;
}

/* На случай если Joomla уже вывела <span class="star"> — спрячем, чтобы не дубль. */
.control-group .star { display: none; }

/* === LED-индикатор (зелёная точка + LCD-текст) === */
.bzid-led-row { display: flex; gap: 10px; align-items: center; font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 12px; letter-spacing: 0.2em; color: #5A5A52; margin-bottom: 32px; }
.bzid-led-dot { width: 7px; height: 7px; border-radius: 50%; background: #ECE559; box-shadow: 0 0 8px #ECE559; animation: bzid-pulse 1.4s ease-in-out infinite; }

/* === LCD-текст в шрифте Slot (бывшие .bzlcd) === */
.bzlcd-text { font-family: 'BZID Slot', 'BZID Display', monospace; letter-spacing: 0.06em; }

/* === Section kicker (нумерованная преамбула «01 · X») === */
.bzid-kicker { font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 12px; letter-spacing: 0.25em; color: #7A7A7A; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; text-transform: uppercase; }
.bzid-kicker::before { content: ''; width: 6px; height: 6px; background: #ECE559; border-radius: 50%; }

/* === H1 hero (большой заголовок с жёлтым акцентом) === */
.bzid-h1 { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 80px; line-height: 1.02; letter-spacing: -0.02em; margin: 0 0 28px; max-width: 920px; }
.bzid-h1-accent { color: #ECE559; }
@media (max-width: 720px) { .bzid-h1 { font-size: 48px; } }

/* === Lead (большой текст под H1) === */
.bzid-lead { font-family: 'Inter', sans-serif; font-size: 21px; line-height: 1.55; color: #C8C8C2; margin: 0 0 48px; max-width: 680px; }

/* === Buttons fallback (для HTML element) — если не используешь нативный YT Button === */
.bzid-btn-primary { display: inline-block; background: #ECE559; color: #1D1D1B !important; font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 15px; letter-spacing: 0.12em; padding: 16px 26px; border: 1px solid #C7C34A; border-bottom-width: 3px; border-radius: 6px; cursor: pointer; transition: background 0.15s; text-decoration: none; box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 2px 0 rgba(0,0,0,0.5); }
.bzid-btn-primary:hover { background: #FFF04A; color: #1D1D1B !important; }
.bzid-btn-ghost { display: inline-block; color: #FFFFFF; border: 1px solid rgba(236, 229, 89, 0.3); font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 15px; letter-spacing: 0.12em; padding: 15px 26px; border-radius: 6px; background: transparent; cursor: pointer; transition: border-color 0.15s, color 0.15s; text-decoration: none; }
.bzid-btn-ghost:hover { color: #ECE559; border-color: #ECE559; }
.bzid-btn-sm { padding: 10px 18px; font-size: 13px; }

/* === Chip (таблетка) === */
.bzid-chip { display: inline-block; padding: 8px 14px; background: rgba(236, 229, 89, 0.08); border: 1px solid rgba(236, 229, 89, 0.2); color: #FFFFFF; font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 12px; letter-spacing: 0.1em; border-radius: 20px; margin: 4px 4px; }
.bzid-chip-y { background: rgba(236, 229, 89, 0.2); border-color: #ECE559; color: #ECE559; }
/* small + glass: меньше padding/text, меньше непрозрачность фона, backdrop blur */
.bzid-chip-s { padding: 4px 10px; font-size: 10px; letter-spacing: 0.08em; border-radius: 14px; background: rgba(236, 229, 89, 0.04); border-color: rgba(236, 229, 89, 0.14); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
/* small + glass + yellow: то же что chip-s, но цвета как у chip-y.
   ВАЖНО: реальное правило живёт ниже под scope .bzid-chips (после .bzid-chips .bzid-chip-y),
   потому что .bzid-chips .bzid-chip (0,0,2,0) перебивает background/border у любого
   модификатора со специфичностью (0,0,1,0). Тут оставляю короткое определение для случая
   когда чип используется ВНЕ .bzid-chips wrapper'а (например на голом темном фоне). */
.bzid-chip-ys { padding: 4px 10px; font-size: 10px; letter-spacing: 0.08em; border-radius: 14px; background: rgba(236, 229, 89, 0.1); border-color: #ECE559; color: #ECE559; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }

/* === NFC caption === */
.bzid-caption { display: flex; align-items: center; gap: 10px; font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 11px; letter-spacing: 0.15em; color: #7A7A7A; margin-top: 22px; }
.bzid-nfc-dot { width: 6px; height: 6px; border-radius: 50%; background: #ECE559; box-shadow: 0 0 6px rgba(236, 229, 89, 0.6); animation: bzid-pulse 1.4s ease-in-out infinite; }

/* === Бейджи (для price-tag / type-num) === */
.bzid-badge-num { display: inline-block; font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 14px; color: #ECE559; background: #1D1D1B; padding: 5px 12px; border-radius: 4px; margin-bottom: 22px; letter-spacing: 0.15em; }
.bzid-badge-tag { display: inline-block; font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 12px; color: #ECE559; letter-spacing: 0.2em; margin-bottom: 18px; }

/* === Панели === */
.bzid-panel-light { background: #FFFFFF; padding: 40px 32px; border: 1px solid #D6D6D6; border-radius: 12px; }
.bzid-panel-light h3 { font-family: 'Poppins'; font-weight: 600; font-size: 24px; line-height: 1.25; margin: 0 0 10px; color: #1D1D1B; }
.bzid-panel-light p  { color: #404040; font-size: 15px; line-height: 1.6; margin: 0 0 16px; }
.bzid-panel-foot     { font-size: 13px; color: #7A7A7A; border-top: 1px dashed #D6D6D6; padding-top: 14px; margin-top: 14px; }

.bzid-panel-dark { background: #1D1D1B; padding: 28px; border-radius: 12px; color: #FFFFFF; }
.bzid-panel-dark h4 { font-family: 'Poppins'; font-weight: 600; font-size: 16px; margin: 0 0 6px; color: #ECE559; }
.bzid-panel-dark p  { color: #A8A8A8; font-size: 14px; line-height: 1.55; margin: 0; }

.bzid-panel-featured { background: linear-gradient(180deg, #1D1D1B 0%, #2A2926 100%); color: #FFFFFF; padding: 40px 32px; border-radius: 12px; position: relative; }
.bzid-panel-featured h3 { font-family: 'Poppins'; font-weight: 600; font-size: 22px; line-height: 1.25; margin: 0 0 18px; color: #FFFFFF; }

/* === Цена (как в оригинале ID_LANDING — число на жёлтой плашке) === */
.bzid-price-amounts { display: flex; flex-direction: column; gap: 6px; margin: 22px 0; }
.bzid-price-row { display: flex; align-items: baseline; gap: 8px; font-family: 'BZID Slot', 'BZID Display', monospace; }
.bzid-price-num { font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 36px; color: #1D1D1B; background: #ECE559; padding: 0 10px; line-height: 1.1; }
.bzid-price-cur { font-size: 18px; color: #7A7A7A; }
.bzid-price-period { font-family: 'Inter', sans-serif; font-size: 13px; color: #7A7A7A; margin-left: 4px; }

/* Альтернативный стиль числа цены — без плашки, крупным жёлтым Poppins 700.
   Использовать вместо .bzid-price-num когда хочется акцентного «текстового» варианта. */
.bzid-price-num-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 44px; color: #ECE559; line-height: 1.1; }
.bzid-by-request { font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 14px; color: #ECE559; letter-spacing: 0.1em; margin: 22px 0; text-align: center; padding: 14px 0; border-top: 1px dashed rgba(236, 229, 89, 0.2); border-bottom: 1px dashed rgba(236, 229, 89, 0.2); }

/* === Checklist (галочки ✓) — работает на bare <ul> И на YT list element === */
/* На bare HTML: <ul class="bzid-checklist"><li>...</li></ul>
   На YT list:   List element → Advanced → Class = bzid-checklist
                 YT рендерит: <ul class="bzid-checklist uk-list"><li class="el-item"><div class="el-content uk-panel">...</div></li></ul> */
.bzid-checklist { list-style: none; padding: 0; margin: 0 0 24px; }
.bzid-checklist > li { position: relative; padding-left: 24px; font-size: 14px; line-height: 1.5; color: inherit; margin-bottom: 10px; }
.bzid-checklist > li::before { content: '✓'; position: absolute; left: 0; top: 0; color: #ECE559; font-weight: bold; line-height: 1.5; }
/* YT list element обёртывает каждый item в <div class="el-content uk-panel"> с собственным margin —
   нейтрализуем, иначе наша галочка не выровнена и появляется лишний отступ. */
.bzid-checklist > li > .el-content,
.bzid-checklist > li > .uk-panel { margin: 0 !important; padding: 0 !important; }
/* YT list иногда добавляет ::before (для list-style=hyphen и т.п.) — глушим, чтобы наша ✓ не дублировалась. */
.bzid-checklist.uk-list > li::after,
.bzid-checklist.uk-list > li > .el-content::before { display: none !important; }

/* === Foot-base (нижняя строка футера) === */
.bzid-foot-base { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; padding-top: 22px; margin-top: 32px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 12px; color: #7A7A7A; letter-spacing: 0.1em; }

/* === Topbar (фиксированная плашка наверху) === */
.bzid-topbar { background: rgba(13, 13, 12, 0.88); padding: 14px 32px; display: flex; align-items: center; justify-content: space-between; backdrop-filter: blur(12px); }
.bzid-tb-logo { font-family: 'BZID Display', monospace; font-size: 22px; letter-spacing: 0.08em; color: #FFFFFF; display: flex; align-items: baseline; gap: 10px; text-decoration: none; }
.bzid-tb-logo b { color: #ECE559; }
.bzid-tb-from { font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 400; color: #A8A8A8; letter-spacing: 0.1em; text-transform: uppercase; }
.bzid-tb-nav { display: flex; align-items: center; gap: 18px; }
.bzid-tb-nav a { font-family: 'Inter', sans-serif; font-size: 14px; color: #C8C8C2; text-decoration: none; }
.bzid-tb-nav a:hover { color: #ECE559; }

/* === Chip group (для What «Что внутри карточки») === */
.bzid-chip-group { padding: 24px; background: rgba(0,0,0,0.02); border-radius: 12px; margin-bottom: 16px; }
.bzid-chip-group h4 { font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 13px; color: #1D1D1B; letter-spacing: 0.12em; margin: 0 0 16px; text-transform: uppercase; }
.bzid-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.bzid-chips .bzid-chip { color: #1D1D1B; background: #FFFFFF; border: 1px solid #D6D6D6; }
.bzid-chips .bzid-chip-y { background: #ECE559; color: #1D1D1B; border-color: #C7C34A; }
/* small + glass: повышенная специфичность чтобы перебить .bzid-chips .bzid-chip (0,0,2,0) */
.bzid-chips .bzid-chip-s { padding: 4px 10px; font-size: 10px; letter-spacing: 0.08em; border-radius: 14px; background: rgba(236, 229, 89, 0.04); border-color: rgba(236, 229, 89, 0.14); color: #FFFFFF; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.bzid-chips .bzid-chip-ys { padding: 4px 10px; font-size: 10px; letter-spacing: 0.08em; border-radius: 14px; background: rgba(236, 229, 89, 0.1); border-color: #ECE559; color: #ECE559; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.bzid-chip-group-foot { margin-top: 14px; font-size: 11px; color: #7A7A7A; font-style: italic; }

/* === LCD Scoreboard (зелёное LED-табло с скрэмблом) === */
.bzid-scoreboard { background: linear-gradient(180deg, #B8BE52 0%, #9AA03E 100%); border-radius: 12px; padding: 32px 36px; position: relative; overflow: hidden; box-shadow: inset 0 0 0 1px #6A6F28, inset 0 2px 12px rgba(0,0,0,0.35); max-width: 1060px; margin-top: 8px; }
.bzid-scoreboard::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(0,0,0,0.08) 1px, transparent 1.5px); background-size: 4px 4px; pointer-events: none; mix-blend-mode: multiply; }
.bzid-scoreboard::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 0%, rgba(255,255,255,0.06) 50%, transparent 100%); pointer-events: none; animation: bzid-scan 6s linear infinite; }
.bzid-sb-meta { position: relative; display: flex; justify-content: space-between; font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 13px; color: #3A3D18; letter-spacing: 0.15em; margin-bottom: 18px; }
.bzid-sb-main { position: relative; display: flex; align-items: baseline; gap: 18px; font-family: 'BZID Slot', 'BZID Display', monospace; line-height: 1; flex-wrap: wrap; }
.bzid-sb-prefix { font-family: 'BZID Display', monospace; font-size: 76px; color: #1F2008; letter-spacing: 0.06em; text-shadow: 0 1px 0 rgba(255,255,255,0.2); flex-shrink: 0; }
.bzid-sb-slot { display: inline-block; font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 64px; color: #1F2008; letter-spacing: 0.04em; line-height: 1; min-width: 280px; }
.bzid-sb-cursor { display: inline-block; width: 3px; background: #3A3D18; animation: bzid-blink 0.6s steps(2) infinite; height: 0.8em; }
.bzid-sb-foot { position: relative; display: flex; justify-content: space-between; align-items: flex-end; margin-top: 22px; font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 13px; color: #3A3D18; letter-spacing: 0.1em; }
.bzid-sb-bars { display: flex; align-items: flex-end; gap: 3px; height: 18px; }
.bzid-bar { display: inline-block; width: 3px; background: #3A3D18; animation: bzid-bar 1.4s ease-in-out infinite; }
@media (max-width: 1100px) { .bzid-sb-prefix { font-size: 56px; } .bzid-sb-slot { font-size: 46px; min-width: 220px; } }
@media (max-width: 720px)  { .bzid-sb-prefix { font-size: 40px; } .bzid-sb-slot { font-size: 32px; min-width: 160px; } }
@media (max-width: 480px)  { .bzid-sb-prefix { font-size: 30px; } .bzid-sb-slot { font-size: 24px; min-width: 120px; } }

/* === Terminal form === */
.bzid-terminal { margin-top: 32px; background: #2A2926; border: 1px solid rgba(236, 229, 89, 0.18); border-radius: 12px; overflow: hidden; max-width: 700px; }
.bzid-term-bar { background: #1D1D1B; padding: 14px 22px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(236, 229, 89, 0.08); }
.bzid-term-bar-left { display: flex; gap: 10px; align-items: center; font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 12px; letter-spacing: 0.15em; color: #A8A8A8; }
.bzid-term-led { width: 7px; height: 7px; border-radius: 50%; background: #ECE559; box-shadow: 0 0 8px #ECE559; animation: bzid-pulse 1.4s ease-in-out infinite; }
.bzid-term-status { color: #A8A8A8; }
.bzid-term-body { padding: 28px; }
.bzid-term-field { display: flex; align-items: baseline; gap: 14px; padding: 14px 0; border-bottom: 1px dashed rgba(236, 229, 89, 0.18); }
.bzid-term-prompt { font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 13px; letter-spacing: 0.1em; color: #ECE559; min-width: 150px; flex-shrink: 0; }
.bzid-term-field input, .bzid-term-field textarea, .bzid-term-field select { flex: 1; background: transparent; border: none; color: #FFFFFF; font-family: 'Inter'; font-size: 16px; padding: 4px 0; outline: none; resize: vertical; }
.bzid-term-field input::placeholder, .bzid-term-field textarea::placeholder { color: #A8A8A8; }
.bzid-term-field select option { background: #2A2926; color: #FFFFFF; }
.bzid-term-actions { margin-top: 22px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; }
.bzid-term-alt { font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 12px; letter-spacing: 0.1em; color: #A8A8A8; }
.bzid-term-alt a { color: #ECE559; }
@media (max-width: 640px) { .bzid-term-field { flex-direction: column; align-items: stretch; gap: 4px; } .bzid-term-prompt { min-width: 0; } }

/* === Scroll-reveal === */
[data-reveal] { opacity: 0; transform: translateY(20px); transition: opacity 0.6s, transform 0.6s; }
[data-reveal].in { opacity: 1; transform: translateY(0); }

/* ============================================================================
   Mobile scaling — чтобы LCD-табло помещалось на 1й экран и hero не «гремел»
   ============================================================================ */
@media (max-width: 960px) {
    .bzid-h1   { font-size: 56px; }
    .bzid-lead { font-size: 19px; }
}
@media (max-width: 640px) {
    .bzid-h1   { font-size: 38px; line-height: 1.05; margin-bottom: 20px; }
    .bzid-lead { font-size: 17px; margin-bottom: 32px; }
    .bzid-scoreboard { padding: 22px 18px; }
    .bzid-sb-meta    { font-size: 11px; margin-bottom: 12px; }
    .bzid-sb-foot    { margin-top: 14px; font-size: 11px; }
    .bzid-led-row    { margin-bottom: 20px; }
    .bzid-caption    { font-size: 10px; margin-top: 16px; }
}
@media (max-width: 380px) {
    .bzid-h1 { font-size: 32px; }
    .bzid-lead { font-size: 16px; }
}

/* ====== How timeline (5 шагов с номерами + соединяющая линия) ====== */
.bzid-steps {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
    margin-top: 40px;
    counter-reset: stp;
}
.bzid-step {
    position: relative;
    padding-top: 60px;
}
.bzid-step::before {
    counter-increment: stp;
    content: counter(stp, decimal-leading-zero);
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'BZID Display', monospace;
    font-size: 36px;
    color: #ECE559;
    letter-spacing: 0.05em;
}
.bzid-step::after {
    content: '';
    position: absolute;
    top: 28px;
    left: 60px;
    right: -24px;
    height: 1px;
    background: rgba(236, 229, 89, 0.2);
}
.bzid-step:last-child::after { display: none; }
.bzid-step h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 6px;
    color: #FFFFFF;
}
.bzid-step p {
    font-size: 13px;
    color: #C8C8C2;
    line-height: 1.55;
    margin: 0;
}
@media (max-width: 900px) {
    .bzid-steps { grid-template-columns: 1fr 1fr; }
    .bzid-step::after { display: none; }
}
@media (max-width: 560px) {
    .bzid-steps { grid-template-columns: 1fr; }
    .bzid-step { padding-top: 50px; }
    .bzid-step::before { font-size: 32px; }
}

/* === What (03) — grid контейнер для групп чипов === */
.bzid-chip-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }
@media (max-width: 900px) { .bzid-chip-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .bzid-chip-grid { grid-template-columns: 1fr; } }

/* === Formats (04) — 4 карточки 2x2 === */
.bzid-fmt-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 40px; }
.bzid-fmt {
    padding: 32px;
    background: #F5F5F5;
    border-radius: 12px;
    border: 1px solid #D6D6D6;
}
.bzid-fmt-label {
    font-family: 'BZID Slot', 'BZID Display', monospace;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #ECE559;
    background: #1D1D1B;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 16px;
}
.bzid-fmt h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 22px;
    margin: 0 0 10px;
    color: #1D1D1B;
}
.bzid-fmt p {
    color: #404040;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
}
@media (max-width: 700px) { .bzid-fmt-grid { grid-template-columns: 1fr; } }

/* === Pricing (05) — дополнения === */
.bzid-price-or { font-family: 'BZID Slot', 'BZID Display', monospace; font-size: 11px; letter-spacing: 0.2em; color: #7A7A7A; text-align: center; margin: 8px 0; }
.bzid-featured-mark { color: #ECE559; font-size: 18px; vertical-align: middle; margin-left: 4px; }
.bzid-price-cta {
    display: inline-block;
    margin-top: 18px;
    padding: 12px 22px;
    background: #ECE559;
    color: #1D1D1B !important;
    font-family: 'BZID Slot', 'BZID Display', monospace;
    font-size: 13px;
    letter-spacing: 0.12em;
    border-radius: 6px;
    border: 1px solid #C7C34A;
    border-bottom-width: 3px;
    text-decoration: none;
    transition: background 0.15s;
}
.bzid-price-cta:hover { background: #FFF04A; color: #1D1D1B !important; }
/* Чек-лист на тёмном фоне featured-карточки */
.bzid-panel-featured .bzid-checklist li,
.bzid-checklist li { color: inherit; }

/* === Contact section (06 · СВЯЗЬ) === */
.bzid-contact{background:#1D1D1B;color:#E5E5E5;padding:80px 0;}
.bzid-contact-inner{max-width:1200px;margin:0 auto;padding:0 24px;}
.bzid-contact-head{margin-bottom:48px;}
.bzid-contact-head .bzid-kicker{color:#ECE559;margin-bottom:14px;}
.bzid-contact-head h2{font-family:'Poppins',sans-serif;font-weight:600;font-size:40px;line-height:1.15;letter-spacing:-0.02em;margin:0 0 12px;color:#fff;}
.bzid-contact-head p{font-size:16px;color:#A5A5A5;margin:0;max-width:560px;line-height:1.6;}
.bzid-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.bzid-form{background:#FFFFFF;color:#1D1D1B;padding:32px;border-radius:12px;display:flex;flex-direction:column;gap:14px;position:relative;}
.bzid-form h3{font-family:'Poppins',sans-serif;font-weight:600;font-size:22px;margin:0;color:#1D1D1B;}
.bzid-form > p{font-size:14px;color:#7A7A7A;margin:0 0 8px;line-height:1.5;}
.bzid-form-group{display:flex;flex-direction:column;gap:6px;}
.bzid-form-group label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:#7A7A7A;}
.bzid-form-group .req{color:#DC3545;}
.bzid-form-group input,.bzid-form-group select,.bzid-form-group textarea{font-family:'Inter',system-ui,sans-serif;font-size:15px;padding:10px 14px;border:1px solid #E0E0E0;border-radius:6px;background:#FAFAFA;color:#1D1D1B;outline:none;transition:border-color 0.2s,background 0.2s;width:100%;box-sizing:border-box;}
.bzid-form-group textarea{resize:vertical;min-height:80px;}
.bzid-form-group input:focus,.bzid-form-group select:focus,.bzid-form-group textarea:focus{border-color:#1D1D1B;background:#fff;}
.bzid-form-hp{position:absolute;left:-10000px;width:1px;height:1px;opacity:0;}
.bzid-form-consent{font-size:13px;color:#7A7A7A;margin-top:8px;line-height:1.5;}
.bzid-form-consent label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;}
.bzid-form-consent input[type=checkbox]{margin:3px 0 0;flex-shrink:0;}
.bzid-form-consent a{color:#1D1D1B;text-decoration:underline;text-decoration-color:#ECE559;text-decoration-thickness:2px;text-underline-offset:2px;}
.bzid-form-submit{font-family:'BZID Slot',monospace,'Inter',sans-serif;font-size:14px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;background:#ECE559;color:#1D1D1B;border:none;padding:14px 28px;border-radius:6px;cursor:pointer;margin-top:8px;transition:background 0.2s;text-align:center;}
.bzid-form-submit:hover:not(:disabled){background:#FFF04A;}
.bzid-form-submit:disabled{opacity:0.6;cursor:wait;}
.bzid-form-status{font-size:13px;line-height:1.5;margin-top:6px;min-height:18px;}
.bzid-form-status.is-success{color:#0F5132;padding:12px 14px;background:#D1E7DD;border-radius:6px;border-left:3px solid #198754;}
.bzid-form-status.is-error{color:#842029;padding:12px 14px;background:#F8D7DA;border-radius:6px;border-left:3px solid #DC3545;}
@media (max-width: 840px){.bzid-contact{padding:56px 0;}.bzid-contact-grid{grid-template-columns:1fr;gap:20px;}.bzid-form{padding:24px;}.bzid-contact-head h2{font-size:30px;}}

/* === Pricing CTA: двойная кнопка для Персонального === */
.bzid-price-buttons{display:flex;flex-direction:column;gap:8px;margin-top:16px;}
.bzid-price-cta-alt{background:transparent !important;color:#1D1D1B !important;border:1px solid #1D1D1B;}
.bzid-price-cta-alt:hover{background:#1D1D1B !important;color:#ECE559 !important;}

/* === Унифицированная типографика headlines (матчит /styles guide) === */
/* Цель: H1-H4 везде через YT Builder Headline получают тот же Poppins-стиль,
   что и inline в /styles. SCOPED строго под .bzid (YT Builder Headline element
   на лендинге рендерит <h2 class="uk-h2 bzid"> — класс bzid стоит прямо на
   элементе через title_classes). Никаких голых .uk-h2 — утечёт в админку. */
/* :where() обнуляет специфичность scope (.bzid :where(h2) = 0,1,0), чтобы
   точечные .bzid-form h3 / .bzid-legal h3 / .bzid-contact-head h2 победили
   (специфичность 0,1,1). Унификация распространяется только под .bzid scope. */
:is(.bzid, .bzid-section-dark, .bzid-panel-dark, .bzid-panel-light, .bzid-panel-featured) :where(h1, h1.uk-h1, h1.el-title) {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 1.05;
    letter-spacing: -0.02em;
}
:is(.bzid, .bzid-section-dark, .bzid-panel-dark, .bzid-panel-light, .bzid-panel-featured) :where(h2, h2.uk-h2, h2.el-title) {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 34px;
    line-height: 1.15;
    letter-spacing: -0.015em;
}
:is(.bzid, .bzid-section-dark, .bzid-panel-dark, .bzid-panel-light, .bzid-panel-featured) :where(h3, h3.uk-h3, h3.el-title) {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 1.25;
}
:is(.bzid, .bzid-section-dark, .bzid-panel-dark, .bzid-panel-light, .bzid-panel-featured) :where(h4, h4.uk-h4, h4.el-title) {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
}
@media (max-width: 640px) {
    :is(.bzid, .bzid-section-dark, .bzid-panel-dark, .bzid-panel-light, .bzid-panel-featured) :where(h1, h1.uk-h1, h1.el-title) { font-size: 36px; }
    :is(.bzid, .bzid-section-dark, .bzid-panel-dark, .bzid-panel-light, .bzid-panel-featured) :where(h2, h2.uk-h2, h2.el-title) { font-size: 26px; }
    :is(.bzid, .bzid-section-dark, .bzid-panel-dark, .bzid-panel-light, .bzid-panel-featured) :where(h3, h3.uk-h3, h3.el-title) { font-size: 19px; }
}

/* === Тёмная секция (для YT section.class = "bzid-section-dark") === */
/* В отличие от .bzid-panel-dark (вложенная карточка с радиусом 12px),
   эта обёртка только меняет цвета фона/текста для секции во всю ширину.
   Скругления и padding не задаём — YT section сама контролирует padding-default/large.
   ВАЖНО: специфичность .uk-section.bzid-section-dark (0,2,0) чтобы перебить
   .uk-section-default (0,1,0) который YT навешивает дефолтным фоном. */
.uk-section.bzid-section-dark { background: #1D1D1B; color: #E5E5E5; }
.bzid-section-dark .bzid-kicker { color: #ECE559; }
.bzid-section-dark a:not([class*="bzid-"]) { color: #ECE559; }
.bzid-section-dark h1, .bzid-section-dark h2, .bzid-section-dark h3, .bzid-section-dark h4, .bzid-section-dark h5, .bzid-section-dark h6 { color: #FFFFFF; }
.bzid-section-dark p { color: #C8C8C2; }
.bzid-section-dark li { color: #E5E5E5; }
.bzid-section-dark hr { border-color: rgba(255,255,255,0.1); }

/* === Footer section (Builder elements, стилизация scoped) === */
/* Один класс bzid-section-dark на section, остальное — descendants.
   Никаких голых .uk-h4/.uk-list/p — всё через scope. */
.uk-section.bzid-section-dark { background: #1D1D1B; color: #E5E5E5; }

.bzid-section-dark .uk-h4,
.bzid-section-dark h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #ECE559;
    margin: 0 0 18px;
}

.bzid-section-dark .uk-list { list-style: none; padding: 0; margin: 0; }
.bzid-section-dark .uk-list > li { margin-bottom: 10px; font-size: 14px; color: #E5E5E5; }
.bzid-section-dark .uk-list > li::before { display: none; }  /* убираем дефис от uk-list-hyphen если он остался */

.bzid-section-dark a { color: #E5E5E5; text-decoration: none; border-bottom: 1px solid transparent; transition: border-color 0.2s; }
.bzid-section-dark a:hover { border-bottom-color: #ECE559; color: #E5E5E5; }

.bzid-section-dark p { font-size: 13px; color: #A5A5A5; margin: 0 0 8px; line-height: 1.6; }
.bzid-section-dark .bzid-req { font-family: 'SF Mono', Menlo, monospace; font-size: 12px; color: #7A7A7A; }

.bzid-section-dark .bzid-copy { font-size: 12px; color: #7A7A7A; margin: 0; }
.bzid-section-dark .bzid-pays { margin: 0; font-size: 12px; color: #7A7A7A; }
.bzid-section-dark .bzid-pays-label { text-transform: uppercase; letter-spacing: 0.08em; margin-right: 10px; font-size: 11px; }
.bzid-section-dark .bzid-pays-badge { display: inline-block; padding: 5px 12px; border: 1px solid #444; border-radius: 4px; color: #ECE559; letter-spacing: 0.08em; font-size: 12px; font-weight: 600; margin: 0 4px 4px 0; }

/* На мобиле — нижняя полоса в столбик */
@media (max-width: 640px) {
    .bzid-section-dark .uk-flex,
    .bzid-section-dark .uk-text-right { text-align: left !important; }
}

/* === Жёлтый бейдж (инверсия — жёлтый фон, тёмный текст) === */
/* Использовать для CTA/маркировки, где нужен максимальный визуальный акцент.
   Снэппеть: <span class="bzid-badge-yellow">·01 · ПЕРСОНАЛЬНЫЙ</span> */
.bzid-badge-yellow {
    display: inline-block;
    font-family: 'BZID Slot', 'BZID Display', monospace;
    font-size: 14px;
    letter-spacing: 0.15em;
    color: #1D1D1B;
    background: #ECE559;
    padding: 5px 12px;
    border-radius: 4px;
    margin-bottom: 22px;
}

/* === Kicker-плашка (яркий жёлтый фон, моноширин) === */
/* Альтернатива .bzid-kicker — для секций где нужна крупная плашка-индикатор
   вместо тонкой точки слева. Используется в Pricing/Hero где важен акцент.
   Snippet: <div class="bzid-kicker-yellow">05 · ТАРИФЫ</div> */
.bzid-kicker-yellow {
    display: inline-block;
    font-family: 'BZID Slot', 'BZID Display', monospace;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #1D1D1B;
    background: #ECE559;
    padding: 6px 14px;
    border-radius: 4px;
    margin-bottom: 18px;
}