/* ============================================================================
   gamblingsources.com — каркас «BAROMÈTRE» (CA, fr-CA)
   Референсы-иконы дизайна: Stripe.com (спокойная плотность, точная типографика,
   волосяные линейки, слоистые мягкие подложки) и Teenage Engineering
   (приборная панель: табличные цифры, шкала-насечки, микро-подписи капителью).
   Характер: сайт-ИЗМЕРИТЕЛЬНЫЙ ПРИБОР, а не «блог с карточками».
   Шрифт — RUBIK, снят у донора (локальные woff2 из снапшота).
   ========================================================================= */

:root{
  --ink:#151c22;          /* графит-чернила */
  --ink-2:#3d4c55;
  --muted:#63757e;
  --prim:#0e5a61;         /* петроль — плиты шапки и подвала */
  --prim-d:#083f45;
  --prim-l:#e3eeee;
  --acc:#c4451f;          /* рыжая медь — CTA и насечки шкалы */
  --acc-d:#9c3315;
  --paper:#eef1f1;        /* холодная бумага — фон полос */
  --card:#ffffff;
  --rule:#d2dcdd;         /* волосяная линейка */
  --rule-2:#e6ecec;
  --pad:20px;             /* поле полноширинных лент */
  --gap:24px;             /* поле контентной колонки */
  --w:888px;
  --w-chrome:1120px;
}
@media (max-width:780px){:root{--pad:14px;--gap:14px}}

/* ---------- база ---------------------------------------------------------- */
body{background:var(--paper);color:var(--ink);
     font-family:Rubik,"Rubik",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
     font-size:17px;line-height:1.72;-webkit-font-smoothing:antialiased}
body,html{overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--prim);text-decoration:none}
a:hover{text-decoration:underline}

/* контейнер темы донора -> наша сетка */
body .bfad349{width:100%;max-width:none;background:var(--paper);
              background-image:none!important}   /* фоновая графика донора снята */
body .bfad087{max-width:calc(var(--w) + var(--gap)*2);margin:0 auto;
              padding-left:var(--gap);padding-right:var(--gap);box-sizing:border-box}
body .bfad91c{display:block;width:100%}
body .bfadb64{width:100%!important;max-width:none!important;float:none!important}
body .bfadb64 > main,body .bfad349 main{width:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;float:none!important;display:block}
body .bfad35a{display:none!important}          /* сайдбар снят физически, это страховка */

/* контентная плита: белая карточка на холодной бумаге */
body .bfad349 main > section,
body .bfad349 main > div.bfad1cb,
body .bfadb64 > section,
body .bfadb64 > div.bfad1cb{background:var(--card);border:1px solid var(--rule-2);
  border-radius:2px;padding:24px var(--gap) 26px;margin:0 0 18px;box-sizing:border-box;
  width:100%}
body .bfad349 main > section:first-of-type,
body .bfadb64 > section:first-of-type{border-top:3px solid var(--prim)}
/* пустые секции донора (остались после снятия его блоков) не рисуют пустую плиту */
body .bfad349 main > section:empty,body .bfadb64 > section:empty{display:none}

/* ---------- типографика --------------------------------------------------- */
/* донор центрировал заголовки и абзацы — приборный характер требует левого края */
body .bfadb64,body .bfad349 main,body .bfad349 main *{text-align:left}
body .bfad349 main td,body .bfad349 main th{text-align:left}
h1,h2,h3,h4{color:var(--ink);font-weight:600;letter-spacing:-.012em;line-height:1.24;
            margin:0 0 14px}
h1{font-size:36px;line-height:1.18;letter-spacing:-.02em;margin-bottom:16px}
h2{font-size:26px;margin-top:6px;padding-bottom:10px;position:relative}
/* фирменная НАСЕЧКА-ШКАЛА под h2 — вместо «пилюль» и рамок */
h2::after{content:"";position:absolute;left:0;bottom:0;width:76px;height:6px;
  background:repeating-linear-gradient(90deg,var(--acc) 0 2px,transparent 2px 8px)}
h3{font-size:20px;color:var(--prim-d)}
h4{font-size:17px;color:var(--ink-2)}
p{margin:0 0 16px}
body .bfad349 main ul,body .bfad349 main ol{margin:0 0 18px;padding-left:0;list-style:none}
body .bfad349 main ul > li{position:relative;padding-left:26px;margin:0 0 9px}
body .bfad349 main ul > li::before{content:"";position:absolute;left:6px;top:.72em;
  width:8px;height:2px;background:var(--acc)}
