@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/media/cjn/open-sans-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/media/cjn/open-sans-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/media/cjn/open-sans-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/media/cjn/open-sans-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/media/cjn/open-sans-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/media/cjn/open-sans-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/media/cjn/bebas-neue-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Bebas Neue';font-style:normal;font-weight:400;font-display:swap;src:url('/media/cjn/bebas-neue-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* =====================================================================
   casinojournals.com — каркас «Registre»
   чернила + песок + старое золото; лист контента на полотне
   ===================================================================== */
:root{
  --canvas:#E8E3D9; --paper:#FFFDF8; --paper-2:#F6F1E7;
  --ink:#14222E; --ink-2:#46586A; --ink-3:#6C7C8C;
  --rule:#DBD2C2; --rule-2:#EDE7DA;
  --gold:#A07C1E; --gold-2:#C9A227;
  --cta:#8A1538; --cta-2:#6E0F2C;
  --pad:20px; --gap:24px; --sheet:36px; --w:888px;
}
@media (max-width:820px){:root{--pad:14px;--gap:10px;--sheet:16px}}

html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);
     font-family:'Open Sans',system-ui,Arial,sans-serif;font-size:16px;line-height:1.62}
body img{max-width:100%;height:auto}
body a{color:var(--cta)}
body a:hover{color:var(--cta-2)}

