/* ==== 7К Казино · 7k561p.casino — тема «телефонная станция с коммутатором» ==== */
:root{
  --sw-bakelite:#141317;
  --sw-panel:#1c1a20;
  --sw-panel2:#242128;
  --sw-brass:#c89a4a;
  --sw-brass-lt:#e0c07a;
  --sw-ivory:#e9e5da;
  --sw-muted:#9d968a;
  --sw-line:#3a3540;
  --sw-wrap:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body.switch-body{
  background:var(--sw-bakelite);
  background-image:radial-gradient(circle at 18% 12%,rgba(200,154,74,.09),transparent 42%),
                   radial-gradient(circle at 84% 4%,rgba(233,229,218,.05),transparent 38%);
  color:var(--sw-ivory);
  font-family:"Signika Negative",system-ui,Segoe UI,Arial,sans-serif;
  font-weight:400;line-height:1.6;font-size:16px;overflow-x:hidden;
}
svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:"Rokkitt",Georgia,serif;font-weight:700;line-height:1.12;letter-spacing:.2px}
em{font-style:normal}

.switch-skip{position:absolute;left:-9999px;top:0;background:var(--sw-brass);color:#17140d;padding:12px 18px;z-index:120;font-weight:600}
.switch-skip:focus{left:10px;top:10px}

/* ---- шапка ---- */
.switch-bar{
  position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:18px;
  padding:12px clamp(12px,4vw,32px);
  background:rgba(20,19,23,.94);backdrop-filter:blur(9px);
  border-bottom:1px solid var(--sw-line);
  box-shadow:0 2px 0 rgba(200,154,74,.28);
}
.switch-logo{display:flex;align-items:center;gap:12px}
.switch-logo__svg{width:38px;height:38px;flex:none}
.switch-logo__t{font-family:"Rokkitt",serif;font-weight:800;font-size:19px;line-height:1;display:flex;flex-direction:column;gap:4px;letter-spacing:.4px}
.switch-logo__sub{font-family:"Signika Negative",sans-serif;font-weight:400;font-size:11px;color:var(--sw-muted);letter-spacing:.3px}
.switch-nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.switch-nav a{font-size:13px;font-weight:600;padding:11px 12px;color:var(--sw-muted);border-bottom:2px solid transparent;min-height:44px;display:flex;align-items:center}
.switch-nav a:hover{color:var(--sw-brass-lt);border-bottom-color:var(--sw-brass)}

/* ---- кнопка-джек ---- */
.switch-cta{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:"Rokkitt",serif;font-weight:700;letter-spacing:.4px;
  background:linear-gradient(160deg,var(--sw-brass-lt),var(--sw-brass));
  color:#191509;border-radius:6px;padding:14px 28px;min-height:46px;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 6px 18px rgba(200,154,74,.26),inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform .12s ease,box-shadow .12s ease;
}
.switch-cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(200,154,74,.36),inset 0 1px 0 rgba(255,255,255,.4)}
.switch-cta--sm{padding:10px 18px;font-size:14px;min-height:44px}
.switch-cta--big{font-size:18px;padding:16px 34px;min-height:52px}
.switch-cta--ghost{background:transparent;color:var(--sw-brass-lt);border:1px solid var(--sw-brass);box-shadow:none}
.switch-cta--ghost:hover{background:rgba(200,154,74,.1);box-shadow:none}

