/* GBbet — каркас издания. Префикс gbb. Единственный лист стилей сайта.
   Полотно — глубокий сланец, контент — белый лист. Палитра британская скаковая:
   тёмно-зелёный, латунь, чернила. Донорский оранжевый #f16a10 не используется. */

:root{
  --ink:#10161c; --ink-2:#39424b; --muted:#6a747d;
  --green:#0b5d3b; --green-d:#083f28; --green-l:#127a4e;
  /* brass-d ходит в текст (надзаголовки, шапки рельсы) — на белом он обязан давать
     4.5:1. Прежний #9d7c2e давал 3.92 и валил R3 на каждой странице. */
  --brass:#c8a24a; --brass-d:#8a6b1d; --brass-l:#e6cf95;
  --canvas:#1b232a; --sheet:#fff; --line:#dee2d9; --tint:#f4f6f1;
  --ok:#1c7a3e; --no:#a43226;
  --wrap:1120px; --pad:20px; --rail:264px; --gap:22px;
  --sans:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
  --radius:10px;
}

/* ------------------------------------------------------------------ основа */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.gbb-page{
  margin:0;background:var(--canvas);color:var(--ink);
  font:400 17px/1.72 var(--sans);
  overflow-wrap:break-word;hyphens:auto;
}
body.gbb-page img{max-width:100%;height:auto}
body.gbb-page h1,body.gbb-page h2,body.gbb-page h3,body.gbb-page h4{
  font-family:var(--sans);line-height:1.22;margin:0;
  overflow-wrap:break-word;hyphens:auto;
}
:where(body.gbb-page a){color:var(--green-l);text-decoration:none}
:where(body.gbb-page a:hover){text-decoration:underline}
body.gbb-page :focus-visible{outline:3px solid var(--brass);outline-offset:2px}

.gbb-wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
/* Цвета заданы и в увезённом состоянии: чекер контраста меряет ссылку там, где она
   лежит, и на цветах по умолчанию (синий по тёмному полотну) выдавал 1.48. */
.gbb-skip{position:absolute;left:-9999px;top:8px;z-index:60;background:#fff;color:var(--ink);
  padding:10px 14px;border-radius:6px;font-weight:700;text-decoration:none}
.gbb-skip:focus{left:8px}

/* надзаголовок капителью + линейка 3px — общая отбивка секций */
.gbb-eyebrow{
  font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--brass-d);margin:0 0 10px;
}

