/* ============================================================================
   casinotrust.net — каркас «Ledger» (этап 05)
   Референсы-иконы дизайна: FT.com (тёплая бумага, серьёзная типографика,
   плотные таблицы данных) + Stripe (структурная ясность, тонкие линии).
   Шрифты — донорские: Montserrat (заголовки) + Rubik (текст).
   ============================================================================ */

:root{
  --ctn-paper:#FBF7F1;
  --ctn-paper-2:#F2EBE0;
  --ctn-paper-3:#EDE4D6;
  --ctn-ink:#17202A;
  --ctn-ink-2:#4B5661;
  --ctn-line:#DFD5C6;
  --ctn-line-2:#C9BCA8;
  --ctn-verify:#14624A;
  --ctn-verify-2:#1C8261;
  --ctn-seal:#A8402F;
  --ctn-seal-2:#C24C38;
  --ctn-gold:#B98A2C;
  --ctn-w:888px;
  --ctn-wide:1120px;
  --pad:20px;
  --gap:24px;
}

/* ---------- 1. база и типографика ---------- */
html{background:var(--ctn-paper-2)}
body{background:var(--ctn-paper-2)!important;color:var(--ctn-ink);
     font-family:Rubik,"Helvetica Neue",Arial,sans-serif;}
body p,body li,body dd,body dt,body td,body th,body blockquote{
  font-family:Rubik,"Helvetica Neue",Arial,sans-serif;
  font-size:16.5px;line-height:1.68;color:var(--ctn-ink)}
body h1,body h2,body h3,body h4,body h5,body .title-section{
  font-family:Montserrat,"Helvetica Neue",Arial,sans-serif;color:var(--ctn-ink);
  letter-spacing:-.01em}
article#main h1{font-size:31px;line-height:1.2;font-weight:700;text-transform:none}
article#main h2{font-size:24px;line-height:1.28;font-weight:700;text-transform:none}
article#main h3{font-size:19px;line-height:1.34;font-weight:600;text-transform:none}
article#main a{color:var(--ctn-verify);text-decoration:none;border-bottom:1px solid rgba(20,98,74,.28)}
article#main a:hover{color:var(--ctn-seal);border-bottom-color:rgba(168,64,47,.45)}
article#main a[class*="btn"],article#main a[class*="cta"]{border-bottom:0}
/* маркеры-крапины иконочного шрифта донора */
article#main li::before,article#main li::after{content:none!important}
article#main ul{list-style:none;padding-left:0;margin:0 0 14px}
article#main ul li{position:relative;padding-left:20px;margin-bottom:7px}
article#main ul li::marker{content:none}
article#main ul li:not([class])::before{content:""!important;position:absolute;left:2px;top:11px;
  width:7px;height:2px;background:var(--ctn-gold);display:block!important}
article#main ol{padding-left:20px;margin:0 0 14px}

/* ---------- 2. сетка и отступы ---------- */
body .mx-auto.position-relative{background:var(--ctn-paper-2)}
article#main{max-width:var(--ctn-w)!important;margin:0 auto 40px!important;width:100%!important;
  background:var(--ctn-paper)!important;box-shadow:0 1px 0 var(--ctn-line),0 18px 40px -34px rgba(23,32,42,.5);
  border:1px solid var(--ctn-line);border-top:3px solid var(--ctn-ink);
  padding:0 0 26px!important;box-sizing:border-box}
article#main > *{padding-left:var(--pad)!important;padding-right:var(--pad)!important;
  box-sizing:border-box;max-width:100%!important;float:none!important}
article#main .row{margin-left:0!important;margin-right:0!important}
article#main .row > *{padding-left:0!important;padding-right:0!important}
article#main .container,article#main .container-xs,article#main .container-fluid{
  max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important}
/* хвост донорских служебных ширин */
body .container{max-width:var(--ctn-wide)}

/* ---------- 3. шапка «Ledger» ---------- */
.ctn-hd{position:relative;z-index:1000;background:var(--ctn-paper);border-bottom:3px solid var(--ctn-ink)}
.ctn-hd__strip{background:var(--ctn-ink);color:#E9E2D6}
.ctn-hd__in{max-width:var(--ctn-wide);margin:0 auto;padding:0 var(--pad);box-sizing:border-box}
.ctn-hd__strip .ctn-hd__in{display:flex;align-items:center;justify-content:space-between;
  gap:16px;min-height:34px;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;
  font-family:Montserrat,Arial,sans-serif;font-weight:500}
.ctn-hd__strip > .ctn-hd__in > span b{color:#F3C969;font-weight:600}
.ctn-hd__main{display:flex;align-items:center;gap:26px;min-height:74px}
.ctn-logo{display:flex;align-items:center;gap:11px;text-decoration:none;border:0!important;flex:0 0 auto}
.ctn-logo__seal{width:38px;height:44px;flex:0 0 auto}
.ctn-logo__txt{display:flex;flex-direction:column;line-height:1}
.ctn-logo__name{font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:21px;
  letter-spacing:-.02em;color:var(--ctn-ink)}
.ctn-logo__sub{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ctn-ink-2);
  margin-top:4px;font-family:Montserrat,Arial,sans-serif}
.ctn-nav{margin-left:auto;display:flex;align-items:stretch;gap:2px}
.ctn-nav__item{position:relative}
.ctn-nav__link{display:flex;align-items:center;height:74px;padding:0 12px;text-decoration:none;
  color:var(--ctn-ink);font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:13.5px;
  letter-spacing:.02em;border:0!important;border-bottom:3px solid transparent!important}
.ctn-nav__item:hover > .ctn-nav__link,.ctn-nav__item:focus-within > .ctn-nav__link{
  color:var(--ctn-verify);border-bottom-color:var(--ctn-verify)!important}
.ctn-nav__panel{position:absolute;top:100%;left:0;min-width:246px;background:#fff;
  border:1px solid var(--ctn-line);border-top:3px solid var(--ctn-verify);
  box-shadow:0 22px 44px -26px rgba(23,32,42,.55);padding:8px 0;
  visibility:hidden;opacity:0;transform:translateY(4px);transition:.16s ease-in-out;z-index:1001}
.ctn-nav__item:hover > .ctn-nav__panel,.ctn-nav__item:focus-within > .ctn-nav__panel{
  visibility:visible;opacity:1;transform:none}
.ctn-nav__item--right > .ctn-nav__panel{left:auto;right:0}
.ctn-nav__panel a{display:block;padding:8px 16px;color:var(--ctn-ink)!important;text-decoration:none;
  font-size:14px;border:0!important;line-height:1.35}
.ctn-nav__panel a:hover{background:var(--ctn-paper-2);color:var(--ctn-verify)!important}
.ctn-nav__panel li{list-style:none}
.ctn-nav__panel ul{margin:0;padding:0}

/* переключатель языка — выпадашка с флагом и самоназванием */
.ctn-lang{position:relative;font-family:Montserrat,Arial,sans-serif}
.ctn-lang__btn{display:flex;align-items:center;gap:7px;background:none;border:0;cursor:pointer;
  color:#E9E2D6;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:6px 0;font-weight:600}
.ctn-lang__btn svg{display:block}
.ctn-lang__panel{position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--ctn-line);
  border-top:3px solid var(--ctn-ink);min-width:172px;padding:6px 0;z-index:1002;
  visibility:hidden;opacity:0;transition:.15s}
.ctn-lang:hover .ctn-lang__panel,.ctn-lang:focus-within .ctn-lang__panel{visibility:visible;opacity:1}
.ctn-lang__panel a{display:flex;align-items:center;gap:9px;padding:8px 14px;font-size:14px;
  color:var(--ctn-ink)!important;text-decoration:none;text-transform:none;letter-spacing:0}
.ctn-lang__panel a:hover{background:var(--ctn-paper-2)}
.ctn-lang__panel a b{font-weight:600}

/* мобильное меню — чекбокс, без JS и без <details> */
.ctn-burger{display:none}
.ctn-hd__toggle{display:none}

/* ---------- 4. подвал ---------- */
.ctn-ft{background:var(--ctn-ink);color:#D8D2C7;margin-top:44px;
  font-family:Rubik,Arial,sans-serif;font-size:14.5px;line-height:1.65}
.ctn-ft__in{max-width:var(--ctn-wide);margin:0 auto;padding:34px var(--pad) 26px;box-sizing:border-box}
.ctn-ft__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:30px}
.ctn-ft h4{font-family:Montserrat,Arial,sans-serif;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:#F3C969!important;margin:0 0 13px;font-weight:600}
.ctn-ft a{color:#D8D2C7!important;text-decoration:none;border:0!important}
.ctn-ft a:hover{color:#fff!important;text-decoration:underline}
.ctn-ft ul{list-style:none;margin:0;padding:0}
.ctn-ft li{margin-bottom:7px;padding:0!important}
.ctn-ft li::before{content:none!important}
.ctn-ft p{color:#BDB6AA!important;font-size:14px;margin:0 0 10px}
.ctn-ft__mark{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ctn-ft__mark svg{flex:0 0 auto}
.ctn-ft__mark b{font-family:Montserrat,Arial,sans-serif;font-size:16px;color:#fff!important;letter-spacing:-.01em}
.ctn-ft__badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;
  padding-top:18px;border-top:1px solid rgba(216,210,199,.18)}
.ctn-ft__badge{display:inline-flex;align-items:center;gap:7px;background:#F7F3EC;color:#17202A!important;
  border:1px solid #CBBFA9;padding:6px 11px;font-size:12.5px;font-weight:600;
  font-family:Montserrat,Arial,sans-serif;letter-spacing:.02em}
.ctn-ft__badge img{height:20px;width:auto;display:block}
.ctn-ft__badge--age{background:#F3C969;border-color:#B98A2C;color:#17202A!important}
.ctn-ft__help{background:rgba(243,201,105,.1);border-left:3px solid #F3C969;padding:12px 14px;margin-top:6px}
.ctn-ft__help b{color:#F3C969!important}
.ctn-ft__bottom{border-top:1px solid rgba(216,210,199,.18);margin-top:22px;padding-top:16px;
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:13px;color:#A9A296!important}
.ctn-ft__bottom nav{display:flex;flex-wrap:wrap;gap:14px}

/* ---------- 5. блоки донора ---------- */
/* заголовок секции — «регистровая» линейка вместо плашки */
article#main .title-section{background:none!important;border:0!important;border-top:2px solid var(--ctn-ink)!important;
  margin:30px 0 14px!important;padding:14px var(--pad) 0!important;position:relative}
article#main .title-section h1,article#main .title-section h2,article#main .title-section h3{
  margin:0!important;padding:0!important;font-size:22px;line-height:1.3;text-transform:none!important}
article#main .title-section::after{content:"";position:absolute;left:var(--pad);top:-2px;width:64px;height:2px;
  background:var(--ctn-seal)}
/* заголовок страницы */
article#main header.page-header{background:var(--ctn-paper-3)!important;border-bottom:1px solid var(--ctn-line);
  padding:22px var(--pad) 20px!important;margin-bottom:0!important}
article#main header.page-header h1{margin:0}
article#main .breadcrumb{background:none!important;padding:0!important;margin:0 0 10px!important;
  font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ctn-ink-2)}
article#main .breadcrumb a{color:var(--ctn-ink-2);border:0!important}
article#main .breadcrumb li{display:inline;padding:0!important}
article#main .breadcrumb li::before{content:none!important}
article#main .breadcrumb li + li::before{content:"/"!important;display:inline!important;position:static!important;
  background:none!important;width:auto!important;height:auto!important;margin:0 6px;color:var(--ctn-line-2)}
/* интро и проза */
article#main .entry-content{padding:16px 0 4px!important}
article#main .entry-content > p:first-child{font-size:17.5px;line-height:1.62;color:var(--ctn-ink)}
/* сетка карточек донора (наземные казино, «почему мы») */
article#main .why-choose .row,article#main .symbol-box{padding:0!important}
article#main .symbol-box{background:#fff!important;border:1px solid var(--ctn-line)!important;
  border-top:2px solid var(--ctn-verify)!important;padding:16px 18px!important;margin:0 0 16px!important;
  box-shadow:none!important}
article#main .symbol-box h3,article#main .symbol-box h4{margin:0 0 8px!important;font-size:17px}
article#main .why-choose .row{display:grid!important;grid-template-columns:repeat(3,1fr);gap:16px}
article#main .why-choose .row > *{width:auto!important;max-width:none!important;flex:none!important;margin:0!important}
/* карусель без JS → сетка */
article#main .base-carousel,article#main .swiper-container{overflow:visible!important;height:auto!important}
article#main .swiper-wrapper{display:grid!important;grid-template-columns:repeat(4,1fr);gap:14px;
  transform:none!important;height:auto!important;width:100%!important}