/* ---- бегущая строка коммутатора ---- */
.switch-marq{overflow:hidden;white-space:nowrap;background:linear-gradient(90deg,#1a1820,#241f28,#1a1820);border-bottom:1px solid var(--sw-line)}
.switch-marq__track{display:inline-flex;align-items:center;gap:20px;padding:9px 0;animation:switch-roll 34s linear infinite;will-change:transform}
.switch-marq__seg{font-family:"Rokkitt",serif;font-weight:600;font-size:13.5px;color:var(--sw-ivory);letter-spacing:.4px}
.switch-marq__pin{color:var(--sw-brass);font-size:11px}
@keyframes switch-roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.switch-marq__track{animation:none}}

/* ---- каркас ---- */
main{max-width:var(--sw-wrap);margin:0 auto;padding:24px clamp(12px,4vw,28px);display:flex;flex-direction:column;gap:22px}

/* ---- панель показателей ---- */
.switch-strip{display:grid;grid-template-columns:repeat(5,1fr);background:var(--sw-panel);border:1px solid var(--sw-line);border-radius:10px;overflow:hidden}
.switch-strip__cell{padding:16px 14px;border-right:1px solid var(--sw-line);display:flex;flex-direction:column;gap:3px}
.switch-strip__cell:last-child{border-right:0}
.switch-strip__n{font-family:"Rokkitt",serif;font-weight:800;font-size:clamp(19px,2.4vw,27px);color:var(--sw-brass-lt)}
.switch-strip__l{font-size:12px;color:var(--sw-muted)}

/* ---- герой ---- */
.switch-hero{
  display:grid;grid-template-columns:1.6fr 1fr;gap:0;
  background:var(--sw-panel);border:1px solid var(--sw-line);border-radius:14px;overflow:hidden;
  box-shadow:0 20px 48px rgba(0,0,0,.44);
}
.switch-hero__lead{padding:clamp(22px,3.4vw,42px);border-right:1px solid var(--sw-line)}
.switch-tag{display:inline-block;font-size:12px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:var(--sw-brass-lt);border:1px solid rgba(200,154,74,.45);border-radius:20px;padding:5px 14px;margin-bottom:18px}
.switch-hero h1{font-size:clamp(28px,4.3vw,47px);margin-bottom:16px}
.switch-hero__sub{color:var(--sw-muted);font-size:16px;margin-bottom:24px;max-width:62ch}
.switch-hero__btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.switch-jackrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.switch-jack{border:1px solid var(--sw-line);border-radius:9px;padding:11px 14px;display:flex;flex-direction:column;gap:3px;background:var(--sw-panel2);min-height:44px;justify-content:center}
.switch-jack:hover{border-color:var(--sw-brass);background:rgba(200,154,74,.08)}
.switch-jack__k{font-family:"Rokkitt",serif;font-weight:700;font-size:14px;color:var(--sw-ivory)}
.switch-jack__v{font-size:12px;color:var(--sw-muted)}
.switch-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.switch-kpi__i{border:1px solid rgba(200,154,74,.35);border-radius:9px;padding:12px 8px;text-align:center;background:rgba(200,154,74,.05)}
.switch-kpi__n{display:block;font-family:"Rokkitt",serif;font-weight:800;font-size:clamp(20px,2.5vw,29px);color:var(--sw-brass-lt)}
.switch-kpi__l{font-size:11.5px;color:var(--sw-muted)}

/* ---- патч-панель героя ---- */
.switch-hero__art{
  display:flex;flex-direction:column;justify-content:center;gap:12px;
  padding:clamp(20px,3vw,32px);min-height:300px;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 1px,transparent 12px),var(--sw-panel2);
}
.switch-plug{position:relative;display:flex;align-items:center;gap:10px;height:34px}
.switch-plug span{font-family:"Rokkitt",serif;font-weight:700;font-size:12px;color:var(--sw-muted);min-width:66px;letter-spacing:.6px}
.switch-plug i{
  display:block;height:8px;width:var(--w);border-radius:4px;
  background:linear-gradient(90deg,rgba(200,154,74,.25),var(--sw-brass));
  position:relative;
}
.switch-plug i::after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;background:var(--sw-brass-lt);box-shadow:0 0 0 2px rgba(20,19,23,.9),0 0 10px rgba(200,154,74,.55)}
.switch-plug--top span{color:var(--sw-brass-lt)}
.switch-plug--top i{background:linear-gradient(90deg,var(--sw-brass),var(--sw-ivory))}

/* ---- секции ---- */
.switch-panel{background:var(--sw-panel);border:1px solid var(--sw-line);border-radius:14px;padding:clamp(22px,3.4vw,40px)}
.switch-label{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--sw-brass);border-left:3px solid var(--sw-brass);padding-left:10px;margin-bottom:16px}
.switch-panel h2{font-size:clamp(23px,3.1vw,35px);margin-bottom:14px}
.switch-panel h3{font-size:clamp(16px,2vw,21px);margin:22px 0 8px;color:var(--sw-brass-lt)}
.switch-lead{color:var(--sw-muted);font-size:16px;margin-bottom:22px;max-width:80ch}
.switch-panel p{margin-bottom:10px}
.switch-panel > .switch-cta{margin-top:24px}

/* ---- сетки ---- */
.switch-grid{display:grid;gap:14px}
.switch-grid--3{grid-template-columns:repeat(3,1fr)}
.switch-grid--4{grid-template-columns:repeat(4,1fr)}
.switch-grid--tiles{grid-template-columns:repeat(4,1fr)}
.switch-grid--live{grid-template-columns:repeat(3,1fr)}
.switch-grid--rails{grid-template-columns:repeat(3,1fr)}