/* ------------------------------------------------------------------ шапка */
.gbb-hd{position:relative;top:0;z-index:40;background:var(--green);color:#fff}
.gbb-hd__top{background:var(--green)}
.gbb-hd__row{display:flex;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px}
/* Цвет задан на самой ссылке, а не только на внутренних span: иначе <a> наследует
   зелёный цвет ссылок и на зелёной шапке даёт 1.48:1. */
.gbb-brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:0;color:#fff}
.gbb-brand svg{display:block;width:42px;height:42px;flex:0 0 auto}
.gbb-brand__w{display:block;font-size:25px;font-weight:800;letter-spacing:-.015em;color:#fff;line-height:1}
.gbb-brand__s{display:block;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--brass-l);line-height:1;margin-top:5px}
.gbb-brand:hover{text-decoration:none}
.gbb-hd__aux{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.gbb-hd__aux a{color:#eaf3ee;font-size:14px;font-weight:600;white-space:nowrap}
.gbb-chip18{
  display:inline-block;background:var(--brass);color:#2a2109;font-size:12px;font-weight:800;
  letter-spacing:.06em;padding:4px 9px;border-radius:4px;line-height:1.3;
}

/* второй ярус — тёмная полоса рубрик, часть того же <header> */
.gbb-hd__rail{background:var(--ink);border-top:3px solid var(--brass);position:relative;z-index:40}
.gbb-nav>ul{display:flex;align-items:stretch;gap:2px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.gbb-nav>ul>li{display:flex;margin:0;padding:0}
.gbb-nav li::before{content:none}
.gbb-nav>ul>li>a{
  display:flex;align-items:center;gap:8px;color:#e7ebee;font-size:15px;font-weight:700;
  padding:13px 12px;line-height:1.25;border-bottom:3px solid transparent;text-decoration:none;
}
.gbb-nav>ul>li>a:hover,.gbb-nav>ul>li>a:focus{
  background:#19212a;border-bottom-color:var(--brass);text-decoration:none;
}
.gbb-nav>ul>li>a[aria-current]{border-bottom-color:var(--brass);color:#fff;background:#19212a}
.gbb-nav svg{display:block;width:19px;height:19px;flex:0 0 auto;stroke:var(--brass);fill:none;stroke-width:1.8}
.gbb-hd__cb{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.gbb-burger{display:none}

/* выпадашка рубрики — п. 05.4, CSS без единой строки JS.
   ⛔ п. 05.4f: не <details> — Chrome 131+ гасит его содержимое через ::details-content,
   меню исчезает со всего сайта, а гейты молчат. Показ — visibility/opacity
   по :hover и :focus-within, чтобы панель открывалась и с клавиатуры. */
.gbb-nav__hub{position:relative}
.gbb-sub{
  position:absolute;top:100%;left:0;z-index:60;min-width:246px;
  background:var(--sheet);border:1px solid var(--line);border-top:3px solid var(--brass);
  border-radius:0 0 10px 10px;box-shadow:0 16px 36px rgba(8,14,20,.26);padding:6px 0 8px;
  visibility:hidden;opacity:0;
}
/* ⚠️ У панели НЕТ транзишна ни в одном состоянии, и это не забывчивость.
   Пока `transition` висит на закрытой панели, Chrome держит её в дереве отрисовки:
   на снимке все шесть панелей проступают поверх страницы разом, хотя в computed style
   честные `visibility:hidden; opacity:0`. Переносишь транзишн в раскрытое состояние —
   полупрозрачной на снимке становится уже раскрытая панель, сквозь неё читается H1.
   Ни то, ни другое не ловится замером: видно ТОЛЬКО скриншотом (п. 05.4d). */
.gbb-nav__hub:hover>.gbb-sub,.gbb-nav__hub:focus-within>.gbb-sub{
  visibility:visible;opacity:1;
}
/* п. 05.4g: трём последним выпадашкам — правый край, иначе панель уезжает
   за вьюпорт на 1024 и 1200, где ряд рубрик занимает всю ширину. */
.gbb-nav>ul>li:nth-last-child(-n+3)>.gbb-sub{left:auto;right:0}
.gbb-sub__h{
  display:block;padding:7px 18px 7px;color:var(--brass-d);font-size:11px;font-weight:800;
  letter-spacing:.11em;text-transform:uppercase;line-height:1.3;
}
.gbb-sub ul{display:block;margin:0;padding:0;list-style:none}
.gbb-sub li{display:block;margin:0;padding:0}
.gbb-sub a{
  display:flex;align-items:center;min-height:44px;padding:11px 18px;
  color:var(--ink);font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;
}
.gbb-sub a:hover,.gbb-sub a:focus{background:var(--tint);color:var(--green-d);text-decoration:none}
.gbb-sub li:first-child a{
  font-weight:800;color:var(--green-d);border-bottom:1px solid var(--line);margin-bottom:4px;
}
.gbb-sub a[aria-current]{background:var(--tint);color:var(--green-d);box-shadow:inset 3px 0 0 var(--brass)}

/* ------------------------------------------------------------------ полотно */
.gbb-main{display:block;padding-top:26px;padding-bottom:34px}
.gbb-crumbs{font-size:13.5px;color:#aeb8c0;padding-bottom:12px;line-height:1.6}
.gbb-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.gbb-crumbs li{display:flex;align-items:center;gap:8px}
.gbb-crumbs li+li::before{content:"\203A";color:#6d7a84}
.gbb-crumbs a{color:#d6c79c}
.gbb-crumbs [aria-current]{color:#eef2f5}

.gbb-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);gap:var(--gap);align-items:start}
.gbb-t-home .gbb-grid,.gbb-t-service .gbb-grid{grid-template-columns:minmax(0,1fr)}

.gbb-sheet{
  min-width:0;background:var(--sheet);border:1px solid #cdd3c8;border-radius:var(--radius);
  box-shadow:0 20px 44px rgba(4,10,8,.32);padding:26px;
}
/* Мера чтения 888 px — на ТЕКСТ, а не на весь лист: без рейла лист 1026 px, и
   витрина внутри прозы оказывалась уже контента на 138 px (R13, 27.09.2026).
   Ограничиваем прямых детей, витрину и её донорскую обёртку — освобождаем. */
.gbb-t-service .gbb-prose>*,.gbb-t-home .gbb-prose>*{max-width:888px}
.gbb-t-service .gbb-prose>.gbbv-wrap,.gbb-t-home .gbb-prose>.gbbv-wrap,
.gbb-t-service .gbb-prose>*:has(.gbbv-wrap),
.gbb-t-home .gbb-prose>*:has(.gbbv-wrap){max-width:none}

/* шапка материала */
.gbb-phead{border-bottom:3px solid var(--brass);padding-bottom:16px;margin-bottom:22px}
.gbb-h1{font-size:38px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px;color:var(--ink)}
.gbb-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--muted)}
.gbb-meta a{color:var(--green-l);font-weight:600}
.gbb-meta__dot{color:var(--line)}

/* ------------------------------------------------------------------ проза */
.gbb-prose{min-width:0}
.gbb-prose p,.gbb-prose li,.gbb-prose dd,.gbb-prose dt,.gbb-prose blockquote{
  font-size:17px;line-height:1.72;color:var(--ink-2);
}
.gbb-prose p{margin:0 0 16px}
.gbb-prose>h2{
  font-size:27px;font-weight:750;color:var(--ink);margin:34px 0 14px;padding-top:16px;
  border-top:3px solid var(--brass);
}
.gbb-prose>h2:first-child{margin-top:4px;padding-top:0;border-top:0}
.gbb-prose h3{font-size:21px;font-weight:700;color:var(--ink);margin:26px 0 10px}
.gbb-prose h4{font-size:18px;font-weight:700;color:var(--ink);margin:20px 0 8px}
.gbb-prose ul,.gbb-prose ol{margin:0 0 18px;padding-left:24px}
.gbb-prose li{margin:0 0 9px}
.gbb-prose ul>li{list-style:none;position:relative}
.gbb-prose ul>li::before{
  content:"";position:absolute;left:-17px;top:.68em;width:7px;height:7px;border-radius:2px;
  background:var(--brass);
}
.gbb-prose ol{counter-reset:gbbol}
.gbb-prose ol>li{list-style:none;counter-increment:gbbol;position:relative}
.gbb-prose ol>li::before{
  content:counter(gbbol);position:absolute;left:-26px;top:.05em;width:19px;height:19px;
  border-radius:4px;background:var(--green);color:#fff;font-size:11.5px;font-weight:800;
  line-height:19px;text-align:center;
}
/* --- перечень из схлопнутых пустых заголовков (C11.8) ---
   Донор снёс блоки, а подзаголовки остались висеть. Сборщик сохраняет их текст, но это
   уже не разделы, а перечень тем: список, а не лестница заголовков. */
.gbb-prose .gbb-plain>li{font-weight:600;color:var(--ink)}
.gbb-prose a{color:var(--green-l);text-decoration:underline;text-underline-offset:2px}
.gbb-prose strong,.gbb-prose b{font-weight:700;color:var(--ink)}
.gbb-prose img{border-radius:8px;display:block;margin:0 auto 6px}
.gbb-prose figure{margin:22px 0}
.gbb-prose figcaption,.gbb-prose .wp-caption-text{font-size:13.5px;color:var(--muted);text-align:center;margin-top:6px}
.gbb-prose blockquote{
  margin:22px 0;padding:14px 18px;background:var(--tint);border-left:4px solid var(--green);border-radius:0 8px 8px 0;
}
.gbb-prose hr{border:0;border-top:1px solid var(--line);margin:26px 0}
.gbb-prose center{display:block}
.gbb-prose .aligncenter{margin-left:auto;margin-right:auto}

/* обычные таблицы прозы (кроме витрины) */
.gbb-tscroll{overflow-x:auto;margin:0 0 20px}
/* Статья автопостинга приезжает голым HTML: обёртку `.gbb-tscroll` ей никто не вешает,
   и широкая таблица на 390 px растянет всю страницу. Прокрутка вешается прямо на
   таблицу, но только там, где обёртки нет — у обёрнутой таблица уже не прямой ребёнок
   прозы, а у витрины (`.tablepress`) своя сетка. Тем же порядком — `pre`. */
.gbb-prose>table:not(.tablepress){display:block;max-width:100%;overflow-x:auto}
/* Подпись уезжает вместе с таблицей и на узком экране обрезается по правому краю;
   прижимаем её к левой границе области прокрутки, чтобы она читалась целиком. */
.gbb-prose>table:not(.tablepress)>caption{position:sticky;left:0;width:min-content;min-width:100%}
.gbb-prose>pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}
.gbb-prose table:not(.tablepress){
  width:100%;border-collapse:collapse;font-size:15.5px;background:#fff;
}
.gbb-prose table:not(.tablepress) th,.gbb-prose table:not(.tablepress) td{
  border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;
}
.gbb-prose table:not(.tablepress) thead th{background:var(--ink);color:#fff;font-weight:700}
.gbb-prose table:not(.tablepress) tbody tr:nth-child(even){background:var(--tint)}
/* Шапка над таблицей своей статьи: у автора она отдельной строкой во всю ширину. */
.gbb-prose table caption{
  caption-side:top;text-align:left;font-weight:800;font-size:15px;color:var(--ink);
  padding:0 0 8px;
}
/* Расчёт и схема из статьи: две-пять строк «условие → результат». Не абзац и не
   таблица — короткий перечень с отбивкой, чтобы арифметика не терялась в прозе. */
.gbb-prose ul.gbb-calc{
  margin:0 0 20px;padding:14px 16px 14px 18px;list-style:none;
  background:var(--tint);border-left:4px solid var(--green);border-radius:0 6px 6px 0;
}
.gbb-prose .gbb-calc>li{margin:0 0 7px;font-size:15.5px;line-height:1.5;color:var(--ink)}
.gbb-prose .gbb-calc>li:last-child{margin-bottom:0}
.gbb-prose .gbb-calc>li::before{content:none}

/* ------------------------------------------------------------- оглавление */
.gbb-toc{
  margin:0 0 24px;border:1px solid var(--line);border-left:4px solid var(--green);
  border-radius:0 8px 8px 0;background:var(--tint);
}
.gbb-toc>summary{
  cursor:pointer;list-style:none;padding:13px 16px;font-size:15px;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;color:var(--ink);
}
.gbb-toc>summary::-webkit-details-marker{display:none}
.gbb-toc>summary::after{content:"+";float:right;color:var(--brass-d);font-weight:800}
.gbb-toc[open]>summary::after{content:"\2212"}
.gbb-toc ul{margin:0;padding:0 16px 14px 32px;columns:2;column-gap:26px}
.gbb-toc ul>li{margin:0 0 7px;font-size:15px;break-inside:avoid;list-style:none;position:relative}
.gbb-toc ul>li::before{content:"";position:absolute;left:-15px;top:.62em;width:6px;height:6px;border-radius:2px;background:var(--brass)}
.gbb-toc a{color:var(--green-l);text-decoration:none}
.gbb-toc a:hover{text-decoration:underline}

/* ------------------------------------------------------------- витрина */
.gbb-prose table.tablepress{
  width:100%;border-collapse:separate;border-spacing:0 8px;counter-reset:gbbrow;
  font-size:15.5px;table-layout:fixed;height:auto!important;
}
.gbb-prose table.tablepress,.gbb-prose table.tablepress tbody,
.gbb-prose table.tablepress tr,.gbb-prose table.tablepress td,
.gbb-prose table.tablepress th{height:auto!important}
.gbb-prose table.tablepress thead th{
  background:var(--ink);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;padding:9px 12px;text-align:left;border:0;
}
.gbb-prose table.tablepress thead th:first-child{border-radius:6px 0 0 6px}
.gbb-prose table.tablepress thead th:last-child{border-radius:0 6px 6px 0}
.gbb-prose table.tablepress thead .headings{font-weight:800}
.gbb-prose table.tablepress thead center{text-align:left}
.gbb-prose table.tablepress tbody tr{counter-increment:gbbrow;background:#fff}
.gbb-prose table.tablepress tbody td{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:#fff;padding:16px 12px;vertical-align:middle;min-width:0;
}
.gbb-prose table.tablepress tbody td:first-child{
  border-left:1px solid var(--line);border-radius:8px 0 0 8px;position:relative;padding-left:44px;
}
.gbb-prose table.tablepress tbody td:first-child::before{
  content:counter(gbbrow);position:absolute;left:10px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;border-radius:4px;background:var(--green);color:#fff;
  font-size:13px;font-weight:800;line-height:26px;text-align:center;
}
.gbb-prose table.tablepress tbody td:last-child{
  border-right:1px solid var(--line);border-radius:0 8px 8px 0;
}
.gbb-prose table.tablepress .casino-logo{
  display:flex;align-items:center;justify-content:center;min-height:62px;
}
.gbb-prose table.tablepress .casino-logo img{max-width:132px;max-height:56px;width:auto;margin:0;border-radius:4px}
.gbb-prose table.tablepress .casino-det strong{
  display:block;font-size:19px!important;font-weight:800;color:var(--ink)!important;line-height:1.25;
}
.gbb-prose table.tablepress .redeem{font-size:13.5px;color:var(--muted);margin-top:3px}
.gbb-prose table.tablepress .redeem strong{color:var(--ink)}
.gbb-prose table.tablepress .daily-promotion{margin:0}
.gbb-prose table.tablepress td strong{font-weight:600}
.gbb-prose table.tablepress .check-boxes{color:var(--ok);font-weight:800}
.gbb-prose table.tablepress center{text-align:left;display:block}
.gbb-prose table.tablepress td:nth-child(3){font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.gbb-prose table.tablepress td:nth-child(3) br+br{display:none}
.gbb-prose table.tablepress a.hp-tables-playnow{
  display:inline-flex!important;align-items:center;justify-content:center;
  background:var(--brass);color:#241c05;font-weight:800;font-size:14.5px;letter-spacing:.04em;
  text-transform:uppercase;padding:11px 16px;border-radius:5px;text-decoration:none;
  border-bottom:3px solid var(--brass-d);width:100%;text-align:center;
}
.gbb-prose table.tablepress a.hp-tables-playnow:hover{background:var(--brass-l);text-decoration:none}
.gbb-prose table.tablepress a.hp-tables-review{
  display:block;margin-top:7px;font-size:12.5px;font-weight:700;color:var(--green-l);
  text-align:center;text-decoration:none;
}
.gbb-prose table.tablepress a.hp-tables-review:hover{text-decoration:underline}

/* ------------------------------------------------------------- плитки разделов */
/* Колонка шире прежних 214 px: на карточке теперь не только заголовок, но и короткое
   описание страницы, и в узкой ячейке оно рассыпалось на шесть строк по два слова. */
.gbb-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:14px;margin:0 0 26px;padding:0;list-style:none}
/* Плитка — строка с миниатюрой слева, а не карточка с обложкой: картинка уцелела
   у одного раздела из десяти (у остальных на сервере лежала заглушка), и обложка
   16/10 делала одну ячейку втрое выше соседних пустых. */
.gbb-tile,.gbb-prose a.gbb-tile{
  display:flex;align-items:center;gap:0;min-width:0;min-height:54px;background:#fff;
  border:1px solid var(--line);border-radius:9px;overflow:hidden;text-decoration:none;
  transition:border-color .15s;
}
.gbb-tile:hover{border-color:var(--green);text-decoration:none}
.gbb-tile img{flex:0 0 auto;display:block;width:54px;height:54px;object-fit:cover;margin:0;border-radius:0}
/* Знак марки — целиком, на своей светлой плашке: `cover` съедал у широкого знака края
   (⛔ плашка логотипа всегда светлая — владелец 14.08.2026). */
   Плашка ШИРЕ, чем высокая (78×62): знаки букмекеров — вытянутые надписи, и в
   квадрате 50×50 «William Hill» ужимался до нечитаемой полоски. */
.gbb-tile__lg{width:78px;height:62px;object-fit:contain;padding:7px 9px;background:#fff;
  border-right:1px solid var(--line)}
.gbb-tile__n{
  display:block;padding:12px 13px;font-size:15.5px;font-weight:700;line-height:1.35;color:var(--ink);
}
.gbb-tile:hover .gbb-tile__n{color:var(--green)}
/* Блок карточек кластера — всегда `<ul>`: по этому классу сторож C08.1 собирает
   ссылки и требует, чтобы в них попала каждая страница. Маркеры прозы снимаются. */
.gbb-tiles>li{margin:0;padding:0;list-style:none}
.gbb-prose .gbb-tiles>li::before{content:none}
/* Описание — три строки максимум: у карточек в одном ряду разная длина подписи, и
   без ограничения соседние ячейки разъезжаются по высоте вдвое. */
.gbb-tile__d{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  margin-top:3px;font-size:12.5px;font-weight:600;line-height:1.4;color:var(--muted);
}

/* ------------------------------------------------------- перепись и подпись редакции */
.gbb-cens{margin:30px 0 26px;padding:18px 20px 16px;background:var(--tint);
  border:1px solid var(--line);border-left:4px solid var(--green);border-radius:10px}
.gbb-cens>h2{font-size:19px;font-weight:800;color:var(--ink);margin:0 0 14px;border:0;padding:0}
.gbb-cens__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:14px 18px;margin:0 0 14px;padding:0;list-style:none}
.gbb-cens__g>li{margin:0;padding:0;list-style:none}
.gbb-prose .gbb-cens__g>li::before{content:none}
.gbb-cens__g>li>b{display:block;font-size:30px;line-height:1.05;font-weight:800;color:var(--green)}
.gbb-cens__g>li>span{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--ink-2)}
.gbb-cens__f{margin:0;font-size:13.5px;line-height:1.6;color:#5c656e}

.gbb-sign{display:flex;align-items:flex-start;gap:14px;margin:30px 0 0;padding:16px 18px;
  background:#fff;border:1px solid var(--line);border-top:3px solid var(--brass);border-radius:10px}
.gbb-sign__m{flex:0 0 auto}
.gbb-sign__b{min-width:0}
.gbb-sign__b>p{margin:0 0 6px;font-size:13.5px;line-height:1.6;color:#5c656e}
.gbb-sign__t{font-size:15px!important;font-weight:800;color:var(--ink)!important}
.gbb-sign__d{margin:0!important;font-size:12.5px!important;color:var(--muted)!important}
.gbb-ft__cens{margin:10px 0 0;font-size:12.5px;line-height:1.6}

/* ------------------------------------------------------------- способы оплаты */
.gbb-pay{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:13px;margin:0 0 28px}
.gbb-pay__c,.gbb-prose a.gbb-pay__c{
  display:block;min-width:0;padding:17px 18px 16px;background:#fff;border:1px solid var(--line);
  border-top:3px solid var(--brass);border-radius:0 0 9px 9px;text-decoration:none;
  transition:border-color .15s,box-shadow .15s;
}
a.gbb-pay__c:hover{border-color:var(--green);border-top-color:var(--green);text-decoration:none;
  box-shadow:0 2px 10px rgba(16,22,28,.07)}
/* Уцелевший логотип Skrill донор отдавал с классом `aligncenter`, и он один
   из восьми уезжал в середину карточки. Селектор длиннее правила прозы. */
.gbb-pay__m,.gbb-prose .gbb-pay img.gbb-pay__m{
  display:block;width:40px;height:40px;margin:0 0 11px;color:var(--brass-d);
  object-fit:contain;object-position:left center;
}
.gbb-pay__n,.gbb-prose .gbb-pay h3.gbb-pay__n{
  display:block;font-size:17px;font-weight:800;line-height:1.25;color:var(--ink);
  margin:0 0 6px;padding:0;border:0;letter-spacing:0;
}
.gbb-pay__d{display:block;font-size:14px;line-height:1.55;color:var(--muted)}
/* Подпись-ссылка внизу карточки: сама карточка кликабельна целиком, поэтому
   вложенного <a> здесь нет — это span, и подчёркивание ему рисуем сами. */
.gbb-pay__r{
  display:block;margin:11px 0 0;font-size:12.5px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--green);
}
a.gbb-pay__c:hover .gbb-pay__r{text-decoration:underline}

/* ------------------------------------------------------------- сетка ссылок */
.gbb-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:9px;margin:0 0 26px;padding:0;list-style:none}
.gbb-links a{
  display:block;min-width:0;padding:11px 14px;background:var(--tint);border:1px solid var(--line);
  border-left:3px solid var(--green);border-radius:0 6px 6px 0;font-size:15px;font-weight:700;
  color:var(--ink);text-decoration:none;
}
.gbb-links a:hover{background:#fff;border-left-color:var(--brass);text-decoration:none}

/* ------------------------------------------------------------- список-индекс */
.gbb-idx{margin:0 0 26px}
.gbb-idx ul{list-style:none;margin:0;padding:0}
.gbb-idx ul{margin:0;padding:0;list-style:none}
.gbb-idx ul>li{display:flex;gap:13px;align-items:flex-start;padding:13px 0;margin:0;border-bottom:1px solid var(--line)}
.gbb-idx ul>li::before{content:none}
.gbb-idx img{flex:0 0 auto;width:68px;height:52px;object-fit:cover;border-radius:5px;margin:0;align-self:flex-start}
.gbb-idx__b{min-width:0}
.gbb-idx__d{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}

/* ------------------------------------------------------------- карточка оператора */
.gbb-verdict{
  margin:0 0 26px;border:1px solid var(--line);border-top:3px solid var(--brass);
  border-radius:0 0 9px 9px;background:var(--tint);
}
.gbb-verdict__t{display:flex;align-items:center;gap:15px;padding:16px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.gbb-verdict__t img{width:96px;height:auto;max-height:58px;object-fit:contain;margin:0;border-radius:4px;background:#fff}
.gbb-verdict__t b{font-size:19px;font-weight:800;color:var(--ink);min-width:0}
.gbb-pc{display:grid;grid-template-columns:1fr 1fr;gap:0}
.gbb-pc__c{padding:15px 18px;min-width:0}
.gbb-pc__c+.gbb-pc__c{border-left:1px solid var(--line)}
.gbb-pc__h{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 9px}
.gbb-pc--y .gbb-pc__h{color:var(--ok)}
.gbb-pc--n .gbb-pc__h{color:var(--no)}
.gbb-pc ul{margin:0;padding:0;list-style:none}
/* Ниже и не слабее `.gbb-prose ul>li::before`, иначе галочку перебивает общий квадратик. */
.gbb-pc ul>li{position:relative;padding-left:23px;margin:0 0 7px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.gbb-pc ul>li::before{
  content:"";position:absolute;left:0;top:0;width:auto;height:auto;border-radius:0;
  background:none;font-weight:800;font-size:14px;line-height:1.6;
}
.gbb-pc--y ul>li::before{content:"\2713";color:var(--ok)}
.gbb-pc--n ul>li::before{content:"\2715";color:var(--no)}
.gbb-verdict__cta{padding:0 18px 17px}
.gbb-verdict__cta a{
  display:inline-block;background:var(--brass);color:#241c05;font-weight:800;font-size:15px;
  letter-spacing:.04em;text-transform:uppercase;padding:12px 22px;border-radius:5px;
  border-bottom:3px solid var(--brass-d);text-decoration:none;
}
.gbb-verdict__cta a:hover{background:var(--brass-l);text-decoration:none}
.gbb-verdict__tc{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.5}
/* НИЖЕ .gbb-verdict__cta a: ссылка на помощь игроку — строка условий, а не вторая кнопка. */
.gbb-verdict__cta .gbb-verdict__tc a{
  display:inline;padding:0;background:none;border:0;border-radius:0;
  font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;
  color:var(--green);text-decoration:underline;
}
.gbb-verdict__cta .gbb-verdict__tc a:hover{background:none;color:var(--ink)}

/* ------------------------------------------------------------- рельс */
.gbb-rail{min-width:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:14px}
.gbb-rail__b{background:#fff;border:1px solid #cdd3c8;border-radius:9px;box-shadow:0 12px 28px rgba(4,10,8,.24);padding:16px 17px}
.gbb-rail ul{list-style:none;margin:0;padding:0}
.gbb-rail li{margin:0;border-bottom:1px solid var(--line)}
.gbb-rail li:last-child{border-bottom:0}
.gbb-rail li a{display:block;padding:9px 0;font-size:15px;font-weight:600;color:var(--ink)!important;line-height:1.4;text-decoration:none}
.gbb-rail li a:hover{color:var(--green)!important;text-decoration:underline}
.gbb-rail__op{display:flex;align-items:center;gap:11px}
.gbb-rail__op img{width:56px;height:30px;object-fit:contain;margin:0;flex:0 0 auto}
.gbb-rail__n{
  display:inline-block;width:21px;height:21px;border-radius:4px;background:var(--green);color:#fff;
  font-size:11.5px;font-weight:800;line-height:21px;text-align:center;flex:0 0 auto;
}

/* ------------------------------------------------------------- подвал */
.gbb-ft{background:var(--ink);color:#c9d1d8;padding-top:34px;padding-bottom:22px;margin-top:8px}
.gbb-ft__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:26px}
.gbb-ft p{margin:0 0 12px;font-size:14.5px;line-height:1.65;color:#aeb8c0}
.gbb-ft ul{list-style:none;margin:0;padding:0}
.gbb-ft li{margin:0 0 9px}
.gbb-ft a,.gbb-ft li a{color:#dfe6ea!important;font-size:14.5px;text-decoration:none}
.gbb-ft a:hover{color:#fff!important;text-decoration:underline}
.gbb-ft__bar{
  display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;
  border-top:1px solid #29323b;margin-top:26px;padding-top:16px;
}
.gbb-ft__bar span,.gbb-ft__bar li{font-size:13px;color:#96a1aa}
.gbb-ft__svc{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none}
.gbb-ft__svc a{font-size:13px}
.gbb-ft .gbb-chip18{color:#2a2109}

/* ------------------------------------------------------------- марка и значки */
.gbb-brand__m{display:block;flex:0 0 auto;border-radius:10px}
.gbb-nav__i{flex:0 0 auto;color:var(--brass);opacity:.92}

/* ------------------------------------------------------------- проданные места
   Разметка объявления донорская и не трогается: свой каркас только даёт ей полосу. */
.gbb-ad{background:#141c23;border-bottom:1px solid #232c35;padding-top:12px;padding-bottom:12px}
.gbb-ad--low{background:transparent;border-bottom:0;border-top:1px solid #29323b;padding-top:18px;padding-bottom:2px}
.gbb-ad__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 20px}
/* width/height в атрибутах донора врут: файл баннера на сервере — заглушка 1×1,
   и `height:auto` растягивает её в пустоту во весь блок. Размер берётся из файла. */
.gbb-ad img{display:block;width:auto;height:auto;max-width:100%;max-height:120px;margin:0 auto;border-radius:6px}
.gbb-ad .topad{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;font-size:14px;color:#aeb8c0}
.gbb-ad a{color:#e6cf95;font-size:14px;font-weight:700;text-decoration:none}
.gbb-ad a:hover{text-decoration:underline}
.gbb-ad a.header-button{
  background:var(--brass);color:#241c05;padding:9px 15px;border-radius:5px;
  border-bottom:3px solid var(--brass-d);text-transform:uppercase;letter-spacing:.04em;
  font-size:13.5px;font-weight:800;
}
.gbb-ad a.header-button:hover{background:var(--brass-l);text-decoration:none}
.gbb-ad--low a{color:var(--green-l)}

/* --- карточка оператора: сводка донора --- */
.gbb-verdict__s{margin:0;padding:15px 18px 0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}

/* --- переход прямо из строки списка (хаб): та же латунь, что у кнопки карточки,
       но в размер строки, чтобы список не превратился в столбик кнопок --- */
.gbb-go{
  display:inline-block;margin:6px 0 0;padding:6px 13px;border-radius:5px;
  background:var(--brass);color:#241c05!important;border-bottom:3px solid var(--brass-d);
  font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
  text-decoration:none!important;
}
.gbb-go:hover{background:var(--brass-l)}
.gbb-tc{margin:12px 0 0;font-size:12px;line-height:1.55;color:var(--muted)}
.gbb-tc a{color:inherit;text-decoration:underline}

/* --- список-индекс: ссылка строки и кликабельная миниатюра --- */
.gbb-idx__b>a{display:block;font-size:16px;font-weight:700;color:var(--ink)!important;text-decoration:none;line-height:1.4}
.gbb-idx__b>a:hover{color:var(--green)!important;text-decoration:underline}

/* --- рельс: заголовки блоков, текущий оператор, подвал блока --- */
.gbb-rail__b>h2{
  font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-d);
  border-bottom:3px solid var(--brass);padding-bottom:9px;margin:0 0 11px;
}
.gbb-rail ol{list-style:none;margin:0;padding:0}
.gbb-rail__op--cur{color:var(--green)!important;font-weight:800}
.gbb-rail__op--cur .gbb-rail__n{background:var(--brass);color:#241c05}
.gbb-rail ol li:has(.gbb-rail__op--cur){background:#f3f0e6;box-shadow:inset 3px 0 0 var(--brass)}
.gbb-rail__f{margin:11px 0 0;padding-top:10px;border-top:1px solid var(--line)}
.gbb-rail__f a{
  display:inline!important;padding:0!important;font-size:13px!important;font-weight:800;
  color:var(--green-l)!important;text-transform:uppercase;letter-spacing:.06em;
}

/* --- индекс раздела на хабе: тот же блок карточек `gbb-tiles`, что и везде --- */
.gbb-childs{margin:30px 0 0;border-top:3px solid var(--brass);padding-top:15px}
.gbb-childs>h2{font-size:20px;font-weight:800;color:var(--ink);margin:0 0 12px;border:0;padding:0}
.gbb-childs>h2~h2{margin-top:22px}
.gbb-childs .gbb-tiles{margin-bottom:0}
.gbb-childs .gbb-tiles+h2{margin-top:24px}

/* --- обёртка ленты автопостинга на /news/ ---
   Анонсы приносит робот moz.biz, разметку задаёт он же и всегда одинаково:
   `<div style="margin-bottom:20px"><h4><a>…</a></h4><p>…</p></div>` прямо внутри обёртки.
   Стилями чинится только отсюда — в файл сайта эта разметка не попадает, поэтому
   инлайновый отступ перебиваем, а оформление вешаем на прямого ребёнка.
   Пока анонсов нет, обёртка пуста и убирается целиком: заголовка у неё нет,
   и пустая полоса на видном месте не остаётся. */
.gbb-wire:empty{display:none}
.gbb-wire{margin:26px 0 0}
.gbb-wire>div{margin:0 0 14px!important;padding:14px 16px;background:var(--tint);
  border-left:4px solid var(--brass);border-radius:0 6px 6px 0}
.gbb-wire>div:last-child{margin-bottom:0!important}
.gbb-wire h4{font-size:17px;font-weight:800;line-height:1.3;margin:0 0 6px;color:var(--ink)}
.gbb-wire h4 a{color:inherit;text-decoration:none;border-bottom:2px solid var(--brass)}
.gbb-wire h4 a:hover{color:var(--green)}
.gbb-wire p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}

/* --- подвал: колонки, служебный ряд, нижняя строка --- */
.gbb-ft__c{min-width:0}
.gbb-ft__c>h2{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:0 0 12px}
.gbb-ft__m{width:38px;height:38px;display:block;margin:0 0 13px;border-radius:9px}
.gbb-ft__svc{margin-top:26px;padding-top:15px;border-top:1px solid #29323b}
.gbb-ft__svc ul{display:flex;flex-wrap:wrap;gap:6px 18px}
.gbb-ft__svc li{margin:0}
.gbb-ft__bar{margin-top:15px;padding-top:15px}
.gbb-ft__bar p{margin:0;font-size:13px;line-height:1.6;color:#96a1aa;flex:1 1 400px}
.gbb-ft__bar a{font-size:13px}
.gbb-ft__cp{flex:0 0 auto;text-align:right}

/* ------------------------------------------------------------- мобилка */
@media (max-width:980px){
  .gbb-grid{grid-template-columns:minmax(0,1fr)}
  .gbb-rail{position:static;flex-direction:row;flex-wrap:wrap}
  .gbb-rail__b{flex:1 1 280px;min-width:0}
  .gbb-ft__grid{grid-template-columns:1fr 1fr;gap:22px}
}
@media (max-width:760px){
  :root{--pad:14px}
  .gbb-burger{
    display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
    min-height:48px;padding:12px 14px;background:var(--ink);color:#fff;border-top:3px solid var(--brass);
    font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
  }
  .gbb-burger::before{content:"\2630";font-size:19px;line-height:1}
  .gbb-hd__rail{border-top:0;max-height:0;overflow:hidden;visibility:hidden}
  .gbb-hd__cb:checked~.gbb-hd__rail{max-height:none;overflow:visible;visibility:visible;padding-bottom:6px}
  .gbb-hd__cb:checked~.gbb-burger::before{content:"\2715"}
  .gbb-nav>ul{flex-direction:column;gap:0}
  .gbb-nav>ul>li{display:block}
  .gbb-nav>ul>li>a{min-height:48px;padding:13px 4px;border-bottom:1px solid #232c35}
  /* В бургере панель стоит СТАТИЧЕСКИ под своим пунктом (не всплывает — на тач-экране
     наводить нечем), заголовок панели скрыт, разделы идут в две колонки. */
  .gbb-sub{
    /* ⚠️ `visibility:inherit`, а не `visible`: закрытый ящик бургера гасится
       `visibility:hidden` на `.gbb-hd__rail`, и явный `visible` на панели этот замок
       снимает — подменю остаются видимыми до клика и после закрытия. Гейт меню это
       ловит как «N2 список рубрик виден до клика» + «N6 меню не закрывается». */
    position:static;visibility:inherit;opacity:1;transform:none;transition:none;
    min-width:0;background:transparent;border:0;border-bottom:1px solid #232c35;
    border-radius:0;box-shadow:none;padding:2px 0 8px;
  }
  .gbb-sub__h{display:none}
  .gbb-sub ul{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
  .gbb-sub a{
    min-height:44px;padding:11px 4px;color:#c3ced8;font-size:14px;font-weight:600;
    overflow-wrap:anywhere;
  }
  .gbb-sub a:hover,.gbb-sub a:focus{background:transparent;color:#fff}
  .gbb-sub li:first-child{grid-column:1/-1}
  .gbb-sub li:first-child a{color:var(--brass);border-bottom:0;margin-bottom:0}
  .gbb-sub a[aria-current]{background:transparent;color:#fff;box-shadow:inset 3px 0 0 var(--brass)}
  .gbb-hd__row{flex-wrap:wrap;gap:10px 14px}
  .gbb-brand svg{width:38px;height:38px}
  .gbb-brand__w{font-size:22px}
  .gbb-main{padding-top:16px}
  .gbb-sheet{padding:18px 15px;border-radius:8px}
  .gbb-h1{font-size:28px}
  .gbb-prose>h2{font-size:23px;margin-top:28px}
  .gbb-prose h3{font-size:19px}
  .gbb-toc ul{columns:1}
  .gbb-pc{grid-template-columns:1fr}
  .gbb-pc__c+.gbb-pc__c{border-left:0;border-top:1px solid var(--line)}
  /* Подвал в одну колонку — 1844 px, пять экранов пролистывания. Списки идут в две,
     блок марки — во всю ширину над ними. */
  .gbb-ft__grid{grid-template-columns:1fr 1fr;gap:18px 20px}
  .gbb-ft__grid>.gbb-ft__c:first-child{grid-column:1/-1}
  .gbb-ft li{margin:0 0 7px}
  /* На телефоне карточка с описанием идёт в одну колонку: в 150 px описание уезжало
     в семь строк по два слова, а заголовок переносился по слогам. */
  .gbb-tiles{grid-template-columns:1fr;gap:10px}

  /* витрина — карточкой: лого и оффер в ряд, признаки и кнопка строками */
  .gbb-prose table.tablepress{display:block;table-layout:auto;border-spacing:0}
  .gbb-prose table.tablepress thead{display:none}
  .gbb-prose table.tablepress tbody{display:block}
  .gbb-prose table.tablepress tbody tr{
    display:grid;grid-template-columns:104px minmax(0,1fr);gap:4px 12px;
    border:1px solid var(--line);border-radius:9px;padding:13px 13px 15px;margin:0 0 11px;
    position:relative;
  }
  .gbb-prose table.tablepress tbody td{
    display:block;border:0!important;padding:0;background:transparent;border-radius:0;min-width:0;
  }
  .gbb-prose table.tablepress tbody td:first-child{padding-left:0;grid-row:1;grid-column:1}
  .gbb-prose table.tablepress tbody td:first-child::before{
    left:auto;right:0;top:-4px;transform:none;position:static;display:block;margin:0 auto 6px;
  }
  .gbb-prose table.tablepress tbody td:nth-child(2){grid-row:1;grid-column:2;align-self:center}
  .gbb-prose table.tablepress tbody td:nth-child(3){grid-row:2;grid-column:1/-1;padding-top:9px}
  .gbb-prose table.tablepress tbody td:nth-child(4){grid-row:3;grid-column:1/-1;padding-top:4px}
  .gbb-prose table.tablepress .casino-logo{min-height:0}
  .gbb-prose table.tablepress .casino-logo img{max-width:100%;max-height:46px}
  .gbb-prose table.tablepress .casino-det strong{font-size:18px!important}
  .gbb-ad{padding-top:10px;padding-bottom:10px}
  .gbb-ad__in{gap:8px 12px}
  .gbb-cens__g{grid-template-columns:repeat(2,1fr)}
  .gbb-sign{flex-direction:column;gap:12px}
  .gbb-ft__svc ul{gap:4px 14px}
  .gbb-ft__bar{flex-direction:column;align-items:flex-start;gap:10px}
  /* В колонке `flex-basis:400px` — это высота, а не ширина: абзац раздувался
     до 400 px и отрывал строку копирайта пустотой в треть экрана. */
  .gbb-ft__bar p{flex:0 1 auto}
  .gbb-ft__cp{text-align:left}
}
@media (min-width:761px){
  .gbb-hd__cb:checked~.gbb-hd__rail{max-height:none}
}

/* ================================================================== витрина
   Префикс gbbv- не носит больше ни один блок сайта. Палитра — шапки: сланец,
   латунь, зелёный. Ширину не задаём: витрина занимает ту же колонку, где стоял
   донорский блок. Шрифт наследуется. */
.gbbv-wrap{width:100%;margin:30px 0 32px;text-align:left}
.gbbv-wrap ol,.gbbv-wrap ul{margin:0;padding:0;list-style:none}
.gbbv-wrap li::before,.gbbv-wrap li::after{content:none;display:none}
.gbbv-h2{font-size:26px;font-weight:800;line-height:1.2;margin:0 0 8px;color:var(--ink)}
.gbbv-sub{margin:0 0 10px;font-size:15px;line-height:1.6;color:var(--ink-2)}
.gbbv-upd{margin:0 0 14px;font-size:12.5px;letter-spacing:.02em;color:var(--muted)}
.gbbv-upd time{font-weight:700;color:var(--ink-2)}

/* --- панель осей: подписи здесь, сами инпуты — прямые братья списка --- */
.gbbv-fs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;
  padding:10px 12px;background:var(--tint);border:1px solid var(--line);border-radius:9px}
.gbbv-fs__t{font-size:11.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  color:var(--brass-d);margin-right:2px}
.gbbv-fl{display:inline-block;padding:6px 13px;border-radius:999px;background:#fff;
  border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--ink-2);cursor:pointer;
  user-select:none}
.gbbv-fl:hover{border-color:var(--brass);color:var(--ink)}
/* ⛔ скрытые инпуты держим fixed в левом верхнем углу: при position:absolute клик по
   подписи фокусирует инпут где-то наверху и браузер проматывает страницу в начало. */
.gbbv-fx{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none;
  margin:0;border:0;padding:0}

/* --- строка --- */
.gbbv-list{display:block;border:1px solid var(--line);border-radius:11px;overflow:hidden;
  background:#fff}
.gbbv-list>li{
  display:grid;
  /* ⛔ Сумма МИНИМУМОВ колонок должна помещаться в колонку материала (740 px), иначе
     grid не сжимается, а вылезает: 32+118+140+210+188 + 4 зазора по 16 + поля 36 =
     788 px, и правые 50 px строки — вместе с кнопкой «Visit …» — обрезал
     `overflow:hidden` списка. Видно было только на снимке: ширину секции гейт меряет
     по `.gbbv-wrap`, а она как раз 740. Теперь 32+118+140+166+172 + 56 + 36 = 720.
     Колонка марки держит 140 px: в 120 строка лицензии («Sportsbook · UKGC 39225»)
     ломалась пополам и читалась как обрыв, а заголовок оффера — обычная фраза, ей
     перенос идёт. */
  grid-template-columns:32px 118px minmax(140px,1fr) minmax(166px,1.6fr) 172px;
  grid-template-areas:"n lg id of cta" "d d d d d";
  align-items:center;gap:6px 14px;padding:17px 18px;margin:0;
  border-top:1px solid var(--line);
}
.gbbv-list>li:first-child{border-top:0}
.gbbv-list>li:nth-child(odd){background:var(--tint)}
.gbbv-n{grid-area:n;font-size:19px;font-weight:800;color:var(--brass-d);text-align:center}
/* ⛔ плашка знака ВСЕГДА светлая. Тёмный знак лечится файлом, а не подложкой.
   ⛔ Размер плашки НЕ уменьшать: длинная сторона знака = сторона плашки минус рамка и
   поля, и она обязана быть ≥100 px на десктопе и ≥90 px на телефоне (владелец,
   25.09.2026; замер R15 27.09.2026: плашка 78 px давала знак 60 px — провал на всех
   168 плитках). 118 − 2 рамки − 10 полей = 106 px знака, заполнение поля 90 %. */
.gbbv-lg{grid-area:lg;width:118px;height:118px;display:flex;align-items:center;
  justify-content:center;background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:5px;overflow:hidden}
.gbbv-lg img{display:block;width:100%;height:100%;object-fit:contain}
/* знак со своим запечённым фоном заполняет плашку целиком, иначе в светлом ряду
   висит тёмный прямоугольник в белой рамке */
.gbbv-lg--full{padding:0}
.gbbv-lg--full img{object-fit:cover;border-radius:9px}
.gbbv-id{grid-area:id;min-width:0}
.gbbv-nm{display:block;font-size:17.5px;font-weight:800;line-height:1.25;color:var(--ink)}
/* ⛔ не --muted: на подложке чётных строк (--tint) это 4.38 при норме 4.5 (R3, 27.09.2026) */
.gbbv-lic{display:block;margin-top:4px;font-size:11.5px;line-height:1.4;color:#5c656e}
.gbbv-of{grid-area:of;min-width:0}
.gbbv-hd{display:block;font-size:16px;font-weight:700;line-height:1.35;color:var(--ink)}
.gbbv-f{display:flex;flex-wrap:wrap;gap:5px 7px;margin-top:7px}
.gbbv-f>span{display:inline-block;padding:3px 9px;border-radius:5px;background:#fff;
  border:1px solid var(--line);font-size:12px;line-height:1.45;color:var(--ink-2)}
.gbbv-list>li:nth-child(odd) .gbbv-f>span{background:#fff}
.gbbv-cta{grid-area:cta;display:flex;flex-direction:column;align-items:stretch;gap:7px}
.gbbv-btn{display:block;padding:12px 14px;border-radius:7px;background:var(--brass);
  color:#241c05!important;border-bottom:3px solid var(--brass-d);text-align:center;
  font-size:14.5px;font-weight:800;letter-spacing:.03em;text-decoration:none!important}
.gbbv-btn:hover{background:var(--brass-l)}
.gbbv-rev{display:block;text-align:center;font-size:12.5px;font-weight:700;
  color:var(--green)!important;text-decoration:underline}

/* --- раскрытие карточки: родной <details>, БЕЗ чекбокса ---
   Любой input внутри витрины R10 меряет как фильтр и требует, чтобы он резал список;
   раскрытие карточки список не режет и навсегда числится мёртвым фильтром. */
.gbbv-dt{grid-area:d;margin:2px 0 0}
.gbbv-dl{display:inline-block;list-style:none;font-size:12.5px;font-weight:700;
  color:var(--green);cursor:pointer;user-select:none;text-decoration:underline}
.gbbv-dl::-webkit-details-marker{display:none}
.gbbv-dl::marker{content:''}
.gbbv-dt[open] .gbbv-dl{margin-bottom:10px}
.gbbv-d{padding:14px 16px;background:#fff;
  border:1px solid var(--line);border-left:4px solid var(--green);border-radius:8px}
.gbbv-d p{margin:0 0 9px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.gbbv-d p:last-child{margin-bottom:0}
.gbbv-d b{color:var(--ink)}

/* --- «показать все» --- */
.gbbv-ml{display:block;margin:12px 0 0;padding:13px 16px;border:1px solid var(--line);
  border-radius:9px;background:var(--tint);text-align:center;font-size:14.5px;font-weight:800;
  color:var(--green);cursor:pointer;user-select:none}
.gbbv-ml:hover{background:#fff;border-color:var(--brass)}
.gbbv-ml>span+span{display:none}
.gbbv-tc{margin:12px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted)}
.gbbv-tc a{color:inherit;text-decoration:underline}

/* --- состояния. Базовое скрытие ИДЁТ ПЕРВЫМ, показ — правилами ниже, иначе
       скрытие перебивает «показать ещё». Селекторы префиксные по id. --- */
.gbbv-list>li.gbbv-hid{display:none}
input[id^="gbbv-all"]:checked~.gbbv-list>li.gbbv-hid{display:grid}
input[id^="gbbv-all"]:checked~.gbbv-ml>span:first-child{display:none}
input[id^="gbbv-all"]:checked~.gbbv-ml>span+span{display:block}
/* фильтр включён — сначала раскрываем весь список, чтобы совпадение не осталось
   под срезом, и только потом прячем несовпавшие.
   ⛔ `!important` у скрытия — не лень, а единственный способ разойтись по весу:
   раскрытие построено на `:has()`, а он берёт вес самого тяжёлого аргумента, и
   `.gbbv-wrap:has(input[id^=…]:checked) .gbbv-list>li.gbbv-hid` (0,5,2) перебивает
   `input[id^=…]:checked~.gbbv-list>li:not(.gbbv-m-…)` (0,4,2). Без этого строки из-под
   среза раскрывались и БОЛЬШЕ НЕ ПРЯТАЛИСЬ: на главной «No wagering» давал 2 совпавших
   плюс 4 раскрытых мимо фильтра — ровно те же 6 строк, что и до клика (R10 «не режут»,
   27.09.2026). Глазами это не видно — список просто «перемешивается». */
.gbbv-wrap:has(input[id^="gbbv-nw"]:checked,input[id^="gbbv-fb"]:checked,
  input[id^="gbbv-ap"]:checked,input[id^="gbbv-vet"]:checked
) .gbbv-list>li.gbbv-hid{display:grid}
input[id^="gbbv-nw"]:checked~.gbbv-list>li:not(.gbbv-m-nw){display:none!important}
input[id^="gbbv-fb"]:checked~.gbbv-list>li:not(.gbbv-m-fb){display:none!important}
input[id^="gbbv-ap"]:checked~.gbbv-list>li:not(.gbbv-m-ap){display:none!important}
input[id^="gbbv-vet"]:checked~.gbbv-list>li:not(.gbbv-m-vet){display:none!important}
.gbbv-wrap:has(input[id^="gbbv-nw"]:checked) label[for^="gbbv-nw"],
.gbbv-wrap:has(input[id^="gbbv-fb"]:checked) label[for^="gbbv-fb"],
.gbbv-wrap:has(input[id^="gbbv-ap"]:checked) label[for^="gbbv-ap"],
.gbbv-wrap:has(input[id^="gbbv-vet"]:checked) label[for^="gbbv-vet"]{
  background:var(--green);border-color:var(--green);color:#fff}

/* --- витрина в донорском флекс-ряду молча сжимается вдвое --- */
.gbb-prose div:has(>.gbbv-wrap){display:block!important;width:auto!important}

@media (max-width:860px){
  /* ⛔ Плашка знака 104 px — пол владельца на телефоне 90 px по длинной стороне
     (104 − 2 рамки − 4 поля = 98). Чтобы строка при этом не выросла, знак СТОИТ
     СБОКУ и тянется на две строки сетки, а не отдельным блоком сверху: при
     «lg / id / of» стопкой высота строки уходит за 300 px и падает R9
     (27.09.2026: медиана 306 px при норме 150–290). */
  .gbbv-list>li{
    grid-template-columns:104px minmax(0,1fr);
    grid-template-areas:"lg id" "lg of" "cta cta" "d d";
    align-items:start;gap:7px 12px;padding:13px 13px 15px;position:relative;
  }
  .gbbv-n{position:absolute;top:0;left:0;width:24px;height:19px;display:flex;
    align-items:center;justify-content:center;background:var(--brass);color:#241c05;
    border-radius:0 0 7px 0;font-size:12.5px}
  .gbbv-lg{width:104px;height:104px;padding:2px;align-self:start}
  .gbbv-id{padding-top:1px}
  .gbbv-nm{font-size:16.5px}
  .gbbv-hd{font-size:15.5px;line-height:1.3}
  .gbbv-f{gap:4px 6px;margin-top:6px}
  .gbbv-f>span{padding:2px 7px;font-size:11.5px;line-height:1.4}
  .gbbv-cta{flex-direction:row;align-items:center;gap:12px}
  .gbbv-btn{flex:1 1 auto;padding:11px 12px;font-size:15px}
  .gbbv-rev{flex:0 0 auto;text-align:right}
  .gbbv-dt{margin:0}
  .gbbv-h2{font-size:22px}
}