article#main .swiper-slide{width:auto!important;margin:0!important;height:auto!important}
article#main .swiper-button-next,article#main .swiper-button-prev,article#main .swiper-pagination{display:none!important}
/* пустые обёртки и галереи донора */
article#main figure:not(:has(img)):not(:has(iframe)):not(:has(svg)){display:none!important}
article#main .review-gallery:not(:has(img)){display:none!important}
article#main .col-12:empty,article#main .col-md-4:empty,article#main .col-sm-4:empty{display:none!important}
/* блок фактов обзора */
article#main .review-infomation-module{padding:18px var(--pad)!important;background:var(--ctn-paper-3)!important;
  border-top:1px solid var(--ctn-line);border-bottom:1px solid var(--ctn-line);margin:18px 0!important}
article#main .review-infomation-module .row{display:grid!important;grid-template-columns:1fr 1fr;gap:20px}
article#main .review-infomation-module .row > *{width:auto!important;max-width:none!important;flex:none!important}
article#main .review-infomation-module .row > *:empty{display:none!important}
article#main .review-TOC{background:#fff;border:1px solid var(--ctn-line);padding:14px 16px}
/* таблицы данных */
article#main table{width:100%;border-collapse:collapse;margin:0 0 18px;background:#fff;
  border:1px solid var(--ctn-line);font-size:15px}
article#main table th{background:var(--ctn-ink);color:#F6F1E8!important;font-family:Montserrat,Arial,sans-serif;
  font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px;text-align:left;
  border:0;border-bottom:2px solid var(--ctn-gold)}
article#main table td{padding:10px 12px;border-top:1px solid var(--ctn-line);vertical-align:top}
article#main table tr:nth-child(even) td{background:var(--ctn-paper)}
article#main .table-wrap{overflow-x:auto}
/* кнопки донора */
article#main .btn,article#main .btn-green,article#main a[class*="cta"]{
  display:inline-flex;align-items:center;justify-content:center;background:var(--ctn-seal)!important;
  color:#fff!important;font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:14px;
  letter-spacing:.03em;text-transform:uppercase;padding:11px 20px!important;border-radius:2px!important;
  border:0!important;box-shadow:0 2px 0 #7E2F22}
article#main .btn:hover,article#main .btn-green:hover,article#main a[class*="cta"]:hover{
  background:var(--ctn-seal-2)!important;color:#fff!important}
/* строки витрины донора (до этапа 08) */
article#main .tr-casino{border:1px solid var(--ctn-line)!important;background:#fff!important;
  margin:0 0 10px!important;padding:12px var(--pad)!important;border-radius:0!important}
article#main .tr-casino.bg-green-10,article#main .tr-casino:nth-child(odd){background:var(--ctn-paper)!important}
article#main .thead-casinos{background:var(--ctn-ink)!important;color:#F6F1E8!important;
  padding:10px var(--pad)!important;font-family:Montserrat,Arial,sans-serif;font-size:12.5px;
  letter-spacing:.06em;text-transform:uppercase}
article#main .thead-casinos *{color:#F6F1E8!important}
article#main .filters-casinos{padding:0!important;margin:0 0 12px!important}
article#main .f-c-menu{display:flex;flex-wrap:wrap;gap:6px;background:none!important;padding:0!important}
/* липкие панели донора */
.sticky-footer-menu,.sticky-module-container.is-sticky{position:static!important}
/* мобильное меню донора (nav во всю высоту) */
body > nav.bg-white,.mx-auto.position-relative > nav.bg-white{display:none!important}

/* ---------- 6. свои страницы ---------- */
.ctn-doc{max-width:760px;margin:0 auto}
.ctn-doc h2{margin-top:26px}
.ctn-note{background:var(--ctn-paper-3);border-left:3px solid var(--ctn-gold);padding:14px 16px;margin:18px 0}