/* ---- депозиты ---- */
.switch-dep{border:1px solid var(--sw-line);border-radius:10px;background:var(--sw-panel2);padding:18px;position:relative;overflow:hidden}
.switch-dep::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--sw-brass-lt),transparent)}
.switch-dep__s{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--sw-muted)}
.switch-dep__p{display:block;font-family:"Rokkitt",serif;font-weight:800;font-size:33px;color:var(--sw-brass);margin:4px 0 10px}
.switch-dep h3{font-size:15px;color:var(--sw-ivory);margin:0 0 8px;line-height:1.32}
.switch-dep p{font-size:13.5px;color:var(--sw-muted);margin:0}

/* ---- шаги ---- */
.switch-step{border:1px solid var(--sw-line);border-radius:10px;background:var(--sw-panel2);padding:20px}
.switch-step__n{font-family:"Rokkitt",serif;font-weight:800;font-size:34px;color:rgba(200,154,74,.55);display:block;line-height:1;margin-bottom:8px}
.switch-step h3{margin:0 0 8px;font-size:18px;color:var(--sw-ivory)}
.switch-step p{font-size:13.5px;color:var(--sw-muted);margin:0}

/* ---- плитки каталога ---- */
.switch-tile{border:1px solid var(--sw-line);border-radius:10px;background:var(--sw-bakelite);display:flex;flex-direction:column;overflow:hidden}
.switch-tile__c{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;font-family:"Rokkitt",serif;font-weight:800;font-size:15px;color:#17140d;line-height:1.15}
.switch-tile h3{font-size:13.5px;color:var(--sw-ivory);padding:10px 10px 2px;margin:0;line-height:1.25}
.switch-tile p{font-size:11.5px;color:var(--sw-muted);padding:0 10px 10px;margin:0}
.switch-tile__go{margin:auto 10px 10px;text-align:center;font-family:"Rokkitt",serif;font-weight:700;font-size:13px;background:rgba(200,154,74,.16);color:var(--sw-brass-lt);border:1px solid rgba(200,154,74,.42);border-radius:6px;padding:11px;min-height:44px;display:flex;align-items:center;justify-content:center}
.switch-tile__go:hover{background:var(--sw-brass);color:#17140d}
.t1{background:linear-gradient(150deg,#e0c07a,#b07f31)}
.t2{background:linear-gradient(150deg,#d8cbb0,#8e7f5f)}
.t3{background:linear-gradient(150deg,#c9a86a,#7d5f2e)}
.t4{background:linear-gradient(150deg,#e9e5da,#b8ac92)}
.t5{background:linear-gradient(150deg,#bda06b,#6d5423)}
.t6{background:linear-gradient(150deg,#e6d29a,#a9853c)}
.t7{background:linear-gradient(150deg,#cdbf9e,#8a7a52)}
.t8{background:linear-gradient(150deg,#e0c07a,#96702c)}
.t9{background:linear-gradient(150deg,#dfd3b6,#a3936c)}
.t10{background:linear-gradient(150deg,#c8a04a,#6f5320)}
.t11{background:linear-gradient(150deg,#e9e5da,#c2b494)}
.t12{background:linear-gradient(150deg,#d4b477,#8b6a2c)}

/* ---- чипы ---- */
.switch-chips{margin-top:16px;border:1px solid var(--sw-line);border-radius:10px;padding:14px;background:var(--sw-panel2)}
.switch-chips__t{font-family:"Rokkitt",serif;font-weight:700;font-size:13px;color:var(--sw-brass-lt);display:block;margin-bottom:10px;letter-spacing:.5px}
.switch-chips__l{display:flex;flex-wrap:wrap;gap:8px}
.switch-chips__l span{font-size:12.5px;border:1px solid var(--sw-line);border-radius:20px;padding:6px 13px;background:var(--sw-bakelite);color:var(--sw-muted)}

/* ---- линии клуба ---- */
.switch-cords{display:flex;flex-direction:column;gap:9px;margin-bottom:22px}
.switch-cord{position:relative;display:flex;align-items:center;gap:14px;border:1px solid var(--sw-line);border-radius:9px;background:var(--sw-bakelite);padding:13px 16px;overflow:hidden;min-height:48px}
.switch-cord__f{position:absolute;left:0;top:0;bottom:0;width:var(--f);background:linear-gradient(90deg,rgba(200,154,74,.22),rgba(200,154,74,.06));border-right:2px solid var(--sw-brass);z-index:0}
.switch-cord__n{position:relative;z-index:1;font-family:"Rokkitt",serif;font-weight:700;font-size:17px;min-width:112px;letter-spacing:.5px}
.switch-cord__c{position:relative;z-index:1;margin-left:auto;font-family:"Rokkitt",serif;font-weight:700;color:var(--sw-brass-lt);font-size:15px}
.switch-cord--top{border-color:var(--sw-brass)}
.switch-cord--top .switch-cord__f{background:linear-gradient(90deg,rgba(233,229,218,.2),rgba(200,154,74,.14));border-right-color:var(--sw-ivory)}

/* ---- карточки-заметки ---- */
.switch-note{border:1px solid var(--sw-line);border-radius:10px;background:var(--sw-panel2);padding:16px}
.switch-note h3{font-size:14.5px;color:var(--sw-brass-lt);margin:0 0 8px}
.switch-note p{font-size:13.5px;color:var(--sw-muted);margin:0}
.switch-note--kpi{text-align:center;display:flex;flex-direction:column;gap:4px;justify-content:center}
.switch-note__n{font-family:"Rokkitt",serif;font-weight:800;font-size:32px;color:var(--sw-brass)}
.switch-note__c{font-size:12.5px;letter-spacing:.4px}
.switch-note--kpi em{font-size:12px;color:var(--sw-muted)}

/* ---- live ---- */
.switch-live{border:1px solid var(--sw-line);border-radius:10px;background:var(--sw-bakelite);display:flex;flex-direction:column;overflow:hidden}
.switch-live__c{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-family:"Rokkitt",serif;font-weight:800;font-size:18px;color:#17140d;text-align:center;padding:10px;line-height:1.15}
.v1{background:linear-gradient(150deg,#e0c07a,#a87e33)}
.v2{background:linear-gradient(150deg,#d6c9ac,#8b7c56)}
.v3{background:linear-gradient(150deg,#e9e5da,#b5a888)}
.v4{background:linear-gradient(150deg,#c9a45c,#71531f)}
.v5{background:linear-gradient(150deg,#ddd0ae,#9a8a60)}
.v6{background:linear-gradient(150deg,#e6cd8e,#9d7833)}
.switch-live__b{padding:14px;position:relative}
.switch-live__d{position:absolute;top:-13px;right:12px;background:var(--sw-brass);color:#17140d;font-family:"Rokkitt",serif;font-weight:700;font-size:11px;letter-spacing:.8px;text-transform:uppercase;padding:4px 10px;border-radius:5px}
.switch-live__b h3{font-size:16px;color:var(--sw-ivory);margin:0 0 4px}
.switch-live__s{font-size:12px;color:var(--sw-muted);margin:0 0 8px}
.switch-live__m{font-family:"Rokkitt",serif;font-weight:700;color:var(--sw-brass-lt);font-size:15px;margin:0}
.switch-live__p{font-size:12px;color:var(--sw-muted);margin:2px 0 0}

/* ---- бейджи ---- */
.switch-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.switch-badges span{font-size:11.5px;letter-spacing:.4px;border:1px solid rgba(200,154,74,.4);border-radius:20px;padding:7px 14px;background:rgba(200,154,74,.06);color:var(--sw-brass-lt)}

/* ---- отзывы ---- */
.switch-rev{border:1px solid var(--sw-line);border-radius:10px;background:var(--sw-panel2);padding:18px}
.switch-rev__st{color:var(--sw-brass);font-size:16px;letter-spacing:2px;margin-bottom:10px}
.switch-rev__off{color:var(--sw-line)}
.switch-rev__q{font-size:14px;margin-bottom:14px}
.switch-rev__m{font-size:12.5px;color:var(--sw-muted);display:flex;align-items:center;gap:9px}
.switch-rev__a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--sw-brass);color:#17140d;font-family:"Rokkitt",serif;font-weight:800}

/* ---- касса ---- */
.switch-rail{border:1px solid var(--sw-line);border-radius:10px;background:var(--sw-panel2);padding:16px;display:flex;flex-direction:column;gap:3px}
.switch-rail__k{font-family:"Rokkitt",serif;font-weight:800;font-size:19px;color:var(--sw-brass-lt);letter-spacing:.5px}
.switch-rail em{font-size:12.5px;color:var(--sw-muted)}
.switch-time{margin-top:16px;border:1px solid var(--sw-line);border-radius:10px;overflow-x:auto}
.switch-time__r{display:flex;gap:16px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--sw-line);min-width:420px}
.switch-time__r:last-child{border-bottom:0}
.switch-time__k{font-family:"Rokkitt",serif;font-weight:700;color:var(--sw-brass);font-size:15px;min-width:92px}
.switch-time__r span:last-child{font-size:14px;color:var(--sw-muted)}

/* ---- финальный призыв ---- */
.switch-final{
  text-align:center;border-radius:14px;padding:clamp(30px,5vw,54px);
  background:linear-gradient(140deg,rgba(200,154,74,.2),rgba(36,33,40,.95));
  border:1px solid rgba(200,154,74,.45);
}
.switch-final h2{font-size:clamp(24px,3.8vw,40px);margin-bottom:12px}
.switch-final p{margin-bottom:24px;color:var(--sw-ivory)}

/* ---- FAQ ---- */
.switch-faq{display:flex;flex-direction:column;gap:9px}
.switch-faq details{border:1px solid var(--sw-line);border-radius:10px;background:var(--sw-panel2);overflow:hidden}
.switch-faq summary{cursor:pointer;list-style:none;padding:15px 46px 15px 16px;font-family:"Rokkitt",serif;font-weight:700;font-size:16px;position:relative;line-height:1.35;min-height:48px}
.switch-faq summary::-webkit-details-marker{display:none}
.switch-faq summary::after{content:"◉";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:14px;color:var(--sw-brass)}
.switch-faq details[open] summary{color:var(--sw-brass-lt);border-bottom:1px solid var(--sw-line)}
.switch-faq details[open] summary::after{content:"◎"}
.switch-faq details p{padding:14px 16px;margin:0;font-size:14px;color:var(--sw-muted)}

.switch-author p{color:var(--sw-muted);font-size:15px}

/* ---- подвал ---- */
.switch-foot{max-width:var(--sw-wrap);margin:22px auto 0;padding:0 clamp(12px,4vw,28px) 34px}
.switch-foot__top{border:1px solid var(--sw-line);border-radius:14px 14px 0 0;background:var(--sw-panel);padding:26px;display:grid;grid-template-columns:1.15fr 2fr;gap:26px}
.switch-foot__brand{display:flex;gap:14px;align-items:flex-start}
.switch-foot__svg{width:42px;height:42px;flex:none}
.switch-foot__legal{font-size:12.5px;color:var(--sw-muted);margin:0}
.switch-foot__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.switch-foot__col h4{font-family:"Rokkitt",serif;font-weight:700;font-size:13.5px;color:var(--sw-brass-lt);margin-bottom:9px;letter-spacing:.5px}
.switch-foot__col ul{list-style:none;font-size:12.5px;color:var(--sw-muted);display:flex;flex-direction:column;gap:5px}
.switch-foot__bottom{border:1px solid var(--sw-line);border-top:0;border-radius:0 0 14px 14px;background:var(--sw-bakelite);padding:16px 26px;display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--sw-muted)}
.switch-foot__bottom span:first-child{color:var(--sw-ivory);font-weight:600}

/* ==== адаптив ==== */
@media (max-width:1024px){
  .switch-hero{grid-template-columns:1fr}
  .switch-hero__lead{border-right:0;border-bottom:1px solid var(--sw-line)}
  .switch-hero__art{min-height:230px}
  .switch-grid--tiles{grid-template-columns:repeat(3,1fr)}
  .switch-strip{grid-template-columns:repeat(3,1fr)}
  .switch-strip__cell:nth-child(3){border-right:0}
  .switch-foot__top{grid-template-columns:1fr}
}
@media (max-width:768px){
  .switch-nav{display:none}
  .switch-grid--3,.switch-grid--4,.switch-grid--live,.switch-grid--rails{grid-template-columns:repeat(2,1fr)}
  .switch-grid--tiles{grid-template-columns:repeat(2,1fr)}
  .switch-jackrow{grid-template-columns:1fr}
  .switch-foot__cols{grid-template-columns:1fr}
}
@media (max-width:620px){
  body.switch-body{font-size:15.5px}
  .switch-strip{grid-template-columns:1fr}
  .switch-strip__cell{border-right:0;border-bottom:1px solid var(--sw-line)}
  .switch-strip__cell:last-child{border-bottom:0}
  .switch-grid--3,.switch-grid--4,.switch-grid--live,.switch-grid--rails,.switch-grid--tiles{grid-template-columns:1fr}
  .switch-kpi{grid-template-columns:repeat(2,1fr)}
  .switch-hero__btns{flex-direction:column}
  .switch-hero__btns .switch-cta{width:100%}
  .switch-cord__n{min-width:88px;font-size:15px}
  .switch-marq__seg{font-size:12.5px}
}