body .bfad349 main ol{counter-reset:gsr;padding-left:0}
body .bfad349 main ol > li{position:relative;padding-left:34px;margin:0 0 10px;counter-increment:gsr}
body .bfad349 main ol > li::before{content:counter(gsr);position:absolute;left:0;top:.15em;
  width:22px;height:22px;line-height:22px;text-align:center;font-size:12px;font-weight:600;
  color:#fff;background:var(--prim);font-variant-numeric:tabular-nums}
strong,b{font-weight:600;color:var(--ink)}
blockquote{margin:0 0 18px;padding:14px 18px;background:var(--prim-l);
           border-left:3px solid var(--prim);color:var(--ink-2)}

/* ---------- таблицы: приборная сводка, не «зебра» ------------------------- */
body .bfad349 main table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15.5px}
body .bfad349 main table th{background:transparent;color:var(--muted);font-weight:600;
  font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;text-align:left;
  padding:0 12px 8px;border-bottom:2px solid var(--ink)}
body .bfad349 main table td{padding:11px 12px;border-bottom:1px solid var(--rule-2);
  vertical-align:middle;font-variant-numeric:tabular-nums}
body .bfad349 main table tr:last-child td{border-bottom:0}
body .bfad349 main .table-wrap{overflow-x:auto}

/* ---------- FAQ донора (<dl>/<dt>/<dd>) — все ответы развёрнуты ----------- */
body .bfad349 main dl{margin:0 0 18px}
body .bfad349 main dt{font-weight:600;font-size:17px;color:var(--ink);margin:0;
  padding:16px 0 6px 30px;position:relative;border-top:1px solid var(--rule-2)}
body .bfad349 main dt::before{content:"?";position:absolute;left:0;top:15px;width:20px;height:20px;
  line-height:20px;text-align:center;font-size:12px;font-weight:700;color:#fff;background:var(--acc)}
body .bfad349 main dd{display:block!important;height:auto!important;max-height:none!important;
  overflow:visible!important;visibility:visible!important;opacity:1!important;
  margin:0 0 6px;padding:0 0 14px 30px;color:var(--ink-2)}

/* ============================================================================
   ФИША ОБЗОРА — «приборная карточка» бренда: слева знак и вердикт,
   справа шкала оценки, панель оффера и CTA; ниже — сетка проверенных фактов.
   Разметка донора семантическая (overview-header-*), но раскладка, ритм,
   типографика и декор — свои.
   ========================================================================= */
body .overview-header{background:transparent;border:0;padding:0;margin:0 0 6px}
body .overview-header > .bfad91c,body .overview-header > .bfad91c > .bfad878{display:block;width:100%}
body .overview-header-info-block{display:grid;grid-template-columns:minmax(0,1fr) 320px;
  gap:22px 30px;align-items:start;padding:0 0 22px;border-bottom:1px solid var(--rule-2)}
body .overview-header-info-block__logo{display:flex;flex-direction:column;align-items:flex-start;
  gap:14px;grid-column:1}
body .overview-header-info-block__logo img{max-height:54px;width:auto;background:#fff;
  padding:8px 12px;border:1px solid var(--rule-2)}
body .overview-heading{font-size:31px;margin:0;letter-spacing:-.02em}
body .overview-header-block-wrap{grid-column:2;grid-row:1/span 2;display:flex;
  flex-direction:column;gap:14px}
/* шкала оценки: крупная табличная цифра на насечках */
body .overview-header-rating{background:var(--prim-l);border-left:3px solid var(--prim);
  padding:12px 16px}
body .overview-header-rating__label{font-size:11px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--prim);font-weight:600;margin:0 0 2px}
body .overview-header-rating__value{font-size:34px;font-weight:600;color:var(--muted);
  font-variant-numeric:tabular-nums;line-height:1.05;letter-spacing:-.02em}
body .overview-header-rating__value span{color:var(--prim-d)}
body .overview-header-rating__text{font-size:14px;color:var(--ink-2);margin-top:4px;
  padding-top:8px;border-top:1px solid rgba(14,90,97,.18)}
