/* ═══════════════════════════════════════════════════════════════════════════
  BGND-LIGHT — светлая тема агрегатора бездепозитных бонусов.

  Палитра тёплая, а не бело-синяя: бело-синий вариант владелец забраковал как
  безликий. Фон слегка кремовый, поэтому белые карточки читаются как карточки
  без обводки в пол-пикселя, а не сливаются с полотном.

  ⛔ ЭТО НЕ ИНВЕРТИРОВАННАЯ ТЁМНАЯ ТЕМА. Тени мягкие и почти бесцветные,
  границы тонкие, акцент один. Тёмная тема, у которой поменяли местами фон и
  текст, узнаётся по чёрным подписям на цветных плашках и по контрасту,
  выкрученному до предела — здесь этого нет.

  Правило темы: собственный префикс классов nd-, собственный порядок
  секций. Ни одного класса из соседних тем.
  ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --bde7-bg:        #FBF9F5;
  --bde7-surface:   #FFFFFF;
  --bde7-panel:     #F4F1EA;
  --bde7-line:      #E4DFD4;
  --bde7-line-2:    #CFC8B8;
  --bde7-ink:       #1F1D18;
  --bde7-text:      #35322B;
  --bde7-dim:       #5E594E;
  --bde7-muted:     #8A8478;
  --bde7-accent:    #0F6E56;
  --bde7-accent-sf: #E1F5EE;
  --bde7-accent-dk: #085041;
  --bde7-cta:       #C4611C;
  --bde7-cta-dk:    #8F430F;
  --bde7-cta-sf:    #FBEEE3;
  --bde7-good:      #3B6D11;
  --bde7-warn-sf:   #FAEEDA;
  --bde7-warn-tx:   #7A4B08;
  --bde7-r:         10px;
  --bde7-r-lg:      14px;
  --bde7-sh:        0 1px 2px rgba(31,29,24,.05), 0 6px 18px rgba(31,29,24,.05);
  --bde7-mono:      ui-monospace, SFMono-Regular, Menlo, monospace;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.f6226a771f1 {
  margin: 0; background: var(--bde7-bg); color: var(--bde7-text);
  font: 400 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
a { color: var(--bde7-accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.f4109a0e287 { width: min(1140px, 100% - 40px); margin-inline: auto; }
.f9736d42a02 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.f9626c3a49f { font-size: clamp(26px, 3.4vw, 38px); line-height: 1.18; color: var(--bde7-ink);
         font-weight: 700; margin: 0 0 12px; letter-spacing: -.4px; }
.f9ccb264aa7 { font-size: clamp(20px, 2.2vw, 26px); line-height: 1.25; color: var(--bde7-ink);
         font-weight: 700; margin: 0 0 6px; letter-spacing: -.2px; }
.f99264a02b4 { font-size: 16px; color: var(--bde7-ink); font-weight: 700; margin: 0 0 8px; }
.f1bee66f15d { font-size: 17px; color: var(--bde7-dim); margin: 0; max-width: 74ch; }
.f7e3f9e01a2 { padding: 40px 0; }
.fe53e42b714 { padding: 26px 0; }
.f30a699d0d9 { font-size: 12.5px; letter-spacing: .08em; text-transform: uppercase;
             color: var(--bde7-muted); margin: 0 0 8px; }

/* ── шапка ─────────────────────────────────────────────────────────────── */
.fe12801d6ff { background: var(--bde7-surface); border-bottom: 1px solid var(--bde7-line); }
.f46c31d4a41 { display: flex; align-items: center; gap: 18px; min-height: 62px; }
.ffb93bfc1f5 { display: flex; align-items: center; gap: 10px; color: var(--bde7-ink);
           font-weight: 700; text-decoration: none; }
.ffb93bfc1f5:hover { text-decoration: none; }
.f1583c6f542 { display: inline-flex; align-items: center; justify-content: center;
              width: 32px; height: 32px; border-radius: 9px; background: var(--bde7-accent);
              color: #fff; font-size: 13px; letter-spacing: .5px; }
.f7783f1765e { margin-left: auto; display: flex; gap: 20px; flex-wrap: wrap; }
.f7783f1765e a { color: var(--bde7-text); font-size: 14.5px; }
.f7783f1765e a:hover { color: var(--bde7-accent); text-decoration: none; }
.fb1d0619dcd, .ffd350ee4d9 { display: none; }

/* ── hero ──────────────────────────────────────────────────────────────── */
.fc05b58e00f { background: var(--bde7-surface); border-bottom: 1px solid var(--bde7-line);
           padding: 44px 0 38px; }
.f8a347c524c { padding: 32px 0 28px; }
.fbf2fd99fba { margin: 14px 0 0; font-size: 13.5px; color: var(--bde7-muted); }

/* ── крошки ────────────────────────────────────────────────────────────── */
.fd93517a431 { background: var(--bde7-surface); border-bottom: 1px solid var(--bde7-line); }
.fd93517a431 ol { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0;
            padding: 11px 0; font-size: 12.5px; color: var(--bde7-muted); }
.fd93517a431 li + li::before { content: "›"; margin-right: 8px; color: var(--bde7-line-2); }

/* ── сортировка ────────────────────────────────────────────────────────── */
.f6dedbf26e3 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 16px 0 0; }
.f632c0a8a51 { font-size: 12.5px; color: var(--bde7-muted); }
.f75a29d99d2 { font: inherit; font-size: 12.5px; cursor: pointer; padding: 6px 13px;
              border-radius: 999px; border: 1px solid var(--bde7-line);
              background: var(--bde7-surface); color: var(--bde7-text); }
.f75a29d99d2:hover { border-color: var(--bde7-accent); }
.f75a29d99d2[aria-pressed="true"] { background: var(--bde7-accent-sf);
                                   border-color: var(--bde7-accent); color: var(--bde7-accent-dk); }

/* ── витрина ───────────────────────────────────────────────────────────────
  ⛔ ОДНА СЕТКА НА ВСЮ ТАБЛИЦУ. Если сеткой сделать каждую строку, ширины
  считаются внутри строки, и колонки разъезжаются: шапка не совпадает со
  строками, строки между собой тоже. Строки объявлены display:contents, их
  ячейки становятся детьми общей сетки. Границы рисуем по ячейкам — сам
  contents-элемент ничего не рисует. */
.fd6f0d03809 { margin-top: 16px; background: var(--bde7-surface); border: 1px solid var(--bde7-line);
          border-radius: var(--bde7-r-lg); overflow: hidden; box-shadow: var(--bde7-sh);
          display: grid;
          grid-template-columns: minmax(190px,1.7fr) minmax(150px,1.4fr) minmax(96px,.6fr) minmax(150px,1.2fr) max-content; }
.f948b93a6c2 { display: contents; }
/* ⛔ align-self:center ЛОМАЕТ ЛИНЕЙКИ: ячейка сжимается по содержимому, и
  border-top рисуется по верху сжатой коробки — разделители идут ступеньками.
  Ячейка должна тянуться на всю строку, содержимое центрируем флексом внутри. */
.fd6f0d03809 > .f948b93a6c2 > * { padding: 14px 10px; border-top: 1px solid var(--bde7-line);
                       display: flex; align-items: center; flex-wrap: wrap; gap: 7px;
                       font-size: 14.5px; }
.fd6f0d03809 > .f948b93a6c2 > *:first-child { padding-left: 18px; }
.fd6f0d03809 > .f948b93a6c2 > *:last-child { padding-right: 18px; }
.fd6f0d03809 > .f360cb23764 > * { border-top: 0; background: var(--bde7-panel); font-size: 11.5px;
                          font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
                          color: var(--bde7-dim); padding-block: 11px; }
.f941e4371c1 { display: inline-flex; align-items: center; justify-content: center;
           width: 30px; height: 30px; border-radius: 8px; background: var(--bde7-accent-sf);
           color: var(--bde7-accent-dk); font-weight: 700; font-size: 13px; flex: none; }
.fdeaee0d233 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.fdeaee0d233 a { color: var(--bde7-ink); font-weight: 600; }
.fa421ceedbf { flex-direction: column; align-items: flex-start; gap: 2px; justify-content: center; }
.f58d7ca3c72 { font-size: 11.5px; color: var(--bde7-muted); line-height: 1.35; }
.f19d3f39c13 { color: var(--bde7-good); }
.f992e7bf8ca { font-size: 11.5px; padding: 3px 9px; border-radius: 999px;
           background: var(--bde7-panel); color: var(--bde7-dim); }