/* ---------- 7. мобильная версия (ниже десктопных правил) ---------- */
@media (max-width:900px){
  :root{--pad:14px}
  .ctn-hd__main{min-height:60px;gap:12px;flex-wrap:wrap}
  .ctn-hd__toggle{display:block;margin-left:auto;background:none;border:1px solid var(--ctn-line-2);
    padding:7px 10px;font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:12.5px;
    letter-spacing:.06em;text-transform:uppercase;color:var(--ctn-ink);cursor:pointer}
  .ctn-nav{order:3;flex-basis:100%;flex-direction:column;gap:0;display:none;margin:0 0 10px}
  .ctn-burger:checked ~ .ctn-nav{display:flex}
  .ctn-nav__link{height:auto;padding:11px 0;border-bottom:1px solid var(--ctn-line)!important}
  .ctn-nav__panel{position:static;visibility:visible;opacity:1;transform:none;border:0;
    box-shadow:none;padding:0 0 8px 12px;min-width:0;background:none}
  .ctn-nav__panel a{padding:6px 0;font-size:13.5px}
  .ctn-ft__grid{grid-template-columns:1fr 1fr;gap:22px}
  article#main{border-left:0;border-right:0}
  article#main h1{font-size:25px}
  article#main h2{font-size:20px}
  article#main .why-choose .row{grid-template-columns:1fr}
  article#main .swiper-wrapper{grid-template-columns:1fr 1fr}
  article#main .review-infomation-module .row{grid-template-columns:1fr}
  body p,body li,body td,body th{font-size:16px}
}
@media (max-width:560px){
  .ctn-ft__grid{grid-template-columns:1fr}
  article#main .swiper-wrapper{grid-template-columns:1fr}
  .ctn-hd__strip .ctn-hd__in{font-size:11px;gap:8px}
  .ctn-hd__strip span.ctn-hd__tag{display:none}
}

/* ============================================================================
   5b. БЛОКИ ДОНОРА, ПЕРЕСОБРАННЫЕ ПОД СЕТКУ 888 (этап 05.2a / 05.2c)
   ============================================================================ */

/* палитра донора → своя */
article#main .bg-green-10,article#main .bg-blue-light,article#main .bg-gray-900-10{
  background:var(--ctn-paper)!important}
article#main .bg-gray-900{background:var(--ctn-ink)!important}
article#main .text-green,article#main .text-blue{color:var(--ctn-verify)!important}
article#main .text-orange,article#main .text-red{color:var(--ctn-seal)!important}

/* --- витрина донора: строка-регистр --- */
article#main .wrapper-list-casinos{padding:0 var(--pad)!important;margin-bottom:8px}
article#main .thead-casinos{display:grid!important;grid-template-columns:1.5fr 1fr 1.15fr 178px;
  gap:12px;align-items:center;padding:9px 14px!important;margin:0 0 8px!important;background:var(--ctn-ink)!important}
article#main .thead-casinos > *{padding:0!important;text-align:left!important;flex:none!important;
  max-width:none!important;width:auto!important;font-size:12px;letter-spacing:.08em}
article#main .tr-casino{display:grid!important;grid-template-columns:1.5fr 1fr 1.15fr 178px;
  gap:12px;align-items:center;position:relative;padding:16px 14px!important;margin:0 0 8px!important;
  border:1px solid var(--ctn-line)!important;background:#fff!important;border-left:3px solid var(--ctn-line-2)!important}
article#main .tr-casino:hover{border-left-color:var(--ctn-verify)!important}
article#main .tr-casino > *{padding:0!important;margin:0!important;width:auto!important;max-width:none!important;
  flex:none!important;text-align:left!important}
article#main .tr-casino .td-name{display:flex!important;align-items:center;gap:10px}
article#main .tr-casino .td-name .row{display:flex!important;align-items:center;gap:10px;width:100%}
article#main .tr-casino .thumb{margin:0!important;flex:0 0 auto}
article#main .tr-casino .thumb img{width:46px!important;height:46px!important;object-fit:contain;
  background:#fff;border:1px solid var(--ctn-line);padding:3px;border-radius:0!important}
article#main .tr-casino-num{position:static!important;width:22px;height:22px;line-height:22px;
  background:var(--ctn-ink)!important;color:#fff!important;font-size:12px;font-weight:700;
  border-radius:0!important;flex:0 0 auto;text-align:center}
article#main .tr-casino h3,article#main .tr-casino .h3,article#main .tr-casino a.title{
  font-size:16px!important;margin:0!important}
article#main .ribbon-text-toplist{position:absolute!important;top:-1px;left:-1px;background:var(--ctn-gold)!important;
  color:var(--ctn-ink)!important;font-family:Montserrat,Arial,sans-serif;font-size:10.5px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;padding:3px 9px!important;display:flex;align-items:center;gap:5px}
article#main .ribbon-text-toplist img{width:10px;height:10px}
article#main .ribbon-inside{color:var(--ctn-ink)!important}
article#main .td-bonuses{font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:15px;line-height:1.35}
article#main .td-selling ul{margin:0}
article#main .td-selling li{font-size:13.5px;line-height:1.45;margin-bottom:3px;padding-left:14px}
article#main .td-selling li::before{top:9px;width:5px}
article#main .td-play{display:flex!important;flex-direction:column;gap:6px;align-items:stretch}
article#main .td-play .btn,article#main .td-play a[class*="btn"]{width:100%;padding:10px 12px!important;font-size:13px}
article#main .td-play a:not([class*="btn"]){font-size:12px;text-align:center;color:var(--ctn-ink-2)!important;
  border:0!important}
/* фильтры витрины */
article#main .filters-casinos{background:none!important}
article#main .f-c-menu{justify-content:flex-start!important;border-bottom:1px solid var(--ctn-line);
  padding-bottom:0!important;gap:0!important}
article#main .f-c-menu > *{background:none!important;border:0!important;border-bottom:2px solid transparent!important;
  padding:9px 13px!important;font-size:12.5px!important;letter-spacing:.05em;color:var(--ctn-ink-2)!important;
  font-family:Montserrat,Arial,sans-serif;font-weight:600;text-transform:uppercase}
article#main .f-c-menu > .active,article#main .f-c-menu > *:hover{
  color:var(--ctn-ink)!important;border-bottom-color:var(--ctn-seal)!important;background:none!important}
article#main .f-c-menu img,article#main .f-c-menu i{display:none!important}

/* --- карточки слотов и новостей --- */
article#main .slots-section,article#main .news-section{padding:18px var(--pad)!important;
  background:var(--ctn-paper-3)!important;margin:0 0 6px!important}
article#main .slot-box{background:var(--ctn-ink)!important;border:0!important;border-radius:0!important;
  overflow:hidden;box-shadow:0 10px 26px -20px rgba(23,32,42,.9)}
article#main .slot-box a{color:#F4EFE6!important;border:0!important;display:flex;flex-direction:column;height:100%}
article#main .slot-box img{width:100%;height:auto;display:block}
article#main .slot-box .thumb{margin:0!important}
article#main .slot-box h3,article#main .slot-box h4,article#main .slot-box .title{
  font-size:15px!important;color:#fff!important;margin:10px 12px 4px!important}
article#main .slot-box p,article#main .slot-box span,article#main .slot-box li{color:#C9C2B6!important;
  font-size:13px!important;padding:0 12px}
article#main .slot-box ul{margin:0 0 12px}
article#main .text-right.pb-25{padding:12px 0 0!important;text-align:right}
article#main .text-right.pb-25 a{font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:12.5px;
  letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid var(--ctn-gold)!important}

/* --- герой обзора --- */
article#main .casino-image-desktop{background:var(--ctn-paper-3);padding:16px!important;
  border:1px solid var(--ctn-line);display:grid!important;grid-template-columns:120px 1fr;gap:16px;align-items:center}
article#main .casino-image-desktop > *{width:auto!important;max-width:none!important;flex:none!important;padding:0!important}
article#main .casino-review-buttons{display:flex;gap:10px;flex-wrap:wrap}
article#main .review-deposit,article#main .review-bonus-cta,article#main .casino-cta{margin:12px 0!important}
article#main .review-TOC ul{margin:0}
article#main .review-TOC li{padding-left:16px}
/* кнопка «наверх» донора */
article#main .backtop{position:fixed;right:18px;bottom:18px;z-index:900;background:var(--ctn-ink)!important;
  border:0!important;width:42px;height:42px;padding:0!important;opacity:.85}
article#main .backtop img{width:16px;height:16px;filter:invert(1)}