body .overview-header-rating__by{display:none}
/* панель оффера */
body .overview-header-bonus{background:#fff;border:1px solid var(--rule);padding:14px 16px;
  position:relative}
body .overview-header-bonus::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:repeating-linear-gradient(180deg,var(--acc) 0 3px,transparent 3px 9px)}
body .overview-header-bonus__label{font-size:11px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--muted);font-weight:600;margin:0 0 3px}
body .overview-header-bonus__value{font-size:20px;font-weight:600;color:var(--ink);line-height:1.3}
body .overview-header-bonus a{font-size:12.5px;color:var(--muted)!important;
  border-bottom:1px dotted var(--rule);display:inline-block;margin-top:6px}
body .overview-header-info-block .btn-play,
body .overview-header-info-block button.btn-primary{display:block;width:100%;text-align:center;
  background:var(--acc);color:#fff!important;border:0;border-radius:2px;padding:14px 18px;
  font-size:15.5px;font-weight:600;cursor:pointer;box-shadow:0 1px 0 var(--acc-d)}
body .overview-header-info-block .btn-secondary{display:inline-block;background:none;
  color:var(--prim)!important;border:0;border-bottom:2px solid var(--prim);border-radius:0;
  padding:3px 0;font-size:14px;box-shadow:none;text-align:left}

/* описание: «Lire plus» без JS — текст показываем целиком */
body .overview-header-info-description{padding:20px 0 4px}
body .overview-header-info-description__wrapper{max-height:none!important;overflow:visible!important;
  color:var(--ink-2)}
body .overview-header-info-description__button{display:none!important}

/* сетка проверенных фактов */
body .overview-header-info-data{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px;
  padding:6px 0 4px}
body .overview-header-info-data-block__heading{font-size:11.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 0 10px;
  padding-bottom:7px;border-bottom:2px solid var(--ink)}
body .overview-header-info-data-block-main__item{display:flex;justify-content:space-between;
  gap:14px;padding:8px 0;border-bottom:1px solid var(--rule-2);font-size:15px}
body .overview-header-info-data-block-main__item-label{color:var(--muted)}
body .overview-header-info-data-block-main__item-value{font-weight:600;text-align:right;
  font-variant-numeric:tabular-nums}
body .overview-header-info-data-block-payments{display:flex;flex-wrap:wrap;gap:8px}
body .overview-header-info-data-block-payments img{height:22px;width:auto}
body .overview-header-info-data-block-payments .item{display:flex;align-items:center;
  justify-content:center;height:38px;min-width:60px;padding:0 10px;background:#fff;
  border:1px solid var(--rule-2)}
@media (max-width:820px){
  body .overview-header-info-block{grid-template-columns:1fr}
  body .overview-header-block-wrap{grid-column:1;grid-row:auto}
  body .overview-header-info-data{grid-template-columns:1fr}
}

/* ============================================================================
   ФИША ОБЗОРА — СВОЯ разметка .gsr-fi (донорская пересобрана скриптом 05b),
   поэтому CSS темы донора до неё не достаёт и специфичность не нужна.
   ========================================================================= */
.gsr-fi{display:block}
.gsr-fi *{box-sizing:border-box}
.gsr-fi__head{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px 34px;
  align-items:start;padding:0 0 24px;border-bottom:1px solid var(--rule-2)}