.f8e7222450c { font-family: var(--bde7-mono); font-weight: 700; background: var(--bde7-cta-sf);
                 color: var(--bde7-cta-dk); border: 1px dashed #E0B58E; }
.f8baa86f213 { margin: 18px 0 0; }

/* ── кнопки ────────────────────────────────────────────────────────────── */
.fe36cfe86cf { display: inline-block; padding: 11px 20px; border-radius: var(--bde7-r);
          background: var(--bde7-cta); color: #fff; font-weight: 600; font-size: 14.5px;
          border: 1px solid var(--bde7-cta); }
.fe36cfe86cf:hover { background: var(--bde7-cta-dk); border-color: var(--bde7-cta-dk);
                text-decoration: none; color: #fff; }
.f1483fea2c4 { padding: 8px 15px; font-size: 13.5px; }
.f5bd962e678 { background: transparent; color: var(--bde7-accent-dk);
                 border-color: var(--bde7-line-2); }
.f5bd962e678:hover { background: var(--bde7-accent-sf); color: var(--bde7-accent-dk);
                       border-color: var(--bde7-accent); }
.fdb65895e12 { padding: 13px 26px; font-size: 16px; }

/* ── детальная: числа ──────────────────────────────────────────────────── */
.fe381628f07 { padding: 30px 0 10px; }
.ff6d7d6ad69 { display: flex; gap: 26px; flex-wrap: wrap; align-items: baseline;
           padding: 18px 0; border-bottom: 1px solid var(--bde7-line-2); }
.f86129b8cf8 b { display: block; font-size: 22px; color: var(--bde7-ink); line-height: 1.15;
            font-weight: 700; }
.f86129b8cf8 span { display: block; font-size: 12.5px; color: var(--bde7-muted); margin-top: 3px; }
.fd74dca7e59 b { font-size: 30px; color: var(--bde7-cta-dk); }

.f2bb3aa8140 { background: var(--bde7-warn-sf); border-radius: var(--bde7-r); padding: 14px 18px;
           margin: 18px 0; }
.f8691adcb73 { margin: 0 0 3px; font-size: 12.5px; color: var(--bde7-warn-tx);
              text-transform: uppercase; letter-spacing: .06em; }
.fbab6f3f2d3 { margin: 0; font-size: 15.5px; color: var(--bde7-warn-tx); line-height: 1.55; }

.f1d9e60498b { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 18px 0 30px; }
.fa0392e7de8 { display: inline-flex; align-items: center; gap: 9px; padding: 9px 14px;
           border: 1px dashed #E0B58E; border-radius: var(--bde7-r); background: var(--bde7-cta-sf); }
.fd45a385a98 { font-size: 12.5px; color: var(--bde7-muted); }
.fa0392e7de8 b { font-family: var(--bde7-mono); font-size: 15px; color: var(--bde7-cta-dk); }

.f10d1468ba7 { counter-reset: s; list-style: none; padding: 0; margin: 12px 0 30px; }
.f10d1468ba7 li { counter-increment: s; position: relative; padding-left: 38px; margin-bottom: 11px;
               font-size: 15px; }
.f10d1468ba7 li::before { content: counter(s); position: absolute; left: 0; top: 1px;
                       width: 24px; height: 24px; border-radius: 50%;
                       background: var(--bde7-accent-sf); color: var(--bde7-accent-dk);
                       font-size: 12.5px; font-weight: 700;
                       display: inline-flex; align-items: center; justify-content: center; }

.fe5b92e9d4a { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
         gap: 26px; margin: 0 0 30px; }
.fa7b11524d4 p { margin: 0 0 7px; font-size: 14.5px; padding-left: 14px;
                border-left: 2px solid var(--bde7-line-2); }
.f78a457423f p { border-left-color: var(--bde7-good); }
.f78a457423f .f99264a02b4 { color: var(--bde7-good); }
.f9d4ffc6edb p { border-left-color: #A32D2D; }
.f9d4ffc6edb .f99264a02b4 { color: #A32D2D; }

/* Таблица условий строками: отсутствующая строка просто не выводится, и
  вёрстка не разваливается — в отличие от плиточной сетки, где при
  заполненности 26–42% половина плиток была бы пустой. */
.f76b864064f { width: 100%; border-collapse: collapse; margin: 10px 0 30px; font-size: 14.5px; }
.f76b864064f th, .f76b864064f td { text-align: left; padding: 10px 0; border-bottom: 1px solid var(--bde7-line);
                           vertical-align: top; }
.f76b864064f th { font-weight: 400; color: var(--bde7-muted); width: 42%; }
.f76b864064f td { color: var(--bde7-text); }

.f90019a18db { display: grid; gap: 9px; margin: 12px 0 30px; }
.f042007b646 { display: grid; grid-template-columns: 130px 1fr 62px; align-items: center; gap: 12px;
          font-size: 14px; }
.fd451a3aac3 { height: 9px; background: var(--bde7-panel); border-radius: 5px; overflow: hidden; }
.fd451a3aac3 i { display: block; height: 100%; background: var(--bde7-cta); }
.ff9e360140d .fd451a3aac3 i { background: var(--bde7-line-2); }
.ff9e360140d { color: var(--bde7-muted); }
.f2a98940ed2 { text-align: right; }

.f77b69080b4 { display: grid; gap: 0; margin-bottom: 30px; }
.fa4d21c5ebf { display: flex; align-items: baseline; justify-content: space-between; gap: 14px;
             padding: 11px 0; border-bottom: 1px solid var(--bde7-line); color: var(--bde7-text); }
.fa4d21c5ebf:hover { text-decoration: none; color: var(--bde7-accent-dk); }
.f18ef8e4a20 { font-weight: 600; }
.f70f8f1d2a7 { font-size: 13.5px; color: var(--bde7-muted); }
.f70f8f1d2a7 b { color: var(--bde7-ink); }

/* ── хабы, индекс, методология ─────────────────────────────────────────── */
.f453f79816e { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
              gap: 14px; margin-top: 16px; }
.f2f60359b24 { display: block; background: var(--bde7-surface); border: 1px solid var(--bde7-line);
              border-radius: var(--bde7-r-lg); padding: 17px 19px; color: var(--bde7-text); }
.f2f60359b24:hover { border-color: var(--bde7-accent); text-decoration: none;
                    box-shadow: var(--bde7-sh); }
.f2f60359b24 b { display: block; color: var(--bde7-ink); font-size: 15.5px; margin-bottom: 5px; }
.f2f60359b24 span { display: block; font-size: 13px; color: var(--bde7-muted); line-height: 1.5; }
.f2f60359b24 em { display: inline-block; margin-top: 10px; font-style: normal; font-size: 12px;
                 padding: 3px 10px; border-radius: 999px; background: var(--bde7-accent-sf);
                 color: var(--bde7-accent-dk); }

.f5eb35fc78b { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
             gap: 7px 16px; margin-top: 16px; }
.f1efc94c1b5 { font-size: 14px; color: var(--bde7-text); padding: 4px 0; }
.f1efc94c1b5:hover { color: var(--bde7-accent-dk); }

.f650d9c67a1 { background: var(--bde7-surface); border-block: 1px solid var(--bde7-line); }
.f1237e0719a { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
            gap: 14px; margin-top: 16px; }
.f8f8a1b61d3 { background: var(--bde7-panel); border-radius: var(--bde7-r-lg); padding: 16px 18px; }
.f8f8a1b61d3 b { display: block; font-size: 23px; color: var(--bde7-ink); line-height: 1.15; }
.f8f8a1b61d3 span { display: block; margin-top: 4px; font-size: 12.5px; color: var(--bde7-muted);
               line-height: 1.45; }
.f4309385c8e { margin: 16px 0 0; font-size: 13.5px; color: var(--bde7-dim); line-height: 1.7;
            max-width: 82ch; }
.f72b9d98c24 { font-size: 15px; color: var(--bde7-dim); max-width: 70ch; }

/* ── проза ─────────────────────────────────────────────────────────────── */
.ff5acab7b65 { max-width: 78ch; }
.ff5acab7b65 h2 { font-size: 22px; color: var(--bde7-ink); margin: 28px 0 8px; }
.ff5acab7b65 h3 { font-size: 17px; color: var(--bde7-ink); margin: 22px 0 6px; }
.ff5acab7b65 p { margin: 0 0 14px; }
.ff5acab7b65 table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14.5px; }
.ff5acab7b65 th, .ff5acab7b65 td { text-align: left; padding: 9px 10px;
                             border-bottom: 1px solid var(--bde7-line); }
.ff5acab7b65 th { background: var(--bde7-panel); color: var(--bde7-dim); font-weight: 600; }

/* ── подвал ────────────────────────────────────────────────────────────── */
.f49b8fd29bc { background: var(--bde7-surface); border-top: 1px solid var(--bde7-line);
          margin-top: 40px; padding: 34px 0 26px; }
.f3fba3222a0 { display: grid; grid-template-columns: minmax(260px, 2fr) 1fr; gap: 26px; }
.f9c904667ea { margin: 0 0 7px; font-weight: 700; color: var(--bde7-ink); }
.ffc8339bad8 { margin: 0; font-size: 13.5px; color: var(--bde7-muted); max-width: 62ch; line-height: 1.6; }
.f49b8fd29bc nav { display: grid; gap: 7px; align-content: start; }
.f49b8fd29bc nav a { font-size: 13.5px; color: var(--bde7-text); }
.fdac0c0c1b2 { margin: 22px 0 0; padding-top: 16px; border-top: 1px solid var(--bde7-line);
              font-size: 12.5px; color: var(--bde7-muted); line-height: 1.6; }
.fc24dbcf8f2 { margin: 7px 0 0; font-size: 12.5px; color: var(--bde7-muted); }

/* ── ≤900px: строка витрины разворачивается в карточку ─────────────────────
  Подписи колонок берутся из data-label, поэтому они локализуемы и не зашиты
  в CSS content на болгарском. Горизонтальной прокрутки нет намеренно: на
  телефоне таблица в пять колонок нечитаема при любой ширине. */
@media (max-width: 900px) {
  .fd6f0d03809 { display: block; }
  .f948b93a6c2 { display: grid; grid-template-columns: 1fr; gap: 8px; padding: 15px 16px;
           border-top: 1px solid var(--bde7-line); }
  .f360cb23764 { display: none; }
  .fd6f0d03809 > .f948b93a6c2 > * { padding: 0; border: 0; }
  .fd6f0d03809 > .f948b93a6c2 > *[data-label]::before {
    content: attr(data-label) ": "; font-size: 11.5px; color: var(--bde7-muted);
    text-transform: uppercase; letter-spacing: .05em; margin-right: 6px; }
  .f72bb74ca7c { margin-top: 6px; }
  .f1483fea2c4 { width: 100%; text-align: center; }
  .f3fba3222a0 { grid-template-columns: 1fr; }
  .f042007b646 { grid-template-columns: 100px 1fr 54px; }

  .ffd350ee4d9 { display: inline-flex; margin-left: auto; width: 40px; height: 40px;
               align-items: center; justify-content: center; cursor: pointer;
               border: 1px solid var(--bde7-line); border-radius: var(--bde7-r); }
  .ffd350ee4d9 span, .ffd350ee4d9 span::before, .ffd350ee4d9 span::after {
    content: ""; display: block; width: 18px; height: 2px; background: var(--bde7-ink);
    position: relative; }
  .ffd350ee4d9 span::before { position: absolute; top: -6px; }
  .ffd350ee4d9 span::after { position: absolute; top: 6px; }
  .f7783f1765e { display: none; width: 100%; margin: 10px 0 12px; gap: 0; }
  .f7783f1765e a { padding: 11px 0; border-bottom: 1px solid var(--bde7-line); width: 100%; }
  .fb1d0619dcd:checked ~ .f7783f1765e { display: block; }
  .f46c31d4a41 { flex-wrap: wrap; }
}

/* ── Подпункт меню со списком брендов (только при каталоге < 10) ────────────
  Раскрытие на :hover и :focus-within, без JS: меню обязано работать до
  выполнения скриптов. focus-within обязателен — без него пункт недоступен
  с клавиатуры и на устройствах без наведения. */
.f4bdeede9e0 { position: relative; display: inline-flex; align-items: center; }
.f9ba4c88187 { font: inherit; font-size: 14.5px; color: var(--bde7-text); cursor: pointer;
              background: none; border: 0; padding: 0; display: inline-flex;
              align-items: center; gap: 7px; }
.f9ba4c88187:hover { color: var(--bde7-accent); }
.f9ba4c88187::after { content: "▾"; font-size: 11px; color: var(--bde7-muted); }
.fb7e3758c6f { font-size: 11.5px; padding: 1px 7px; border-radius: 999px;
             background: var(--bde7-accent-sf); color: var(--bde7-accent-dk); }
.f337d2465ce { display: none; position: absolute; top: calc(100% + 10px); right: 0; z-index: 30;
           min-width: 260px; background: var(--bde7-surface); border: 1px solid var(--bde7-line);
           border-radius: var(--bde7-r-lg); box-shadow: var(--bde7-sh); padding: 7px; }
.f4bdeede9e0:hover .f337d2465ce, .f4bdeede9e0:focus-within .f337d2465ce { display: block; }
.f337d2465ce a { display: flex; align-items: baseline; justify-content: space-between; gap: 14px;
             padding: 9px 11px; border-radius: var(--bde7-r); color: var(--bde7-text); }
.f337d2465ce a:hover { background: var(--bde7-panel); text-decoration: none; color: var(--bde7-accent-dk); }
.f33da2f4974 { font-weight: 600; font-size: 14px; }
.fb8d315e716 { font-size: 12px; color: var(--bde7-muted); text-align: right; }

@media (max-width: 900px) {
  /* На телефоне выпадающий список внутри бургера бесполезен: там и так
  вертикальный список. Раскрываем сразу, без наведения. */
  .f4bdeede9e0 { display: block; width: 100%; }
  .f9ba4c88187 { width: 100%; padding: 11px 0; border-bottom: 1px solid var(--bde7-line);
                justify-content: space-between; }
  .f337d2465ce { display: block; position: static; border: 0; box-shadow: none; padding: 0 0 8px;
             min-width: 0; }
  .f337d2465ce a { padding: 9px 0 9px 14px; }
}

/* ── Меню операторов (details) ─────────────────────────────────────────────
  Раскрытие нативное, поэтому ни одно правило ниже не отвечает за то,
  открыт список или закрыт — только за внешний вид. Это сделано намеренно:
  прошлая версия держалась на :hover и ломалась и на узком экране, и при
  закэшированном css. */
.f431eacf91e { position: relative; }
.fdb49ed3d7e { list-style: none; cursor: pointer; display: inline-flex; align-items: center;
            gap: 7px; font-size: 14.5px; color: var(--bde7-text); padding: 0; }
.fdb49ed3d7e::-webkit-details-marker { display: none; }
.fdb49ed3d7e::after { content: "▾"; font-size: 11px; color: var(--bde7-muted); }
.f431eacf91e[open] .fdb49ed3d7e::after { content: "▴"; }
.fdb49ed3d7e:hover { color: var(--bde7-accent); }
.f329a61487d { font-size: 11.5px; padding: 1px 7px; border-radius: 999px;
            background: var(--bde7-accent-sf); color: var(--bde7-accent-dk); }
.fb041427728 { position: absolute; top: calc(100% + 10px); right: 0; z-index: 40;
            min-width: 264px; background: var(--bde7-surface); border: 1px solid var(--bde7-line);
            border-radius: var(--bde7-r-lg); box-shadow: var(--bde7-sh); padding: 7px;
            max-height: 70vh; overflow-y: auto; }
.fb041427728 a { display: flex; align-items: baseline; justify-content: space-between; gap: 14px;
              padding: 9px 11px; border-radius: var(--bde7-r); color: var(--bde7-text); }
.fb041427728 a:hover { background: var(--bde7-panel); text-decoration: none; color: var(--bde7-accent-dk); }
.f62ca7243bf { font-weight: 600; font-size: 14px; white-space: nowrap; }
.f5a33d87bd8 { font-size: 12px; color: var(--bde7-muted); text-align: right; }

/* Мегаменю: от десяти операторов список в одну колонку становится простынёй
  на весь экран. Раскладываем в колонки и разрешаем ему выйти за ширину
  пункта меню, оставаясь в пределах окна. */
.f5a3a3d79c1 .fb041427728 { min-width: min(760px, 92vw); padding: 12px;
                         columns: 3; column-gap: 18px; }
.f5a3a3d79c1 .fb041427728 a { break-inside: avoid; padding: 7px 9px; }
.f5a3a3d79c1 .f5a33d87bd8 { display: none; }

@media (max-width: 900px) {
  /* Внутри бургера список остаётся обычным вертикальным блоком: всплывающая
  панель на телефоне не нужна, а мегаменю в три колонки нечитаемо. */
  .f431eacf91e { width: 100%; }
  .fdb49ed3d7e { width: 100%; justify-content: space-between; padding: 11px 0;
              border-bottom: 1px solid var(--bde7-line); }
  .fb041427728, .f5a3a3d79c1 .fb041427728 { position: static; border: 0; box-shadow: none;
              padding: 0 0 8px; min-width: 0; columns: 1; max-height: none; }
  .fb041427728 a { padding: 9px 0 9px 14px; }
  .f5a3a3d79c1 .f5a33d87bd8 { display: block; }
}

/* ── Плюсы/минусы и ответственная игра (блоки 2026-08-21) ──────────────── */
.f0eedbc3231 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 14px; }
.fa7b11524d4 { border: 1px solid var(--bde7-line); border-radius: var(--bde7-r-lg, 14px);
              padding: 14px 16px; background: var(--bde7-surface); }
.f78a457423f { border-left: 3px solid var(--bde7-ok, #2e7d5b); }
.f9d4ffc6edb { border-left: 3px solid var(--bde7-warn, #b4762a); }
.f6b1160e656 { font-size: 14px; text-transform: uppercase; letter-spacing: .04em;
            color: var(--bde7-faint); margin: 0 0 8px; }
.fa7b11524d4 ul { margin: 0; padding-left: 18px; }
.fa7b11524d4 li { margin: 5px 0; line-height: 1.45; }
.fcf866e173f { border-top: 1px solid var(--bde7-line); }
.fa152f69ca1 { font-size: 15px; }
.fa152f69ca1 strong { display: inline-block; padding: 1px 8px; border-radius: 999px;
                     background: var(--bde7-panel); margin-right: 6px; }
.fd53c0de1f4 { display: flex; flex-wrap: wrap; gap: 7px; list-style: none; padding: 0; margin: 10px 0; }
.fd53c0de1f4 li { font-size: 13px; padding: 4px 11px; border-radius: 999px;
                   border: 1px solid var(--bde7-line); background: var(--bde7-panel); }
.f41dd4481e4, .f8d5dd6d79b, .ff6ce153723 { font-size: 14px; color: var(--bde7-muted); }
/* ⛔ .f23d534859f — организация помощи ТЕКСТОМ, не ссылкой: чужих URL на сайте быть
  не должно (правило владельца 2026-08-21). Стиль сохраняет вид ссылки-подсказки. */
.f23d534859f { font-weight: 600; color: var(--bde7-ink); }
@media (max-width: 700px) { .f0eedbc3231 { grid-template-columns: 1fr; } }

/* ── Промокод, факты оператора (блоки 2026-08-21) ─────────────────────── */
.f1016ffaee1 { margin: 8px 0; }
.f1016ffaee1 code { font-family: var(--bde7-mono, ui-monospace, monospace); font-size: 18px;
  letter-spacing: .06em; padding: 7px 16px; border-radius: 10px;
  border: 1px dashed var(--bde7-accent, #6b4bd6); background: var(--bde7-panel); }
.faf106d3b9e, .f8a1beedfd3 { font-size: 14px; color: var(--bde7-muted); }
.fb35ddb9144 { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 16px; margin-top: 12px; }
.f9855dd7fcc { border: 1px solid var(--bde7-line); border-radius: var(--bde7-r-lg, 14px);
  padding: 13px 15px; background: var(--bde7-surface); }
.f2bfeb93340 { font-size: 12.5px; text-transform: uppercase; letter-spacing: .04em;
  color: var(--bde7-faint); margin: 0 0 8px; }
.f9855dd7fcc dl { margin: 0; display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; }
.f9855dd7fcc dt { color: var(--bde7-muted); font-size: 13.5px; }
.f9855dd7fcc dd { margin: 0; font-weight: 600; font-size: 13.5px; text-align: right; }
.faae0040904, .ffa07440383 { font-size: 14px; margin-top: 10px; color: var(--bde7-muted); }

/* ── Код под замком (2026-08-24) ──────────────────────────────────────────
  Заменил стили копирования: значение кода больше не показывается, весь
  элемент — ссылка на оператора. Точки маски набираются моноширинным, иначе
  в пропорциональном шрифте они съезжают и выглядят как многоточие. */
.f2fc5f3135b { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap;
  text-decoration: none; cursor: pointer; }
.fb8b35d3d0e { font-family: var(--bde7-mono, ui-monospace, monospace);
  font-size: 19px; font-weight: 700; letter-spacing: .12em; padding: 9px 18px;
  border-radius: 10px; border: 1px dashed var(--bde7-accent); background: var(--bde7-panel);
  color: var(--bde7-ink); user-select: none; }
.f8acd1703d6 { font-size: 13px; font-weight: 600; color: var(--bde7-accent);
  border-bottom: 1px dashed currentColor; padding-bottom: 1px; }
.f2fc5f3135b:hover .fb8b35d3d0e { border-style: solid; background: var(--bde7-accent-sf); }
.f2fc5f3135b:hover .f8acd1703d6 { border-bottom-color: transparent; }
.f2fc5f3135b:focus-visible { outline: 2px solid var(--bde7-accent); outline-offset: 3px;
  border-radius: 10px; }
/* компактный вид в витрине: код и подпись в одну строку рядом с именем бренда */
.faebb1da88b { gap: 7px; vertical-align: middle; }
.faebb1da88b .fb8b35d3d0e { font-size: 12px; font-weight: 700; letter-spacing: .08em;
  padding: 3px 9px; border-radius: 7px; background: var(--bde7-cta-sf);
  border-color: var(--bde7-cta); color: var(--bde7-cta-dk); }
.faebb1da88b .f8acd1703d6 { font-size: 11.5px; color: var(--bde7-cta-dk); }
.faebb1da88b:hover .fb8b35d3d0e { background: var(--bde7-cta-sf); border-style: solid; }

/* ── Правка стилей 2026-08-21 по замеру в браузере ─────────────────────── */
.f62f64ab849 .f8e7222450c, .f8e7222450c { max-width: 100%; white-space: normal;
  overflow-wrap: anywhere; line-height: 1.25; font-size: 12px; letter-spacing: .02em; }
.f1016ffaee1 { margin: 10px 0 6px; }


/* ── tj-apk-light: витрина, RG-плашка, плоская навигация (2026-08-26) ─────── */
.f7f95707f83 { display: flex !important; }
@media (max-width: 900px) {
  .f7f95707f83 { display: flex !important; width: auto; margin: 0 0 0 auto; }
  .f7f95707f83 a { border-bottom: none; width: auto; padding: 8px 0; }
}
.fcd16e4b803 { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
           gap: 14px; margin: 18px 0 30px; }
.f7ec41883c5 { display: flex; flex-direction: column; gap: 6px; padding: 16px;
           background: var(--bde7-surface); border: 1px solid var(--bde7-line);
           border-radius: var(--bde7-r-lg); text-decoration: none; color: var(--bde7-ink); }
.f7ec41883c5:hover { border-color: var(--bde7-accent); }
.f69d73b2dfa { font-weight: 650; line-height: 1.35; }
.fbf80d47ce9 { color: var(--bde7-dim); font-size: 13.5px; }
.f186cf906d6 { margin-top: auto; color: var(--bde7-accent); font-weight: 600; font-size: 14px; }
.f732ec2d3f3 { margin: 14px 0 6px; }
.fcdb96140c9 { background: var(--bde7-panel); border-top: 1px solid var(--bde7-line);
            margin-top: 34px; padding: 18px 0 22px; }
.f0bc9bd1e31 { font-weight: 700; margin-bottom: 6px; }
.fcdb96140c9 p { color: var(--bde7-dim); font-size: 14px; }
.fc460769adc { max-width: 720px; }

/* перелинковка «Другие приложения» (2026-08-26) */
.f77b69080b4 { margin-top: 30px; }
.fcd1b73500a { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
             gap: 8px 18px; margin-top: 12px; }
.fcd1b73500a a { color: var(--bde7-accent); text-decoration: none; padding: 4px 0;
               border-bottom: 1px dashed var(--bde7-line); }
.fcd1b73500a a:hover { color: var(--bde7-accent-dk); }

/* ── tj-apk-pro: подпись редакции, прыжки А–Я, подвал в три колонки ── */
.f725f2c2975 { margin: 10px 0 0; font-size: 13px; color: var(--bde7-muted); }
.f725f2c2975 a { color: inherit; text-decoration: underline; }
.f54a5853928 { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 14px; font-size: 14px; }
.f54a5853928 a { padding: 2px 6px; border: 1px solid var(--bde7-line); border-radius: 4px; }
.f813c8289a4 .f99264a02b4, .f7e3f9e01a2 .f99264a02b4 { margin: 18px 0 6px; }
.f3fba3222a0 { grid-template-columns: minmax(240px, 2fr) 1fr 1fr; }
.f3fba3222a0 nav { display: flex; flex-direction: column; gap: 6px; }
@media (max-width: 720px) { .f3fba3222a0 { grid-template-columns: 1fr; } }
.fba32fca215 { margin: 6px 0 0; font-size: 12.5px; color: var(--bde7-muted); max-width: 60ch; }

/* ── tj-apk-pro: SVG-значки ── */
.f125cca6aa2 { display: block; width: 40px; height: 40px; border-radius: 10px; }
.f5326c0f054 { display: flex; align-items: center; gap: 16px; }
.f02853093e4 { flex: 0 0 auto; width: 72px; height: 72px; border-radius: 18px; }
.fa325cdfc9f { width: 56px; height: 56px; border-radius: 13px; }
@media (min-width: 720px) { .f02853093e4 { width: 96px; height: 96px; border-radius: 22px; } }

/* ── tj-apk-pro, вторая редакция главной и карточек (2026-09-24) ─────────────
  Паттерн «Marketplace / Directory»: поиск — первое действие, разделы со
  счётчиками, витрина, блок «как устроен каталог». Стиль плоский: без теней и
  градиентов, наведение — смена цвета рамки за 150 мс. */
[hidden] { display: none !important; }
.f6ed0e82b22 { padding-bottom: 30px; }
.fb26935ec51 { margin: 20px 0 4px; max-width: 640px; }
.f7a1101a01b { display: block; font-size: 13.5px; font-weight: 600; color: var(--bde7-ink);
                margin-bottom: 7px; }
.f556b80e79f { display: flex; align-items: stretch; position: relative; }
.f78c4bfb293 { position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
                color: var(--bde7-muted); pointer-events: none; }
.f08c2f88e77 { flex: 1 1 auto; min-width: 0; height: 50px; padding: 0 14px 0 44px;
                 font: inherit; font-size: 16px; color: var(--bde7-ink); background: var(--bde7-surface);
                 border: 1.5px solid var(--bde7-line-2); border-right: 0;
                 border-radius: var(--bde7-r) 0 0 var(--bde7-r); }
.f08c2f88e77:focus { outline: none; border-color: var(--bde7-accent); }
.f556b80e79f:focus-within { box-shadow: 0 0 0 3px var(--bde7-accent-sf); border-radius: var(--bde7-r); }
.f3a58dd0c4f { flex: 0 0 auto; height: 50px; padding: 0 22px; font: inherit; font-weight: 700;
                font-size: 15px; color: #fff; background: var(--bde7-cta); cursor: pointer;
                border: 1.5px solid var(--bde7-cta); border-radius: 0 var(--bde7-r) var(--bde7-r) 0;
                transition: background-color .15s ease; }
.f3a58dd0c4f:hover { background: var(--bde7-cta-dk); border-color: var(--bde7-cta-dk); }
.f3a58dd0c4f:focus-visible { outline: 2px solid var(--bde7-ink); outline-offset: 2px; }
.f31711ccec8 { margin: 10px 0 0; font-size: 14px; color: var(--bde7-dim); }
.f813c8289a4 .fb26935ec51 { margin: 0 0 22px; }
.fa5c4bde3af { display: flex; flex-wrap: wrap; gap: 8px; }

.f34633b9e34 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
           gap: 12px; margin-top: 14px; }
.febc66e50a8 { display: flex; align-items: flex-start; gap: 14px; padding: 16px 18px;
          background: var(--bde7-surface); border: 1px solid var(--bde7-line);
          border-radius: var(--bde7-r-lg); color: var(--bde7-text); transition: border-color .15s ease; }
.febc66e50a8:hover { border-color: var(--bde7-accent); text-decoration: none; }
.febc66e50a8:focus-visible, .f7ec41883c5:focus-visible, .fa1562577ef:focus-visible {
  outline: 2px solid var(--bde7-accent); outline-offset: 2px; }
.fffc3cd5153 { flex: 0 0 44px; height: 44px; display: inline-flex; align-items: center;
             justify-content: center; border-radius: 12px; background: var(--bde7-accent-sf);
             color: var(--bde7-accent-dk); }
.f231d21685b { flex: 1 1 auto; min-width: 0; }
.f231d21685b b { display: block; color: var(--bde7-ink); font-size: 16px; line-height: 1.3; }
.f231d21685b span { display: block; margin-top: 3px; font-size: 13.5px; color: var(--bde7-dim);
                  line-height: 1.5; }
.fc8b41dfb34 { flex: 0 0 auto; min-width: 40px; text-align: center; padding: 3px 10px;
             border-radius: 999px; background: var(--bde7-panel); color: var(--bde7-ink);
             font-weight: 700; font-size: 14px; font-variant-numeric: tabular-nums; }
.febc66e50a8:hover .fc8b41dfb34 { background: var(--bde7-accent-sf); color: var(--bde7-accent-dk); }

/* Четыре колонки, а не auto-fill: витрина главной — 12 карточек, при пяти
   колонках последний ряд оставался с двумя сиротами. */
.fcd16e4b803 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 960px) { .fcd16e4b803 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.f7ec41883c5 { gap: 4px; padding: 16px; transition: border-color .15s ease; }
.f7ec41883c5:hover { text-decoration: none; }
.fa325cdfc9f { width: 64px; height: 64px; border-radius: 15px; margin-bottom: 8px; }
.f69d73b2dfa { font-size: 15.5px; }
.fbf80d47ce9 { font-size: 13px; line-height: 1.45; }
.f7ec41883c5 .f992e7bf8ca { align-self: flex-start; margin-top: 6px; }
.f020e13d3d9 { background: var(--bde7-accent-sf); color: var(--bde7-accent-dk); font-weight: 600; }
.f8baa86f213 { margin: 4px 0 0; }

.f2fc8de471f { background: var(--bde7-surface); border-block: 1px solid var(--bde7-line); }
.f65abfc02ac { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
               gap: 12px; margin-top: 14px; }
.fa1562577ef { display: block; padding: 16px 18px; border-radius: var(--bde7-r-lg);
               background: var(--bde7-panel); color: var(--bde7-text); border: 1px solid transparent;
               transition: border-color .15s ease; }
a.fa1562577ef:hover { border-color: var(--bde7-accent); text-decoration: none; }
.fa1562577ef b { display: flex; align-items: center; min-height: 34px; font-size: 28px;
                 line-height: 1.1; color: var(--bde7-accent-dk); font-variant-numeric: tabular-nums; }
.fa1562577ef span { display: block; margin-top: 6px; font-size: 14px; color: var(--bde7-dim);
                    line-height: 1.5; }
.fa1562577ef .f043a37c361 { width: 28px; height: 28px; }
.f2fc8de471f + .fcdb96140c9 { margin-top: 0; }

@media (max-width: 600px) {
  .f3a58dd0c4f { padding: 0 16px; }
  .fcd16e4b803 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .f7ec41883c5 { padding: 13px; }
  .fa325cdfc9f { width: 52px; height: 52px; border-radius: 12px; }
  /* Пояснения разделов на телефоне НЕ прячем (владелец: «не режь текст»),
     только сжимаем кегль. */
  .f231d21685b span { font-size: 13px; }
  .f65abfc02ac { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .fa1562577ef:nth-child(n+3) { grid-column: 1 / -1; }
  .fa1562577ef { padding: 14px; }
  .f69d73b2dfa { font-size: 15px; overflow-wrap: anywhere; }
  .febc66e50a8 { padding: 14px; gap: 12px; }
  .fffc3cd5153 { flex-basis: 40px; height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .f3a58dd0c4f, .febc66e50a8, .f7ec41883c5, .fa1562577ef { transition: none; }
}

/* ── Указатель А–Я колонками (2026-09-24) ── */
.f546ba21e3a { columns: 4 190px; column-gap: 32px; }
.f22445b7f51 { margin: 0 0 16px; }
.fea021ccbee { display: block; width: fit-content; min-width: 26px; margin: 0 0 4px; padding: 1px 7px;
             border-radius: 6px; background: var(--bde7-accent-sf); color: var(--bde7-accent-dk);
             font-weight: 700; font-size: 13px; text-align: center; break-after: avoid; }
.f546ba21e3a .f1efc94c1b5 { display: block; padding: 5px 0; font-size: 14.5px; line-height: 1.35;
                 break-inside: avoid; }
@media (max-width: 600px) {
  .f546ba21e3a { columns: 2; column-gap: 18px; }
  .f546ba21e3a .f1efc94c1b5 { padding: 7px 0; }
}

/* ── Свёрнутый блок (details) на главной ── */
.fa1f54029af { background: var(--bde7-surface); border: 1px solid var(--bde7-line);
           border-radius: var(--bde7-r-lg); }
.fa1f54029af[open] { border-color: var(--bde7-line-2); }
.f1638a84c4a { list-style: none; display: flex; align-items: center; gap: 14px; cursor: pointer;
              padding: 14px 18px; border-radius: var(--bde7-r-lg); color: var(--bde7-ink);
              transition: background-color .15s ease; }
.f1638a84c4a::-webkit-details-marker { display: none; }
.f1638a84c4a:hover { background: var(--bde7-panel); }
.f1638a84c4a:focus-visible { outline: 2px solid var(--bde7-accent); outline-offset: 2px; }
.fbb5276a6d5 { flex: 0 0 40px; height: 40px; display: inline-flex; align-items: center;
              justify-content: center; border-radius: 11px; background: var(--bde7-accent-sf);
              color: var(--bde7-accent-dk); }
.f927cdae950 { flex: 1 1 auto; font-weight: 700; font-size: 16px; }
.f03beeae11e { padding: 3px 10px; border-radius: 999px; background: var(--bde7-panel);
              font-weight: 700; font-size: 14px; font-variant-numeric: tabular-nums; }
.f1638a84c4a::after { content: ""; flex: 0 0 auto; width: 9px; height: 9px; margin: 0 4px 4px;
                     border-right: 2px solid var(--bde7-muted); border-bottom: 2px solid var(--bde7-muted);
                     transform: rotate(45deg); transition: transform .15s ease; }
.fa1f54029af[open] > .f1638a84c4a::after { transform: rotate(-135deg); margin-bottom: -4px; }
.f5d543da344 { padding: 6px 18px 16px; border-top: 1px solid var(--bde7-line); }
.f5d543da344 .f546ba21e3a { margin-top: 14px; }
.fce8c0ab1a3 { margin: 4px 0 0; font-weight: 600; }
@media (prefers-reduced-motion: reduce) { .f1638a84c4a, .f1638a84c4a::after { transition: none; } }
.f54a5853928 { flex-wrap: nowrap; overflow-x: auto; gap: 6px; margin: 0 0 18px; padding-bottom: 6px;
             scrollbar-width: thin; }
.f54a5853928 a { flex: 0 0 auto; min-width: 32px; padding: 5px 8px; text-align: center;
               border-radius: 8px; border-color: var(--bde7-line); background: var(--bde7-surface);
               font-weight: 600; font-size: 13.5px; transition: border-color .15s ease; }
.f54a5853928 a:hover { border-color: var(--bde7-accent); text-decoration: none; }
.fea021ccbee { scroll-margin-top: 16px; }
@media (min-width: 1100px) { .f54a5853928 { flex-wrap: wrap; overflow: visible; } }

/* ── Страница бренда, третья редакция (2026-09-24) ──────────────────────────
  Одна сетка: основная колонка (таблица, текст, «о странице») + оглавление.
  Текст больше не висит узкой колонкой по центру — левый край общий с шапкой. */
.f5326c0f054 { align-items: flex-start; }
.f5326c0f054 .f725f2c2975 { margin-top: 6px; }
.f3684ad9c4e { display: grid; grid-template-columns: minmax(0, 1fr) 272px; column-gap: 44px;
                  align-items: start; padding: 10px 0 8px; }
.f3684ad9c4e > * { grid-column: 1; }
.f3684ad9c4e > .ff6848499dd { grid-column: 2; grid-row: 1 / span 6; position: sticky; top: 18px;
                             display: grid; gap: 14px; }
.f8b16b65ffe { max-width: 76ch; }

.f57c19ff0ed { margin: 0 0 26px; }
.f57c19ff0ed .f9ccb264aa7 { margin-bottom: 12px; }
.f3dc0b5d4d5 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 300px); gap: 18px;
              align-items: start; }
.f7d58d4e815 { width: 100%; border-collapse: collapse; background: var(--bde7-surface);
              border: 1px solid var(--bde7-line); border-radius: var(--bde7-r-lg); overflow: hidden;
              font-size: 14.5px; }
.f7d58d4e815 th, .f7d58d4e815 td { text-align: left; padding: 11px 16px; vertical-align: top;
                                 border-top: 1px solid var(--bde7-line); }
.f7d58d4e815 tr:first-child th, .f7d58d4e815 tr:first-child td { border-top: 0; }
.f7d58d4e815 th { width: 42%; font-weight: 400; color: var(--bde7-dim); background: var(--bde7-panel); }
.f7d58d4e815 td { color: var(--bde7-ink); }
.fa41b4a0c42 { vertical-align: -3px; margin-right: 3px; }
.f983b40d3bf { color: var(--bde7-good); }
.f037b51805a { color: var(--bde7-muted); }
.ffd7edfc1a0 { margin: 0; }
.ffd7edfc1a0 img { display: block; width: 100%; height: auto; border: 1px solid var(--bde7-line);
                  border-radius: var(--bde7-r-lg); }
.ffd7edfc1a0 figcaption { margin-top: 6px; font-size: 12.5px; color: var(--bde7-muted); }

.f9faba9849e { display: flex; gap: 14px; align-items: flex-start; margin-top: 14px; padding: 14px 16px;
            border-radius: var(--bde7-r-lg); border: 1px solid var(--bde7-line); background: var(--bde7-surface); }
.f9faba9849e p { margin: 0; font-size: 14.5px; line-height: 1.55; }
.f4d42f84f91 { font-weight: 700; color: var(--bde7-ink); margin-bottom: 3px !important; }
.fce48d935db { flex: 0 0 38px; height: 38px; display: inline-flex; align-items: center;
               justify-content: center; border-radius: 10px; }
.f621d1a4258 { border-left: 4px solid var(--bde7-good); }
.f621d1a4258 .fce48d935db { background: #E6F0DC; color: var(--bde7-good); }
.f25541692c6 { border-left: 4px solid #B4762A; background: var(--bde7-warn-sf); }
.f25541692c6 .fce48d935db { background: #F3DDB8; color: var(--bde7-warn-tx); }
.f1e0e15eb10 { border-left: 4px solid #A32D2D; background: #FBECEC; }
.f1e0e15eb10 .fce48d935db { background: #F5D5D5; color: #7E1F1F; }

.f7a2253d32c { background: var(--bde7-surface); border: 1px solid var(--bde7-line); border-radius: var(--bde7-r-lg);
          padding: 4px 6px 8px; font-size: 14px; }
.f1b62d16f11 { list-style: none; cursor: pointer; padding: 10px 12px 6px; font-weight: 700;
             color: var(--bde7-ink); font-size: 13px; text-transform: uppercase; letter-spacing: .06em; }
.f1b62d16f11::-webkit-details-marker { display: none; }
.f7a2253d32c ol { margin: 0; padding: 0; list-style: none; counter-reset: t; }
.f7a2253d32c li { counter-increment: t; }
.f7a2253d32c a { display: flex; gap: 8px; padding: 6px 12px; border-radius: 8px; color: var(--bde7-text);
            line-height: 1.4; }
.f7a2253d32c a::before { content: counter(t); flex: 0 0 18px; color: var(--bde7-muted);
                    font-variant-numeric: tabular-nums; }
.f7a2253d32c a:hover { background: var(--bde7-panel); color: var(--bde7-accent-dk); text-decoration: none; }

.f9dd2eefd5f { border-bottom: 1px solid var(--bde7-line); }
.f9dd2eefd5f:first-of-type { border-top: 1px solid var(--bde7-line); }
.ffdd41b80d2 { list-style: none; display: flex; align-items: center; justify-content: space-between;
             gap: 14px; cursor: pointer; padding: 4px 0; scroll-margin-top: 16px; }
.ffdd41b80d2::-webkit-details-marker { display: none; }
.ffdd41b80d2::after { content: ""; flex: 0 0 auto; width: 9px; height: 9px; margin: 0 6px 4px;
                    border-right: 2px solid var(--bde7-muted); border-bottom: 2px solid var(--bde7-muted);
                    transform: rotate(45deg); transition: transform .15s ease; }
.f9dd2eefd5f[open] > .ffdd41b80d2::after { transform: rotate(-135deg); margin-bottom: -4px; }
.ffdd41b80d2:hover .f145b844200 { color: var(--bde7-accent-dk); }
.ffdd41b80d2:focus-visible { outline: 2px solid var(--bde7-accent); outline-offset: 2px; border-radius: 6px; }
.ff5acab7b65 .f145b844200 { margin: 14px 0; font-size: 20px; line-height: 1.3; }
.f512553048e { padding: 0 0 10px; }
.fda4e888a24 { margin: 14px 0 0; }
.f9dd2eefd5f { scroll-margin-top: 16px; }

.f54fdfd4b5a { margin: 26px 0 8px; padding: 16px 18px; border-radius: var(--bde7-r-lg);
            background: var(--bde7-panel); max-width: 76ch; }
.f3bd1cb0cd9 { margin: 0 0 8px; font-weight: 700; color: var(--bde7-ink); }
.f54fdfd4b5a dl { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
               gap: 10px 22px; }
.f54fdfd4b5a dt { font-size: 12.5px; color: var(--bde7-muted); }
.f54fdfd4b5a dd { margin: 2px 0 0; font-size: 14px; color: var(--bde7-text); }

.fcd1b73500a { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; }
.fcd1b73500a a.ff5d5ba09da { display: flex; align-items: flex-start; gap: 12px; padding: 12px;
                       border: 1px solid var(--bde7-line); border-radius: var(--bde7-r-lg);
                       background: var(--bde7-surface); color: var(--bde7-text);
                       transition: border-color .15s ease; }
.fcd1b73500a a.ff5d5ba09da:hover { border-color: var(--bde7-accent); text-decoration: none; }
.fa9987d4f7d { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 10px; }
.f76c081cea2 { min-width: 0; }
.f76c081cea2 b { display: block; color: var(--bde7-ink); font-size: 15px; line-height: 1.3; }
.f76c081cea2 span { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.4; color: var(--bde7-muted); }
.f1e2f4de5b7 .f34633b9e34 { margin-top: 12px; }

@media (max-width: 960px) {
  .f3684ad9c4e { grid-template-columns: minmax(0, 1fr); }
  .f3684ad9c4e > .ff6848499dd { grid-column: 1; grid-row: auto; position: static; margin: 0 0 18px; }
  .f96aaae8640 { display: none; }
  .f3dc0b5d4d5 { grid-template-columns: minmax(0, 1fr); }
  .ffd7edfc1a0 { max-width: 420px; }
}
@media (max-width: 600px) {
  .f02853093e4 { width: 64px; height: 64px; border-radius: 15px; }
  .f7d58d4e815 th, .f7d58d4e815 td { padding: 10px 12px; }
  .ff5acab7b65 .f145b844200 { font-size: 18px; }
  .fcd1b73500a { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .ffdd41b80d2::after, .ff5d5ba09da { transition: none; } }

/* ── Сравнение приложений в хабах букмекеров (2026-09-24) ── */
.f3972f5276f { margin: 0 0 30px; }
/* position: relative обязателен: скрытые подписи .f9736d42a02 внутри ячеек
   позиционированы абсолютно и без него выходили за прокручиваемую рамку —
   страница на 375 px уезжала вбок до 714 px (поймано проверкой 2026-09-24). */
.fa9b65ffce4 { position: relative; overflow-x: auto; margin-top: 12px; border: 1px solid var(--bde7-line);
             border-radius: var(--bde7-r-lg); background: var(--bde7-surface); }
.fa9b65ffce4:focus-visible { outline: 2px solid var(--bde7-accent); outline-offset: 2px; }
.f0327425894 { width: 100%; min-width: 620px; border-collapse: separate; border-spacing: 0; font-size: 14.5px; }
.f0327425894 th, .f0327425894 td { padding: 9px 14px; border-top: 1px solid var(--bde7-line); text-align: center;
                                white-space: nowrap; }
.f0327425894 thead th { border-top: 0; background: var(--bde7-panel); font-size: 12px; font-weight: 700;
                      text-transform: uppercase; letter-spacing: .04em; color: var(--bde7-dim); }
.f0327425894 th[scope="row"], .f0327425894 thead th:first-child { text-align: left; position: sticky; left: 0;
                      z-index: 1; background: var(--bde7-surface); box-shadow: 1px 0 0 var(--bde7-line); }
.f0327425894 thead th:first-child { background: var(--bde7-panel); }
.f0327425894 th[scope="row"] a { display: inline-flex; align-items: center; gap: 10px; color: var(--bde7-ink);
                               font-weight: 600; }
.f0327425894 th[scope="row"] img { width: 32px; height: 32px; border-radius: 8px; }
.f0327425894 tbody tr:hover th, .f0327425894 tbody tr:hover td { background: var(--bde7-panel); }
.fd3c551bc63 { color: var(--bde7-good); font-weight: 600; }
.ff56fc86810 { margin: 8px 0 0; font-size: 12.5px; color: var(--bde7-muted); max-width: 90ch; }

/* ── Переключатель языка (2026-09-24) ──
  На компьютере — справа от меню, на телефоне — рядом с бургером (не внутри
  него): язык меняют до того, как читают меню. */
.f46c31d4a41 .f7783f1765e { order: 1; }
.faebd8b4193 { order: 2; display: inline-flex; margin-left: 18px; padding: 3px; gap: 2px;
           border: 1px solid var(--bde7-line); border-radius: 999px; background: var(--bde7-bg); }
.f7ac515976c { display: inline-flex; align-items: center; justify-content: center; min-width: 44px;
              min-height: 38px; padding: 0 10px; border-radius: 999px; font-size: 13.5px;
              font-weight: 600; color: var(--bde7-dim); transition: background-color .15s ease; }
a.f7ac515976c:hover { background: var(--bde7-panel); color: var(--bde7-accent-dk); text-decoration: none; }
a.f7ac515976c:focus-visible { outline: 2px solid var(--bde7-accent); outline-offset: 1px; }
.f7ac515976c.is-cur { background: var(--bde7-accent); color: #fff; }
.f874ad59db7 { display: inline-block; margin-left: 6px; padding: 0 7px; border-radius: 999px;
              background: var(--bde7-panel); color: var(--bde7-muted); font-style: normal;
              font-size: 11.5px; font-weight: 600; vertical-align: 2px; }
@media (max-width: 900px) {
  .faebd8b4193 { order: 1; margin-left: auto; }
  .ffd350ee4d9 { order: 2; margin-left: 0; }
  .f46c31d4a41 .f7783f1765e { order: 3; }
  /* Открытое меню: пункты столбиком. До 2026-09-24 ссылки оставались
     строчными (inline), width:100% на них не действовал, и пункты шли
     сплошной строкой без переносов — на живом сайте с первого выката. */
  .fb1d0619dcd:checked ~ .f7783f1765e a { display: block; }
}
@media (max-width: 480px) {
  /* 375 px: логотип + переключатель + бургер должны влезть в одну строку. */
  .f46c31d4a41 { gap: 8px; }
  .ffb93bfc1f5 { gap: 8px; font-size: 15px; }
  .f125cca6aa2 { width: 34px; height: 34px; border-radius: 9px; }
  .f7ac515976c { min-width: 40px; padding: 0 7px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .f7ac515976c { transition: none; } }

/* ── Канализация спроса (2026-09-25, владелец: «добавь CTA») ────────────────
  Кнопка «Скачать приложение» со значком загрузки — сверху, в тексте, после
  инструкции, в карточках каталога, в альтернативах и в закреплённой полосе
  на телефоне. Оценка каталога — кольцо и полосы. */
.fa97b9e169a { display: inline-flex; align-items: center; justify-content: center; gap: 9px;
              min-height: 48px; padding: 12px 24px; font-size: 16px; font-weight: 700;
              border-radius: 12px; transition: background-color .15s ease; }
.fa97b9e169a svg { flex: 0 0 auto; }
.fa97b9e169a.f1483fea2c4 { min-height: 40px; padding: 8px 14px; font-size: 14px; gap: 7px; }
.fa97b9e169a:focus-visible { outline: 2px solid var(--bde7-ink); outline-offset: 2px; }
.f732ec2d3f3 { margin: 16px 0 8px; }

.f7ec41883c5 { position: relative; }
.f69d73b2dfa { color: var(--bde7-ink); font-weight: 650; font-size: 15.5px; line-height: 1.35; }
.f69d73b2dfa::after { content: ""; position: absolute; inset: 0; border-radius: var(--bde7-r-lg); }
.f69d73b2dfa:hover { text-decoration: none; }
.f69d73b2dfa:focus-visible { outline: none; }
.f7ec41883c5:focus-within { outline: 2px solid var(--bde7-accent); outline-offset: 2px; }
.f7ec41883c5 .f186cf906d6 { position: relative; z-index: 1; margin-top: auto; align-self: stretch;
                         color: #fff; font-weight: 700; }  /* старое .f186cf906d6 красило текст в акцент */
.f7ec41883c5 .f992e7bf8ca { margin-bottom: 8px; }
.fbf80d47ce9 { margin-bottom: 8px; }

.fc73ebb5640 { display: flex; align-items: center; gap: 16px; margin: 18px 0; padding: 16px 18px;
              border-radius: var(--bde7-r-lg); background: var(--bde7-cta-sf); border: 1px solid var(--bde7-cta); }
.f956a958c77 { flex: 0 0 56px; width: 56px; height: 56px; border-radius: 13px; }
.f50cabf133c { flex: 1 1 auto; min-width: 0; }
.f50cabf133c p { margin: 0; }
.f13d898481f { font-weight: 700; color: var(--bde7-ink); }
.fa46b943768 { font-size: 14px; color: var(--bde7-dim); margin-top: 2px !important; }
.f618201901d { background: var(--bde7-surface); border-width: 2px; }

.f1d942d0cdf { display: grid; gap: 14px; }
.f954064172e { background: var(--bde7-surface); border: 1px solid var(--bde7-line); border-radius: var(--bde7-r-lg);
            padding: 16px; }
.f4763302ad5 { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.f45a9e8f2aa { --p: 0; flex: 0 0 76px; width: 76px; height: 76px; border-radius: 50%;
  display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1;
  background: radial-gradient(closest-side, var(--bde7-surface) 78%, transparent 80% 100%),
              conic-gradient(var(--bde7-good) calc(var(--p) * 1%), var(--bde7-line) 0); }
.f45a9e8f2aa b { font-size: 22px; color: var(--bde7-ink); }
.f45a9e8f2aa span { font-size: 11px; color: var(--bde7-muted); margin-top: 2px; }
.ff46f983d4b { margin: 0; font-weight: 700; color: var(--bde7-ink); }
.ffe9bb3433d { margin: 2px 0 0; font-size: 12.5px; color: var(--bde7-muted); line-height: 1.45; }
.fe36ec81ed5 { display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; margin-top: 8px; font-size: 13.5px; }
.fe36ec81ed5 b { color: var(--bde7-ink); font-variant-numeric: tabular-nums; }
.fd2f0543ac1 { grid-column: 1 / -1; display: block; height: 7px; border-radius: 4px; background: var(--bde7-panel); overflow: hidden; }
.fd2f0543ac1 i { display: block; height: 100%; border-radius: 4px; background: var(--bde7-good); }
.f75f6784e69 { margin: 12px 0 0; font-size: 11.5px; line-height: 1.45; color: var(--bde7-muted); }

.f5629a8ef8c { margin: 30px 0 6px; }
.f8f30ffd528 { list-style: none; margin: 14px 0 0; padding: 0; display: grid;
              grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr)); gap: 12px; }
.f5de610a79d { display: flex; flex-direction: column; gap: 10px; padding: 12px; background: var(--bde7-surface);
              border: 1px solid var(--bde7-line); border-radius: var(--bde7-r-lg); }
.f5de610a79d img { width: 100%; max-width: 160px; height: auto; align-self: center; }
.fd0b1dd788a { margin: 0 0 4px; font-size: 15.5px; color: var(--bde7-ink); }
.f5de610a79d p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--bde7-dim); }
.fe185d9b6c8 { margin: 10px 0 0; font-size: 13px; color: var(--bde7-muted); }

.fb05bb46f43 { margin: 34px 0 0; }
.f74fd56e996 { margin: 4px 0 0; color: var(--bde7-dim); font-size: 14.5px; max-width: 80ch; }
.fe4f125bbf3 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
              gap: 12px; margin-top: 14px; }
.fe074d89b65 { display: flex; flex-direction: column; gap: 10px; padding: 14px; background: var(--bde7-surface);
          border: 1px solid var(--bde7-line); border-radius: var(--bde7-r-lg); transition: border-color .15s ease; }
.fe074d89b65:hover { border-color: var(--bde7-accent); }
.f5fdbd3796c { display: flex; align-items: center; gap: 12px; color: var(--bde7-ink); }
.f5fdbd3796c:hover { text-decoration: none; color: var(--bde7-accent-dk); }
.f5fdbd3796c img { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 11px; }
.f5fdbd3796c b { display: block; font-size: 15px; }
.f5fdbd3796c small { display: block; font-size: 12.5px; color: var(--bde7-muted); }
.fe074d89b65 .f992e7bf8ca { align-self: flex-start; }
.fe074d89b65 .fa97b9e169a { margin-top: auto; }

.f80094ef237 { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; align-items: center;
             gap: 10px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
             background: var(--bde7-surface); border-top: 1px solid var(--bde7-line);
             box-shadow: 0 -6px 18px rgba(31,29,24,.08); }
.f80094ef237 img { width: 36px; height: 36px; border-radius: 9px; }
.f80094ef237 b { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--bde7-ink); }
@media (min-width: 901px) { .f80094ef237 { display: none !important; } }
@media (max-width: 900px) { body.f6226a771f1:has(.f80094ef237:not([hidden])) { padding-bottom: 72px; } }
@media (max-width: 600px) {
  .fc73ebb5640 { flex-wrap: wrap; }
  .fc73ebb5640 .fa97b9e169a { width: 100%; }
  .f732ec2d3f3 .fa97b9e169a { width: 100%; }
  .f1d942d0cdf { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .fa97b9e169a, .fe074d89b65 { transition: none; } }

/* ── Карточка «Скачать» в боковой колонке и «Плюсы и минусы» (2026-09-25) ── */
.f96aaae8640 { position: relative; padding: 16px; border-radius: var(--bde7-r-lg);
              background: var(--bde7-surface); border: 1px solid var(--bde7-line);
              border-top: 3px solid var(--bde7-cta);
              box-shadow: 0 10px 28px -12px color-mix(in srgb, var(--bde7-cta) 45%, transparent); }
.fb1de4b32df { margin: 0 0 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .1em;
                 text-transform: uppercase; color: var(--bde7-cta-dk); }
.fd804a865dc { display: flex; align-items: center; gap: 10px; }
.fd804a865dc img { width: 44px; height: 44px; border-radius: 11px; }
.fd804a865dc b { font-size: 16px; color: var(--bde7-ink); line-height: 1.25; }
.f0276c3a5c4 { list-style: none; margin: 12px 0 14px; padding: 10px 12px; border-radius: 10px;
                 background: var(--bde7-cta-sf); border: 1px dashed var(--bde7-cta); display: grid; gap: 4px; }
.f0276c3a5c4 li { font-size: 13.5px; color: var(--bde7-ink); padding-left: 20px; position: relative; }
.f0276c3a5c4 li::before { content: ""; position: absolute; left: 2px; top: 5px; width: 9px; height: 5px;
                            border-left: 2px solid var(--bde7-good); border-bottom: 2px solid var(--bde7-good);
                            transform: rotate(-45deg); }
.f96aaae8640 .fa97b9e169a { width: 100%; }
.f951dfe527f { margin: 8px 0 0; text-align: center; font-size: 12px; color: var(--bde7-muted); }

.f3d3345ad27 { margin: 6px 0 26px; }
.fbc0a75936b { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 12px; }
.f05d10ca847 { grid-template-columns: minmax(0, 1fr); }
.f54e5de1340 { padding: 14px 18px; border-radius: var(--bde7-r-lg); background: var(--bde7-surface);
             border: 1px solid var(--bde7-line); }
.fb8c55f2a8c { border-left: 4px solid var(--bde7-good); }
.f18da7faecf { border-left: 4px solid #B4762A; }
.fffdf184770 { margin: 0 0 8px; font-size: 12.5px; font-weight: 700; letter-spacing: .06em;
             text-transform: uppercase; color: var(--bde7-ink); }
.f54e5de1340 ul { margin: 0; padding-left: 18px; }
.f54e5de1340 li { margin: 5px 0; font-size: 14.5px; line-height: 1.45; color: var(--bde7-text); }
@media (max-width: 600px) { .fbc0a75936b { grid-template-columns: minmax(0, 1fr); } }
/* плюсы/минусы под таблицей «Коротко о приложении» */
.fee6d946f14 { display: grid; gap: 16px; align-content: start; }
.f3babd6dc7b { margin: 0; }
.f48eb1a43b7 { margin: 0; font-size: 16px; color: var(--bde7-ink); }
.f3babd6dc7b .fbc0a75936b { margin-top: 10px; gap: 10px; }
.f3babd6dc7b .f54e5de1340 { padding: 12px 14px; }
.f3babd6dc7b .f54e5de1340 li { font-size: 14px; }
/* подпись кнопки в одну строку: в узкой боковой карточке и в плашке она
   переносилась «Скачать / приложение» */
/* nowrap НЕ ставим глобально: на /tg/ «Барномаро боргирӣ кунед» в узкой
   карточке каталога (375 px, две колонки) выталкивала страницу вбок до 394 px.
   Плашка — кнопка не сжимается; боковая карточка — меньше внутренний отступ. */
.fc73ebb5640 .fa97b9e169a { flex: 0 0 auto; }
@media (min-width: 601px) { .fc73ebb5640 .fa97b9e169a, .f732ec2d3f3 .fa97b9e169a { white-space: nowrap; } }
.f96aaae8640 .fa97b9e169a { padding: 12px 12px; font-size: 15px; gap: 7px; }

/* ── Подтверждённые факты бренда: бонус, оплата, поддержка (2026-09-25) ── */
.f9cd2c8ff4d { margin: 0 0 26px; display: grid; gap: 22px; }
.f373bdeb350 { display: flex; align-items: center; gap: 16px; padding: 16px 18px; border-radius: var(--bde7-r-lg);
          background: var(--bde7-surface); border: 1px solid var(--bde7-line); border-top: 3px solid var(--bde7-cta);
          box-shadow: 0 10px 28px -14px color-mix(in srgb, var(--bde7-cta) 45%, transparent); }
.fc8f833676d { flex: 0 0 48px; height: 48px; border-radius: 12px; display: inline-flex; align-items: center;
             justify-content: center; background: var(--bde7-cta-sf); color: var(--bde7-cta-dk); }
.f8e0c4bf2fb { flex: 1 1 auto; min-width: 0; }
.feaab462b8c { margin: 0; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bde7-cta-dk); }
.f8bfd0a9415 { margin: 3px 0 0; font-size: 18px; font-weight: 700; color: var(--bde7-ink); line-height: 1.3; }
.f431621814e .f9ccb264aa7, .ff1e2490b0f .f9ccb264aa7 { margin-bottom: 12px; }
.fe78bb9901f { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 12px; }
.f26b0dc4dd7 { padding: 14px 16px; border-radius: var(--bde7-r-lg); background: var(--bde7-surface); border: 1px solid var(--bde7-line); }
.f654e4126b6 { grid-column: 1 / -1; }
.f1ce7064ebd { margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--bde7-dim); }
.f611fd458ba { margin: 0; font-size: 16px; font-weight: 700; color: var(--bde7-ink); }
.fc1efa6a9bf { margin: 0; display: flex; flex-wrap: wrap; gap: 7px; }
.f0f6a6e9a21 { padding: 5px 11px; border-radius: 8px; background: var(--bde7-panel); border: 1px solid var(--bde7-line);
             font-size: 13.5px; color: var(--bde7-ink); }
.f4743abd51a { background: var(--bde7-accent-sf); border-color: var(--bde7-accent); color: var(--bde7-accent-dk); font-weight: 700; }
.fb4d43930c0 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 170px), 1fr)); gap: 10px; }
.f56a7f6f013 { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: var(--bde7-r-lg);
             background: var(--bde7-surface); border: 1px solid var(--bde7-line); }
.fe82175b3d7 { flex: 0 0 40px; height: 40px; border-radius: 10px; display: inline-flex; align-items: center;
              justify-content: center; background: var(--bde7-accent-sf); color: var(--bde7-accent-dk); }
.f56a7f6f013 b { font-size: 15px; color: var(--bde7-ink); }
.fc002ad95e1 { margin: 10px 0 0; font-size: 14px; color: var(--bde7-dim); }
.f2c3cfc9558 { margin: -8px 0 0; font-size: 12px; color: var(--bde7-muted); }
@media (max-width: 600px) { .f373bdeb350 { flex-wrap: wrap; } .f373bdeb350 .fa97b9e169a { width: 100%; } }

/* ── Скрытый промокод партнёра (2026-09-25) ── */
.f7d7997fd5c { margin: 0 0 12px; padding: 10px 12px; border-radius: 12px; border: 1px dashed var(--bde7-cta);
             background: var(--bde7-cta-sf); }
.fb917669825 { margin: 0 0 7px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--bde7-cta-dk); }
.f1d7479df38 { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px;
                  border-radius: 9px; background: var(--bde7-surface); border: 1px solid var(--bde7-line); color: var(--bde7-ink); }
.f1d7479df38:hover { text-decoration: none; border-color: var(--bde7-cta); }
.f1d7479df38:focus-visible { outline: 2px solid var(--bde7-cta); outline-offset: 2px; }
.f677ea770ef { font-family: var(--bde7-mono); font-size: 16px; font-weight: 700; letter-spacing: .18em; color: var(--bde7-muted);
                filter: blur(.4px); }
.f1d7479df38.is-open .f677ea770ef { color: var(--bde7-ink); filter: none; letter-spacing: .08em; }
.f1ce1961a9b { font-size: 13px; font-weight: 700; color: var(--bde7-cta-dk); white-space: nowrap; }
.f84872177d3 { margin: 0; padding: 8px 10px; }
.f84872177d3 .fb917669825 { margin-bottom: 5px; }
.f4eabb2b8fc { display: grid; gap: 8px; flex: 0 0 auto; min-width: 230px; }
.fe7330b68d9 { max-width: 420px; margin: 12px 0 0; }
@media (max-width: 600px) { .f4eabb2b8fc { width: 100%; min-width: 0; } }
.f9225b27530 { margin: 0 0 8px; font-size: 17px; font-weight: 800; line-height: 1.25; color: var(--bde7-ink); }
.f9225b27530 span { display: block; margin-bottom: 2px; font-size: 11px; font-weight: 700; letter-spacing: .1em;
                     text-transform: uppercase; color: var(--bde7-cta-dk); }
.f84872177d3 .f9225b27530 { font-size: 15px; margin-bottom: 6px; }
/* кнопка в карточке бонуса бренда не сжимается длинным текстом бонуса */
.f373bdeb350 .fa97b9e169a { flex: 0 0 auto; }
@media (min-width: 601px) { .f373bdeb350 .fa97b9e169a { white-space: nowrap; } }

/* ── Рейтинг приложений букмекеров на главной (2026-09-25) ── */
.f87c765a1b2 td { vertical-align: middle; }
.f87c765a1b2 th[scope="row"] a { gap: 10px; }
.f79fe112a01 { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px;
              border-radius: 7px; background: var(--bde7-panel); color: var(--bde7-dim); font-size: 12.5px; font-weight: 700; }
.f87c765a1b2 tbody tr:nth-child(-n+3) .f79fe112a01 { background: var(--bde7-cta); color: #fff; }
.f87c765a1b2 th[scope="row"] .f992e7bf8ca { font-style: normal; margin-left: 6px; }
.fba3a5c9a1f { white-space: normal !important; min-width: 200px; max-width: 280px; text-align: left !important;
              font-weight: 600; color: var(--bde7-ink); line-height: 1.35; }
.f6f648f36b7 { font-size: 16px; color: var(--bde7-good); font-variant-numeric: tabular-nums; }
.f87c765a1b2 .fa97b9e169a { white-space: nowrap; }
.fa647e144fd { margin: 12px 0 0; padding-left: 20px; display: grid; gap: 6px; max-width: 80ch; }
.fa647e144fd li { font-size: 15px; color: var(--bde7-text); }
.f1f805926ea { margin: 12px 0 0; font-size: 14px; color: var(--bde7-dim); max-width: 80ch; }
.fc814400000 { white-space: normal !important; text-align: left !important; min-width: 180px; }
.fc814400000 .f992e7bf8ca { display: inline-block; margin: 2px 4px 2px 0; }