/* Dukat.bet satellite - каркас: токены, шрифты, база, кнопки, шапка, шторка, нижняя панель, крошки, футер, блок помощи.
   Спецификация: sat-work/dukatbets-hu/design.md §1-2. Секции контента - site.css. */

/* ---------- шрифты (локально, OFL 1.1: assets/fonts/OFL-*.txt) ---------- */
@font-face{font-family:"Roboto";font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(fonts/roboto-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Roboto";font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(fonts/roboto-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:"Archivo";font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-italic-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:italic;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-italic-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}

/* ---------- токены ---------- */
:root{
  --dk-bg:#0F0F0F;--dk-bg-extra:#1D1819;--dk-wine:#4C0B1A;--dk-wine-deep:#400913;--dk-wine-4:#4E0D19;--dk-wine-5:#6B0A1C;
  --dk-stroke:#9C1D35;--dk-field:#221D1F;--dk-field-line:#45393B;--dk-line:#1D1819;--dk-line-2:#2A2224;
  --dk-text:#FFFFFF;--dk-muted:#90797F;--dk-muted-wine:#B5A3A8;--dk-muted-2:#A8949A;--dk-disabled:#6E6064;
  --dk-gold:#E7BB61;--dk-gold-2:#C39B5D;--dk-gold-line:#EEC367;--dk-icon:#7C6C73;
  --dk-ok:#46C270;--dk-warn:#F4C443;--dk-err:#E0414F;--dk-focus:#F6D680;
  --dk-g-text:linear-gradient(116deg,#AD7A30 16%,#E7BB61 49%,#F6D680 83%);
  --dk-g-btn:linear-gradient(269deg,#FED05D -1.61%,#F9D490 51.99%,#FFB13B 101.61%);
  --dk-g-btn-hover:#F2D06E;
  --dk-g-red:linear-gradient(90deg,#AD002A 0%,#DE0036 50%,#9B0025 100%);
  --dk-g-cat:linear-gradient(#6B0A1C,#0F0F0F);
  --dk-g-card:linear-gradient(180deg,#4C0B1A,#4E0D19);
  --dk-g-section:radial-gradient(120% 90% at 50% 0%,#6B0A1C 0%,#4C0B1A 45%,#0F0F0F 100%);
  --dk-r-btn:12px;--dk-r-tile:12px;--dk-r-cat:10px;--dk-r-card:10px;--dk-r-promo:20px;--dk-r-tag:6px 6px 0 0;
  --dk-header-h:60px;--dk-tabbar-h:46px;--dk-container:1000px;--dk-gutter:16px;
  --dk-font-body:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --dk-font-display:"Archivo","Arial Black","Segoe UI",Arial,sans-serif;
  color-scheme:dark;
}
@media (min-width:768px){:root{--dk-gutter:24px}}

/* ---------- база ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--dk-header-h) + 12px);font-synthesis-weight:none}
body{margin:0;background:var(--dk-bg);color:var(--dk-text);font:400 16px/1.5 var(--dk-font-body);overflow-x:hidden;
  padding-top:var(--dk-header-h);padding-bottom:calc(var(--dk-tabbar-h) + env(safe-area-inset-bottom))}
@media (min-width:768px){body{padding-bottom:0}}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--dk-gold)}
:focus-visible{outline:2px solid var(--dk-focus);outline-offset:2px}
h1,h2,h3,h4{margin:0;font-weight:700}
p,ul,ol,figure{margin:0}
button{font:inherit;color:inherit}
.dk-container{max-width:var(--dk-container);margin:0 auto;padding:0 var(--dk-gutter)}
.dk-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.dk-skip{position:fixed;left:12px;top:8px;z-index:100;padding:10px 16px;border-radius:var(--dk-r-btn);background:var(--dk-g-btn);color:#0D0D0D;font-weight:700;text-decoration:none;transform:translateY(-300%)}
.dk-skip:focus{transform:none}
.dk-i{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dk-nw{white-space:nowrap}
/* золотой градиентный текст (на --dk-bg и крупный на бордовом) */
.dk-gtext{background:var(--dk-g-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.dk-display{font-family:var(--dk-font-display);font-style:italic;font-weight:800;font-stretch:125%;letter-spacing:-.01em}

/* ---------- кнопки ---------- */
.dk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 22px;border-radius:var(--dk-r-btn);
  font:italic 800 16px/1.1 var(--dk-font-display);font-stretch:112%;text-transform:uppercase;text-decoration:none;text-align:center;border:1px solid transparent;cursor:pointer;
  transition:background-color .15s,filter .15s}
.dk-btn--gold{background:var(--dk-g-btn);color:#0D0D0D;border-color:#0D0D0D}
.dk-btn--gold:hover{background:var(--dk-g-btn-hover)}
.dk-btn--red{background:var(--dk-g-red);color:#fff;border-color:#DE0036}
.dk-btn--red:hover{filter:brightness(1.12)}
.dk-btn--line{background:#050505;color:var(--dk-gold-line);border-color:var(--dk-gold-line)}
.dk-btn--line:hover{background:#2B2115}
.dk-btn--sm{min-height:32px;padding:6px 9px;font-size:11px;font-stretch:100%;border-radius:10px;letter-spacing:0}
@media (min-width:768px){.dk-btn--sm{min-height:40px;padding:8px 14px;font-size:14px;font-stretch:112%;border-radius:var(--dk-r-btn)}}
.dk-btn--wide{width:100%}
.dk-chev{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--dk-wine-deep);border:1px solid var(--dk-stroke);color:var(--dk-gold);cursor:pointer;padding:0}
.dk-chev .dk-i{width:18px;height:18px;stroke-width:2.4}
.dk-chev--sq{width:32px;height:32px;border-radius:8px}

/* ---------- шапка ---------- */
.dk-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--dk-header-h);background:var(--dk-bg);border-bottom:1px solid var(--dk-line)}
.dk-header__bar{height:100%;display:flex;align-items:center;gap:12px}
.dk-burger{display:none;width:40px;height:40px;place-items:center;cursor:pointer;color:var(--dk-gold);border-radius:8px}
.dk-burger .dk-i{width:26px;height:26px;stroke-width:2.4}
.dk-burger .dk-i--close{display:none}
.dk-logo{display:inline-flex;align-items:center;flex:0 0 auto}
.dk-logo img{width:100px;height:auto}
.dk-topnav{display:none}
.dk-header__actions{margin-left:auto;display:flex;gap:6px;align-items:center;min-width:0}
@media (max-width:359.98px){.dk-header__actions .dk-btn--red{display:none}}
@media (min-width:768px){
  .dk-burger{display:inline-grid}
  .dk-logo img{width:140px}
}
@media (min-width:1024px){
  .dk-logo img{width:160px}
  .dk-header__bar{gap:20px}
  .dk-topnav{display:block}
  .dk-topnav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
  .dk-topnav a,.dk-topnav span{display:block;padding:8px 0;color:#fff;font:700 14px/1 var(--dk-font-body);text-decoration:none;border-bottom:2px solid transparent}
  .dk-topnav a:hover{color:var(--dk-gold)}
  .dk-topnav [aria-current]{color:var(--dk-gold);border-bottom-color:var(--dk-gold)}
  .dk-header__actions .dk-btn--red{min-width:140px}
  .dk-header__actions .dk-btn--gold{min-width:138px}
}
/* открытое меню: иконки X */
body:has(#dk-menu:checked){overflow:hidden}
#dk-menu:checked ~ .dk-header__bar .dk-burger .dk-i--menu{display:none}
#dk-menu:checked ~ .dk-header__bar .dk-burger .dk-i--close{display:block}

/* ---------- шторка ---------- */
.dk-drawer{position:fixed;left:0;top:var(--dk-header-h);bottom:calc(var(--dk-tabbar-h) + env(safe-area-inset-bottom));z-index:49;width:100%;
  background:var(--dk-bg);overflow-y:auto;overscroll-behavior:contain;padding:16px var(--dk-gutter) 20px;display:flex;flex-direction:column;gap:18px;
  transform:translateX(-100%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}
#dk-menu:checked ~ .dk-drawer{transform:none;visibility:visible;transition:transform .22s ease}
.dk-scrim{display:none}
@media (min-width:768px){
  .dk-drawer{width:414px;bottom:0;border-right:1px solid var(--dk-stroke)}
  #dk-menu:checked ~ .dk-scrim{display:block;position:fixed;inset:var(--dk-header-h) 0 0;z-index:48;background:rgba(0,0,0,.55);cursor:pointer}
}
.dk-drawer__offer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:14px 16px;border-radius:var(--dk-r-card);background:var(--dk-g-card);border:1px solid var(--dk-stroke)}
.dk-drawer__offer-label{grid-column:1;font:italic 700 14px/1.2 var(--dk-font-display);font-stretch:112%;color:var(--dk-gold)}
.dk-drawer__offer-sum{grid-column:1;font:italic 800 19px/1.2 var(--dk-font-display);font-stretch:112%}
.dk-drawer__offer .dk-btn{grid-column:2;grid-row:1/3;min-height:34px;padding:6px 14px;font-size:13px}
.dk-drawer__nav ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.dk-drawer__nav a,.dk-drawer__nav span{display:flex;align-items:center;gap:14px;padding:6px 4px;color:#fff;font:700 15px/1.2 var(--dk-font-body);text-decoration:none;border-radius:8px}
.dk-drawer__nav a:hover{background:var(--dk-bg-extra)}
.dk-drawer__nav [aria-current]{color:var(--dk-gold)}
.dk-drawer__ico{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--dk-wine);color:var(--dk-gold)}
.dk-drawer__ico .dk-i{width:19px;height:19px}
.dk-drawer__foot{margin-top:auto;display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--dk-line-2)}
.dk-drawer__tile{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--dk-r-card);background:var(--dk-g-card);border:1px solid var(--dk-stroke);color:#fff;font:700 15px/1.2 var(--dk-font-body);text-decoration:none}
.dk-drawer__tile .dk-i{color:var(--dk-gold)}

/* ---------- нижняя панель (только <768) ---------- */
.dk-tabbar{position:fixed;inset:auto 0 0;z-index:51;height:calc(var(--dk-tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--dk-bg);border-top:1px solid var(--dk-line)}
.dk-tabbar ul{list-style:none;margin:0;padding:0;height:var(--dk-tabbar-h);display:grid;grid-template-columns:repeat(5,1fr);align-items:end}
.dk-tabbar li{display:flex;justify-content:center}
.dk-tabbar a,.dk-tabbar span,.dk-tabbar label{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0 5px;min-width:56px;color:var(--dk-muted-2);font:500 11px/1.1 var(--dk-font-body);text-decoration:none;cursor:pointer}
.dk-tabbar .dk-i{color:var(--dk-icon)}
.dk-tabbar [aria-current],.dk-tabbar [aria-current] .dk-i{color:var(--dk-gold)}
.dk-tabbar .dk-tabbar__join{width:44px;height:44px;min-width:0;padding:0;margin-bottom:5px;justify-content:center;border-radius:10px;background:var(--dk-g-red);border:1px solid #DE0036;transform:translateY(-6px)}
.dk-tabbar .dk-tabbar__join .dk-i{color:#fff;width:24px;height:24px}
.dk-tabbar .dk-i--close{display:none}
body:has(#dk-menu:checked) .dk-tabbar__menu .dk-i--menu{display:none}
body:has(#dk-menu:checked) .dk-tabbar__menu .dk-i--close{display:block}
body:has(#dk-menu:checked) .dk-tabbar__menu,body:has(#dk-menu:checked) .dk-tabbar__menu .dk-i{color:var(--dk-gold)}
@media (min-width:768px){.dk-tabbar{display:none}}

/* ---------- крошки ---------- */
.dk-crumbs ol{list-style:none;margin:0;padding:10px var(--dk-gutter) 0;display:flex;justify-content:center;flex-wrap:wrap;gap:4px 8px;
  font:700 13px/18px var(--dk-font-body);text-transform:uppercase;letter-spacing:.04em}
.dk-crumbs li + li::before{content:"\203A";margin-right:8px;color:var(--dk-muted-2)}
.dk-crumbs a{color:var(--dk-gold);text-decoration:none}
.dk-crumbs a:hover{text-decoration:underline}
.dk-crumbs [aria-current]{color:#fff}

/* ---------- футер ---------- */
.dk-footer{margin-top:56px;border-top:1px solid var(--dk-line);padding:28px 0 32px}
.dk-footer h2{margin:0;font:700 14px/1.3 var(--dk-font-body);text-transform:uppercase;letter-spacing:.04em}
.dk-footer-ctas{display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--dk-line-2)}
.dk-footer-ctas .dk-logo img{width:150px}
.dk-footer-ctas__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.dk-footer-ctas__btns .dk-btn{min-width:200px}
@media (min-width:768px){.dk-footer-ctas{flex-direction:row;justify-content:space-between}}
.dk-footer__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px;padding:28px 0}
@media (min-width:768px){.dk-footer__cols{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dk-footer__cols h2{color:var(--dk-gold-2);margin-bottom:12px}
.dk-footer__cols ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dk-footer__cols a,.dk-footer__cols span{color:#fff;font:700 14px/1.3 var(--dk-font-body);text-decoration:none}
.dk-footer__cols a:hover{color:var(--dk-gold)}
.dk-footer__cols [aria-current]{color:var(--dk-gold)}
.dk-footer__band{padding:6px 0 22px}
.dk-footer__band h2{display:flex;align-items:center;gap:16px;color:#fff;text-transform:none;letter-spacing:0;font-size:15px;margin-bottom:16px}
.dk-footer__band h2::before,.dk-footer__band h2::after{content:"";flex:1;height:1px;background:var(--dk-line-2)}
.dk-paylist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.dk-paylist li{padding:8px 14px;border-radius:8px;background:var(--dk-bg-extra);border:1px solid var(--dk-line-2);font:700 13px/1.2 var(--dk-font-body)}
.dk-studiolist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;text-align:center}
.dk-studiolist li{color:var(--dk-muted-2);font:700 13px/1.3 var(--dk-font-body)}
@media (min-width:768px){.dk-studiolist{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.dk-studiolist{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* блок 18+ и помощи: квадратные карточки-ссылки */
.dk-helpline{padding:8px 0 24px}
.dk-helpline ul{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.dk-helpline li{flex:0 1 200px}
.dk-helpline__card{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;text-align:center;border-radius:var(--dk-r-card);
  background:var(--dk-g-card);border:1px solid var(--dk-stroke);text-decoration:none;transition:border-color .15s}
a.dk-helpline__card:hover{border-color:var(--dk-gold)}
.dk-helpline strong{font:italic 800 30px/1 var(--dk-font-display);font-stretch:125%}
.dk-helpline small{color:var(--dk-muted-wine);font:500 13px/1.35 var(--dk-font-body)}
@media (max-width:420px){.dk-helpline li{flex:1 1 0}.dk-helpline strong{font-size:26px}}

.dk-footer__legaltext{max-width:760px;margin:0 auto;text-align:center;display:grid;gap:10px;font:400 14px/22px var(--dk-font-body)}
.dk-footer__legaltext p:first-child{font-weight:700}
.dk-footer__legal{list-style:none;margin:18px 0 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 0;font:500 13px/1.3 var(--dk-font-body)}
.dk-footer__legal li + li::before{content:"";display:inline-block;width:4px;height:4px;margin:0 12px 2px;border-radius:50%;background:var(--dk-muted-2)}
.dk-footer__legal a{color:var(--dk-muted-2)}
.dk-footer__legal a:hover{color:var(--dk-gold)}
.dk-footer__legal [aria-current]{color:#fff}

/* ---------- плашка ярлыка (768+, не на /app/) ---------- */
.dk-pwabar{position:fixed;left:50%;bottom:20px;z-index:40;width:min(654px,calc(100% - 48px));transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:14px 18px;
  border-radius:var(--dk-r-card);background:#151213;border:1px solid var(--dk-stroke)}
.dk-pwabar[hidden]{display:none}
.dk-pwabar img{width:56px;height:56px;border-radius:12px}
.dk-pwabar p{flex:1;font:700 15px/1.35 var(--dk-font-body)}
.dk-pwabar .dk-btn{min-height:40px;font-size:14px}
.dk-pwabar__close{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:0;background:var(--dk-err);color:#fff;cursor:pointer}
.dk-pwabar__close .dk-i{width:16px;height:16px;stroke-width:2.6}
@media (max-width:767.98px){.dk-pwabar{display:none}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}