@charset "UTF-8";
/* ================================================================
   danskecasinoer.org — karkas "KLINT", prygon dko (20.09.2026)
   Poryadok sekciy sovpadaet s poryadkom blokov na stranice.
   =dko:tokens= =dko:base= =dko:hd= =dko:burger= =dko:hero= =dko:crumbs=
   =dko:layout= =dko:rail= =dko:prose= =dko:tiles= =dko:steps= =dko:value=
   =dko:index= =dko:faq= =dko:toc= =dko:legal= =dko:ft= =dko:dkov= =dko:media=
   ================================================================ */

/* =dko:tokens= ================================================== */
:root{
  --dko-canvas:#0f2a33;        /* polotno: petrol */
  --dko-canvas-2:#0b1f26;
  --dko-paper:#fbf8f1;         /* list: izvestnyak */
  --dko-paper-2:#f2ece0;       /* vrezka */
  --dko-ink:#16212b;
  --dko-ink-2:#4c5a63;
  --dko-line:#ddd4c2;
  --dko-amber:#e4a11b;         /* rang, akcenty */
  --dko-amber-d:#8f6104;   /* R3: 3.38 на бумаге — затемнено до 5.0 */
  --dko-green:#0e7c5a;         /* CTA */
  --dko-green-d:#0a5e44;
  --dko-sea:#1d5a6b;           /* ssylki */
  --dko-pad:20px;              /* gorizontalnyy otstup lent */
  --dko-gap:24px;              /* pole vokrug lista */
  --dko-sheet:34px;            /* rabocheye pole vnutri lista */
  --dko-col:888px;             /* tekstovaya kolonka */
  --dko-rail:292px;
  --dko-radius:4px;
  --dko-font:"Source Sans 3","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --dko-display:"Archivo","Source Sans 3","Segoe UI",system-ui,Arial,sans-serif;
}

/* =dko:base= ==================================================== */
html{-webkit-text-size-adjust:100%}
body.dko{margin:0;background:var(--dko-canvas);color:var(--dko-ink);
  font:400 17px/1.65 var(--dko-font);overflow-x:hidden}
body.dko *,body.dko *::before,body.dko *::after{box-sizing:border-box}
/* ⛔⛔ 20.09.2026, ТА ЖЕ ГРАБЛЯ, что с `body.dko h2`: `body.dko img` — это (0,1,2),
   а `.dkov__logo img` всего (0,1,1), и ОБЩЕЕ правило перебивает КОМПОНЕНТНОЕ.
   Логотип витрины рисовался 273×273 вместо 120 (строка на мобиле 712 px вместо ~250),
   а значок лицензии в подвале терял свои 22 px высоты. Все компонентные правила
   для `img` ниже — с приставкой `body.dko`. */
body.dko img{max-width:100%;height:auto}
body.dko a{color:var(--dko-sea);text-decoration:none}
body.dko a:hover{text-decoration:underline}
body.dko h1,body.dko h2,body.dko h3,body.dko h4{font-family:var(--dko-display);
  font-weight:700;line-height:1.2;color:var(--dko-ink);margin:0 0 14px}
body.dko h1{font-size:34px;letter-spacing:-.4px}
body.dko h2{font-size:26px;margin-top:34px}
body.dko h3{font-size:20px;margin-top:26px}
body.dko p,body.dko li{margin:0 0 14px}
/* ⛔ сброс маркеров списков НЕ вешать на `li::before` по тегу: он с !important
   убивал наши же счётчики (шаги, рельс), разделители хлебных крошек и буллеты
   прозы — правило own-nodes-must-survive-donor-reset. Донорского CSS на страницах
   нет (грузится только dko.css), поэтому сбрасывать нечего: у каждого своего блока
   list-style:none стоит на нём самом, а нумерованным спискам прозы номера нужны. */