/* --- мобильная доводка блоков донора (ниже десктопных правил) --- */
@media (max-width:900px){
  article#main .thead-casinos{display:none!important}
  article#main .tr-casino{grid-template-columns:1fr;gap:8px;padding:14px!important}
  article#main .tr-casino .td-play{align-items:stretch}
  article#main .casino-image-desktop{grid-template-columns:1fr}
  article#main .f-c-menu{overflow-x:auto;flex-wrap:nowrap}
}

/* --- лента новостей: карточка-индекс, текст тёмный (у донора он белый поверх картинки) --- */
article#main .news-box{background:#fff!important;border:1px solid var(--ctn-line)!important;
  position:static!important;height:100%;display:flex;flex-direction:column;overflow:hidden}
article#main .news-box img{width:100%;height:auto;display:block}
article#main .news-action{color:var(--ctn-ink)!important;display:flex!important;flex-direction:column;
  height:100%;border:0!important;padding:0!important}
article#main .news-action > span{padding:12px 14px!important;align-self:stretch!important}
article#main .news-title{color:var(--ctn-ink)!important;font-family:Montserrat,Arial,sans-serif;
  font-weight:600;font-size:15px;line-height:1.32;display:block;margin-bottom:8px!important}
article#main .news-box .news-bottom,article#main .news-box .news-bottom-meta,
article#main .news-box .news-bottom-meta span{color:var(--ctn-ink-2)!important;font-size:11.5px!important;
  letter-spacing:.04em}
article#main .news-box .text-green{color:var(--ctn-verify)!important}
article#main .news-box i{display:none!important}
article#main .news-box .row{display:flex!important;gap:8px;flex-wrap:wrap}
/* карточки «почему мы» / наземные казино */
article#main .symbol-box > div{background:var(--ctn-paper)!important;padding:16px 18px!important;height:100%}
article#main .symbol-box .thumb{margin:0 0 12px!important;display:block}
article#main .symbol-box .thumb img{width:64px!important;height:64px!important;object-fit:cover;display:block}
article#main .symbol-box h3,article#main .symbol-box h4,article#main .symbol-box .title{
  text-align:left!important;font-size:16px!important;margin:0 0 8px!important}
article#main .symbol-box p{text-align:left!important;font-size:14.5px;line-height:1.6}
article#main .symbol-box:has(.thumb:empty) .thumb{display:none!important}

/* донорская оранжевая линейка под заголовком секции — снять, у нас свой регистр */
article#main .title-section{border-bottom:0!important;box-shadow:none!important}
article#main .title-section::before{content:none!important}
/* текстовая карточка-ссылка вместо снятой картинки-баннера */
article#main a.ctn-cardlink{display:block;background:var(--ctn-paper-3);border:1px solid var(--ctn-line);
  border-left:3px solid var(--ctn-verify);padding:14px 16px;font-family:Montserrat,Arial,sans-serif;
  font-weight:600;font-size:15px;color:var(--ctn-ink)!important;border-bottom:1px solid var(--ctn-line)!important}
article#main a.ctn-cardlink:hover{background:#fff;color:var(--ctn-verify)!important}

/* --- доводка контраста и мёртвых элементов (гейт рендера) --- */
.ctn-lang__panel a b{color:var(--ctn-ink)!important;font-weight:700}
.ctn-lang__panel a{color:var(--ctn-ink)!important}
/* акцентный текст внутри ТЁМНЫХ карточек донора — светлый */
article#main .bg-gray-900 .text-green,article#main .slot-box .text-green,
article#main .bg-gray-900 strong,article#main .slot-box strong{color:#7FD8AE!important}
article#main .bg-gray-900 a,article#main .slot-box a{color:#F4EFE6!important}
/* лента-ribbon: тёмная плашка, золотой текст (было тёмное по золотому — 2.7) */
article#main .ribbon-text-toplist{background:var(--ctn-ink)!important}
article#main .ribbon-text-toplist,article#main .ribbon-inside{color:#F3C969!important}
/* мёртвые кнопки донора (управлялись снятым JS) */
article#main .btn-read-more,article#main .btn-more-casinos,article#main .load-more,
article#main .btn-load-more{display:none!important}
/* широкие таблицы — свой горизонтальный скролл, а не overflow страницы */
article#main .ctn-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 18px}
article#main .ctn-tablewrap table{margin:0;min-width:520px}

/* цвет задаём КОНТЕЙНЕРУ списка, а не только ссылке: чекер контраста меряет <li> */
.ctn-ft ul,.ctn-ft li,.ctn-ft nav,.ctn-ft__bottom{color:#D8D2C7!important}
.ctn-ft h4{color:#F3C969!important}
.ctn-nav__panel ul,.ctn-nav__panel li{color:var(--ctn-ink)!important}
.ctn-lang__panel,.ctn-lang__panel a{color:var(--ctn-ink)!important}

/* --- якорная навигация донора (была оранжевая полоса) --- */
article#main .orange-nav{background:var(--ctn-paper-3)!important;border-top:1px solid var(--ctn-line);
  border-bottom:1px solid var(--ctn-line);padding:9px var(--pad)!important;margin:0 0 4px!important}
article#main .orange-nav,article#main .orange-nav *{color:var(--ctn-ink)!important}
article#main .orange-nav a{font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:13px;
  border-bottom:0!important;letter-spacing:.02em}
article#main .orange-nav a:hover{color:var(--ctn-verify)!important}

/* --- плитки разделов донора (.page-cards / .page-card) --- */
article#main .page-cards{padding:0 var(--pad)!important}
article#main .page-cards .swiper-wrapper{grid-template-columns:repeat(3,1fr)}
article#main .page-card{padding:0!important}
article#main .page-card-content{background:#fff!important;border:1px solid var(--ctn-line)!important;
  border-top:2px solid var(--ctn-verify)!important;padding:18px!important;text-align:left!important;height:100%}
article#main .page-card-content h2,article#main .page-card-content h3{font-size:17px!important;margin:0 0 8px!important}
article#main .page-card-content p{font-size:14.5px}
article#main .page-card-read{background:var(--ctn-seal)!important;color:#fff!important;
  display:inline-block;max-width:100%;box-sizing:border-box;padding:9px 15px!important;margin-top:14px!important;
  font-size:12.5px!important;letter-spacing:.05em;border:0!important;box-shadow:0 2px 0 #7E2F22}
article#main .page-card-read:hover{background:var(--ctn-seal-2)!important;color:#fff!important}
article#main .page-card a.d-block.position-relative{color:var(--ctn-ink)!important;border-bottom:0!important}

/* --- мобильная доводка: сетки плиток и отступы (ставится ПОСЛЕ десктопных правил) --- */
@media (max-width:900px){
  article#main .page-cards .swiper-wrapper{grid-template-columns:1fr!important}
  article#main .swiper-wrapper{grid-template-columns:1fr!important}
  article#main .page-card-content{padding:16px 14px!important}
  article#main .symbol-box > div{padding:14px!important}
  article#main .slots-section,article#main .news-section{padding:14px!important}
  article#main .wrapper-list-casinos{padding:0 14px!important}
  article#main .orange-nav{padding:8px 14px!important}
  article#main .ctn-tablewrap{margin-left:0;margin-right:0}
}
@media (max-width:560px){
  article#main .why-choose .row{grid-template-columns:1fr!important}
  article#main .review-infomation-module .row{grid-template-columns:1fr!important}
}
/* таблицы донора со своими фонами: заголовочная строка тёмная — вернуть светлый текст парой */
article#main table th,article#main table thead td{background:var(--ctn-ink)!important;color:#F6F1E8!important}
article#main table th *,article#main table thead td *{color:#F6F1E8!important}
article#main table td[style*="background"],article#main table th[style*="background"]{background:none!important}

/* --- лента новостей донора держалась на фоновой картинке темы: без неё карточка
       схлопывалась в 2px. Пересобираем в текстовый список-индекс --- */
article#main .news-box{display:block!important;height:auto!important;min-height:0!important;
  position:static!important;background:#fff!important;border:1px solid var(--ctn-line)!important;
  border-left:3px solid var(--ctn-gold)!important;overflow:visible!important}
article#main .news-action{display:block!important;height:auto!important;position:static!important;
  padding:14px 16px!important;color:var(--ctn-ink)!important;border:0!important}
article#main .news-action > span{display:block!important;padding:0!important;align-self:auto!important;
  width:auto!important}
