/* Витрина «Stige» (шаблон 471) — nettcasinonorge.biz
   Лестница-сравнилка: плотная строка-ступень с колонками данных.
   Префикс ncnv- используется ТОЛЬКО внутри витрины. */

.ncnv-wrap{--v-line:#e6e1d8;--v-graf:#14181f;--v-amber:#f0a500;--v-amber-d:#c98600;
  /* #6f7787 на кремовом поле давал контраст 3.92 — ниже 4.5 (R3, 25.09.2026) */
  --v-ink:#1b1f27;--v-mute:#5f6675;--v-green:#1e9e6a;
  margin:0 0 30px;font-family:inherit}
.ncnv-wrap *{box-sizing:border-box}

.ncnv-hd{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;margin:0 0 12px}
.ncnv-hd h2{margin:0;font:700 22px/1.25 var(--head);color:var(--v-graf);letter-spacing:-.01em}
.ncnv-hd p{margin:0;font:500 13.5px/1.5 var(--sans);color:var(--v-mute)}

/* панель фильтров — подписи; сами input лежат прямым соседом списка */
.ncnv-bar{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px;padding:0}
.ncnv-bar label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;
  min-height:36px;padding:7px 13px;border-radius:999px;border:1px solid var(--v-line);
  background:#fff;font:600 13px/1 var(--sans);color:var(--v-ink);white-space:nowrap}