.gsr-fi__id{min-width:0}
.gsr-fi__logo{display:inline-flex;align-items:center;justify-content:center;height:70px;
  min-width:150px;padding:8px 16px;background:#fff;border:1px solid var(--rule-2);margin-bottom:16px}
.gsr-fi__logo img{max-height:52px;width:auto;display:block}
.gsr-fi__name{font-size:32px;line-height:1.16;letter-spacing:-.022em;margin:0 0 10px}
.gsr-fi__verdict{font-size:18px;line-height:1.5;color:var(--prim-d);margin:0;
  padding-left:14px;border-left:3px solid var(--acc)}
.gsr-fi__panel{display:flex;flex-direction:column;gap:14px;min-width:0}
.gsr-fi__score{background:var(--prim);color:#fff;padding:14px 16px 16px}
.gsr-fi__score-l{display:block;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:#a8cdcd;font-weight:600}
.gsr-fi__score-v{display:block;font-size:40px;font-weight:600;line-height:1.05;
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:2px 0 10px}
.gsr-fi__score-v i{font-style:normal;font-size:19px;color:#8fc0c0;font-weight:500;margin-left:2px}
.gsr-fi__scale{display:block;height:8px;background:repeating-linear-gradient(90deg,
  rgba(255,255,255,.34) 0 2px,transparent 2px 7px)}
.gsr-fi__scale b{display:block;height:8px;background:var(--acc)}
.gsr-fi__offer{background:#fff;border:1px solid var(--rule);padding:14px 16px 13px;
  position:relative;padding-left:22px}
.gsr-fi__offer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;
  background:repeating-linear-gradient(180deg,var(--acc) 0 3px,transparent 3px 9px)}
.gsr-fi__offer-l{display:block;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted);font-weight:600}
.gsr-fi__offer-v{display:block;font-size:20px;font-weight:600;color:var(--ink);line-height:1.3;
  margin-top:3px}
.gsr-fi__tc{display:inline-block;margin-top:7px;font-size:12.5px;color:var(--muted)!important;
  border-bottom:1px dotted var(--rule)}
.gsr-fi__cta{display:block;width:100%;background:var(--acc);color:#fff;border:0;border-radius:2px;
  padding:15px 18px;font:600 16px/1.2 inherit;cursor:pointer;box-shadow:0 1px 0 var(--acc-d);
  font-family:inherit}
.gsr-fi__cta:hover{background:var(--acc-d)}
.gsr-fi__more{align-self:flex-start;font-size:14px;color:var(--prim)!important;
  border-bottom:2px solid var(--prim);padding-bottom:2px;text-decoration:none!important}
.gsr-fi__intro{padding:20px 0 2px;color:var(--ink-2)}
.gsr-fi__intro p{margin:0;font-size:16.5px;line-height:1.75}
.gsr-fi__grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 34px;padding:8px 0 0}
.gsr-fi__sub{font-size:11.5px!important;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted);font-weight:600;margin:0 0 10px;padding-bottom:7px;
  border-bottom:2px solid var(--ink)}
.gsr-fi__sub::after{display:none}
.gsr-fi__row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;
  border-bottom:1px solid var(--rule-2);font-size:15px}