article#main .news-box .btn-link{display:inline-block!important;margin-top:10px!important;
  font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:12px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ctn-seal)!important}
article#main .news-box .news-bottom-meta{display:flex!important;gap:10px;flex-wrap:wrap;margin-top:8px}
article#main .news-box .news-bottom-meta > span{padding:0!important}

/* --- FAQ донора: полоса вопроса была салатовой с белым текстом (контраст 2.2) --- */
article#main .questionBar,article#main .faq-question,article#main .accordion-title{
  background:var(--ctn-ink)!important;color:#F6F1E8!important;padding:11px 14px!important;
  font-size:16px!important;margin:0 0 2px!important;border:0!important;border-left:3px solid var(--ctn-gold)!important}
article#main .questionBar *,article#main .faq-question *{color:#F6F1E8!important}
article#main .answerBar,article#main .faq-answer{background:#fff!important;border:1px solid var(--ctn-line)!important;
  border-top:0!important;padding:12px 14px!important;margin:0 0 10px!important;display:block!important;height:auto!important}
/* служебные подписи донора светло-серым — вернуть читаемый цвет */
article#main .compare-add-message,article#main .text-gray-500,article#main .text-muted{
  color:var(--ctn-ink-2)!important}

/* --- отступ живёт на блоке, который рисует фон (gate_padding) --- */
article#main .faq-content{padding:14px var(--pad)!important;background:#fff!important;
  border:1px solid var(--ctn-line)!important;box-sizing:border-box}
article#main .review-TOC-table,article#main .review-TOC{padding:12px var(--pad)!important;box-sizing:border-box}
article#main .review-infomation-module .col-md-4,article#main .review-infomation-module .col-sm-5,
article#main .review-infomation-module .col-sm-7{padding:0!important}
article#main .casino-image-desktop .col-sm,article#main .casino-image-desktop .col-12{padding:0!important}
article#main .review-bonus-container,article#main .review-info{padding:14px var(--pad)!important;
  box-sizing:border-box;background:#fff!important;border:1px solid var(--ctn-line)!important}
article#main .td-name,article#main .thead-casinos .td-name{padding-left:0!important}

/* --- доводка отступов строки витрины и колонок обзора --- */
article#main .tr-casino{padding:16px!important}
article#main .tr-casino > *{min-width:0}
article#main .td-selling img,article#main .td-bonuses img{max-width:100%;height:auto}
article#main .review-infomation-module > .row > *{padding:14px!important;background:#fff!important;
  border:1px solid var(--ctn-line)!important;box-sizing:border-box}
article#main .review-infomation-module .review-TOC{border:0!important;padding:0!important;background:none!important}
article#main .casino-image-desktop > .col-sm,article#main .casino-image-desktop > .col-sm-auto{
  padding:0 var(--pad) 0 0!important}

/* --- карусели донора: слайды выходили за колонку (позиционирование swiper без JS) --- */
article#main .base-carousel,article#main .swiper-container{overflow:hidden!important;width:100%!important;
  position:static!important}
article#main .swiper-wrapper{transform:none!important;width:100%!important;position:static!important}
article#main .swiper-slide{position:static!important;width:auto!important;max-width:100%!important;
  left:auto!important;right:auto!important;flex:none!important;margin:0!important}
article#main .slot-box,article#main .news-box,article#main .page-card-content{max-width:100%;box-sizing:border-box}
/* герой обзора: текстовая колонка получает свой отступ */
article#main .casino-image-desktop > .col-sm.col-12,article#main .casino-image-desktop .col-sm.col-12.just{
  padding:0 var(--pad)!important;box-sizing:border-box}

/* --- карусели: flex-обёртка с переносом вместо grid (у части шаблонов donor-класс
       col-sm-3 задавал ширину 292px и 4-я карточка вылезала за колонку) --- */
article#main .swiper-wrapper{display:flex!important;flex-wrap:wrap!important;gap:14px!important;
  grid-template-columns:none!important;align-items:stretch}
article#main .swiper-slide{width:calc(25% - 11px)!important;flex:0 0 auto!important;padding:0!important;
  box-sizing:border-box}
article#main .page-cards .swiper-slide{width:calc(33.333% - 10px)!important}
article#main .slot-box{padding:0 0 12px!important;box-sizing:border-box}
article#main .slot-box .slot-title,article#main .slot-box span.p-8{padding:10px 12px!important;display:block}
article#main .slot-box .slot-desc-wrap{padding:0 12px!important;margin:0!important}
@media (max-width:900px){
  article#main .swiper-slide{width:calc(50% - 7px)!important}
  article#main .page-cards .swiper-slide{width:100%!important}
}
@media (max-width:560px){
  article#main .swiper-slide{width:100%!important}
}

/* текст внутри тёмной карточки слота — свой горизонтальный отступ */
article#main .slot-box > a > *:not(.thumb):not(figure):not(span.thumb){
  padding-left:12px!important;padding-right:12px!important;box-sizing:border-box}
article#main .slot-box .thumb,article#main .slot-box figure{padding:0!important}
/* мобильная страховка от переполнения обзора */
@media (max-width:560px){
  article#main .casino-image-desktop{grid-template-columns:1fr!important}
  article#main .casino-image-desktop > *{padding:0!important}
  article#main .review-infomation-module > .row > *{padding:12px!important}
}

/* строка характеристик в карточке слота: значение вылезало за колонку */
article#main .slot-box .slot-desc-wrap{display:flex!important;flex-wrap:wrap!important;gap:4px 10px;
  align-items:baseline}
article#main .slot-box .slot-desc-wrap > *{min-width:0!important;max-width:100%!important;
  word-break:break-word;padding:0!important;flex:0 1 auto!important}
article#main .slot-box strong{display:inline-block;max-width:100%}

/* отступ держит САМА карточка слота (ссылка-обёртка занимает всю её ширину) */
article#main .slot-box{padding:0 12px 12px!important}
article#main .slot-box .thumb,article#main .slot-box figure{margin:0 -12px 10px!important;padding:0!important}
article#main .slot-box > a > *:not(.thumb):not(figure){padding-left:0!important;padding-right:0!important}

article#main .slot-box{padding:0 16px 14px!important}
article#main .slot-box .thumb,article#main .slot-box figure{margin:0 -16px 10px!important}
article#main .news-box{padding:14px 16px!important}
article#main .news-action{padding:0!important}
article#main .news-action > span{padding:0!important}

/* ============================================================================
   ВИТРИНА cntv (этап 08) — строка-регистр в духе каркаса «Ledger»
   ============================================================================ */
article#main .cntv-wrap{margin:26px 0 22px!important;padding:0 var(--pad)!important;box-sizing:border-box}
article#main .cntv-h2{margin:0 0 4px!important;padding:14px 0 0!important;font-size:22px!important;
  border-top:2px solid var(--ctn-ink);position:relative}
article#main .cntv-h2::after{content:"";position:absolute;left:0;top:-2px;width:64px;height:2px;background:var(--ctn-seal)}
article#main .cntv-f{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
article#main .cntv-filters{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--ctn-line);
  margin:12px 0 14px}
article#main .cntv-filters label{padding:9px 13px;font-family:Montserrat,Arial,sans-serif;font-weight:600;
  font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ctn-ink-2);cursor:pointer;
  border-bottom:2px solid transparent;margin-bottom:-1px}
article#main .cntv-filters label b{color:var(--ctn-gold);font-weight:700}
article#main .cntv-filters label:hover{color:var(--ctn-ink)}
article#main .cntv-f--all:checked ~ .cntv-filters label[for$="-all"],
article#main .cntv-f--idebit:checked ~ .cntv-filters label[for$="-idebit"],
article#main .cntv-f--big:checked ~ .cntv-filters label[for$="-big"],
article#main .cntv-f--spins:checked ~ .cntv-filters label[for$="-spins"]{
  color:var(--ctn-ink);border-bottom-color:var(--ctn-seal)}
article#main .cntv-f--idebit:checked ~ .cntv-list .cntv-row:not([data-f~="idebit"]),
article#main .cntv-f--big:checked ~ .cntv-list .cntv-row:not([data-f~="big"]),
article#main .cntv-f--spins:checked ~ .cntv-list .cntv-row:not([data-f~="spins"]){display:none}
article#main .cntv-list{list-style:none;margin:0!important;padding:0!important;counter-reset:none}
article#main .cntv-row{display:grid!important;grid-template-columns:26px 74px 1fr 168px;gap:14px;
  align-items:center;background:#fff;border:1px solid var(--ctn-line);border-left:3px solid var(--ctn-line-2);
  padding:14px 16px!important;margin:0 0 8px!important;box-sizing:border-box}