.ncnv-bar label:hover{border-color:var(--v-amber-d)}
.ncnv-bar label::before{content:"";width:13px;height:13px;border-radius:50%;
  border:1.5px solid #c9c2b5;background:#fff;flex:0 0 auto}
/* подсветка выбранной оси: инпут лежит вне полосы, поэтому через `~` (08.287) */
input[id^="ncnv-ax-fs"]:checked     ~ .ncnv-bar label[for^="ncnv-ax-fs"],
input[id^="ncnv-ax-live"]:checked   ~ .ncnv-bar label[for^="ncnv-ax-live"],
input[id^="ncnv-ax-sport"]:checked  ~ .ncnv-bar label[for^="ncnv-ax-sport"],
input[id^="ncnv-ax-low"]:checked    ~ .ncnv-bar label[for^="ncnv-ax-low"],
input[id^="ncnv-ax-new"]:checked    ~ .ncnv-bar label[for^="ncnv-ax-new"],
input[id^="ncnv-ax-big"]:checked    ~ .ncnv-bar label[for^="ncnv-ax-big"],
input[id^="ncnv-ax-mga"]:checked    ~ .ncnv-bar label[for^="ncnv-ax-mga"],
input[id^="ncnv-ax-krypto"]:checked ~ .ncnv-bar label[for^="ncnv-ax-krypto"],
input[id^="ncnv-ax-mobil"]:checked  ~ .ncnv-bar label[for^="ncnv-ax-mobil"],
input[id^="ncnv-ax-alle"]:checked   ~ .ncnv-bar label[for^="ncnv-ax-alle"]{
  border-color:var(--v-graf);background:var(--v-graf);color:#fff}
input[id^="ncnv-ax-fs"]:checked     ~ .ncnv-bar label[for^="ncnv-ax-fs"]::before,
input[id^="ncnv-ax-live"]:checked   ~ .ncnv-bar label[for^="ncnv-ax-live"]::before,
input[id^="ncnv-ax-sport"]:checked  ~ .ncnv-bar label[for^="ncnv-ax-sport"]::before,
input[id^="ncnv-ax-low"]:checked    ~ .ncnv-bar label[for^="ncnv-ax-low"]::before,
input[id^="ncnv-ax-new"]:checked    ~ .ncnv-bar label[for^="ncnv-ax-new"]::before,
input[id^="ncnv-ax-big"]:checked    ~ .ncnv-bar label[for^="ncnv-ax-big"]::before,
input[id^="ncnv-ax-mga"]:checked    ~ .ncnv-bar label[for^="ncnv-ax-mga"]::before,
input[id^="ncnv-ax-krypto"]:checked ~ .ncnv-bar label[for^="ncnv-ax-krypto"]::before,
input[id^="ncnv-ax-mobil"]:checked  ~ .ncnv-bar label[for^="ncnv-ax-mobil"]::before,
input[id^="ncnv-ax-alle"]:checked   ~ .ncnv-bar label[for^="ncnv-ax-alle"]::before{
  background:var(--v-amber);border-color:var(--v-amber)}
.ncnv-f,.ncnv-more{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}

.ncnv-list{list-style:none;margin:0;padding:0;counter-reset:none;
  border:1px solid var(--v-line);border-radius:10px;overflow:hidden;background:#fff}
.ncnv-list>li{display:grid;grid-template-columns:30px 156px minmax(0,1fr) 150px;
  gap:14px;align-items:center;padding:16px 14px 16px 0;
  border-top:1px solid var(--v-line);position:relative;background:#fff}
.ncnv-list>li:first-child{border-top:0}
.ncnv-list>li:nth-child(even){background:#faf8f4}
.ncnv-list>li.ncnv-hid{display:none}
.ncnv-more:checked ~ .ncnv-list>li.ncnv-hid{display:grid}

/* ── оси фильтров ───────────────────────────────────────────────────
   ⛔ файл общий для всех страниц: селектор по id секции запрещён (08.503).
   Ось = префикс id инпута, ось без своего правила молча не режет (08.343).
   ⛔ активный фильтр НЕ раскрывает скрытый хвост (08.210): иначе число
   видимых строк не падает и R10 честно пишет «фильтры не режут». */
.ncnv-wrap input[id^="ncnv-ax-"]:checked ~ .ncnv-list>li{display:none!important}
input[id^="ncnv-ax-fs"]:checked     ~ .ncnv-list>li.ncnv-a-fs:not(.ncnv-hid),
input[id^="ncnv-ax-live"]:checked   ~ .ncnv-list>li.ncnv-a-live:not(.ncnv-hid),
input[id^="ncnv-ax-sport"]:checked  ~ .ncnv-list>li.ncnv-a-sport:not(.ncnv-hid),
input[id^="ncnv-ax-low"]:checked    ~ .ncnv-list>li.ncnv-a-low:not(.ncnv-hid),
input[id^="ncnv-ax-new"]:checked    ~ .ncnv-list>li.ncnv-a-new:not(.ncnv-hid),
input[id^="ncnv-ax-big"]:checked    ~ .ncnv-list>li.ncnv-a-big:not(.ncnv-hid),
input[id^="ncnv-ax-mga"]:checked    ~ .ncnv-list>li.ncnv-a-mga:not(.ncnv-hid),
input[id^="ncnv-ax-krypto"]:checked ~ .ncnv-list>li.ncnv-a-krypto:not(.ncnv-hid),
input[id^="ncnv-ax-mobil"]:checked  ~ .ncnv-list>li.ncnv-a-mobil:not(.ncnv-hid),
input[id^="ncnv-ax-alle"]:checked   ~ .ncnv-list>li:not(.ncnv-hid){display:grid!important}
input[id^="ncnv-ax-alle"]:checked ~ .ncnv-more:checked ~ .ncnv-list>li.ncnv-hid{display:grid!important}
/* «показать все» имеет смысл только в состоянии «Alle».
   ⛔ без префикса .ncnv-wrap: (0,3,0) перебивало правило «Alle» (0,2,0) и кнопки не было. */
input[id^="ncnv-ax-"]:checked ~ .ncnv-showall{display:none}
input[id^="ncnv-ax-alle"]:checked ~ .ncnv-showall{display:flex}
input[id^="ncnv-ax-alle"]:checked ~ .ncnv-more:checked ~ .ncnv-showall{display:none}

/* место-лента */
.ncnv-n{align-self:stretch;display:flex;align-items:center;justify-content:center;
  font:700 15px/1 var(--head);color:#fff;background:var(--v-graf);
  border-radius:0 6px 6px 0;padding:10px 0;min-height:52px;font-variant-numeric:tabular-nums}
.ncnv-list>li:nth-child(1) .ncnv-n{background:var(--v-amber);color:var(--v-graf)}
.ncnv-list>li:nth-child(2) .ncnv-n{background:#5b6373}
/* #7d8492 под белой цифрой давал 3.76 — бронзовая лента затемнена до 4.9 (R3) */
.ncnv-list>li:nth-child(3) .ncnv-n{background:#6b7280}

/* плашка логотипа
   ⛔ АБСОЛЮТНЫЙ РАЗМЕР ЗНАКА, а не только доля плитки (владелец, 25.09.2026:
   «в основной витрине очень маленькие логотипы… логотип должен быть нормального,
   достаточно крупного размера, хотя бы 100 px»). Плитка 116×58 при поле 5 px
   давала знак 46 px — доля поля 83 % (зачёт R15), а на экране крошка.
   Плитка 156×94 повторяет пропорции плашки (5:3), знак рисуется 133×80. */
.ncnv-logo{height:94px;background:#fff;border:1px solid var(--v-line);border-radius:7px;
  display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden}
/* min-width/min-height:0 обязательны: у флекс-элемента автоминимум равен
   СОБСТВЕННОЙ ширине картинки, и широкий мастер (300 px) распирал плитку изнутри
   при width:100% — знак вылезал за поле на 108 плитках из 120 (R15, 25.09.2026) */
.ncnv-logo img{width:100%;height:100%;min-width:0;min-height:0;
  max-width:100%;max-height:100%;object-fit:contain;display:block}
.ncnv-logo .ncnv-wm{font:700 14px/1.15 var(--head);color:var(--v-graf);text-align:center;
  letter-spacing:-.01em;word-break:break-word}

/* середина: имя, оффер, факты */
.ncnv-x{min-width:0}
.ncnv-name{display:block;font:700 16px/1.25 var(--head);color:var(--v-graf);margin:0 0 3px}
a.ncnv-name:hover{color:var(--v-amber-d)}
.ncnv-off{display:block;font:700 15px/1.35 var(--sans);color:#8a5b00;margin:0 0 6px}
.ncnv-off b{color:var(--v-graf)}
.ncnv-facts{display:flex;flex-wrap:wrap;gap:5px 6px;margin:0;padding:0;list-style:none}
.ncnv-facts li{display:inline-flex;align-items:baseline;gap:5px;margin:0;padding:3px 8px;
  border-radius:5px;background:#f2efe9;font:500 12px/1.35 var(--sans);color:var(--v-mute)}
.ncnv-facts li b{font-weight:700;color:var(--v-ink)}
.ncnv-facts li.ncnv-ok{background:#e8f6ef;color:#1a6647}
.ncnv-facts li.ncnv-ok b{color:#12543a}

/* правая колонка: оценка и кнопки */
.ncnv-cta{display:flex;flex-direction:column;gap:7px;align-items:stretch}
.ncnv-score{display:flex;align-items:baseline;justify-content:center;gap:4px;
  font:700 19px/1 var(--head);color:var(--v-graf);font-variant-numeric:tabular-nums}
.ncnv-score span{font:600 11px/1 var(--sans);color:var(--v-mute);letter-spacing:.06em;
  text-transform:uppercase}
.ncnv-go{display:flex;align-items:center;justify-content:center;min-height:42px;
  padding:10px 14px;border-radius:7px;background:var(--v-amber);color:var(--v-graf);
  border:1px solid var(--v-amber-d);font:700 14px/1 var(--sans);text-decoration:none;text-align:center}
.ncnv-go:hover{background:#ffd166;color:var(--v-graf);text-decoration:none}
.ncnv-rev{display:flex;align-items:center;justify-content:center;min-height:34px;
  font:600 12.5px/1 var(--sans);color:var(--v-mute);text-decoration:none}
.ncnv-rev:hover{color:var(--v-graf);text-decoration:underline}

/* подпись под лестницей */
.ncnv-note{margin:10px 0 0;font:400 12.5px/1.6 var(--sans);color:var(--v-mute)}
.ncnv-showall{display:flex;justify-content:center;margin:10px 0 0}
.ncnv-showall label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  min-height:42px;padding:11px 22px;border-radius:7px;border:1.5px solid var(--v-line);
  background:#fff;font:700 13.5px/1 var(--sans);color:var(--v-graf)}
.ncnv-showall label:hover{border-color:var(--v-graf)}
.ncnv-more:checked ~ .ncnv-showall{display:none}

/* донорская обёртка не должна ужимать витрину (08.268, 08.403, 08.532) */
div:has(> .ncnv-wrap),section:has(> .ncnv-wrap),article:has(> .ncnv-wrap){
  display:block;float:none;width:auto;max-width:none;min-width:0}

/* ── карточка на телефоне ───────────────────────────────────────── */
@media (max-width:640px){
  .ncnv-list{border:0;border-radius:0;background:transparent;overflow:visible}
  .ncnv-list>li{grid-template-columns:112px minmax(0,1fr);gap:10px 12px;
    border:1px solid var(--v-line);border-radius:10px;margin:0 0 10px;
    padding:14px 14px 14px 12px;background:#fff!important}
  .ncnv-more:checked ~ .ncnv-list>li.ncnv-hid{display:grid}
  .ncnv-n{position:absolute;top:-1px;left:-1px;min-height:0;padding:4px 9px;
    border-radius:10px 0 8px 0;font-size:12.5px}
  /* на телефоне пол ниже (90 px), но плитка всё равно 112×72: знак рисуется
     102×61, а текстовой колонке остаётся ~195 px — имя и оффер помещаются.
     Плитка 76×46 давала знак 46 px и ту же жалобу, что на десктопе */
  .ncnv-logo{grid-column:1;height:72px;margin-top:10px;padding:4px}
  .ncnv-x{grid-column:2;margin-top:10px}
  .ncnv-cta{grid-column:1/-1;flex-direction:row;align-items:center;gap:10px}
  .ncnv-score{flex:0 0 auto;padding-right:6px;border-right:1px solid var(--v-line)}
  .ncnv-go{flex:1}
  .ncnv-rev{flex:0 0 auto;min-height:42px;padding:0 6px}
  .ncnv-hd h2{font-size:20px}
}