/* Vodka Casino — vodka592sg.buzz
   Концепт «Полярное серебро / морозная гранёная рюмка»
   Палитра: near-black + платина-кварцсильвер + зеркальный белый + холодная сталь + капля ледяной сини
   Шрифты: Alice (заголовки) + Lato (текст) */

:root{
  --bg:#070809;
  --bg2:#0d1014;
  --bg3:#12161c;
  --bg4:#171c24;
  --line:rgba(201,212,224,.14);
  --line2:rgba(201,212,224,.26);
  --silver:#c9d4e0;
  --white:#f4f8fc;
  --steel:#8896a6;
  --ice:#7fa8d8;
  --text:#d6dde6;
  --muted:#94a1af;
  --radius:16px;
  --shadow:0 18px 44px rgba(0,0,0,.55);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(1100px 540px at 78% -8%, rgba(127,168,216,.10), transparent 60%),
    radial-gradient(820px 480px at 8% 4%, rgba(201,212,224,.06), transparent 58%),
    var(--bg);
  color:var(--text);
  font-family:'Lato',system-ui,Segoe UI,Roboto,sans-serif;
  font-size:17px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,.cutmark__t,.pourdose__big,.kpirail__n,.agcellp span{
  font-family:'Alice',Georgia,'Times New Roman',serif;
  font-weight:400;
  letter-spacing:.2px;
  color:var(--white);
  line-height:1.18;
}
a{color:var(--silver);text-decoration:none;transition:color .18s,border-color .18s,background .18s}
a:hover{color:var(--white)}
section{padding:74px 22px;max-width:1180px;margin:0 auto}
.eyebrow,.pretag{
  font-size:12.5px;letter-spacing:2.4px;text-transform:uppercase;
  color:var(--ice);margin-bottom:14px;font-weight:700;
}
h2{font-size:clamp(25px,3.4vw,38px);margin-bottom:14px}
.lede{color:var(--muted);max-width:880px;margin-bottom:30px;font-size:17px}

/* skip-link */
.topolar{position:absolute;left:-9999px;top:0;background:var(--silver);color:#0a0d10;padding:10px 16px;border-radius:0 0 10px 0;z-index:99}
.topolar:focus{left:0}

/* ============ HEADER ============ */
.steelbar{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:18px;
  padding:14px 24px;
  background:rgba(7,8,9,.86);
  backdrop-filter:blur(11px);
  border-bottom:1px solid var(--line);
}
.cutmark{display:flex;align-items:center;gap:11px}
.cutmark__svg{width:38px;height:38px;flex:none}
.cutmark__t{font-size:19px;display:flex;flex-direction:column;line-height:1.05}
.cutmark__sub{font-family:'Lato',sans-serif;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--steel);margin-top:2px}
.frostnav{display:flex;gap:22px;margin-left:auto;flex-wrap:wrap}
.frostnav a{font-size:14.5px;color:var(--text);border-bottom:1px solid transparent;padding-bottom:2px}
.frostnav a:hover{color:var(--white);border-color:var(--ice)}
.silbtn{
  flex:none;border:1px solid var(--line2);color:var(--white);
  padding:10px 18px;border-radius:11px;font-weight:700;font-size:14.5px;
  background:linear-gradient(180deg,rgba(201,212,224,.10),rgba(201,212,224,.02));
}
.steelbar .silbtn{margin-left:6px}
.silbtn:hover{border-color:var(--silver);background:rgba(201,212,224,.16)}
.silbtn--solid{
  background:linear-gradient(180deg,#dbe4ef,#aebccd);
  color:#0a0d10;border-color:transparent;padding:14px 24px;font-size:16px;
}
.silbtn--solid:hover{color:#0a0d10;filter:brightness(1.06)}
.glassbtn{
  border:1px solid var(--line2);color:var(--white);
  padding:14px 22px;border-radius:11px;font-weight:700;font-size:16px;
}
.glassbtn:hover{border-color:var(--ice)}

/* ============ HERO ============ */
.polarfront{padding-top:56px;padding-bottom:30px}
.polarfront__grid{display:grid;grid-template-columns:1.32fr .9fr;gap:38px;align-items:start}
.polarfront h1{font-size:clamp(30px,4.6vw,50px);margin-bottom:20px}
.polarfront__sub{color:var(--muted);font-size:18px;max-width:640px;margin-bottom:26px}
.polarfront__cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.kpirail{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.kpirail li{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--bg2)}
.kpirail__n{display:block;font-family:'Alice',serif;font-size:26px;color:var(--silver)}
.kpirail__l{display:block;font-size:13px;color:var(--muted);margin-top:3px}
.polarfront__panel{display:flex;flex-direction:column;gap:13px}
.facet{
  border:1px solid var(--line);border-radius:14px;padding:17px 18px;
  background:linear-gradient(180deg,var(--bg3),var(--bg2));
}
.facet__k{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ice);font-weight:700;margin-bottom:7px}
.facet__v{font-size:14.5px;color:var(--text);margin-bottom:9px}
.facet a{font-size:14px;font-weight:700;border-bottom:1px solid var(--line2);padding-bottom:2px}
.facet a:hover{border-color:var(--ice)}
.aggrail{
  list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;
  margin-top:34px;border-top:1px solid var(--line);padding-top:26px;
}
.agcellp{text-align:center;font-size:13px;color:var(--muted);line-height:1.35}
.agcellp span{display:block;font-size:23px;color:var(--white);margin-bottom:4px}

/* shared card grids */
.eyebrow{margin-top:0}

/* ============ WELCOME ============ */
.pourgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pourdose{border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;background:var(--bg2);position:relative;overflow:hidden}
.pourdose::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--ice),var(--silver))}
.pourdose__h{font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:var(--steel);font-weight:700;margin-bottom:10px}
.pourdose__big{font-size:42px;color:var(--silver);margin-bottom:10px}
.pourdose__d{font-size:14.5px;color:var(--muted)}

