/* Dukat.bet satellite - секции каталога design.md §3: витрины V1-V11, текст T1-T16.
   Разметку выдают хелперы html-genereator/dukatbetscom__src/sections.mjs. Новых классов в pages/*.mjs не заводить. */

main{display:block}
.dk-main > * + *{margin-top:32px}
@media (min-width:1024px){.dk-main > * + *{margin-top:40px}}
.dk-main > .dk-pagehead + .dk-formcard{margin-top:0}

/* ===== CTA (T13) ===== */
.dk-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 20px;margin:24px 0}
.dk-cta__item{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.dk-cta__item .dk-btn{min-width:220px}
.dk-cta__sub{color:var(--dk-muted-2);font:400 13px/1.35 var(--dk-font-body);max-width:280px}
.dk-cta--left{justify-content:flex-start}
@media (max-width:479.98px){.dk-cta__item{width:100%}.dk-cta__item .dk-btn{width:100%;min-width:0}}

/* ===== V1 баннер ===== */
.dk-banner{position:relative;background:var(--dk-g-section)}
.dk-banner__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.dk-banner__track::-webkit-scrollbar{display:none}
.dk-banner__slide{flex:0 0 100%;scroll-snap-align:start;position:relative;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end}
.dk-banner__art{position:absolute;inset:0 0 auto;height:62%;overflow:hidden}
.dk-banner__art img{width:100%;height:100%;object-fit:cover}
.dk-banner__art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,15,0) 25%,rgba(15,15,15,.7) 70%,#0F0F0F 100%)}
.dk-banner__body{position:relative;z-index:1;padding:24px var(--dk-gutter) 44px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:var(--dk-container);width:100%;margin:0 auto}
.dk-banner h1,.dk-banner__title{font:italic 800 clamp(26px,4.6vw,44px)/1.12 var(--dk-font-display);font-stretch:125%;max-width:560px;filter:drop-shadow(0 2px 6px rgba(15,15,15,.9))}
.dk-banner__slide--noart{min-height:260px;justify-content:center}
.dk-banner__sub{color:var(--dk-muted-2);font-size:13px}
.dk-banner__dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px}
.dk-banner__dots button{width:8px;height:8px;padding:0;border-radius:50%;border:0;background:#6E6064;cursor:pointer}
.dk-banner__dots button[aria-current="true"]{width:22px;border-radius:4px;background:var(--dk-gold)}
@media (min-width:768px){
  .dk-banner__slide{min-height:400px;justify-content:center}
  .dk-banner__slide--noart{min-height:300px}
  .dk-banner__art{inset:0 0 0 46%;height:auto}
  .dk-banner__art::after{background:linear-gradient(90deg,#4C0B1A 0%,rgba(76,11,26,0) 40%)}
  .dk-banner__body{padding:40px var(--dk-gutter)}
  .dk-banner__body > *{max-width:50%}
}

/* ===== V2 категории ===== */
.dk-cats ul{list-style:none;margin:0;padding:4px var(--dk-gutter);display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
.dk-cats ul::-webkit-scrollbar{display:none}
.dk-cats li{flex:0 0 64px;scroll-snap-align:start}
.dk-cats a{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-decoration:none;font:700 12px/1.15 var(--dk-font-body);text-align:center}
.dk-cats__ico{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--dk-r-cat);background:var(--dk-g-cat);border:1px solid var(--dk-stroke);overflow:hidden}
.dk-cats__ico img{width:100%;height:100%;object-fit:cover}
.dk-cats__ico .dk-i{color:var(--dk-gold);width:28px;height:28px}
.dk-cats a:hover .dk-cats__ico{border-color:var(--dk-gold)}
@media (min-width:768px){.dk-cats ul{justify-content:center;max-width:var(--dk-container);margin:0 auto}.dk-cats li{flex-basis:70px}.dk-cats__ico{width:70px;height:70px}}

/* ===== V3 полка ===== */
.dk-shelf__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.dk-shelf__head .dk-i{color:var(--dk-gold)}
.dk-shelf__title{font:italic 700 18px/1.15 var(--dk-font-display);font-stretch:112%}
.dk-shelf__more{margin-left:auto;color:var(--dk-gold);font:700 14px/1.2 var(--dk-font-body);text-decoration:none;white-space:nowrap}
.dk-shelf__more:hover{text-decoration:underline}
.dk-shelf__nav{display:none;gap:8px}
.dk-shelf__rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--dk-gutter) * -1);padding:0 var(--dk-gutter)}
.dk-shelf__rail::-webkit-scrollbar{display:none}
.dk-shelf__rail ul{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:107px;gap:12px}
.dk-shelf--rows2 .dk-shelf__rail ul{grid-template-rows:auto auto}
.dk-shelf--grid .dk-shelf__rail{overflow:visible}
.dk-shelf--grid .dk-shelf__rail ul{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))}
.dk-shelf__rail li{scroll-snap-align:start;min-width:0}
@media (min-width:768px){
  .dk-shelf__title{font-size:20px}
  .dk-shelf__rail ul{grid-auto-columns:128px;gap:16px}
  .dk-shelf--grid .dk-shelf__rail ul{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1024px){
  .dk-shelf__nav{display:flex}
  .dk-shelf__rail{margin:0;padding:0}
  .dk-shelf__rail ul{grid-auto-columns:calc((100% - 80px) / 6)}
  .dk-shelf--grid .dk-shelf__rail ul{grid-template-columns:repeat(6,minmax(0,1fr))}
}
/* плитка игры */
.dk-tile{display:block;color:#fff;text-decoration:none}
.dk-tile__cover{position:relative;display:block;aspect-ratio:145/206;border-radius:var(--dk-r-tile);overflow:hidden;background:var(--dk-bg-extra)}
.dk-tile__cover img{width:100%;height:100%;object-fit:cover}
.dk-tile__play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,15,15,.6);opacity:0;transition:opacity .15s}
.dk-tile__play span{padding:6px 16px;border-radius:999px;background:var(--dk-g-btn);color:#0D0D0D;font:italic 800 13px/1 var(--dk-font-display);text-transform:uppercase}
.dk-tile:hover .dk-tile__play,.dk-tile:focus-visible .dk-tile__play{opacity:1}
.dk-tile__name{display:block;margin-top:6px;font:500 14px/1.25 var(--dk-font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-tile__prov{display:block;color:var(--dk-muted);font:400 12px/1.25 var(--dk-font-body)}
.dk-tile--mini .dk-tile__cover{border-radius:8px}
.dk-tile--mini .dk-tile__name,.dk-tile--mini .dk-tile__prov{display:none}

/* ===== V4 «meglepetés» ===== */
.dk-surprise{background:var(--dk-wine);padding:36px 0;text-align:center}
.dk-surprise h2{font:italic 800 24px/1.2 var(--dk-font-display);font-stretch:125%}
.dk-surprise__sub{margin:8px auto 20px;color:var(--dk-muted-wine);font-size:14px;max-width:560px}
.dk-surprise ul{list-style:none;margin:0 auto 22px;padding:0;display:flex;justify-content:center;gap:10px;max-width:760px}
.dk-surprise li{flex:0 1 92px;min-width:0}
.dk-surprise li:nth-child(n+6){display:none}
.dk-surprise__q{display:grid;place-items:center;aspect-ratio:145/206;border-radius:var(--dk-r-tile);background:var(--dk-g-btn);color:#0D0D0D;font:italic 800 44px/1 var(--dk-font-display)}
@media (min-width:768px){.dk-surprise li:nth-child(n+6){display:block}}
@media (min-width:1024px){.dk-surprise{padding:50px 0}.dk-surprise h2{font-size:32px}}

/* ===== V5 джекпот ===== */
.dk-jackpot__grid{display:grid;gap:16px}
.dk-jackpot__panel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:22px;border-radius:var(--dk-r-card);border:1px solid var(--dk-stroke);background:var(--dk-g-section)}
.dk-jackpot__panel h2{font:italic 800 24px/1.15 var(--dk-font-display);font-stretch:125%}
.dk-jackpot__panel p{color:var(--dk-muted-wine);font-size:15px}
.dk-jackpot__tiles ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (min-width:1024px){.dk-jackpot__grid{grid-template-columns:1fr 466px;align-items:stretch}.dk-jackpot__tiles{order:-1}}

/* ===== V6 студии ===== */
.dk-studios__list{list-style:none;margin:0;padding:0 var(--dk-gutter);display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--dk-gutter) * -1)}
.dk-studios__list::-webkit-scrollbar{display:none}
.dk-studios__card{scroll-snap-align:start;padding:14px;border-radius:var(--dk-r-card);background:var(--dk-g-card);border:1px solid var(--dk-stroke)}
.dk-studios__name{margin-bottom:10px;font:italic 700 16px/1.2 var(--dk-font-display);font-stretch:112%}
.dk-studios__card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (min-width:1024px){.dk-studios__list{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:0;margin-inline:0}}

/* ===== V7 широкие карточки ===== */
.dk-wide ul{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:260px;gap:14px;overflow-x:auto;scrollbar-width:none}
.dk-wide__card{position:relative;height:170px;border-radius:var(--dk-r-card);overflow:hidden;border:1px solid var(--dk-stroke);display:flex;flex-direction:column;justify-content:flex-end;padding:14px}
.dk-wide__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.dk-wide__card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,15,0) 30%,rgba(15,15,15,.92) 100%)}
.dk-wide__card > :not(img){position:relative;z-index:1}
.dk-wide__tag{position:absolute!important;top:0;left:14px;padding:4px 10px;border-radius:0 0 6px 6px;background:var(--dk-gold);color:#0D0D0D;font:700 12px/1.2 var(--dk-font-body)}
.dk-wide__name{font:italic 700 17px/1.2 var(--dk-font-display);font-stretch:112%}
.dk-wide__prov{color:var(--dk-muted-2);font-size:12px;margin-bottom:8px}
.dk-wide__card .dk-btn{align-self:flex-start;min-height:34px;padding:6px 16px;font-size:13px}
@media (min-width:1024px){.dk-wide ul{grid-auto-columns:300px}.dk-wide__card{height:200px}}

/* ===== V8 турнир ===== */
.dk-states{list-style:none;margin:0 auto 16px;padding:4px;display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;border-radius:999px;background:var(--dk-bg-extra)}
.dk-states li{padding:6px 14px;border-radius:999px;color:var(--dk-muted-2);font:700 13px/1.2 var(--dk-font-body)}
.dk-states li:first-child{background:var(--dk-wine);color:#fff}
.dk-tourney__card{display:grid;gap:18px;padding:20px;border-radius:var(--dk-r-card);border:2px solid var(--dk-stroke);background:var(--dk-g-card);overflow:hidden}
.dk-tourney__label{font:700 14px/1.3 var(--dk-font-body)}
.dk-tourney__title{margin:6px 0 14px;font:italic 800 clamp(24px,3.4vw,36px)/1.1 var(--dk-font-display);font-stretch:125%;color:var(--dk-gold)}
.dk-tourney__games{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,64px));gap:8px}
.dk-tourney__text{color:var(--dk-muted-wine);font-size:14px;margin-bottom:14px}
.dk-tourney__art img{width:100%;max-width:360px;margin:0 auto}
@media (min-width:1024px){.dk-tourney__card{grid-template-columns:1fr 340px;align-items:center;padding:28px 32px}}