.gsr-fi__row span{color:var(--muted)}
.gsr-fi__row b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.gsr-fi__pays-in{display:flex;flex-wrap:wrap;gap:8px}
.gsr-fi__pay{display:flex;align-items:center;justify-content:center;height:40px;min-width:66px;
  padding:0 10px;background:#fff;border:1px solid var(--rule-2)}
.gsr-fi__pay img{max-height:22px;width:auto;display:block}
@media (max-width:820px){
  .gsr-fi__head{grid-template-columns:1fr;gap:18px}
  .gsr-fi__grid{grid-template-columns:1fr;gap:20px}
  .gsr-fi__name{font-size:26px}
}

/* ---------- кнопки -------------------------------------------------------- */
body .bfad349 main .btn,body .bfad349 main button.btn,body a.btn{
  display:inline-block;background:var(--acc);color:#fff!important;font-weight:600;
  font-size:15px;letter-spacing:.01em;padding:12px 22px;border:0;border-radius:2px;
  text-decoration:none!important;cursor:pointer;box-shadow:0 1px 0 var(--acc-d)}
body .bfad349 main .btn:hover{background:var(--acc-d)}
body .bfad349 main .btn-secondary{background:transparent;color:var(--prim)!important;
  box-shadow:none;border-bottom:2px solid var(--prim);border-radius:0;padding:4px 0}

/* ---------- хлебные крошки ------------------------------------------------ */
body .breadcrumbs-container{max-width:calc(var(--w) + var(--gap)*2);margin:0 auto;
  padding:10px var(--gap) 0;box-sizing:border-box;background:transparent}
body .breadcrumbs-container p{margin:0;font-size:13px;color:var(--ink-2)}
body .breadcrumbs-container a{color:var(--prim);text-decoration:none}
body .breadcrumbs-container a:hover{color:var(--prim)}

/* ============================================================================
   ШАПКА — два яруса: служебная рейка (петроль) + белая плита с меню
   ========================================================================= */
.gsr-hd{background:var(--card);border-bottom:1px solid var(--rule);position:relative;z-index:40}
.gsr-hd *,.gsr-ft *{box-sizing:border-box}
.gsr-hd__rail{background:var(--prim);color:#cfe4e4}
.gsr-hd__rail-in{max-width:var(--w-chrome);margin:0 auto;padding:0 var(--pad);
  height:34px;display:flex;align-items:center;justify-content:space-between;
  font-size:12px;letter-spacing:.03em}
.gsr-hd__rail b{color:#fff;font-weight:600}
.gsr-hd__rail-r{display:flex;gap:18px;align-items:center}
.gsr-hd__age{display:inline-block;border:1px solid #4d8a8e;color:#fff;
  padding:1px 6px;font-size:11px;font-weight:600;letter-spacing:.06em}

.gsr-hd__in{max-width:var(--w-chrome);margin:0 auto;padding:0 var(--pad);
  height:70px;display:flex;align-items:center;gap:28px}
.gsr-brand{display:flex;align-items:center;gap:11px;text-decoration:none!important;flex:0 0 auto}
.gsr-brand svg{display:block;flex:0 0 auto}
.gsr-brand__t{display:block;line-height:1}
.gsr-brand__t i{display:block;font-style:normal;font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--muted);font-weight:500}
.gsr-brand__t b{display:block;font-size:21px;letter-spacing:-.015em;color:var(--ink);
  font-weight:600;margin-top:1px}

.gsr-nav{margin-left:auto}
.gsr-nav > ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.gsr-nav > ul > li{position:relative}
.gsr-nav > ul > li > a,.gsr-nav > ul > li > span{display:block;padding:24px 11px;
  font-size:14.5px;font-weight:500;color:var(--ink);cursor:pointer;text-decoration:none;
  border-bottom:3px solid transparent}
.gsr-nav > ul > li:hover > a,.gsr-nav > ul > li:hover > span,
.gsr-nav > ul > li:focus-within > a,.gsr-nav > ul > li:focus-within > span{
  color:var(--prim);border-bottom-color:var(--acc);text-decoration:none}
.gsr-nav ul ul{position:absolute;top:100%;left:0;min-width:262px;margin:0;padding:8px 0;
  list-style:none;background:#fff;border:1px solid var(--rule);border-top:3px solid var(--acc);
  box-shadow:0 18px 40px -18px rgba(8,63,69,.45);visibility:hidden;opacity:0;
  transform:translateY(-4px);transition:opacity .14s,transform .14s,visibility .14s;z-index:60}
.gsr-nav > ul > li:hover > ul,.gsr-nav > ul > li:focus-within > ul{
  visibility:visible;opacity:1;transform:translateY(0)}
.gsr-nav ul ul li a{display:block;padding:8px 18px;font-size:14px;color:var(--ink-2)!important;
  text-decoration:none;line-height:1.45}
.gsr-nav ul ul li a:hover{background:var(--prim-l);color:var(--prim-d)!important}
.gsr-nav > ul > li:nth-last-child(-n+2) ul{left:auto;right:0}
.gsr-burger,.gsr-hd__toggle{display:none}

/* ============================================================================
   ПОДВАЛ — одна тёмная плита: траст-полоса, колонки, служебная строка, право
   ========================================================================= */
.gsr-ft{background:var(--prim-d);color:#c3d8d9;margin-top:34px;
        font-size:14.5px;line-height:1.66}
.gsr-ft a{color:#e7f1f1!important;text-decoration:none;opacity:1!important}
.gsr-ft a:hover{color:#fff!important;text-decoration:underline}
.gsr-ft__in{max-width:var(--w-chrome);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}

.gsr-ft__trust{border-bottom:1px solid rgba(255,255,255,.12)}
.gsr-ft__trust .gsr-ft__in{padding-top:20px;padding-bottom:20px;
  display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center}
.gsr-ft__badge{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#dfeceb}
.gsr-ft__badge b{color:#fff;font-weight:600}
.gsr-ft__age{width:38px;height:38px;flex:0 0 38px;border:2px solid #e7f1f1;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}

.gsr-ft__cols{padding-top:30px;padding-bottom:26px;display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px 34px}
.gsr-ft h4{font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:#8fb3b4;
  font-weight:600;margin:0 0 12px}
.gsr-ft ul{list-style:none;margin:0;padding:0}
.gsr-ft ul li{margin:0 0 8px}
.gsr-ft__about p{margin:0 0 12px;color:#bcd3d4;font-size:14px;line-height:1.7}
.gsr-ft__mark{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.gsr-ft__mark i{display:block;font-style:normal;font-size:10px;letter-spacing:.24em;
  text-transform:uppercase;color:#8fb3b4}
.gsr-ft__mark b{display:block;font-size:19px;color:#fff;font-weight:600;letter-spacing:-.015em}

.gsr-ft__svc{border-top:1px solid rgba(255,255,255,.12)}
.gsr-ft__svc .gsr-ft__in{padding-top:14px;padding-bottom:14px;display:flex;flex-wrap:wrap;
  gap:8px 24px;font-size:13.5px}
.gsr-ft__legal{background:rgba(0,0,0,.22)}
.gsr-ft__legal .gsr-ft__in{padding-top:16px;padding-bottom:20px;font-size:12.5px;
  color:#9dbabb;line-height:1.7}

/* ---------- мёртвые органы донора ---------------------------------------- */
.js-cookie,.js-scroll,.mobile-fixed-js{display:none!important}

/* ---------- мобилка ------------------------------------------------------- */
@media (max-width:900px){
  body{font-size:16px}
  h1{font-size:27px}
  h2{font-size:22px}
  .gsr-hd__in{height:58px;gap:12px}
  .gsr-hd__rail-in{height:30px;font-size:11px}
  .gsr-hd__rail-r span:first-child{display:none}
  .gsr-brand__t b{font-size:18px}
  .gsr-hd__toggle{display:block;margin-left:auto;width:40px;height:40px;border:1px solid var(--rule);
    position:relative;cursor:pointer;background:#fff;flex:0 0 40px}
  .gsr-hd__toggle::before,.gsr-hd__toggle::after,.gsr-hd__toggle i{content:"";position:absolute;
    left:9px;right:9px;height:2px;background:var(--ink)}
  .gsr-hd__toggle::before{top:12px}
  .gsr-hd__toggle i{top:19px}
  .gsr-hd__toggle::after{top:26px}
  .gsr-burger:checked ~ .gsr-nav{display:block}
  .gsr-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;
    border-top:1px solid var(--rule);border-bottom:3px solid var(--acc);
    max-height:76vh;overflow:auto;padding:6px 0 12px}
  .gsr-nav > ul{display:block}
  .gsr-nav > ul > li > a,.gsr-nav > ul > li > span{padding:12px var(--pad);border-bottom:0;
    border-top:1px solid var(--rule-2);font-weight:600}
  .gsr-nav ul ul{position:static;visibility:visible;opacity:1;transform:none;border:0;
    box-shadow:none;padding:0 0 8px;min-width:0}
  .gsr-nav ul ul li a{padding:7px var(--pad) 7px calc(var(--pad) + 16px);font-size:14px}
  .gsr-ft__cols{grid-template-columns:1fr 1fr;gap:22px}
}
@media (max-width:560px){
  .gsr-ft__cols{grid-template-columns:1fr}
  body .bfadb64 > section,body .overview-header{padding-left:var(--gap);padding-right:var(--gap)}
}

/* строка «Mis à jour» под H1 — служебная, набирается мелко и не спорит с заголовком */
body .gsr-upd{margin:-6px 0 18px;font-size:12.5px;color:var(--ink-2);letter-spacing:.01em;
  padding-bottom:12px;border-bottom:1px solid var(--rule-2)}
body .gsr-upd time{font-weight:600;color:var(--ink-2)}
body .gsr-fi__cta--off{display:block;text-align:center;background:var(--rule-2);
  color:var(--muted);padding:14px 18px;font-weight:600;font-size:15px}

/* CTA донора на обзорах, переведённая в свой /go/ (класс нейтральный — не префикс витрины) */
body .gsr-cta{display:inline-block;background:var(--acc);color:#fff!important;font-weight:600;
  font-size:15px;padding:12px 22px;border-radius:2px;text-decoration:none!important;
  box-shadow:0 1px 0 var(--acc-d)}
body .gsr-cta:hover{background:var(--acc-d);text-decoration:none!important}
/* индексы-перечни на хабах */
body .gsr-idx{margin:0 0 18px}
body .gsr-idx h2{font-size:22px}
body .gsr-idx__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:2px 22px;margin:14px 0 0;padding:0;list-style:none}
body .gsr-idx__list li{padding:6px 0;border-bottom:1px solid var(--rule-2);font-size:14.5px}
body .gsr-idx__list li::before{display:none!important}
body .gsr-idx__list li a{color:var(--ink-2)}
body .gsr-idx__list li a:hover{color:var(--prim)}

/* зазор под шапкой: первый блок контента подтягиваем (норма 16–48 desktop) */
body .bfad349 > .bfad087:first-of-type{padding-top:10px}
body .breadcrumbs-container + .bfad087{padding-top:0}
body .bfad349 main > section:first-of-type,body .gsr-idx:first-child{margin-top:8px}

/* колонка донора не должна добавлять свои 15 px: секции обязаны быть ровно по сетке */
body .bfadb64,body .bfad91c{padding-left:0!important;padding-right:0!important}
body .bfad349 main > section,body .bfadb64 > section{margin-left:0;margin-right:0}

}

/* Витрина сидит ВНУТРИ контентной плиты и уже её на два поля — это осознанная врезка,
   а не «разъехавшиеся секции»: все секции верхнего уровня одной ширины 888. */

/* зазор под шапкой: убираем верхние поля первой плиты (норма 16–48 desktop / 12–32 mobile) */
body .bfad349 > .bfad087:first-of-type{padding-top:0}
body .breadcrumbs-container{padding-top:8px!important;padding-bottom:2px}
body .bfad349 main > section:first-of-type{margin-top:0}
body .bfad349 main > section{padding-top:18px}

/* 05.27 — у обёртки донора `padding-top:60px` под его ПРЕЖНЮЮ фикс-шапку:
   без сброса под нашей шапкой висит пустая полоса 60 px (R6 «зазор под шапкой»). */
body .bfad349{padding-top:0!important}

/* CTA донора `<a class="btn btn-primary">` приходит БЕЗ своего фона (его рисовал JS-класс):
   белый текст ложится на светлую бумагу — контраст 1.1. Красим парой фон+текст. */
body a.btn,body a.btn-primary,body .btn.btn-primary{background:var(--acc)!important;
  color:#fff!important;border:0;border-radius:2px;padding:12px 22px;display:inline-block;
  text-decoration:none!important;font-weight:600;box-shadow:0 1px 0 var(--acc-d)}
body a.btn:hover,body .btn.btn-primary:hover{background:var(--acc-d)!important}
body a.btn.btn-secondary{background:transparent!important;color:var(--prim)!important;
  box-shadow:none;border-bottom:2px solid var(--prim);border-radius:0;padding:3px 0}

/* ⛔⛔ У части шаблонов донора крошки лежат в ДРУГОМ классе (`bfad3ba`, не
   `breadcrumbs-container`) и остаются шириной 1160 px: на мобиле это горизонтальный
   вынос, и весь контент уезжает влево (R7 «текст у края», 49 замечаний на 390 px).
   Поэтому ЛЮБОЙ прямой ребёнок обёртки, кроме контейнера, приводится к сетке. */
body .bfad349 > *:not(.bfad087):not(header):not(footer){
  max-width:calc(var(--w) + var(--gap) * 2)!important;margin-left:auto!important;
  margin-right:auto!important;padding-left:var(--gap);padding-right:var(--gap);
  box-sizing:border-box;width:auto}
body .bfad349 > *:not(.bfad087):not(header):not(footer) > p{margin:0;font-size:13px;
  color:var(--ink-2);padding:0}
/* свёрнутые ответы FAQ у второго шаблона донора */
body .bfad349 main .faq-item-answer,body .bfad349 main .accordeon-item-info,
body .bfad349 main [class*="answer"]{display:block!important;height:auto!important;
  max-height:none!important;overflow:visible!important;visibility:visible!important;opacity:1!important}

/* ⛔⛔ ВТОРОЕ ПОКОЛЕНИЕ ШАБЛОНА: 71 страница несёт `<main class="bfadc7f">`, а не `main.main` —
   правила каркаса, написанные на `main.main`, до них не доходили (05.9d). Скоуп расширен
   до `body .bfad349 main`. И строка донора `.bfad91c` держит ОТРИЦАТЕЛЬНЫЙ марджин −15 px:
   на мобиле контент уезжал за левый край (R7 «текст у края»). */
body .bfad91c{margin-left:0!important;margin-right:0!important}
body .bfad349 main{width:100%!important;max-width:none!important;margin:0!important;
  padding:0!important;float:none!important;display:block}

/* донорские врезки-карточки: свои 15 px под норму 16 */
body .bfad349 main .bfaddb6e,body .bfad349 main .bfadbb4{padding-left:18px!important;
  padding-right:18px!important;box-sizing:border-box}

/* врезки донора на обзорах приходят с полем 15 px — норма gate_padding 16 */
body .bfad349 .bfadee6e,body .bfad349 .bfad8ee8,body .bfad349 .bfada095{
  padding-left:18px!important;padding-right:18px!important;box-sizing:border-box}

/* ── R3 КОНТРАСТ: цветовые токены донора, которые не читаются ────────────────
   Донор красил акценты #ff8000 (оранжевый), #ff3344 (красный), #33c54e (зелёный)
   и подписи #808080/#8d8d8d — на белом это 2.3–3.9 при норме 4.5. Переводим их
   на свою палитру, а не «чуть темнее»: сайт и так должен быть в своих цветах. */
body .breadcrumbs-container a,body .bfad349 .breadcrumbs a,body .bfad349 .bfad3ba a,body .bfad349 .bfaddb6 a{color:var(--acc-d)}
body .breadcrumbs-container a:hover,body .bfad349 .breadcrumbs a:hover,body .bfad349 .bfad3ba a:hover,body .bfad349 .bfaddb6 a:hover{color:var(--prim-d)}
body .bfad349 a.item,body .bfad349 .bfad2d8a a{color:var(--acc-d)}
body .bfad349 .bfad8213 h3,body .bfad349 h3.bfad744c{color:var(--prim)}
body .bfad349 .bfadcae,body .bfad349 .bfadae8,body .bfad349 .bfad553{color:var(--ink-2)}
body .bfad349 .support-live-chat-label{color:var(--ink-2)!important}
body .bfad349 .widget-table-bonus,body .bfad349 .bfad862a{color:var(--acc-d)}
body .bfad349 .bfad753{background:var(--prim)!important;color:#fff}
/* заголовки «Avantages/Inconvénients» донора шли светло-зелёным (контраст 2) */
body .bfad349 .bfad8ee8 h3,body .bfad349 .bfadee6e h3,body .bfad349 .bfada095 h3{color:var(--prim)!important}
body .bfad349 .bfadc4c{color:var(--acc-d)}

/* ⛔ ТИПОГРАФИКА ЗАМЕРОМ: computed font-family у <p> отдавал Arial — донорская тема
   перебивала наш стек своим правилом. Списки при этом шли Rubik: на одной странице
   два шрифта. Шрифт у нас донорский (Rubik) и лежит локально — распространяем его
   на весь контент, размеры не трогаем (их держат витрина и фиша). */
body .bfad349 p,body .bfad349 li,body .bfad349 dd,body .bfad349 dt,
body .bfad349 td,body .bfad349 th,body .bfad349 h1,body .bfad349 h2,
body .bfad349 h3,body .bfad349 h4,body .bfad349 h5,body .bfad349 h6,
body .bfad349 span,body .bfad349 a,body .bfad349 b,body .bfad349 strong,
body .bfad349 em,body .bfad349 button,body .bfad349 label{
  font-family:Rubik,"Rubik",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}

/* ⛔ ШКАЛА ЗАГОЛОВКОВ: замер показал h3 = 25 px при h2 = 21–28 px, то есть подзаголовок
   КРУПНЕЕ заголовка. Сводим к двум значениям; свои блоки (витрина, фиша, индекс)
   исключены — у них своя шкала и она сильнее по специфичности. */
body .bfad349 main h2:not([class*="gsr"]){font-size:26px;line-height:1.24}
body .bfad349 main h3:not([class*="gsr"]){font-size:20px;line-height:1.32}
body .bfad349 main h4:not([class*="gsr"]){font-size:17px;line-height:1.36}
/* у своих блоков шкала СВОЯ — возвращаем её после нормализации донорских заголовков */
body .bfad349 .gsrv-wrap .gsrv-head h2{font-size:21px;line-height:1.28}
body .bfad349 main .gsr-idx h2,body .bfad349 .gsr-idx h2{font-size:22px;line-height:1.28}