/* ============ STEPS ============ */
.stepfile{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:none}
.cstep{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--bg2)}
.cstep__n{font-family:'Alice',serif;font-size:30px;color:var(--ice);display:block;margin-bottom:10px}
.cstep__h{font-family:'Alice',serif;font-size:20px;color:var(--white);margin-bottom:8px}
.cstep__d{font-size:14.5px;color:var(--muted)}

/* ============ CATALOG ============ */
.slotwall{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}
.slottile{border:1px solid var(--line);border-radius:13px;padding:16px;background:linear-gradient(180deg,var(--bg3),var(--bg2));transition:border-color .18s,transform .18s}
.slottile:hover{border-color:var(--line2);transform:translateY(-3px)}
.slottile__t{font-family:'Alice',serif;font-size:18px;color:var(--white);margin-bottom:4px}
.slottile__p{font-size:12.5px;color:var(--ice);letter-spacing:.4px;margin-bottom:9px}
.slottile__m{font-size:12.5px;color:var(--muted);line-height:1.4}
.studiorow{display:flex;flex-wrap:wrap;gap:9px}
.studiotag{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13px;color:var(--text);background:var(--bg2)}

/* ============ LOYALTY ============ */
.vstair{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vstep{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--bg2);position:relative}
.vstep__name{font-family:'Alice',serif;font-size:23px;color:var(--white);margin-bottom:6px}
.vstep__cb{display:inline-block;font-size:13px;font-weight:700;color:#0a0d10;background:linear-gradient(180deg,#dbe4ef,#aebccd);border-radius:999px;padding:4px 12px;margin-bottom:12px}
.vstep__d{font-size:14.5px;color:var(--muted)}

/* ============ TOURNAMENT ============ */
.cupgridp{display:grid;grid-template-columns:1.3fr .9fr;gap:26px;align-items:start}
.cupbody .lede{margin-bottom:18px}
.cupcards{list-style:none;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--bg2)}
.cupcards li{display:flex;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);font-size:15px}
.cupcards li:last-child{border-bottom:none}
.cupcards__p{color:var(--steel)}
.cupcards__s{color:var(--white);font-weight:700;text-align:right}

/* ============ VODKA BET ============ */
.bsgrid,.lsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bscard,.lscard{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--bg2)}
.bscard__h,.lscard__h{font-family:'Alice',serif;font-size:19px;color:var(--white);margin-bottom:9px}
.bscard__d,.lscard__d{font-size:14.5px;color:var(--muted)}
.lsgrid{grid-template-columns:repeat(4,1fr)}