article#main .cntv-row::before{content:none!important}
article#main .cntv-row:hover{border-left-color:var(--ctn-verify)}
article#main .cntv-row:nth-child(1){border-left-color:var(--ctn-seal);background:var(--ctn-paper)}
article#main .cntv-num{font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:13px;
  width:26px;height:26px;line-height:26px;text-align:center;background:var(--ctn-ink);color:#fff}
article#main .cntv-logo{display:flex;align-items:center;justify-content:center;width:74px;height:56px;
  background:#fff;border:1px solid var(--ctn-line);border-bottom:1px solid var(--ctn-line)!important;padding:4px;box-sizing:border-box}
article#main .cntv-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
article#main .cntv-logo__txt{font-family:Montserrat,Arial,sans-serif;font-size:11px;font-weight:700;
  color:var(--ctn-ink);text-align:center;line-height:1.15}
article#main .cntv-body{min-width:0}
article#main .cntv-name{display:block;font-family:Montserrat,Arial,sans-serif;font-weight:700;
  font-size:16px;color:var(--ctn-ink);margin-bottom:3px}
article#main .cntv-bonus{display:block;font-size:14.5px;color:var(--ctn-ink);margin-bottom:7px;line-height:1.4}
article#main .cntv-chips{display:flex!important;flex-wrap:wrap;gap:6px;margin:0!important;padding:0!important;
  list-style:none}
article#main .cntv-chips li{margin:0!important;padding:3px 8px!important;background:var(--ctn-paper-3);
  color:var(--ctn-ink-2);font-size:11.5px;font-family:Montserrat,Arial,sans-serif;font-weight:600;
  letter-spacing:.02em;border:0}
article#main .cntv-chips li::before{content:none!important}
article#main .cntv-cta{display:flex;flex-direction:column;gap:6px;align-items:stretch}
article#main .cntv-btn{display:block;background:var(--ctn-seal)!important;color:#fff!important;
  text-align:center;padding:11px 14px;font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.04em;text-transform:uppercase;border:0!important;box-shadow:0 2px 0 #7E2F22}
article#main .cntv-btn:hover{background:var(--ctn-seal-2)!important;color:#fff!important}
article#main .cntv-review{display:block;text-align:center;font-size:12px;color:var(--ctn-ink-2)!important;
  border:0!important}
article#main .cntv-note{margin:10px 0 0!important;font-size:12.5px;color:var(--ctn-ink-2);line-height:1.5}
@media (max-width:900px){
  article#main .cntv-row{grid-template-columns:24px 60px 1fr;gap:10px;padding:12px!important}
  article#main .cntv-cta{grid-column:1 / -1;flex-direction:row;gap:10px;align-items:center}
  article#main .cntv-btn{flex:1}
  article#main .cntv-review{flex:0 0 auto;padding:0 4px}
  article#main .cntv-filters{overflow-x:auto;flex-wrap:nowrap}
}

/* чипы витрины — без золотой чёрточки общего правила списков */
article#main .cntv-chips li::before,article#main .cntv-chips li::after{content:none!important;display:none!important}
article#main .cntv-list > li::before,article#main .cntv-list > li::after{content:none!important;display:none!important}

/* фильтрация должна перебивать display:grid строки (важность!) */
article#main .cntv-f--idebit:checked ~ .cntv-list .cntv-row:not([data-f~="idebit"]),
article#main .cntv-f--big:checked ~ .cntv-list .cntv-row:not([data-f~="big"]),
article#main .cntv-f--spins:checked ~ .cntv-list .cntv-row:not([data-f~="spins"]){display:none!important}

/* CTA-ссылка донора, оставшаяся без картинки, получает текстовый вид */
article#main a.ctn-golink{display:inline-block;background:var(--ctn-paper-3);border:1px solid var(--ctn-line);
  border-left:3px solid var(--ctn-seal)!important;padding:7px 12px;font-family:Montserrat,Arial,sans-serif;
  font-weight:600;font-size:13px;color:var(--ctn-ink)!important;margin:4px 6px 4px 0}
article#main a.ctn-golink:hover{background:#fff;color:var(--ctn-seal)!important}

/* высота строки витрины: эталон сети ≈165px (R9 принимает 150–290) */
article#main .cntv-row{grid-template-columns:30px 96px 1fr 176px!important;padding:20px 18px!important;gap:16px!important}
article#main .cntv-logo{width:96px;height:72px}
article#main .cntv-name{font-size:17px;margin-bottom:5px}
article#main .cntv-bonus{margin-bottom:9px}
@media (max-width:900px){
  article#main .cntv-row{grid-template-columns:26px 64px 1fr!important;padding:14px!important;gap:12px!important}
  article#main .cntv-logo{width:64px;height:52px}
}

article#main .cntv-row{padding:26px 18px!important;grid-template-columns:30px 104px 1fr 176px!important}
article#main .cntv-logo{width:104px;height:80px}
article#main .cntv-chips li{padding:4px 9px!important;font-size:12px}
article#main .cntv-bonus{font-size:15px;margin-bottom:11px}
@media (max-width:900px){
  article#main .cntv-row{padding:16px 14px!important;grid-template-columns:26px 66px 1fr!important}
  article#main .cntv-logo{width:66px;height:54px}
}

article#main .cntv-row{padding:30px 20px!important}
article#main .cntv-logo{width:112px;height:88px}
/* ⛔⛔ Последняя правка высоты строки уходила БЕЗ мобильной пары: плитка 112 px
   вставала в колонку 66 px и НАЕЗЖАЛА на название и бонус (видно только на 390).
   Мобильные значения обязаны идти следом за КАЖДОЙ десктопной подгонкой. */
@media (max-width:900px){
  article#main .cntv-row{padding:16px 14px!important}
  article#main .cntv-logo{width:66px!important;height:54px!important}
}
article#main .cntv-logo{max-width:100%;flex:0 0 auto}

/* свёрнутые блоки донора (.collapse без JS) раскрыты на всех вьюпортах: иначе текст скрыт */
article#main .collapse,article#main .collapse.entry-content{display:block!important;height:auto!important;
  visibility:visible!important;overflow:visible!important}
article#main .d-sm-block,article#main .d-md-block{display:block!important}

/* видимая дата обновления */
article#main .ctn-updated{margin:0 0 12px!important;padding:0 var(--pad)!important;font-size:12px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ctn-ink-2);font-family:Montserrat,Arial,sans-serif}
article#main .ctn-updated time{color:var(--ctn-verify);font-weight:600}

/* --- доводка обзора: заголовки, CTA донора, пустые колонки --- */
article#main h1,article#main h2,article#main h3,article#main h4,article#main .title-section h2{
  font-family:Montserrat,"Helvetica Neue",Arial,sans-serif!important}
article#main a.casino-review-play-button,article#main .casino-review-play-button > a,
article#main .casino-review-play-button a.btn,article#main .review-play-button > a{
  background:var(--ctn-seal)!important;color:#fff!important;
  display:inline-flex;align-items:center;justify-content:center;padding:12px 22px!important;
  font-family:Montserrat,Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;
  text-transform:uppercase;border:0!important;border-radius:2px!important;box-shadow:0 2px 0 #7E2F22;
  width:100%;box-sizing:border-box}
article#main a.casino-review-play-button:hover,article#main .casino-review-play-button > a:hover{
  background:var(--ctn-seal-2)!important;color:#fff!important}

/* пустая колонка галереи обзора (картинки сняты вместе с классом D) */
article#main .entry-content:not(:has(img)):not(:has(iframe)):not(:has(p)):not(:has(ul)):not(:has(table)){
  display:none!important}

/* CTA обзора: ссылка красится, внутренний div донора обнуляется */
article#main a.casino-review-play-button{background:var(--ctn-seal)!important;color:#fff!important;
  display:block;text-align:center;padding:0!important;box-shadow:0 2px 0 #7E2F22;border:0!important}
article#main a.casino-review-play-button .casino-review-play,
article#main a.casino-review-play-button div{background:none!important;color:#fff!important;
  margin:0!important;padding:13px 22px!important;font-family:Montserrat,Arial,sans-serif;font-weight:700;
  font-size:14px;letter-spacing:.04em;text-transform:uppercase}
