/* 7kv7c.casino — мыловарня и щёлочная варка */
:root{
  --soap-iron:#14161a;
  --soap-iron-2:#1c1f25;
  --soap-olive:#b9a24e;
  --soap-foam:#e9ebe4;
  --soap-line:rgba(233,235,228,.14);
  --soap-mut:rgba(233,235,228,.66);
  --soap-rad:14px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.soap-body{
  margin:0;background:var(--soap-iron);color:var(--soap-foam);
  font-family:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:17px;line-height:1.62;
}
h1,h2,h3{font-family:Lora,Georgia,"Times New Roman",serif;font-weight:600;line-height:1.22;margin:0 0 14px}
h1{font-size:2.05rem;letter-spacing:-.01em}
h2{font-size:1.6rem;margin-bottom:18px}
h3{font-size:1.09rem}
p{margin:0 0 14px}
a{color:var(--soap-olive)}
.soap-wrap{max-width:1120px;margin:0 auto;padding:0 22px}

.soap-head{position:sticky;top:0;z-index:9;background:rgba(20,22,26,.94);
  border-bottom:1px solid var(--soap-line);backdrop-filter:blur(8px)}
.soap-head-in{display:flex;align-items:center;gap:20px;min-height:68px;flex-wrap:wrap}
.soap-brand{display:inline-flex;text-decoration:none}
.soap-logo{height:38px;width:auto;display:block}
.soap-nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}
.soap-nav a{color:var(--soap-mut);text-decoration:none;font-size:.94rem;
  min-height:44px;display:inline-flex;align-items:center}
.soap-nav a:hover{color:var(--soap-foam)}

.soap-cta{display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:12px 26px;border-radius:var(--soap-rad);
  background:var(--soap-olive);color:var(--soap-iron);font-weight:600;
  text-decoration:none;letter-spacing:.01em}
.soap-cta:hover{background:#cbb45e}

.soap-sec{padding:52px 0;border-top:1px solid var(--soap-line)}
.soap-sec:first-of-type{border-top:0}
.soap-alt{background:var(--soap-iron-2)}
.soap-hero{padding:60px 0 56px}
.soap-eyebrow{color:var(--soap-olive);text-transform:uppercase;letter-spacing:.14em;
  font-size:.76rem;margin-bottom:16px}
.soap-lead{font-size:1.1rem;color:var(--soap-mut);max-width:70ch}

.soap-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 16px}
.soap-kpi-i{background:var(--soap-iron-2);border:1px solid var(--soap-line);
  border-radius:var(--soap-rad);padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.soap-alt .soap-kpi-i{background:var(--soap-iron)}
.soap-num{font-family:Lora,Georgia,serif;font-size:1.5rem;color:var(--soap-olive)}
.soap-kpi-i span:last-child,.soap-bar span:last-child{font-size:.88rem;color:var(--soap-mut)}

.soap-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--soap-line);
  border:1px solid var(--soap-line);border-radius:var(--soap-rad);overflow:hidden;margin:0 0 26px}
.soap-bar>div{background:var(--soap-iron);padding:16px 14px;display:flex;flex-direction:column;gap:4px}

.soap-cards,.soap-vip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.soap-vip{grid-template-columns:repeat(3,1fr)}
.soap-card,.soap-lvl,.soap-block,.soap-slot,.soap-step{
  background:var(--soap-iron-2);border:1px solid var(--soap-line);
  border-radius:var(--soap-rad);padding:20px}
.soap-alt .soap-card,.soap-alt .soap-lvl,.soap-alt .soap-slot,.soap-alt .soap-step{background:var(--soap-iron)}
.soap-card p:last-child,.soap-lvl p:last-child,.soap-block p:last-child,.soap-slot p:last-child{margin-bottom:0}
.soap-big{font-family:Lora,Georgia,serif;font-size:1.3rem;color:var(--soap-olive);margin-bottom:6px}
.soap-tag{font-size:.88rem;color:var(--soap-mut);margin-bottom:10px}

.soap-list{margin:22px 0 0;padding-left:20px}
.soap-list li{margin-bottom:9px}

.soap-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.soap-idx{font-family:Lora,Georgia,serif;color:var(--soap-olive);font-size:1.1rem;
  display:block;margin-bottom:8px}

.soap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}
.soap-slot h3{font-size:1rem;margin-bottom:8px}
.soap-slot p{font-size:.88rem;margin-bottom:5px;color:var(--soap-mut)}
.soap-prov{color:var(--soap-olive)!important}

.soap-block{margin-bottom:14px}
.soap-block:last-child{margin-bottom:0}

.soap-rev .soap-who{color:var(--soap-olive);font-size:.92rem;margin-bottom:8px}
.soap-rev p:last-child{margin-bottom:0}

.soap-table{border:1px solid var(--soap-line);border-radius:var(--soap-rad);overflow:hidden;margin:22px 0}
.soap-tr{display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1.2fr;gap:10px;
  padding:13px 18px;border-bottom:1px solid var(--soap-line);font-size:.94rem}
.soap-tr:last-child{border-bottom:0}
.soap-th{background:var(--soap-iron-2);color:var(--soap-olive);font-weight:600}
.soap-alt .soap-th{background:var(--soap-iron)}

.soap-final{text-align:center}
.soap-final p{max-width:64ch;margin-left:auto;margin-right:auto}

.soap-faq{border:1px solid var(--soap-line);border-radius:var(--soap-rad);overflow:hidden}
.soap-q{border-bottom:1px solid var(--soap-line)}
.soap-q:last-child{border-bottom:0}
.soap-q summary{cursor:pointer;padding:15px 20px;min-height:48px;display:flex;
  align-items:center;font-weight:600;font-family:Lora,Georgia,serif}
.soap-q summary::marker{color:var(--soap-olive)}
.soap-q p{padding:0 20px 16px;margin:0;color:var(--soap-mut)}

.soap-author{background:var(--soap-iron-2);border:1px solid var(--soap-line);
  border-radius:var(--soap-rad);padding:24px}
.soap-alt .soap-author{background:var(--soap-iron)}
.soap-author .soap-who{color:var(--soap-olive)}
.soap-warn{font-size:.9rem;color:var(--soap-mut);margin-bottom:0;
  border-left:3px solid var(--soap-olive);padding-left:14px}

.soap-foot{background:var(--soap-iron-2);border-top:1px solid var(--soap-line);
  padding:30px 0;font-size:.9rem;color:var(--soap-mut)}
.soap-foot p:last-child{margin-bottom:0}

@media (max-width:1000px){
  .soap-grid{grid-template-columns:repeat(3,1fr)}
  .soap-bar{grid-template-columns:repeat(2,1fr)}
  .soap-kpi{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .soap-cards,.soap-vip,.soap-steps{grid-template-columns:repeat(2,1fr)}
  .soap-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
  body.soap-body{font-size:16px}
  h1{font-size:1.66rem}
  h2{font-size:1.36rem}
  .soap-wrap{padding:0 16px}
  .soap-sec{padding:38px 0}
  .soap-cards,.soap-vip,.soap-steps,.soap-grid,.soap-kpi,.soap-bar{grid-template-columns:1fr}
  .soap-nav{display:none}
  .soap-cta{width:100%}
  .soap-tr{grid-template-columns:1fr 1fr}
  .soap-th{display:none}
}