/* ===== V9 промо приложения ===== */
.dk-apppromo{max-width:520px;margin-inline:auto;text-align:center;padding:24px 20px;border-radius:var(--dk-r-card);border:1px solid var(--dk-stroke);background:var(--dk-g-section);display:flex;flex-direction:column;align-items:center;gap:12px}
.dk-apppromo img{width:220px}
.dk-apppromo__label{font:700 14px/1.3 var(--dk-font-body)}
.dk-apppromo h2{font:italic 800 24px/1.2 var(--dk-font-display);font-stretch:125%}

/* ===== V10 заголовок раздела ===== */
.dk-pagehead{background:var(--dk-g-section);padding:26px 0 34px;text-align:center}
.dk-pagehead h1{font:italic 800 clamp(26px,4vw,40px)/1.15 var(--dk-font-display);font-stretch:125%;max-width:860px;margin:0 auto}
.dk-pagehead__lead{max-width:720px;margin:16px auto 0;font:400 16px/26px var(--dk-font-body)}
.dk-pagehead__lead + .dk-pagehead__lead{margin-top:10px}
.dk-pagehead .dk-cta{margin-bottom:0}
.dk-pagehead__grid{display:grid;gap:20px;align-items:center}
.dk-pagehead__art img{max-width:420px;width:100%;margin:0 auto}
@media (min-width:1024px){
  .dk-pagehead{padding:40px 0 48px}
  .dk-pagehead--art{text-align:left}
  .dk-pagehead--art .dk-pagehead__grid{grid-template-columns:55fr 45fr}
  .dk-pagehead--art h1,.dk-pagehead--art .dk-pagehead__lead{margin-left:0}
  .dk-pagehead--art .dk-cta{justify-content:flex-start}
}