/* полоса рейтинга обзора — своя палитра */
article#main .rating{background:var(--ctn-line)!important;height:8px!important;border-radius:0!important;
  overflow:hidden;width:220px;max-width:100%}
article#main .rating-mask{background:var(--ctn-verify)!important;height:8px!important;border-radius:0!important}
article#main .casino-review-bar{gap:10px}

/* шкала рейтинга: заливка — зелёная, .rating-mask у донора это ПУСТОЙ остаток справа */
article#main .rating{background:var(--ctn-verify)!important;position:relative;display:flex;justify-content:flex-end}
article#main .rating-mask{background:var(--ctn-paper-3)!important}
/* врезка «Welcome Bonus» донора: красная пунктирная рамка → своя плашка */
article#main [class*="bonus-box"],article#main .review-bonus-container,
article#main .review-bonus,article#main .welcome-bonus{border:1px solid var(--ctn-line)!important;
  border-top:3px solid var(--ctn-gold)!important;background:var(--ctn-paper)!important;
  border-radius:0!important;padding:16px!important}
article#main [class*="bonus-box"] *,article#main .review-bonus-container *{border-color:var(--ctn-line)!important}
article#main [style*="dashed"]{border-style:solid!important;border-color:var(--ctn-line)!important}
article#main .review-bonus-container h2,article#main .review-bonus-container h3,
article#main [class*="bonus-box"] h2,article#main [class*="bonus-box"] h3{color:var(--ctn-ink)!important;
  font-size:17px!important;margin:0 0 10px!important}

/* индекс обзоров A–Z на хабе */
article#main .ctn-az{padding:0 var(--pad) 8px!important;margin:26px 0 0}
article#main .ctn-az h2{border-top:2px solid var(--ctn-ink);padding-top:14px;margin:0 0 12px;position:relative}
article#main .ctn-az h2::after{content:"";position:absolute;left:0;top:-2px;width:64px;height:2px;background:var(--ctn-seal)}
article#main .ctn-az__list{display:grid!important;grid-template-columns:repeat(3,1fr);gap:2px 18px;
  list-style:none;margin:0!important;padding:0!important}
article#main .ctn-az__list li{margin:0!important;padding:5px 0!important;border-bottom:1px solid var(--ctn-line);
  font-size:13.5px}
article#main .ctn-az__list li::before{content:none!important}
article#main .ctn-az__list a{color:var(--ctn-ink)!important;border-bottom:0!important}
article#main .ctn-az__list a:hover{color:var(--ctn-verify)!important}
@media (max-width:900px){article#main .ctn-az__list{grid-template-columns:1fr 1fr}}
@media (max-width:560px){article#main .ctn-az__list{grid-template-columns:1fr}}

/* гашение маркера-чёрточки у чипов витрины: специфичность должна быть ВЫШЕ общего правила списков */
article#main ul.cntv-chips li:not([class])::before,
article#main ul.cntv-chips li::before,
article#main ol.cntv-list li:not([class])::before,
article#main ol.cntv-list > li::before,
article#main ul.ctn-az__list li:not([class])::before{content:none!important;display:none!important}

/* ⛔⛔ article#main у донора — flex-строка (.row), а его дети упорядочены классами order-N.
   Наша витрина без order получала order:0 и уезжала ПЕРЕД заголовком страницы.
   Возвращаем блочный поток: DOM-порядок у донора совпадает с order (проверено на всех шаблонах). */
article#main{display:block!important}
article#main > *{order:0!important}

/* ---------- 8. оглавление (своё, СВЁРНУТОЕ) — DESIGN-ELEMENTS §11 ----------
   Донорские формы (.orange-nav-карусель и .review-TOC) сняты скриптом ctn_toc.py.
   Свой приём, больше нигде на сайте не повторяется: линейка сквозь подпись
   + отточие (leader) до правого края, как в описи печатного документа. */
article#main details.ctn-toc{background:var(--ctn-paper-2);border:0!important;
  margin:0 0 2px!important;padding-top:0!important;padding-bottom:0!important}
article#main details.ctn-toc + *{margin-top:14px}
.ctn-toc__sum{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;
  padding:12px 0;font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:12.5px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ctn-ink);user-select:none}
.ctn-toc__sum::-webkit-details-marker{display:none}
.ctn-toc__sum::marker{content:""}
.ctn-toc__lbl{flex:0 0 auto}
.ctn-toc__rule{flex:1 1 auto;height:1px;background:var(--ctn-line-2);min-width:16px}
.ctn-toc__n{flex:0 0 auto;font-weight:500;font-size:11.5px;letter-spacing:.05em;
  color:var(--ctn-ink-2);text-transform:none}
.ctn-toc__sum::after{content:"";flex:0 0 auto;width:7px;height:7px;margin-left:2px;
  border-right:2px solid var(--ctn-ink);border-bottom:2px solid var(--ctn-ink);
  transform:translateY(-3px) rotate(45deg);transition:transform .15s}
details.ctn-toc[open] .ctn-toc__sum::after{transform:translateY(1px) rotate(-135deg)}
.ctn-toc__sum:hover .ctn-toc__lbl{color:var(--ctn-verify)}
article#main ol.ctn-toc__list{list-style:none!important;margin:0!important;
  padding:0 0 14px!important;columns:2;column-gap:38px;border-top:1px solid var(--ctn-line)}
article#main ol.ctn-toc__list > li{counter-increment:ctntoc;break-inside:avoid;
  margin:0!important;padding:0!important;list-style:none}
article#main ol.ctn-toc__list{counter-reset:ctntoc}
article#main ol.ctn-toc__list > li::before,
article#main ol.ctn-toc__list > li::marker{content:none!important;display:none!important}
article#main ol.ctn-toc__list a{display:flex;align-items:baseline;gap:9px;padding:7px 0 6px;
  border:0!important;color:var(--ctn-ink)!important;font-size:15px;line-height:1.36}
article#main ol.ctn-toc__list a::before{content:counter(ctntoc,decimal-leading-zero);
  flex:0 0 auto;font-family:Montserrat,Arial,sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.03em;color:var(--ctn-verify);font-variant-numeric:tabular-nums}
article#main ol.ctn-toc__list a::after{content:"";flex:1 1 auto;min-width:12px;
  align-self:flex-end;margin-bottom:5px;border-bottom:1px dotted var(--ctn-line-2)}
.ctn-toc__t{flex:0 1 auto}
article#main ol.ctn-toc__list a:hover{color:var(--ctn-seal)!important}
article#main ol.ctn-toc__list a:hover::before{color:var(--ctn-seal)}
article#main ol.ctn-toc__list a:hover::after{border-bottom-color:var(--ctn-seal)}
@media (max-width:900px){
  article#main ol.ctn-toc__list{columns:1}
  article#main ol.ctn-toc__list a{font-size:15.5px;padding:9px 0 8px}
  article#main ol.ctn-toc__list > li + li a{border-top:1px solid var(--ctn-line)!important}
}
/* мёртвые стрелки донорских каруселей (JS снят на 03): на /compare-casinos/ они
   пережили снятие оглавления, потому что тот блок — карусель ЛОГОТИПОВ, не оглавление */
article#main .orange-nav-prev,article#main .orange-nav-next{display:none!important}

/* ---------- 9. карточка бонуса в обзоре ----------
   ⛔⛔ У донора .review-bonus-container стоял на ТЁМНОМ фоне и нёс color:#fff.
   На нашей бумаге (#FBF7F1) весь блок стал БЕЛЫМ ПО БЕЛОМУ: оценки, «Payment methods»
   и подписи не читались на 523 обзорах. gate_render это не ловил — в его списке
   URL нет ни одного обзора оператора. */
article#main .review-bonus-container{color:var(--ctn-ink)!important;background:var(--ctn-paper)!important;
  padding:0!important;border:0!important}
article#main .review-bonus-container *{color:var(--ctn-ink)}
article#main .review-bonus-header{background:var(--ctn-paper-3)!important;border:0!important;
  border-top:2px solid var(--ctn-verify)!important;padding:14px 16px!important;text-align:left!important}
article#main .review-bonus-header .oneliner-info{padding:0!important}
article#main p.bonus-title{color:var(--ctn-ink-2)!important;font-family:Montserrat,Arial,sans-serif;
  font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px!important;
  text-align:left!important}