body.dko hr{border:0;border-top:1px solid var(--dko-line);margin:28px 0}
.dko-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* =dko:hd= shapka: verkhnyaya sluzhebnaya polosa + glavnyy ryad + mega-paneli */
.dko-hd{background:var(--dko-canvas);color:#eef4f3;position:relative;z-index:40}
.dko-hd__strip{background:var(--dko-canvas-2);font-size:13px;color:#a9c0c4}
.dko-hd__strip-in{max-width:1180px;margin:0 auto;padding:7px var(--dko-pad);
  display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.dko-hd__strip b{color:#e7efee;font-weight:600}
body.dko .dko-hd__strip a{color:#bcd7da}
.dko-hd__strip svg{vertical-align:-2px;margin-right:5px}
.dko-hd__strip time{margin-left:auto;color:#8fa9ae}
.dko-hd__bar{max-width:1180px;margin:0 auto;padding:14px var(--dko-pad);
  display:flex;align-items:center;gap:26px}
body.dko .dko-hd__logo{display:flex;align-items:center;gap:11px;color:#fff;font-family:var(--dko-display);
  font-weight:800;font-size:21px;letter-spacing:-.3px;line-height:1.05}
.dko-hd__logo:hover{text-decoration:none}
.dko-hd__logo span{display:block;font:400 11px/1.3 var(--dko-font);color:#9fbabd;letter-spacing:.06em;
  text-transform:uppercase}
.dko-nav{margin-left:auto}
.dko-nav>ul{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.dko-nav>ul>li{position:relative;margin:0}
body.dko .dko-nav>ul>li>a{display:block;padding:10px 13px;color:#e8f1f0;font-weight:600;font-size:15.5px;
  border-radius:var(--dko-radius)}
.dko-nav>ul>li>a:hover,.dko-nav>ul>li:focus-within>a{background:#17414e;text-decoration:none}
/* ⛔ 20.09.2026: панель висела от ЛЕВОГО края своего пункта и на 1024 px вылезала
   за вьюпорт (scrollWidth 1143) — правило `nth-last-child(-n+3)` закрывало только
   три последних пункта. Вешаем ВСЕ панели от правого края пункта: ширина меню
   всегда внутри листа, и лишнего пункта уже не появится. */
.dko-nav__mega{position:absolute;right:0;left:auto;top:100%;min-width:430px;background:var(--dko-paper);
  border-top:3px solid var(--dko-amber);box-shadow:0 18px 40px rgba(6,22,28,.28);
  padding:18px 20px 12px;visibility:hidden;opacity:0;transition:opacity .13s}
.dko-nav>ul>li:hover .dko-nav__mega,.dko-nav>ul>li:focus-within .dko-nav__mega{visibility:visible;opacity:1}
.dko-nav__cols{display:flex;gap:26px}
.dko-nav__col{min-width:186px}
.dko-nav__ttl{font:600 11px/1 var(--dko-font);letter-spacing:.1em;text-transform:uppercase;
  color:#8a7a5c;margin:0 0 9px}
.dko-nav__col ul{list-style:none;margin:0;padding:0}
.dko-nav__col li{margin:0 0 2px}
body.dko .dko-nav__col a{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:3px;
  color:var(--dko-ink);font-size:15px}
.dko-nav__col a:hover{background:var(--dko-paper-2);text-decoration:none}
.dko-nav__col a svg{flex:none;color:var(--dko-sea)}
.dko-nav__n{margin-left:auto;font:600 12px/1 var(--dko-font);color:#7d8a92;
  background:var(--dko-paper-2);padding:3px 6px;border-radius:2px}
.dko-nav__tag{margin-left:auto;font:700 10px/1 var(--dko-font);letter-spacing:.08em;
  text-transform:uppercase;color:#7a5400;background:#f6dfa6;padding:4px 6px}
.dko-nav__foot{margin-top:12px;border-top:1px solid var(--dko-line);padding-top:10px;
  font-size:13.5px;color:var(--dko-ink-2)}
body.dko .dko-nav__foot a{font-weight:600;color:var(--dko-sea)}

/* =dko:burger= bez JS: chekboks + label */
.dko-hd__toggle{display:none}
.dko-hd__burger{display:none;margin-left:auto;width:46px;height:46px;border:1px solid #2c5865;
  border-radius:var(--dko-radius);align-items:center;justify-content:center;cursor:pointer}
.dko-hd__burger span,.dko-hd__burger span::before,.dko-hd__burger span::after{display:block;
  width:22px;height:2px;background:#e8f1f0;position:relative}
.dko-hd__burger span::before{content:"";position:absolute;top:-7px}
.dko-hd__burger span::after{content:"";position:absolute;top:7px}
.dko-hd__close{display:none}

/* =dko:hero= pervyy ekran glavnoy */
.dko-hero{position:relative;background:var(--dko-canvas-2);color:#eaf2f1;overflow:hidden}
.dko-hero__ph{position:absolute;inset:0}
body.dko .dko-hero__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;opacity:.42}
.dko-hero__in{position:relative;max-width:1180px;margin:0 auto;padding:38px var(--dko-pad) 30px}
body.dko .dko-hero h1{color:#fff;max-width:19ch;font-size:40px;margin:0 0 12px}
.dko-hero__lead{max-width:60ch;font-size:18.5px;color:#d7e5e4;margin:0 0 18px}
.dko-hero__facts{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;padding:0;list-style:none}
.dko-hero__facts li{display:flex;align-items:center;gap:8px;margin:0;font-size:14.5px;color:#cfe1e0}
.dko-hero__facts svg{color:var(--dko-amber);flex:none}
.dko-hero__credit{position:relative;max-width:1180px;margin:0 auto;padding:0 var(--dko-pad) 10px;
  font-size:11.5px;color:#8ba5a9}
body.dko .dko-hero__credit a{color:#9fc0c4;text-decoration:underline}

/* =dko:crumbs= */
.dko-crumbs{background:var(--dko-canvas-2);color:#9db6ba;font-size:13px}
.dko-crumbs ol{max-width:1180px;margin:0 auto;padding:9px var(--dko-pad);list-style:none;
  display:flex;flex-wrap:wrap;gap:7px}
.dko-crumbs li{margin:0}
.dko-crumbs li+li::before{content:"›";margin-right:7px;color:#7d9ba1}
body.dko .dko-crumbs a{color:#bcd3d6}

/* =dko:layout= polotno -> list -> vrezka */
.dko-shell{max-width:1180px;margin:0 auto;padding:var(--dko-gap) var(--dko-pad) 44px;
  display:grid;grid-template-columns:minmax(0,1fr) var(--dko-rail);gap:26px;align-items:start}
.dko-shell--wide{grid-template-columns:minmax(0,1fr)}
.dko-sheet{background:var(--dko-paper);border:1px solid #e5dcca;border-radius:var(--dko-radius);
  box-shadow:0 10px 28px rgba(6,22,28,.16);padding:0;min-width:0}
.dko-sheet>*{padding-left:var(--dko-sheet);padding-right:var(--dko-sheet)}
.dko-sheet>:first-child{padding-top:30px}
.dko-sheet>:last-child{padding-bottom:30px}
.dko-sheet__head{padding-top:28px}
.dko-sheet__meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--dko-ink-2);
  margin:0 0 18px;padding-top:0}
.dko-sheet__meta svg{vertical-align:-2px;margin-right:5px;color:var(--dko-sea)}
.dko-sheet__meta span{display:inline-flex;align-items:center;gap:5px}

/* =dko:rail= relS portala */
.dko-rail{display:flex;flex-direction:column;gap:18px;min-width:0}
.dko-rail__box{background:var(--dko-paper);border:1px solid #e5dcca;border-radius:var(--dko-radius);
  padding:16px 18px 18px}
.dko-rail__box--dark{background:var(--dko-canvas-2);border-color:#123039;color:#d5e5e4}
body.dko .dko-rail__box--dark a{color:#f0d79b}
body.dko .dko-rail h2,body.dko .dko-rail h3{font-size:14px;letter-spacing:.09em;text-transform:uppercase;
  margin:0 0 12px;color:#7d6a45;font-family:var(--dko-font);font-weight:700}
body.dko .dko-rail__box--dark h3{color:#8fb0b4}
.dko-rail__top{list-style:none;margin:0;padding:0;counter-reset:dko-r}
.dko-rail__top li{display:flex;align-items:center;gap:10px;padding:8px 0;margin:0;
  border-bottom:1px dashed var(--dko-line);font-size:15px}
.dko-rail__top li:last-child{border-bottom:0}
.dko-rail__top .dko-rail__n{flex:none;width:22px;height:22px;background:var(--dko-amber);
  color:#3a2900;font:700 12px/22px var(--dko-font);text-align:center}
body.dko .dko-rail__top .dko-rail__b{flex:1;min-width:0;font-weight:600;color:var(--dko-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dko-rail__top .dko-rail__v{font-size:13px;color:var(--dko-ink-2);white-space:nowrap}
.dko-rail__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}
.dko-rail__grid li{margin:0}
body.dko .dko-rail__grid a{display:flex;flex-direction:column;gap:6px;padding:11px 10px;background:var(--dko-paper-2);
  color:var(--dko-ink);font-size:13.5px;font-weight:600;line-height:1.25;border-radius:3px}
.dko-rail__grid a:hover{background:#e9e0cd;text-decoration:none}
.dko-rail__grid svg{color:var(--dko-sea)}
.dko-rail__list{list-style:none;margin:0;padding:0;counter-reset:dko-g}
.dko-rail__list li{counter-increment:dko-g;margin:0 0 9px;padding-left:26px;position:relative;
  font-size:14.5px;line-height:1.35}
.dko-rail__list li::before{content:counter(dko-g);position:absolute;left:0;top:1px;
  width:18px;height:18px;border:1px solid var(--dko-amber);color:var(--dko-amber-d);
  font:700 11px/17px var(--dko-font);text-align:center;display:block!important}
.dko-rail__help{font-size:14px;line-height:1.5;margin:0}
.dko-rail__help b{font-size:15px;color:#fff}
.dko-rail__help b:first-child{display:block;margin-bottom:6px}
body.dko .dko-rail__help a{font-weight:600;color:#f0d79b}

/* =dko:prose= telo statyi */
.dko-prose{padding-top:6px}
.dko-prose>*:first-child{margin-top:0}
.dko-prose img{border-radius:3px}
.dko-prose figure{margin:0 0 20px}
.dko-prose figcaption{font-size:13px;color:var(--dko-ink-2);margin-top:6px}
body.dko .dko-prose figcaption a{color:var(--dko-sea)}
body.dko .dko-prose a{color:var(--dko-sea)}
.dko-prose a:hover{text-decoration:underline}
.dko-prose blockquote{margin:0 0 20px;padding:14px 18px;background:var(--dko-paper-2);
  border-left:4px solid var(--dko-amber);font-size:17px}
.dko-prose blockquote p:last-child{margin-bottom:0}
.dko-prose table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15.5px}
/* ⛔ 20.09.2026: восьмиколоночная таблица донора не сжималась ниже 788 px и тянула
   горизонтальную прокрутку ВСЕЙ страницы на 768. Таблицы прозы кладём в свой
   контейнер: прокручивается он, лист остаётся ровно по вьюпорту. */
.dko-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 22px}
.dko-scroll>table{margin-bottom:0}
.dko-prose th{background:var(--dko-canvas);color:#eaf2f1;text-align:left;font-weight:600;
  padding:11px 16px}
.dko-prose td{padding:11px 16px;border-bottom:1px solid var(--dko-line);vertical-align:top}
.dko-prose tr:nth-child(even) td{background:#f6f1e6}
.dko-prose ul,.dko-prose ol{padding-left:22px}
.dko-prose ul{list-style:none;padding-left:0}
.dko-prose ul>li{position:relative;padding-left:26px}
.dko-prose ul>li::before{content:"";position:absolute;left:4px;top:9px;width:8px;height:8px;
  background:var(--dko-amber);transform:rotate(45deg);display:block!important}
.dko-prose__img{float:right;width:clamp(170px,32%,300px);margin:4px 0 16px 22px}
body.dko .dko-prose__img img{width:100%;display:block}

/* =dko:tiles= setka razdelov s ikonkami */
.dko-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 26px;
  padding:0 var(--dko-sheet);list-style:none}
.dko-tiles li{margin:0}
body.dko .dko-tiles a{display:block;height:100%;padding:16px 16px 15px;background:var(--dko-paper-2);
  border-bottom:3px solid var(--dko-amber);color:var(--dko-ink)}
.dko-tiles a:hover{background:#ece2ce;text-decoration:none}
.dko-tiles svg{color:var(--dko-sea);margin-bottom:9px}
.dko-tiles b{display:block;font-family:var(--dko-display);font-size:17px;margin-bottom:4px}
.dko-tiles span{display:block;font-size:14px;color:var(--dko-ink-2);line-height:1.4}

/* =dko:steps= tri shaga */
.dko-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 26px;padding:0 var(--dko-sheet);
  list-style:none;counter-reset:dko-s}
.dko-steps li{counter-increment:dko-s;margin:0;padding-left:52px;position:relative;font-size:15.5px;
  line-height:1.5}
.dko-steps li::before{content:counter(dko-s);position:absolute;left:0;top:-2px;width:38px;height:38px;
  background:var(--dko-canvas);color:var(--dko-amber);font:800 19px/38px var(--dko-display);
  text-align:center;display:block!important}
.dko-steps b{display:block;font-family:var(--dko-display);font-size:16.5px;margin-bottom:3px}

/* =dko:value= blok cennosti */
.dko-value{background:var(--dko-canvas);color:#e7f0ef;margin:0 0 26px;padding:22px var(--dko-sheet) 20px}
body.dko .dko-value h2{color:#fff;margin:0 0 6px;font-size:22px}
.dko-value p{color:#c6dad9;margin:0 0 16px;font-size:15.5px;max-width:64ch}
.dko-value__nums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 14px;padding:0;
  list-style:none}
.dko-value__nums li{margin:0;display:flex;gap:10px;align-items:flex-start}
.dko-value__nums svg{color:var(--dko-amber);flex:none;margin-top:3px}
.dko-value__nums b{display:block;font:800 24px/1 var(--dko-display);color:#fff}
.dko-value__nums span{display:block;font-size:13.5px;color:#a9c4c3;line-height:1.35;margin-top:3px}
body.dko .dko-value__link{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#f3d492;
  font-size:15.5px}
.dko-value__link:hover{color:#fff}

/* =dko:index= spisok-indeks materialov */
.dko-index{list-style:none;margin:0 0 24px;padding:0;clear:both;border-top:1px solid var(--dko-line)}
.dko-index li{margin:0;border-bottom:1px solid var(--dko-line)}
body.dko .dko-index a{display:block;padding:13px var(--dko-sheet);color:var(--dko-ink)}
body.dko .dko-index a:hover{text-decoration:none;color:var(--dko-sea)}
/* ⛔ 20.09.2026: строка была в один ряд — заголовок слева, описание справа в одну
   строку с `text-overflow:ellipsis`. Обрезка РИСУЕТСЯ, но текстовый узел остаётся
   шире блока, и `gate_padding` считал это прилипанием (15 блоков на 4 ширинах).
   Двухстрочная строка списка ничего не режет и читается на 390 px. */
.dko-index b{display:block;font-family:var(--dko-display);font-size:17px;font-weight:600;
  margin-bottom:3px}
.dko-index span{display:block;font-size:13px;line-height:1.45;color:var(--dko-ink-2)}

/* =dko:faq= vse otvety razvernuty */
.dko-faq{margin:0 0 24px}
.dko-faq__q{font-family:var(--dko-display);font-weight:700;font-size:18px;margin:0 0 6px;
  padding-left:30px;position:relative}
.dko-faq__q svg{position:absolute;left:0;top:2px;color:var(--dko-amber)}
.dko-faq__a{margin:0 0 20px;padding-left:30px;color:#26333d}
.dko-faq__a p:last-child{margin-bottom:0}

/* =dko:toc= svoye svernutoye oglavleniye */
.dko-toc{margin:0 0 24px;background:var(--dko-paper-2);border-left:4px solid var(--dko-sea);
  padding:0}
.dko-toc summary{cursor:pointer;padding:12px 16px;font-family:var(--dko-display);font-weight:700;
  font-size:16px;list-style:none;display:flex;align-items:center;gap:9px}
.dko-toc summary::-webkit-details-marker{display:none}
.dko-toc summary svg{color:var(--dko-sea)}
.dko-toc ol{margin:0;padding:0 16px 14px 34px;font-size:15.5px}
.dko-toc li{margin:0 0 6px}

/* =dko:legal= pravovaya polosa */
.dko-legal{background:var(--dko-paper-2);border-top:1px solid var(--dko-line);
  padding:16px var(--dko-sheet);font-size:13.5px;color:#4a5760;line-height:1.55}
.dko-legal b{color:var(--dko-ink)}
body.dko .dko-legal a{color:var(--dko-sea);font-weight:600}
.dko-legal__row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.dko-legal__18{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  border-radius:50%;background:var(--dko-ink);color:#fff;font:700 13px/1 var(--dko-font);flex:none}

/* =dko:ft= podval */
.dko-ft{background:var(--dko-canvas-2);color:#c3d8d8;font-size:15px}
.dko-ft__top{max-width:1180px;margin:0 auto;padding:30px var(--dko-pad) 8px;display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1.25fr;gap:28px}
body.dko .dko-ft h3{color:#fff;font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  font-family:var(--dko-font);font-weight:700;margin:0 0 12px}
.dko-ft ul{list-style:none;margin:0;padding:0}
.dko-ft li{margin:0 0 8px}
body.dko .dko-ft a{color:#c3d8d8}
body.dko .dko-ft a:hover{color:#fff}
.dko-ft__about{font-size:14.5px;line-height:1.55;color:#a9c4c4}
.dko-ft__mark{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--dko-display);
  font-weight:800;font-size:19px;margin-bottom:10px}
.dko-ft__help{background:#123039;padding:14px 16px;font-size:14px;line-height:1.5}
.dko-ft__help b{color:#fff}
.dko-ft__help b:first-child{display:block;margin-bottom:6px}
.dko-ft__badges{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}
.dko-ft__badge{background:#f4f1e9;padding:6px 9px;border-radius:3px;display:flex;align-items:center;
  gap:7px;color:#22303a;font-size:12.5px;font-weight:600}
body.dko .dko-ft__badge img{height:22px;width:auto;display:block}
.dko-ft__bottom{border-top:1px solid #14343e;margin-top:18px}
.dko-ft__bottom-in{max-width:1180px;margin:0 auto;padding:14px var(--dko-pad) 26px;
  display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#8fa9ac}
body.dko .dko-ft__bottom-in a{color:#a8c2c4}

/* =dko:dkov= vitrina (shablon No442) ============================ */
.dkov{margin:0 0 26px}
.dkov__head{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:6px}
body.dko .dkov__head h2{margin:0}
.dkov__note{font-size:13.5px;color:var(--dko-ink-2);margin:0 0 14px}
.dkov__filters{display:flex;flex-wrap:wrap;gap:0;margin:0 0 16px;border:1px solid var(--dko-line);
  background:#fff}
.dkov__filters label{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:14.5px;
  font-weight:600;color:#3c4a53;cursor:pointer;border-right:1px solid var(--dko-line);min-height:44px}
.dkov__filters label:last-child{border-right:0}
.dkov__filters input{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;
  border:1.5px solid #9aa7ad;background:#fff;flex:none;position:relative}
.dkov__filters input:checked{background:var(--dko-green);border-color:var(--dko-green)}
.dkov__filters input:checked::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(43deg)}
.dkov__filters label:hover{background:var(--dko-paper-2)}
.dkov__list{list-style:none;margin:0;padding:0}
.dkov__row{display:grid;grid-template-columns:34px 150px minmax(0,1fr) 244px;gap:0;
  background:#fff;border:1px solid #e3dac8;border-left:0;margin:0 0 12px;position:relative}
.dkov__rank{background:var(--dko-canvas);color:var(--dko-amber);font:800 19px/1 var(--dko-display);
  display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;
  transform:rotate(180deg);letter-spacing:.06em;padding:10px 0}
.dkov__row--1 .dkov__rank{background:var(--dko-amber);color:#3a2900}
.dkov__row--1{border-color:var(--dko-amber);box-shadow:inset 0 0 0 1px var(--dko-amber)}
.dkov__logo{display:flex;align-items:center;justify-content:center;padding:12px;min-height:118px;
  background:#f7f4ec;border-right:1px solid #ece4d4}
body.dko .dkov__logo img{width:100%;max-width:120px;height:auto;display:block}
.dkov__logo span{font-family:var(--dko-display);font-weight:800;font-size:17px;color:var(--dko-ink);
  text-align:center;line-height:1.15}
.dkov__mid{padding:14px 16px;min-width:0}
.dkov__name{font-family:var(--dko-display);font-size:19px;font-weight:700;margin:0 0 6px;
  display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.dkov__pick{font:700 10px/1 var(--dko-font);letter-spacing:.09em;text-transform:uppercase;
  background:#f6dfa6;color:#6d4c00;padding:4px 6px}
.dkov__lic{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#2c6a53;
  background:#e6f2ec;padding:4px 8px;margin:0 0 9px;font-weight:600}
.dkov__lic svg{flex:none}
.dkov__facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.dkov__facts li{margin:0;display:flex;align-items:center;gap:6px;font-size:13.5px;color:#4a5760}
.dkov__facts svg{color:var(--dko-sea);flex:none}
.dkov__offer{padding:14px 16px;border-left:1px solid #ece4d4;display:flex;flex-direction:column;
  gap:8px;background:#fdfbf6}
.dkov__ttl{font:700 10.5px/1 var(--dko-font);letter-spacing:.1em;text-transform:uppercase;color:#6d6046}
.dkov__sum{font-family:var(--dko-display);font-weight:800;font-size:20px;text-wrap:balance;line-height:1.1;
  color:var(--dko-ink)}
.dkov__sum em{display:block;font-style:normal;font-size:14px;font-weight:600;color:var(--dko-amber-d);
  margin-top:2px}
body.dko .dkov__cta{display:block;background:var(--dko-green);color:#fff;text-align:center;font-weight:700;
  font-size:16px;padding:12px 10px;border-radius:2px;min-height:44px}
body.dko .dkov__cta:hover{background:var(--dko-green-d);text-decoration:none;color:#fff}
body.dko .dkov__rev{text-align:center;font-size:13.5px;font-weight:600;color:var(--dko-sea)}
.dkov__terms{grid-column:1/-1;border-top:1px solid #ece4d4;margin:0}
.dkov__terms summary{cursor:pointer;list-style:none;padding:9px 16px;font-size:13.5px;
  color:#4a5760;display:flex;align-items:center;gap:8px}
.dkov__terms summary::-webkit-details-marker{display:none}
.dkov__terms summary svg{color:#8a7a5c}
.dkov__terms dl{margin:0;padding:0 16px 14px;display:grid;grid-template-columns:auto 1fr;
  gap:6px 14px;font-size:13.5px}
.dkov__terms dt{color:#5d6a73}
.dkov__terms dd{margin:0;color:#26333d}
body.dko .dkov__more{display:block;text-align:center;background:var(--dko-canvas);color:#f0d79b;
  font-weight:700;padding:12px;font-size:15px;min-height:44px}
body.dko .dkov__more:hover{color:#fff;text-decoration:none}
.dkov__legal{font-size:12.5px;color:#55616a;margin:10px 0 0}
body.dko .dkov__legal a{color:var(--dko-sea);font-weight:600}
/* filtry rezhut stroki cherez :has() */
.dkov:has(.dkov__f-mp:checked) .dkov__row:not(.dkov-x-mp),
.dkov:has(.dkov__f-nd:checked) .dkov__row:not(.dkov-x-nd),
.dkov:has(.dkov__f-sp:checked) .dkov__row:not(.dkov-x-sp),
.dkov:has(.dkov__f-fs:checked) .dkov__row:not(.dkov-x-fs){display:none}


/* =dko:card= karto4ka brenda na obzore (⛔ ne vitrina: odin brend, klass ne dkov) */
.dko-card{display:grid;grid-template-columns:168px minmax(0,1fr) 224px;background:#fff;
  border:1px solid #e3dac8;border-top:3px solid var(--dko-amber);margin:0 0 26px}
.dko-card__logo{display:flex;align-items:center;justify-content:center;padding:18px 14px;
  border-right:1px solid #ece4d4}
body.dko .dko-card__logo img{width:100%;max-width:128px;height:auto;display:block}
.dko-card__logo--paper{background:#f7f4ec}
.dko-card__logo--white{background:#fff}
.dko-card__logo--ink{background:var(--dko-canvas)}
.dko-card__mid{padding:16px 18px;min-width:0}
.dko-card__lic{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#2c6a53;
  background:#e6f2ec;padding:4px 8px;margin:0 0 10px;font-weight:600}
.dko-card__tab{width:100%;border-collapse:collapse;font-size:14.5px}
.dko-card__tab th{text-align:left;font-weight:600;color:#6b7880;padding:6px 10px 6px 0;
  width:40%;vertical-align:top;background:none}
.dko-card__tab td{padding:6px 0;border-bottom:1px solid var(--dko-line);color:#24313a}
.dko-card__tab tr:last-child td,.dko-card__tab tr:last-child th{border-bottom:0}
.dko-card__offer{padding:16px 18px;border-left:1px solid #ece4d4;background:#fdfbf6;
  display:flex;flex-direction:column;gap:9px}
.dko-card__ttl{font:700 10.5px/1 var(--dko-font);letter-spacing:.1em;text-transform:uppercase;color:#6d6046}
.dko-card__sum{font-family:var(--dko-display);font-weight:800;font-size:22px;line-height:1.1}
.dko-card__sum em{display:block;font-style:normal;font-size:14px;font-weight:600;
  color:var(--dko-amber-d);margin-top:3px}
body.dko .dko-card__cta{display:block;background:var(--dko-green);color:#fff;text-align:center;
  font-weight:700;font-size:16px;padding:12px 10px;border-radius:2px;min-height:44px}
body.dko .dko-card__cta:hover{background:var(--dko-green-d);color:#fff;text-decoration:none}
.dko-card__note{font-size:12px;color:#55616a}
/* plitki logotipov vitriny — fon vybran RAS4ETOM poterX (dko_logo_tile.py) */
.dkov__logo--paper{background:#f7f4ec}
.dkov__logo--white{background:#fff}
.dkov__logo--ink{background:var(--dko-canvas)}

/* =dko:media= ==================================================== */
@media (max-width:1080px){
  .dko-shell{grid-template-columns:minmax(0,1fr)}
  .dko-rail{flex-direction:row;flex-wrap:wrap}
  .dko-rail__box{flex:1 1 280px}
}
@media (max-width:900px){
  .dko-hd__bar{flex-wrap:wrap;gap:12px}
  .dko-hd__burger{display:flex}
  .dko-nav{position:fixed;inset:0;background:var(--dko-canvas);z-index:60;overflow-y:auto;
    padding:16px var(--dko-pad) 40px;margin:0;display:none}
  .dko-hd__toggle:checked ~ .dko-nav{display:block}
  .dko-nav>ul{flex-direction:column;gap:0}
  .dko-nav>ul>li>a{padding:14px 6px;font-size:17px;border-bottom:1px solid #1c4551;min-height:44px}
  .dko-nav__mega{position:static;visibility:visible;opacity:1;min-width:0;box-shadow:none;
    background:transparent;border-top:0;padding:0 0 10px}
  .dko-nav__cols{flex-direction:column;gap:6px}
  .dko-nav__col a{color:#cfe1e0;min-height:44px}
  .dko-nav__col a:hover{background:#17414e}
  .dko-nav__ttl{color:#8aa8ab;padding-left:8px;margin-top:8px}
  .dko-nav__n{background:#17414e;color:#a9c4c3}
  .dko-nav__foot{color:#9fbabd;border-top-color:#1c4551;padding:10px 8px 0}
  .dko-hd__close{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
    margin-top:18px;padding:13px;background:#17414e;color:#e8f1f0;font-weight:700;min-height:44px;
    cursor:pointer;border-radius:var(--dko-radius)}
  body.dko .dko-hero h1{font-size:30px}
  .dko-tiles,.dko-steps,.dko-value__nums{grid-template-columns:1fr 1fr}
  .dko-ft__top{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  :root{--dko-pad:14px;--dko-gap:12px;--dko-sheet:16px}
  body.dko{font-size:16.5px}
  body.dko h1{font-size:27px}
  body.dko h2{font-size:22px}
  .dko-hero__in{padding:26px var(--dko-pad) 22px}
  body.dko .dko-hero h1{font-size:26px;max-width:none}
  .dko-tiles,.dko-steps,.dko-value__nums,.dko-ft__top,.dko-rail__grid{grid-template-columns:1fr}
  .dko-value{padding:18px var(--dko-sheet)}
  /* ⛔ 20.09.2026: строка витрины на мобиле была 542–712 px (R9 общего гейта берёт
     150–290). Ранг, знак и название встают в ОДНУ шапку, факты — чипами в два ряда,
     сумма и кнопка — рядом. Ничего не прячем, только перестаём растягивать. */
  .dkov__row{grid-template-columns:30px 62px minmax(0,1fr);
    grid-template-areas:"rank logo mid" "offer offer offer"}
  .dkov__rank{grid-area:rank;font-size:16px}
  .dkov__logo{grid-area:logo;min-height:0;padding:7px;border-right:1px solid #ece4d4;border-bottom:0}
  body.dko .dkov__logo img{max-width:48px}
  .dkov__logo span{font-size:12px}
  .dkov__mid{grid-area:mid;padding:9px 12px}
  .dkov__name{font-size:17px;margin:0 0 4px;gap:7px}
  .dkov__lic{font-size:12px;padding:3px 7px;margin:0 0 6px}
  .dkov__facts{gap:3px 10px}
  .dkov__facts li{font-size:12px;gap:4px}
  .dkov__facts svg{width:13px;height:13px}
  .dkov__name{font-size:16px}
  .dkov__pick{font-size:9.5px;padding:3px 5px}
  .dkov__offer{grid-area:offer;border-left:0;border-top:1px solid #ece4d4;
    flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px}
  .dkov__ttl{flex:1 1 100%}
  .dkov__sum{flex:1 1 auto;font-size:17px}
  .dkov__terms summary{padding:8px 12px;font-size:12.5px}
  body.dko .dkov__cta{flex:1 1 100%;padding:11px 14px}   /* кнопка всегда своей строкой: иначе у одних карточек она рядом с суммой, у других под ней */
  body.dko .dkov__rev{flex:1 1 100%}
  .dkov__filters label{flex:1 1 100%;border-right:0;border-bottom:1px solid var(--dko-line);
    min-height:46px}
  /* цель нажатия >=44 px: в крошках и в служебной строке шапки строка 17 px высотой.
     Отрицательный margin гасит прирост, чтобы полоса не выросла; соседних целей
     в этих строках нет, наложения зон нажатия не будет. */
  .dko-hd__strip a{display:inline-block;padding:14px 0;margin:-14px 0}
  .dko-crumbs a{display:inline-block;padding:13px 2px;margin:-13px 0}
  .dko-crumbs ol{padding-top:0;padding-bottom:0;min-height:44px;align-items:center}
  .dko-prose__img{width:45%;margin-left:14px}
  .dko-card{grid-template-columns:1fr}
  .dko-card__logo{border-right:0;border-bottom:1px solid #ece4d4;justify-content:flex-start}
  .dko-card__offer{border-left:0;border-top:1px solid #ece4d4}
}

/* =dko:media-narrow= ============================================
   На телефоне плавающее фото оставляет колонку в 7 слов — строка
   рвётся, читать неудобно. Ниже 520 px фото идёт полосой над текстом. */
@media (max-width:520px){
  .dko-prose__img{float:none;width:100%;margin:0 0 16px}
  .dko-prose__img figcaption{margin-top:6px}
}