/* ============ MIRROR ============ */
.mprow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mpcard{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:linear-gradient(180deg,var(--bg3),var(--bg2))}
.mpcard__h{font-family:'Alice',serif;font-size:20px;color:var(--white);margin-bottom:10px}
.mpcard__d{font-size:15px;color:var(--muted)}

/* ============ BRAND OVERVIEW ============ */
.bfgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bfcell{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--bg2)}
.bfcell__h{font-family:'Alice',serif;font-size:18px;color:var(--white);margin-bottom:9px}
.bfcell__d{font-size:14.5px;color:var(--muted)}

/* ============ REVIEWS ============ */
.ssgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sscard{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:linear-gradient(180deg,var(--bg3),var(--bg2));position:relative}
.sscard::before{content:"”";position:absolute;top:8px;right:18px;font-family:'Alice',serif;font-size:54px;color:var(--line2);line-height:1}
.sscard__txt{font-size:15px;color:var(--text);margin-bottom:14px}
.sscard__by{font-size:13px;color:var(--ice);font-weight:700}

/* ============ CASHIER ============ */
.cstable{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.cstable th,.cstable td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:15px}
.cstable thead th{background:var(--bg3);color:var(--silver);font-family:'Alice',serif;font-weight:400;letter-spacing:.4px}
.cstable tbody tr:last-child td{border-bottom:none}
.cstable tbody tr:hover{background:rgba(201,212,224,.04)}
.cstable td:first-child{color:var(--text)}
.cstable td:nth-child(2),.cstable td:nth-child(3){color:var(--muted)}

/* ============ AUTHOR NOTE ============ */
.authornote{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg2);max-width:1136px}
.authornote p{color:var(--muted);font-size:15px;margin-bottom:14px}
.authornote p:last-child{margin-bottom:0}

/* ============ FAQ ============ */
.askgrid{display:grid;gap:12px}
.askgrid details{border:1px solid var(--line);border-radius:13px;background:var(--bg2);overflow:hidden}
.askgrid summary{
  cursor:pointer;list-style:none;padding:17px 20px;
  font-family:'Alice',serif;font-size:17px;color:var(--white);
  display:flex;justify-content:space-between;align-items:center;gap:14px;
}
.askgrid summary::-webkit-details-marker{display:none}
.askgrid summary::after{content:"+";color:var(--ice);font-size:22px;flex:none}
.askgrid details[open] summary::after{content:"–"}
.askgrid details[open] summary{border-bottom:1px solid var(--line)}
.askgrid details p{padding:15px 20px;color:var(--muted);font-size:14.5px}

/* ============ FOOTER ============ */
.steelfoot{border-top:1px solid var(--line);background:var(--bg2);padding:54px 22px 34px;margin-top:30px}
.steelfoot__grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:30px}
.steelfoot__brand{font-family:'Alice',serif;font-size:20px;color:var(--white);margin-bottom:12px}
.steelfoot__h{font-size:12.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ice);font-weight:700;margin-bottom:12px}
.steelfoot__col a{display:block;font-size:14.5px;color:var(--text);margin-bottom:8px}
.steelfoot__col a:hover{color:var(--white)}
.steelfoot__note{font-size:13px;color:var(--muted);line-height:1.55}
.steelfoot__legal{max-width:1180px;margin:34px auto 0;padding-top:22px;border-top:1px solid var(--line);font-size:12.5px;color:var(--steel);text-align:center}

/* ============ RESPONSIVE ============ */
@media(max-width:980px){
  .polarfront__grid{grid-template-columns:1fr}
  .cupgridp{grid-template-columns:1fr}
  .slotwall{grid-template-columns:repeat(2,1fr)}
  .lsgrid{grid-template-columns:repeat(2,1fr)}
  .aggrail{grid-template-columns:repeat(3,1fr);gap:18px}
  .pourgrid,.stepfile,.bsgrid,.mprow,.bfgrid,.ssgrid,.vstair{grid-template-columns:1fr 1fr}
  .steelfoot__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  section{padding:52px 16px}
  .frostnav{display:none}
  .slotwall,.lsgrid,.pourgrid,.stepfile,.bsgrid,.mprow,.bfgrid,.ssgrid,.vstair,.kpirail{grid-template-columns:1fr}
  .aggrail{grid-template-columns:1fr 1fr}
  .cstable thead{display:none}
  .cstable td{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}
  .cstable td::before{content:attr(data-l);color:var(--steel)}
  .cupcards__s{text-align:right}
}