article#main p.oneliner{margin:0!important;font-size:19px;line-height:1.32;font-weight:400;
  color:var(--ctn-ink)!important;text-align:left!important}
article#main p.oneliner b{font-weight:700}
article#main .review-bonus-cta{padding:14px 16px 4px!important}
article#main .review-bonus-body,article#main .review-bonus-footer{padding:0 16px!important}
article#main .casino-ratings{display:block;margin:6px 0 12px}
article#main .casino-ratings > div{border-top:1px solid var(--ctn-line);padding:0}
article#main .casino-ratings span{display:flex;align-items:center;gap:9px;padding:8px 0;
  font-size:14.5px;line-height:1.3;color:var(--ctn-ink)!important}
article#main .casino-ratings img{width:18px!important;height:18px!important;flex:0 0 auto;
  object-fit:contain;margin:0!important}
article#main .review-bonus-footer{padding-bottom:14px!important}
article#main .review-bonus-footer .title{display:flex;align-items:center;gap:8px;
  font-family:Montserrat,Arial,sans-serif;font-weight:600;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ctn-ink-2)!important;margin:0 0 9px}
article#main .review-bonus-footer .title img{width:18px!important;height:18px!important}
/* отступ внутри ячеек модуля фактов: было 14 px, gate_padding требует >=16 */
article#main .review-infomation-module .row > *{padding:18px!important}

/* ---------- 10. плитка логотипа под СВЕТЛЫЙ знак ----------
   ⛔ Часть логотипов операторов нарисована под ТЁМНЫЙ фон (PowBet: «BET» белым,
   Gunsbet — бледно-розовый, Neospin, Spinsy, Zotabet, Bizzo, CookieCasino, SlotsMagic).
   На белой плитке половина знака не видна. Яркость знака считается скриптом
   ctn_logos_fix.py; светлым плитка отдаётся графитовая. */
article#main .cntv-logo--dark{background:var(--ctn-ink)!important;
  border-color:var(--ctn-ink)!important}
article#main .cntv-logo--slate{background:var(--ctn-ink-2)!important;
  border-color:var(--ctn-ink-2)!important}

/* донорская светло-зелёная врезка (.bg-green-10 + .p-8) — 678 стр., шаблон слотов:
   ⚠️ отступ 8 px на блоке, КОТОРЫЙ РИСУЕТ ФОН → текст липнет к краю плашки */
article#main .bg-green-10{background:rgba(20,98,74,.07)!important;padding:16px 18px!important;
  box-sizing:border-box}
@media (max-width:900px){article#main .bg-green-10{padding:14px!important}}

/* ---------- 11. архивные списки (/slots/, /news/, /category/) ----------
   ⛔ Заголовки карточек донора идут В ОДНУ СТРОКУ (nowrap) и вылезают за лист:
   «Nikola Tesla’s Incredible Machine» в плитке 153 px тянулся на 712 px.
   Ловится только замером ПОЛОЖЕНИЯ ТЕКСТА (gate_padding), не рамок. */
article#main .slot-archive-title,article#main .slot-archive-action,
article#main .news-title-archive,article#main .news-title-archive a,
article#main .news-content{white-space:normal!important;overflow-wrap:anywhere}
article#main .slot-archive-title{font-size:13px;line-height:1.3}

/* ---------- 12. цветовые утилиты донора на нашей бумаге ----------
   ⛔ `.text-white` у донора стоял на тёмном герое; на бумаге это белое по белому
   (spin-palace: «Up to C$1000»). Возвращаем чернила — КРОМЕ блоков, которые сами
   красятся в тёмное (фильтр слотов `.slots-filters` = графит: там наоборот было
   чернила по чернилам). */
/* ⛔ .text-white снимаем ТОЛЬКО с текста на бумаге. На КНОПКАХ донора
   (.page-card-read — сургучная плашка «READ MORE») текст обязан остаться белым:
   первая версия правила покрасила его в чернила и дала контраст 3.1 на 6 хабах. */
/* :where() обнуляет вес правила: иначе цепочка :not() весит больше любого
   блочного правила, и текст в ТЁМНЫХ блоках донора (.slot-intro, .slots-filters)
   перекрашивался в чернила по чернилам. */
article#main :where(.text-white:not(a):not(button):not([class*="btn"]):not([class*="cta"]):not([class*="read"]):not([class*="bg-"]):not([class*="archive-title"])){color:var(--ctn-ink)!important}
article#main a.text-white,article#main button.text-white,
article#main [class*="btn"].text-white,article#main .page-card-read,
article#main .page-card-read *{color:#fff!important}
/* заголовок карточки новости: донорский #FAAF4B на оранжевой подложке = контраст 1.65 */
article#main .news-title-archive,article#main .news-title-archive a{color:var(--ctn-ink)!important}
article#main .news-title-archive a:hover{color:var(--ctn-seal)!important}
article#main .slots-filters,article#main .slots-filters *,
article#main .bg-black,article#main .bg-black *,
article#main .thead-casinos,article#main .thead-casinos *{color:#F6F1E8!important}
article#main .slots-filters{background:var(--ctn-ink)!important;padding:14px var(--pad)!important}
article#main .slots-filters .btn,article#main .slots-filters a[class*="btn"]{color:#fff!important}

/* ⛔ nowrap у донорских акцентов рвёт лист: «20,000x votre mise» на /fr/ вылезал
   на 29 px за край. Строчный текст статьи переносится всегда. */
article#main :is(p,li,td,th,h1,h2,h3,h4,h5,strong,b,em,span,a):not([class*="cntv"]):not([class*="ctn-"]){
  white-space:normal}
/* плитки архивов: подпись лежит на ТЁМНОЙ подложке поверх картинки —
   общий `color:ink` делал её чернилами по чернилам (74 замечания на /slots/) */
article#main .slot-archive-title,article#main .slot-archive-title *{color:#F6F1E8!important}
/* счётчик на карточках хабов: донорский #B0B2B5 на белом даёт контраст 2.3 */
article#main .page-card-counter,article#main .page-card-counter *{color:var(--ctn-ink-2)!important}

/* плитка «Play random slot»: у донора кислотный циан #00B1FF, белый текст на нём даёт 2.4 */
article#main .slot-archive-random{background:var(--ctn-verify)!important}
article#main .slot-archive-random,article#main .slot-archive-random *{color:#F6F1E8!important}

/* ---------- 13. обзор слота ----------
   `.slot-intro` — ТЁМНАЯ шапка донора: весь текст внутри светлый, но врезка
   `.slot-top-casino` на ней светлая — там снова чернила. */
article#main .slot-intro,article#main .slot-intro *{color:#F6F1E8!important}
article#main .slot-intro .slot-top-casino,article#main .slot-intro .slot-top-casino *{
  color:var(--ctn-ink)!important}
article#main .slot-intro .slot-top-casino a:hover{color:var(--ctn-seal)!important}
/* кислотная лаймовая кнопка донора (#8CC63F, белый текст = контраст 2.05) */
article#main .btn-slot-play{background:var(--ctn-verify)!important;border:0!important}
article#main .btn-slot-play,article#main .btn-slot-play *{color:#fff!important}
/* «за» и «против»: на мобиле список упирался в правый край (наши правила обнуляют
   горизонтальные поля донорских колонок) */
article#main .slot-pros,article#main .slot-cons{padding-right:var(--pad)!important}
@media (max-width:900px){
  article#main .slot-pros,article#main .slot-cons{padding-left:20px!important}
}
/* свои страницы бандла донора не грузят — сброс поля body делаем сами
   (иначе «зазор НАД шапкой 8px» на /how-we-rate/ и /fr/comment-nous-notons/) */
body{margin:0!important}
/* кнопка внутри светлой врезки тёмной шапки: текст остаётся белым на сургучном фоне */
article#main .slot-intro .slot-top-casino .btn:not([class*="btn-link"]),
article#main .slot-intro .slot-top-casino a[class*="btn"]:not([class*="btn-link"]),
article#main .slot-intro .slot-top-casino .btn:not([class*="btn-link"]) *{color:#fff!important}
/* .btn-link у донора — не плашка, а текстовая ссылка: ей чернила/поверочный */
article#main .slot-intro .slot-top-casino a[class*="btn-link"],
article#main .slot-intro .slot-top-casino a[class*="btn-link"] *{color:var(--ctn-verify)!important}