/* ===== V11 карточка формы ===== */
.dk-formcard{position:relative;padding:8px 0 8px;isolation:isolate}
.dk-formcard::before{content:"";position:absolute;inset:0 0 30%;z-index:-1;
  background:linear-gradient(180deg,#0F0F0F 0%,rgba(76,11,26,0) 30%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 400' preserveAspectRatio='none'%3E%3Cpath d='M0 120C240 40 420 220 720 150s500-130 720-40v290H0z' fill='%234C0B1A'/%3E%3Cpath d='M0 220c260-90 470 90 760 20s470-120 680-40v200H0z' fill='%236B0A1C' opacity='.55'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.dk-formcard__card{max-width:500px;margin:0 auto;padding:20px;border-radius:var(--dk-r-card);background:var(--dk-bg);border:1px solid var(--dk-field-line);display:flex;flex-direction:column;gap:16px}
.dk-formcard__promo{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:var(--dk-r-card);background:var(--dk-g-card);border:1px solid var(--dk-stroke);text-align:left}
.dk-formcard__promo-label{font:700 13px/1.3 var(--dk-font-body);text-transform:uppercase;letter-spacing:.04em}
.dk-formcard__promo-sum{font:italic 800 18px/1.25 var(--dk-font-display);font-stretch:112%;color:var(--dk-gold)}
.dk-formcard__card figure{border-radius:var(--dk-r-card);overflow:hidden;border:1px solid var(--dk-field-line)}
.dk-formcard__card figcaption{padding:8px 12px;background:var(--dk-bg-extra);color:var(--dk-muted-2);font-size:13px;line-height:1.4}
.dk-formcard__card .dk-cta{margin:0}
.dk-formcard__card .dk-cta__item,.dk-formcard__card .dk-cta__item .dk-btn{width:100%}
.dk-formcard__after{max-width:500px;margin:0 auto;text-align:center}
.dk-formcard__after .dk-cta{margin:20px 0 12px}
.dk-formcard__after p{font:400 15px/24px var(--dk-font-body)}

/* ===== T1 SEO-панель ===== */
.dk-read{font:400 15px/24px var(--dk-font-body)}
@media (min-width:1024px){.dk-read{font-size:16px;line-height:26px}}
.dk-read > * + *{margin-top:40px}
@media (min-width:1024px){.dk-read > * + *{margin-top:48px}}
.dk-read h2{font:italic 700 20px/1.25 var(--dk-font-display);font-stretch:112%;margin-bottom:14px}
.dk-read h3{font:italic 700 18px/1.3 var(--dk-font-display);font-stretch:112%;color:var(--dk-gold);margin:22px 0 8px}
@media (min-width:1024px){.dk-read h2{font-size:24px}.dk-read h3{font-size:19px}}
.dk-read p + p,.dk-read p + ul,.dk-read p + ol,.dk-read ul + p,.dk-read ol + p{margin-top:12px}
.dk-read ul,.dk-read ol{padding-left:22px}
.dk-read li + li{margin-top:6px}
.dk-read ul li::marker{color:var(--dk-gold)}
.dk-read a:not(.dk-btn):not(.dk-tile){color:var(--dk-gold);text-decoration:underline;text-underline-offset:3px}
.dk-read a:not(.dk-btn):not(.dk-tile):hover{color:var(--dk-focus)}
.dk-read strong{font-weight:700}
.dk-read .dk-cta{margin:24px 0 0}
.dk-sec > * + .dk-table,.dk-sec > * + .dk-shot,.dk-sec > * + .dk-note,.dk-sec > * + .dk-chips,.dk-sec > .dk-table + *,.dk-sec > .dk-shot + *,.dk-sec > .dk-note + *{margin-top:18px}
.dk-sec > h2 + *{margin-top:0}

/* ===== T2 шаги ===== */
.dk-steps{list-style:none;margin:20px 0 0;padding:0!important;counter-reset:dk-step;display:grid;gap:24px}
.dk-steps > li{counter-increment:dk-step;display:grid;gap:14px;margin:0!important;padding:16px;border-radius:var(--dk-r-card);background:var(--dk-bg-extra);border:1px solid var(--dk-line-2)}
.dk-howto-text{position:relative;padding-left:50px;min-height:36px}
.dk-howto-text::before{content:counter(dk-step);position:absolute;left:0;top:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;
  background:var(--dk-wine);border:1px solid var(--dk-stroke);color:var(--dk-gold);font:italic 800 17px/1 var(--dk-font-display);font-stretch:112%}
.dk-read .dk-steps h3{margin:6px 0 8px;color:#fff}
.dk-steps figure{border-radius:var(--dk-r-card);overflow:hidden;border:1px solid var(--dk-field-line);background:var(--dk-bg)}
.dk-steps figure img{width:100%;aspect-ratio:16/10;object-fit:contain;background:var(--dk-bg)}
.dk-steps figcaption{padding:8px 12px;color:var(--dk-muted-2);font-size:13px;line-height:1.4}
.dk-steps--phone figure img{aspect-ratio:auto;max-height:560px;object-fit:contain}
@media (min-width:1024px){
  .dk-steps > li:has(figure){grid-template-columns:45fr 55fr;align-items:center;gap:24px;padding:20px}
}
.dk-howto-tail{margin-top:16px}

/* ===== T3 таблица ===== */
.dk-table{overflow-x:auto;border-radius:var(--dk-r-card);border:1px solid var(--dk-line-2)}
.dk-table--more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),rgba(0,0,0,.25));mask-image:linear-gradient(90deg,#000 calc(100% - 56px),rgba(0,0,0,.25))}
.dk-table table{width:100%;min-width:520px;border-collapse:collapse;font:400 14px/1.45 var(--dk-font-body)}
.dk-table caption{caption-side:top;text-align:left;padding:10px 14px;color:var(--dk-muted-2);font:400 13px/1.35 var(--dk-font-body);background:var(--dk-bg)}
.dk-table th,.dk-table td{padding:11px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--dk-line-2)}
.dk-table thead th{background:var(--dk-wine);color:#fff;font:700 13px/1.3 var(--dk-font-body);text-transform:uppercase;letter-spacing:.03em;border-top:0}
.dk-table tbody tr:nth-child(odd){background:var(--dk-bg-extra)}
.dk-table tbody tr:nth-child(even){background:var(--dk-bg)}
.dk-table tbody th{font-weight:700}
.dk-table--methods td{white-space:nowrap}
.dk-table--methods td:first-of-type{white-space:normal}
.dk-table--tiers tbody th span{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--dk-g-btn);color:#0D0D0D;font-weight:700;white-space:nowrap}
.dk-table--tabs tbody th span{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--dk-wine);border:1px solid var(--dk-stroke);white-space:nowrap}
/* 2 колонки: на базе карточки «ключ над значением» */
@media (max-width:767.98px){
  .dk-table--kv table{min-width:0}
  .dk-table--kv thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
  .dk-table--kv tbody tr{display:grid;gap:2px;padding:12px 14px;border-top:1px solid var(--dk-line-2)}
  .dk-table--kv tbody th,.dk-table--kv tbody td{display:block;padding:0;border:0}
  .dk-table--kv tbody th{color:var(--dk-gold)}
}

/* ===== T4 welcome ===== */
.dk-welcome{position:relative;display:grid;gap:16px;padding:20px;border-radius:var(--dk-r-card);border:2px solid var(--dk-stroke);background:var(--dk-wine-deep);overflow:hidden}
.dk-welcome__art img{width:100%;max-width:300px;margin:0 auto}
.dk-welcome__sum{font:italic 800 clamp(24px,3.6vw,34px)/1.15 var(--dk-font-display);font-stretch:125%}
.dk-welcome ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dk-welcome ol li{margin:0;padding:12px;border-radius:var(--dk-r-card);background:var(--dk-g-card);border:1px solid var(--dk-stroke);font-size:13px;line-height:1.4}
.dk-welcome ol li strong{display:block;color:var(--dk-gold);font:italic 800 16px/1.2 var(--dk-font-display);font-stretch:112%;margin-bottom:4px}
.dk-welcome .dk-cta{margin:0;justify-content:flex-start}
@media (min-width:1024px){.dk-welcome{grid-template-columns:1fr 280px;padding:28px}.dk-welcome__art{grid-column:2;grid-row:1/4;align-self:center}.dk-welcome ol{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ===== T5 карточки акций ===== */
.dk-promos{list-style:none;margin:18px 0 0;padding:0!important;display:grid;gap:16px}
@media (min-width:768px){.dk-promos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.dk-promos--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dk-promos > li{margin:0!important;display:flex}
.dk-promo{position:relative;flex:1;display:flex;flex-direction:column;gap:10px;padding:34px 18px 20px;border-radius:var(--dk-r-promo);background:var(--dk-g-card);border:1px solid var(--dk-stroke)}
.dk-promo__day{position:absolute;top:0;left:18px;padding:4px 10px;border-radius:0 0 6px 6px;background:var(--dk-gold);color:#0D0D0D;font:700 12px/1.2 var(--dk-font-body)}
.dk-promo__art img{width:100%;max-height:160px;object-fit:contain}
.dk-read .dk-promo h3{margin:0;color:#fff;font-size:17px}
.dk-promo__key{color:var(--dk-gold);font:italic 800 19px/1.2 var(--dk-font-display);font-stretch:112%}
.dk-promo p:not(.dk-promo__key){font-size:14px;line-height:22px}
.dk-promo .dk-cta{margin:auto 0 0;padding-top:8px;justify-content:flex-start}
.dk-promo .dk-cta__item{align-items:flex-start;text-align:left}
.dk-promo .dk-cta__sub{color:var(--dk-muted-wine)}
.dk-promos--single{grid-template-columns:1fr!important}
@media (min-width:1024px){.dk-promos--single .dk-promo:has(.dk-promo__art){display:grid;grid-template-columns:260px 1fr;column-gap:24px}.dk-promos--single .dk-promo__art{grid-row:1/20}}

/* ===== T6 лестница уровней ===== */
.dk-ladder{list-style:none;margin:20px 0 0;padding:0!important;display:grid;gap:12px;position:relative}
.dk-ladder > li{margin:0!important;position:relative;display:flex;align-items:center;gap:12px;max-width:360px;min-height:84px;padding:14px 16px;border-radius:var(--dk-r-card);background:var(--dk-g-card);border:1px solid var(--dk-stroke)}
.dk-ladder > li:nth-child(odd){margin-right:24px!important}
.dk-ladder > li:nth-child(even){margin-left:24px!important;justify-self:end}
.dk-ladder__n{flex:0 0 auto;color:var(--dk-gold);font:italic 800 24px/1 var(--dk-font-display);font-stretch:125%;min-width:34px}
.dk-ladder__art{width:64px;height:64px;flex:0 0 auto;margin-left:auto}
.dk-ladder__art img{width:100%;height:100%;object-fit:contain}
.dk-ladder > li.dk-ladder__black{background:#050505;border-color:var(--dk-gold-line)}
@media (min-width:768px){.dk-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.dk-ladder > li{margin:0!important;justify-self:stretch!important;max-width:none}.dk-ladder > li:nth-child(4n+3),.dk-ladder > li:nth-child(4n+4){transform:translateX(16px);margin-right:16px!important}}
@media (min-width:1024px){
  .dk-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dk-ladder::before{content:"";position:absolute;inset:-10px 0;z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600' preserveAspectRatio='none'%3E%3Cpath d='M40 0C260 80 260 160 150 220S20 360 150 420s110 140-20 180' fill='none' stroke='%23C39B5D' stroke-opacity='.25' stroke-width='18'/%3E%3C/svg%3E") center/100% 100% no-repeat}
  .dk-ladder > li{transform:none!important}
  .dk-ladder > li:nth-child(3n+2){transform:translateY(24px)!important}
}

/* ===== T7 три шага входа ===== */
.dk-joinstrip{list-style:none;margin:18px 0 0;padding:0!important;display:grid;gap:12px;counter-reset:dk-join}
.dk-joinstrip > li{counter-increment:dk-join;margin:0!important;display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:var(--dk-r-card);background:var(--dk-g-card);border:1px solid var(--dk-stroke);font-size:14px;line-height:20px}
.dk-joinstrip > li::before{content:counter(dk-join);flex:0 0 auto;color:var(--dk-gold);font:italic 800 32px/1 var(--dk-font-display);font-stretch:125%}
@media (min-width:1024px){.dk-joinstrip{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ===== T8 переключатель систем ===== */
.dk-oslinks ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:1024px){.dk-oslinks ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dk-oslinks a{display:flex;flex-direction:column;gap:8px;height:100%;padding:12px 14px;border-radius:var(--dk-r-card);background:var(--dk-bg);border:1px solid var(--dk-line-2);color:#fff;text-decoration:none;font:700 14px/1.2 var(--dk-font-body)}
.dk-oslinks a:hover{border-color:var(--dk-gold)}
.dk-oslinks__os{display:flex;align-items:center;gap:8px}
.dk-oslinks__os .dk-i{color:var(--dk-gold)}
.dk-oslinks__br{color:var(--dk-muted-2);font-weight:500;font-size:13px}

/* ===== T9 одиночный кадр ===== */
.dk-shot{border-radius:var(--dk-r-card);overflow:hidden;border:1px solid var(--dk-field-line);background:var(--dk-bg);max-width:820px}
.dk-shot img{width:100%}
.dk-shot figcaption{padding:8px 12px;background:var(--dk-bg-extra);color:var(--dk-muted-2);font-size:13px;line-height:1.4}
.dk-shot--phone{max-width:360px}

/* ===== T10 врезка ===== */
.dk-note{display:flex;gap:12px;padding:14px 16px;border-radius:var(--dk-r-card);background:var(--dk-bg-extra);border-left:4px solid var(--dk-gold)}
.dk-note > .dk-i{color:var(--dk-gold);margin-top:2px}
.dk-note--warn{border-left-color:var(--dk-warn)}
.dk-note--warn > .dk-i{color:var(--dk-warn)}
.dk-note__body{min-width:0}
.dk-note__body > * + *{margin-top:10px}

/* ===== T11 ответственная игра ===== */
.dk-rg{padding:20px;border-radius:var(--dk-r-card);background:var(--dk-wine);border:1px solid var(--dk-stroke)}
.dk-rg h2{background:none;color:var(--dk-gold);-webkit-text-fill-color:currentColor}
.dk-rg .dk-chips li{background:var(--dk-wine-deep);border-color:var(--dk-stroke)}
.dk-rg .dk-table tbody tr:nth-child(odd){background:var(--dk-wine-deep)}
.dk-rg .dk-table tbody tr:nth-child(even){background:var(--dk-wine)}
.dk-rg small,.dk-rg .dk-muted{color:var(--dk-muted-wine)}
@media (min-width:1024px){.dk-rg{padding:28px 32px}}

/* ===== T12 FAQ ===== */
.dk-faq h2{font:italic 700 20px/1.25 var(--dk-font-display);font-stretch:112%;margin-bottom:14px}
@media (min-width:1024px){.dk-faq h2{font-size:24px}}
.dk-faq__list{display:grid;gap:10px}
.dk-faq__item{border-radius:var(--dk-r-card);background:var(--dk-bg-extra);border:1px solid var(--dk-line-2)}
.dk-faq__item summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;font:700 16px/1.35 var(--dk-font-body)}
.dk-faq__item summary::-webkit-details-marker{display:none}
.dk-faq__item summary::after{content:"";flex:0 0 28px;height:28px;margin-left:auto;border-radius:50%;background:var(--dk-wine-deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E7BB61' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/16px no-repeat;border:1px solid var(--dk-stroke);transition:transform .2s}
.dk-faq__item[open] summary::after{transform:rotate(180deg)}
.dk-faq__a{padding:0 16px 16px;font:400 15px/24px var(--dk-font-body)}
.dk-faq__a > * + *{margin-top:10px}
.dk-faq__a a:not(.dk-btn){color:var(--dk-gold);text-underline-offset:3px}

/* ===== T14 чипы ===== */
.dk-read ul.dk-chips,.dk-chips{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.dk-chips li{margin:0!important;padding:7px 14px;border-radius:999px;background:var(--dk-bg-extra);border:1px solid var(--dk-line-2);font:700 13px/1.35 var(--dk-font-body)}

/* ===== T15 каналы поддержки ===== */
.dk-channels{list-style:none;margin:18px 0 0;padding:0!important;display:grid;gap:12px}
@media (min-width:768px){.dk-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dk-channels > li{margin:0!important;display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:var(--dk-r-card);background:var(--dk-g-card);border:1px solid var(--dk-stroke)}
.dk-channels__ico{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:50%;background:var(--dk-wine-deep);border:1px solid var(--dk-stroke);color:var(--dk-gold)}
.dk-channels__name{font:italic 700 17px/1.2 var(--dk-font-display);font-stretch:112%}
.dk-channels__meta{color:var(--dk-muted-wine);font-size:14px}
.dk-channels a{color:var(--dk-gold)}

/* ===== T16 техстраница ===== */
.dk-legal{max-width:720px;margin-inline:auto}
.dk-legal h2{background:none;color:var(--dk-gold);-webkit-text-fill-color:currentColor;font-size:19px}
@media (min-width:1024px){.dk-legal h2{font-size:20px}.dk-legal{font-size:16px;line-height:26px}}

/* ===== 404 ===== */
.dk-404{text-align:center;padding:40px 0}
.dk-404__code{font:italic 800 96px/1 var(--dk-font-display);font-stretch:125%}
.dk-404 h1{margin:12px 0;font:italic 800 28px/1.2 var(--dk-font-display);font-stretch:125%}
.dk-channels__name a{overflow-wrap:anywhere}