/* ---------- ШАПКА: три яруса ---------- */
.cjn-top{background:var(--ink);color:#D7CDB8;font-size:12.5px;letter-spacing:.03em}
.cjn-top__in{max-width:1120px;margin:0 auto;padding:7px var(--pad);display:flex;
             justify-content:space-between;gap:16px;box-sizing:border-box}
.cjn-top b{color:#F0E6CE;font-weight:600}
.cjn-top span{color:#9FB0BF}

.cjn-mast{background:var(--paper);border-bottom:1px solid var(--rule)}
.cjn-mast__in{max-width:1120px;margin:0 auto;padding:18px var(--pad) 14px;
              display:flex;align-items:flex-end;gap:22px;box-sizing:border-box}
.cjn-logo{display:inline-flex;align-items:baseline;gap:10px;text-decoration:none}
.cjn-logo__w{font-family:'Bebas Neue',Impact,sans-serif;font-size:40px;line-height:.92;
             letter-spacing:.055em;color:var(--ink);text-transform:uppercase}
.cjn-logo__w i{font-style:normal;color:var(--cta)}
.cjn-logo__r{display:block;height:3px;background:var(--gold);width:76px;margin-top:6px}
.cjn-mast__t{color:var(--ink-2);font-size:13px;letter-spacing:.02em;padding-bottom:5px}
.cjn-mast__t b{display:block;color:var(--ink);font-size:12px;letter-spacing:.14em;
               text-transform:uppercase;font-weight:700}

/* ---------- рубрики ---------- */
.cjn-nav{background:var(--paper);border-bottom:2px solid var(--ink);position:relative;z-index:40}
.cjn-nav__in{max-width:1120px;margin:0 auto;padding:0 var(--pad);box-sizing:border-box}
.cjn-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.cjn-nav > .cjn-nav__in > ul > li{position:relative}
.cjn-nav > .cjn-nav__in > ul > li + li{border-left:1px solid var(--rule)}
.cjn-nav > .cjn-nav__in > ul > li > a{display:block;padding:13px 18px;color:var(--ink);
  text-decoration:none;font-size:13.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.cjn-nav > .cjn-nav__in > ul > li > a:after{content:"";display:block;height:2px;background:transparent;
  margin-top:8px;transition:background .15s}
.cjn-nav > .cjn-nav__in > ul > li:hover > a:after,
.cjn-nav > .cjn-nav__in > ul > li:focus-within > a:after{background:var(--gold)}
.cjn-sub{position:absolute;left:-1px;top:100%;min-width:262px;background:#fff;
  border:1px solid var(--rule);border-top:2px solid var(--gold);
  box-shadow:0 14px 30px rgba(20,34,46,.14);padding:6px 0;display:block!important;
  flex-direction:column;visibility:hidden;opacity:0;transition:opacity .13s;z-index:60}
.cjn-nav li:hover > .cjn-sub,.cjn-nav li:focus-within > .cjn-sub{visibility:visible;opacity:1}
body .cjn-nav .cjn-sub li{display:block}
body .cjn-nav .cjn-sub a{display:block;padding:9px 18px;color:var(--ink)!important;
  text-decoration:none;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none}
body .cjn-nav .cjn-sub a:hover{background:var(--paper-2);color:var(--cta)!important}
.cjn-burger,.cjn-burger-lbl{display:none}

/* ---------- ЛИСТ КОНТЕНТА ---------- */
/* ⚠️ у донора висит `.boxed:not(.active){background:transparent!important}` — БЕЗ `!important`
   наш лист оставался прозрачным (поймано замером: max-width наш 960 приехал, а фон нет) */
/* ⚠️ донорское `.boxed:not(.active){background:transparent!important}` — это 0,2,0,
   поэтому наш селектор тоже двухклассовый: 0,2,1 */
body .boxed:not(.cjn-none){max-width:calc(var(--w) + var(--sheet)*2);margin:var(--gap) auto;
  background:var(--paper)!important;
  border:1px solid var(--rule)!important;
  box-shadow:0 1px 0 #fff inset,0 10px 26px rgba(20,34,46,.07)!important;
  padding:var(--sheet) 0!important;box-sizing:border-box;overflow:visible;width:auto;float:none;
  min-height:0}
/* ⚠️ у донора на `.content-box` свой padding 15px — на 1024 gate_padding давал «зазор 15»
   при норме 16. Рабочее поле листа держим сами и с !important. */
body .boxed > *{max-width:var(--w);margin-left:auto;margin-right:auto;
  padding-left:var(--sheet)!important;padding-right:var(--sheet)!important;
  box-sizing:border-box;float:none}
body div.boxed .content-box{padding-left:var(--sheet)!important;padding-right:var(--sheet)!important}
@media (max-width:820px){body .boxed{margin:var(--gap) var(--gap)}}

/* контентные блоки донора — без своих рамок, разделены линейками */
body .boxed .content-box{margin:0 auto 26px;padding-top:2px}
body .boxed .content-box + .content-box{border-top:1px solid var(--rule-2);padding-top:26px}
body .content1{max-width:none;width:auto;float:none}
/* ⚠️ хлебные крошки на некоторых шаблонах лежат НАД листом (фон полотна):
   светло-серый давал контраст 3.35 — держим их на чернилах средней тональности */
body #breadcrumbdiv{font-size:12.5px;letter-spacing:.02em;padding-bottom:10px}
body #breadcrumbdiv,body #breadcrumbdiv *{color:var(--ink-2)!important}
/* донорские списки «показать ещё» приходят свёрнутыми — раскрываем (скрытого текста быть не должно) */
/* строки витрины донора за кнопкой «показать все» помечены `style='display:none;` —
   атрибут у него НЕ ЗАКРЫТ и глотает class, поэтому цепляемся за подстроку в style */
body div.boxed tr[style*="display:none"],body div.boxed tr.hiddenRow{display:table-row!important}
body .boxed li.hide{display:list-item!important;background:var(--paper-2)!important}
body .boxed li.hide > a{color:var(--ink)!important}
body .boxed .hide > ul,body .boxed li.hide > *{display:revert!important}
body #breadcrumbdiv a{color:var(--ink-2);text-decoration:none}
body #breadcrumbdiv a:hover{color:var(--cta)}

/* ---------- типографика ---------- */
body h1{font-size:33px;line-height:1.22;margin:6px 0 14px;letter-spacing:-.01em;font-weight:700}
body h2{font-size:24px;line-height:1.3;margin:26px 0 12px;font-weight:700;position:relative}
body .content-box > h2:first-child,body .content-box > .tab-title:first-child{margin-top:0}
body h2:before{content:"";display:block;width:44px;height:3px;background:var(--gold);margin-bottom:12px}
body h3{font-size:19px;margin:22px 0 8px;font-weight:700;color:var(--ink)}
body h4{font-size:16.5px;margin:18px 0 6px;font-weight:600;color:var(--ink-2)}
body p{margin:0 0 14px}
body .boxed ul,body .boxed ol{margin:0 0 16px;padding-left:22px}
body .boxed li{margin:0 0 7px}
body strong,body b{font-weight:700}
body hr{border:0;border-top:1px solid var(--rule);margin:22px 0}

/* ---------- таблицы донора ---------- */
body .boxed table{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;
  border:1px solid var(--rule)}
body .boxed table caption{text-align:left;padding:0 0 10px}
body .boxed th{background:var(--ink);color:#F3EDE0;font-weight:600;text-align:left;
  padding:10px 12px;font-size:13px;letter-spacing:.03em;border:0}
body .boxed td{padding:10px 12px;border-top:1px solid var(--rule-2);vertical-align:middle}
body .boxed tr:nth-child(even) td{background:#FBF8F2}
body .cjn-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ---------- кнопки донора ---------- */
body .custom-button,body .cta__button,body a.nvisit1,body .nvisit1,body .btn,body button.custom-button{
  display:inline-block;background:var(--cta);color:#fff!important;border:0;border-radius:2px;
  padding:11px 20px;font:600 14.5px/1.2 'Open Sans',Arial,sans-serif;letter-spacing:.02em;
  text-decoration:none;cursor:pointer;box-shadow:0 2px 0 var(--cta-2)}
body .custom-button:hover,body .cta__button:hover,body a.nvisit1:hover{background:var(--cta-2)}
body .hero{background:var(--paper-2);border:1px solid var(--rule);padding:18px var(--pad);
  border-radius:2px}
body .hero__container{padding:0}

/* ---------- строки витрины донора (до этапа 08 живут его таблицы) ---------- */
body .boxed a.btn1{display:inline-block;background:var(--cta);color:#fff!important;border:0;
  border-radius:2px;padding:10px 16px;font:600 14px/1.25 'Open Sans',Arial,sans-serif;
  text-decoration:none;box-shadow:0 2px 0 var(--cta-2);text-align:center}
body .boxed a.btn1:hover{background:var(--cta-2)}
body .boxed a.visit-link-2{display:block;margin-top:7px;font-size:12.5px;color:var(--ink-2)!important;
  text-decoration:underline}
body .boxed td.td-play{text-align:center;white-space:normal}
body .boxed td.td-casino p{margin:0;display:flex;align-items:center;gap:12px}
body .boxed td.td-casino img{width:64px;height:auto;background:#fff;border:1px solid var(--rule-2);
  border-radius:2px;padding:4px;box-sizing:border-box}
body .boxed td.td-bonus{font-weight:700}
body .boxed #socialliker,body .boxed .terms_for_mobile,body .boxed .sfs{display:none}

/* ---------- блоки донора под наш скин (DESIGN-ELEMENTS §15b) ----------
   ⛔ У донора часть блоков красилась ЕГО фоном, а текст в них белый. На нашей бумаге
   это «белое по белому» (h2.tab-title давал контраст 1.0 на 14 заголовках) —
   правим ПАРОЙ «фон + цвет», адресно, а не сплошной заменой. */
/* ⚠️ у донора заголовки НЕСУТ СВОЙ ФОН (тёмно-синий #002051 на мобиле, синие плашки на десктопе),
   и его правила идут с !important и специфичностью 0,2,1 — наши 0,1,1 проигрывали молча.
   Пишем пару «фон+цвет» с более высокой специфичностью (0,2,2). */
body div.boxed h1,body div.boxed h2,body div.boxed h3,body div.boxed h4,
body div.boxed h1.tab-title,body div.boxed h2.tab-title,body div.boxed .tab-title,
body div.boxed caption{background:none!important;color:var(--ink)!important}
body .boxed th{background:var(--ink)!important;color:#F3EDE0!important;border:0!important}
body .boxed td{color:var(--ink)}
body .boxed .ctabox{background:var(--paper-2);border:1px solid var(--rule);
  padding:16px var(--pad);border-radius:2px;margin:0 0 18px}
body .boxed .ctabox a{display:inline-block;background:var(--cta)!important;color:#fff!important;
  padding:11px 18px;border-radius:2px;text-decoration:none;font-weight:600;
  box-shadow:0 2px 0 var(--cta-2)}
body .boxed .tab-content.bnd-content,body .boxed .bnd-content{background:var(--paper-2)!important;
  color:var(--ink)!important;padding:16px var(--pad)!important;border:1px solid var(--rule)}
body .boxed .bnd-content a,body .boxed .bnd-content b,
body div.boxed .bnd-item .tt,body div.boxed .bnd-item span{color:var(--ink)!important}
/* ⚠️ ...но НАША кнопка внутри перекрашенного блока донора остаётся белой:
   правило-пара «фон+цвет» на контейнере красило и её (чернила на кармине, контраст 1.73) */
body .boxed .bnd-content a.btn1,body .boxed .bnd-content a.ctabox,
body .boxed .bnd-content a[class*="btn"]{color:#fff!important;background:var(--cta)!important}
body .boxed input.b1,body .boxed input[type=submit],body .boxed button[type=submit]{
  background:var(--cta)!important;color:#fff!important;border:0;border-radius:2px;padding:10px 16px}
body .boxed div[style*="255, 253, 196"],body .boxed .note{background:var(--paper-2)!important;
  border-left:3px solid var(--gold);padding:14px var(--pad)!important}
body .boxed li.haschildren > ul{display:block!important}
body .boxed .cjn-tw{max-width:100%;padding:0;margin:0 0 18px}
/* блок донора `.bos` рисует свой фон и прижимал текст к краю на 390 px */
body div.boxed .bos{padding-left:var(--pad)!important;padding-right:var(--pad)!important;box-sizing:border-box}
body .boxed .cjn-tw table{margin:0}

/* кнопки донора живут ещё и как SPAN внутри ссылки, и как <button> внутри .bn */
body div.boxed .btn1,body div.boxed .btn2,body div.boxed span.btn1,body div.boxed span.btn2,
body div.boxed .bn button,body div.boxed .s1 span{background:var(--cta)!important;color:#fff!important;
  border:0!important;border-radius:2px}
body div.boxed td.ex,body div.boxed .terms_for_desktop td{color:var(--ink-2)!important}
/* подпись «автор + дата» в анонсах — это выдуманный редактор донора (04.10) */
body div.boxed .ln-item small,body div.boxed .ln-items small{display:none!important}
/* блоки донора, спрятанные его JS-состояниями: скрытого текста быть не должно */
/* ⛔ у донора внутри `.blo` есть вложенный div с `display:none` из его CSS —
   там лежит нормальная проза (про RTP). Скрытого текста быть не должно: раскрываем. */
body div.boxed .blo div,body div.boxed .blo p,body div.boxed .blo li,
body div.boxed .blo b{display:block!important;visibility:visible!important}
body div.boxed .blo b{display:inline!important}
/* ⛔ мобильный дубль донора `div.group.d-flex` спрятан его CSS и уносит 28 узлов текста
   в «скрытый текст». Он ДУБЛИРУЕТ видимый блок — снимаем из потока целиком. */
/* (блок `div.group.d-flex` снят из разметки стадией 11d, CSS-пряталка не нужна) */

/* ---------- FAQ и оглавление ---------- */
body #hpfaq .content-box{margin-bottom:0}
body .cjn-toc{border:1px solid var(--rule);background:var(--paper-2);border-radius:2px;
  padding:12px 16px;margin:0 auto 22px}
body .cjn-toc > summary{cursor:pointer;font-weight:700;font-size:14px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink)}
body .cjn-toc ol{margin:12px 0 2px;padding-left:20px;columns:2;column-gap:26px}
@media (max-width:700px){body .cjn-toc ol{columns:1}}


/* указатель фишек на хабе /casinos/ */
.cjn-idx{margin:26px 0 8px;border-top:1px solid var(--rule);padding-top:18px}
body div.boxed .cjn-idx h2{margin:0 0 4px}
.cjn-idx__sub{margin:0 0 14px;color:var(--ink-2);font-size:13px}
.cjn-idx__g{margin:0 0 14px}
.cjn-idx__g h3{margin:0 0 6px;font:400 20px/1 'Bebas Neue',Impact,sans-serif;letter-spacing:.06em;
  color:var(--gold)}
.cjn-idx__g ul{list-style:none;margin:0;padding:0;columns:3;column-gap:24px}
.cjn-idx__g li{margin:0 0 5px;break-inside:avoid;font-size:14px}
@media (max-width:820px){.cjn-idx__g ul{columns:2}}
@media (max-width:520px){.cjn-idx__g ul{columns:1}}

/* сайдбарный «регистр» — компактная тройка из пула вместо виджетов донора */
.cjnv-s{border:1px solid var(--rule);background:var(--paper-2);padding:14px var(--pad);margin:0 0 18px}
body div.boxed .cjnv-s h3.cjnv-s__h{margin:0 0 10px;font-size:14px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink)!important}
body div.boxed .cjnv-s h3.cjnv-s__h:before{content:"";display:block;width:30px;height:3px;
  background:var(--gold);margin-bottom:8px}
.cjnv-s__list{list-style:none;margin:0;padding:0}
.cjnv-s__row{display:grid;grid-template-columns:22px 1fr;grid-template-areas:"n logo" "off off" "cta cta";
  gap:6px 8px;padding:10px 0;border-top:1px solid var(--rule-2)}
.cjnv-s__row:first-child{border-top:0}
.cjnv-s__n{grid-area:n;font:400 16px/1.2 'Bebas Neue',Impact,sans-serif;color:var(--gold)}
.cjnv-s__logo{grid-area:logo}
.cjnv-s__logo img{display:block;width:120px;height:45px;object-fit:contain;background:#fff;
  border:1px solid var(--rule-2)}
.cjnv-s__off{grid-area:off;font-size:13px;color:var(--ink-2)}
.cjnv-s__off b{display:block;font:400 19px/1.1 'Bebas Neue',Impact,sans-serif;color:var(--ink);
  letter-spacing:.03em}
.cjnv-s__cta{grid-area:cta;display:block;text-align:center;background:var(--cta);color:#fff!important;
  padding:8px 10px;border-radius:2px;font-size:13px;font-weight:600;text-decoration:none;
  box-shadow:0 2px 0 var(--cta-2)}
.cjnv-s__note{margin:10px 0 0;font-size:11.5px;color:var(--ink-2)}

/* ⛔ `#sistersw` — «родственные страницы» донора: список живых ссылок, спрятанный его CSS.
   Скрытого текста быть не должно — показываем как обычный блок перелинковки. */
body div.boxed #sistersw{display:block!important;visibility:visible!important;
  margin:22px 0 6px;border-top:1px solid var(--rule);padding-top:14px}
body div.boxed #sistersw ul{list-style:none;margin:0;padding:0;columns:2;column-gap:26px}
body div.boxed #sistersw li{margin:0 0 6px;break-inside:avoid;font-size:14px}
@media (max-width:700px){body div.boxed #sistersw ul{columns:1}}

/* блок перелинковки «À voir aussi» (C09.18) */
.cjn-more{margin:24px 0 6px;border-top:1px solid var(--rule);padding-top:16px}
body div.boxed .cjn-more h2{margin:0 0 10px;font-size:19px}
.cjn-more ul{list-style:none;margin:0;padding:0;columns:2;column-gap:26px}
.cjn-more li{margin:0 0 6px;break-inside:avoid;font-size:14px}
@media (max-width:700px){.cjn-more ul{columns:1}}

/* видимая дата проверки (C09.19) */
/* ⚠️ ink-3 на бумаге даёт контраст 3.9 — рендер-чекер краснеет; держим ink-2 */
.cjn-checked{margin:0 0 16px;color:var(--ink-2);font-size:12.5px;letter-spacing:.02em}
.cjn-checked time{color:var(--ink-2)}

/* =============== ВИТРИНА №293 «cjnv» — «Registre» =============== */
.cjnv-wrap{margin:26px 0 30px;border-top:2px solid var(--ink);padding-top:18px}
.cjnv-head{margin-bottom:14px}
body div.boxed h2.cjnv-h{margin:0 0 6px;font-size:22px}
body div.boxed h2.cjnv-h:before{width:36px;height:3px;background:var(--gold);margin-bottom:10px}
.cjnv-sub{margin:0;color:var(--ink-2);font-size:13.5px;line-height:1.5}
.cjnv-chk{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.cjnv-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:12px 0 14px;
  padding:10px 12px;background:var(--paper-2);border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);font-size:13.5px}
.cjnv-flab{color:var(--ink-2);letter-spacing:.1em;text-transform:uppercase;font-size:11.5px;
  font-weight:700}
.cjnv-filters label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--ink-2)}
.cjnv-filters label:before{content:"";width:15px;height:15px;border:1px solid var(--ink-3);
  background:#fff;display:inline-block;flex:0 0 auto}
#cjnv-big:checked ~ .cjnv-filters label[for="cjnv-big"]:before,
#cjnv-dep:checked ~ .cjnv-filters label[for="cjnv-dep"]:before,
#cjnv-cry:checked ~ .cjnv-filters label[for="cjnv-cry"]:before{background:var(--ink);
  box-shadow:inset 0 0 0 3px #fff}
#cjnv-big:checked ~ .cjnv-filters label[for="cjnv-big"],
#cjnv-dep:checked ~ .cjnv-filters label[for="cjnv-dep"],
#cjnv-cry:checked ~ .cjnv-filters label[for="cjnv-cry"]{color:var(--ink);font-weight:600}

.cjnv-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
/* ⚠️ R9 меряет высоту строки витрины: при padding 14px медиана была 132 px при норме 150–290 */
.cjnv-row{display:grid;grid-template-columns:44px 150px minmax(0,1fr) 190px 176px;
  grid-template-areas:"ord plate id offer act" "det det det det det";
  align-items:center;gap:0 16px;padding:26px 0 24px;border-bottom:1px solid var(--rule-2);
  position:relative}
.cjnv-ord{grid-area:ord;align-self:stretch;display:flex;align-items:center;justify-content:center;
  background:var(--ink);color:#F3EDE0;border-bottom:3px solid var(--gold)}
.cjnv-ord b{font:400 22px/1 'Bebas Neue',Impact,sans-serif;letter-spacing:.04em}
.cjnv-plate{grid-area:plate}
.cjnv-logo{display:block;width:150px;height:56px;object-fit:contain;background:#fff;
  border:1px solid var(--rule-2)}
.cjnv-logo--txt{display:flex;align-items:center;justify-content:center;font-weight:700;
  font-size:13px;color:var(--ink)}
.cjnv-id{grid-area:id;min-width:0}
.cjnv-name{display:block;font-weight:700;font-size:16.5px;color:var(--ink)}
.cjnv-facts{display:block;margin-top:3px;color:var(--ink-2);font-size:12.8px;line-height:1.45}
.cjnv-offer{grid-area:offer;border-left:3px solid var(--gold);padding-left:12px}
.cjnv-sum{display:block;font:400 24px/1.05 'Bebas Neue',Impact,sans-serif;letter-spacing:.03em;
  color:var(--ink)}
.cjnv-fs{display:block;color:var(--ink-2);font-size:12.8px;margin-top:2px}
.cjnv-act{grid-area:act;text-align:right}
.cjnv-cta{display:inline-block;width:100%;box-sizing:border-box;text-align:center;
  background:var(--cta);color:#fff!important;padding:11px 12px;border-radius:2px;font-weight:600;
  font-size:14px;text-decoration:none;box-shadow:0 2px 0 var(--cta-2)}
.cjnv-cta:hover{background:var(--cta-2)}
.cjnv-rev{display:block;margin-top:6px;font-size:12.5px;color:var(--ink-2)!important;
  text-decoration:underline}
.cjnv-det{grid-area:det;margin-top:10px;font-size:13.5px}
.cjnv-det > summary{cursor:pointer;color:var(--ink-2);letter-spacing:.02em}
.cjnv-det__in ul{margin:8px 0 0;padding-left:18px;color:var(--ink-2)}
.cjnv-det__in li{margin:0 0 4px}
/* ⚠️ у донора в контентной коробке есть правило цвета с !important — свой текст
   витрины держим с явным цветом и приоритетом, иначе контраст падает до 1.0 */
body .cjnv-note{margin:14px 0 0;font-size:12.5px;color:var(--ink-2)!important;line-height:1.55}
body .cjnv-sub,body .cjnv-facts,body .cjnv-fs{color:var(--ink-2)!important}
body .cjnv-name,body .cjnv-sum{color:var(--ink)!important}
.cjnv-more{display:inline-block;margin:14px 0 0;padding:9px 16px;border:1px solid var(--ink);
  color:var(--ink);font-size:13.5px;font-weight:600;cursor:pointer;background:var(--paper-2)}
.cjnv-more:hover{background:var(--ink);color:#F3EDE0}

/* хвост списка свёрнут; фильтр РАСКРЫВАЕТ подходящие строки из хвоста */
.cjnv-list > li[data-hid]{display:none}
#cjnv-all:checked ~ .cjnv-list > li[data-hid]{display:grid}
#cjnv-all:checked ~ .cjnv-more{display:none}
#cjnv-big:checked ~ .cjnv-list > li:not(.f-big){display:none}
#cjnv-dep:checked ~ .cjnv-list > li:not(.f-dep){display:none}
#cjnv-cry:checked ~ .cjnv-list > li:not(.f-crypto){display:none}
#cjnv-big:checked ~ .cjnv-list > li.f-big[data-hid]{display:grid}
#cjnv-dep:checked ~ .cjnv-list > li.f-dep[data-hid]{display:grid}
#cjnv-cry:checked ~ .cjnv-list > li.f-crypto[data-hid]{display:grid}

@media (max-width:820px){
  .cjnv-row{grid-template-columns:40px minmax(0,1fr) 150px;
    grid-template-areas:"ord id id" "plate offer offer" "act act act" "det det det";
    gap:8px 12px;padding:14px 0}
  .cjnv-act{text-align:stretch}
  .cjnv-offer{border-left:0;border-top:2px solid var(--gold);padding:8px 0 0}
  .cjnv-logo{width:132px;height:50px}
  .cjnv-filters{font-size:13px}
}

/* ---------- ПОДВАЛ ---------- */
.cjn-ft{background:var(--ink);color:#C6D0D8;margin-top:34px;font-size:14.5px}
.cjn-ft__trust{background:#0E1A24;border-bottom:1px solid #22343F}
.cjn-ft__trust-in{max-width:1120px;margin:0 auto;padding:16px var(--pad);display:flex;
  gap:18px;align-items:center;flex-wrap:wrap;box-sizing:border-box}
.cjn-age{flex:0 0 auto;width:44px;height:44px;border:2px solid var(--gold-2);border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--gold-2);
  font:700 15px/1 'Open Sans',Arial,sans-serif}
.cjn-ft__trust p{margin:0;font-size:13.5px;line-height:1.55;color:#AEBCC6;max-width:980px}
.cjn-ft__cols{max-width:1120px;margin:0 auto;padding:26px var(--pad) 8px;display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1fr;gap:26px;box-sizing:border-box}
@media (max-width:900px){.cjn-ft__cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cjn-ft__cols{grid-template-columns:1fr}}
.cjn-ft h4{margin:0 0 12px;color:#fff;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:700}
.cjn-ft ul{list-style:none;margin:0;padding:0}
.cjn-ft li{margin:0 0 9px}
.cjn-ft a{color:#C6D0D8;text-decoration:none;font-size:14px}
.cjn-ft a:hover{color:var(--gold-2);text-decoration:underline}
.cjn-ft__about p{margin:0 0 12px;color:#AEBCC6;font-size:14px;line-height:1.6}
.cjn-ft__mark{font-family:'Bebas Neue',Impact,sans-serif;font-size:26px;letter-spacing:.06em;
  color:#fff;text-transform:uppercase;display:block;margin-bottom:10px}
.cjn-ft__mark i{font-style:normal;color:var(--gold-2)}
.cjn-ft__legal{border-top:1px solid #22343F;margin-top:14px}
.cjn-ft__legal-in{max-width:1120px;margin:0 auto;padding:14px var(--pad) 22px;color:#8B9AA6;
  font-size:12.5px;line-height:1.6;box-sizing:border-box}

/* ---------- мобилка ---------- */
/* ⛔ У донора на мобиле контентная коробка красится тёмно-синим (#002051), а текст в ней
   был белым. После нашей типографики это чернила по тёмно-синему — контраст 1.02.
   Фон и цвет правим ПАРОЙ и только в мобильной ветке. */
@media (max-width:820px){
  body .boxed:not(.cjn-none),body div.boxed .content-box,body div.boxed .content1,
  body div.boxed .cb-full,body div.boxed .col-main{background:var(--paper)!important;
    color:var(--ink)!important}
}
@media (max-width:900px){
  .cjn-mast__in{flex-direction:column;align-items:flex-start;gap:8px}
  .cjn-mast__t{padding-bottom:0}
  .cjn-burger-lbl{display:block;position:absolute;right:var(--pad);top:-46px;
    color:var(--ink);font:700 13px/1 'Open Sans',Arial,sans-serif;letter-spacing:.08em;
    text-transform:uppercase;border:1px solid var(--rule);padding:9px 12px;border-radius:2px;
    background:var(--paper);cursor:pointer}
  .cjn-nav{position:relative}
  .cjn-nav__in > ul{display:none;flex-direction:column;padding-bottom:8px}
  .cjn-burger:checked ~ .cjn-nav__in > ul{display:flex}
  .cjn-nav > .cjn-nav__in > ul > li + li{border-left:0;border-top:1px solid var(--rule-2)}
  .cjn-sub{position:static;visibility:visible;opacity:1;box-shadow:none;border:0;border-top:0;
    padding:0 0 8px 12px;min-width:0}
  body .cjn-nav .cjn-sub a{padding:7px 8px;font-size:13.5px;color:var(--ink-2)!important}
  body h1{font-size:26px}
  body h2{font-size:21px}
}

/* cjn-side — «Reperes» на карточке оператора (вместо витрины, C11.4) */
.cjn-side{border:1px solid #D8D0C2;background:#FFFDF8;padding:16px 18px;margin:0 0 22px}
.cjn-side__h{font:400 20px/1 'Bebas Neue',Impact,sans-serif;letter-spacing:.06em;
 text-transform:uppercase;color:#14222E;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid #A07C1E}
.cjn-side__list{list-style:none;margin:0;padding:0}
.cjn-side__list li{border-bottom:1px solid #E8E3D9;padding:9px 0}
.cjn-side__list li:last-child{border-bottom:0}
.cjn-side__list a{color:#14222E;text-decoration:none;font-size:14px;line-height:1.45}
.cjn-side__list a:hover{color:#8A1538;text-decoration:underline}
.cjn-side__note{margin:12px 0 0;font-size:12px;line-height:1.55;color:#5A6570}
/* cjn-toc — своё оглавление вместо донорского аккордеона на JS */
.cjn-toc{border:1px solid #D8D0C2;background:#FFFDF8;margin:0 0 26px;padding:0}
.cjn-toc__s{cursor:pointer;padding:13px 18px 13px 16px;font:400 19px/1 'Bebas Neue',Impact,sans-serif;
 letter-spacing:.06em;text-transform:uppercase;color:#14222E}
.cjn-toc__s:hover{color:#8A1538}
.cjn-toc[open] .cjn-toc__s{border-bottom:1px solid #E8E3D9}
.cjn-toc__l1{margin:0;padding:14px 20px 18px 38px;font-size:14.5px;line-height:1.5}
.cjn-toc__l1>li{margin:0 0 8px;padding-left:4px}
.cjn-toc__l1>li>a{color:#14222E;text-decoration:none;font-weight:600}
.cjn-toc__l2{margin:5px 0 12px;padding:0 0 0 22px;font-size:13.5px;list-style:none}
.cjn-toc__l2>li{margin:0 0 4px}
.cjn-toc__l2>li>a{color:#4A5560;text-decoration:none;font-weight:400}
.cjn-toc a:hover{color:#8A1538;text-decoration:underline}
@media(min-width:900px){.cjn-toc__l1{column-count:2;column-gap:36px}
 .cjn-toc__l1>li{break-inside:avoid}}
/* cjn-cta — кнопка донора: снять зелёную линейку и тень текста */
body .ctabox a{background:#8A1538;border-bottom:3px solid #6E1029;text-shadow:none;
 border-radius:2px;font-size:17px;font-weight:600;letter-spacing:.01em}
body .ctabox a:hover{background:#6E1029;border-bottom:3px solid #6E1029;
 padding-top:8px;padding-bottom:8px}