/* ==========================================================
   vavada-official29.buzz — Vavada / Вавада
   Концепт: «светлый лён и бутылочный зелёный»
   Префикс классов: .cashbase-
   Шрифты: Alumni Sans (заголовки) + Vollkorn (текст)
   Тема светлая: фон льняной, текст тёмный, контраст ≥ 7:1
   ========================================================== */

:root{
  --cb-bg:#f4f1e9;
  --cb-bg2:#eceadf;
  --cb-tile:#ffffff;
  --cb-tile2:#f8f6f0;
  --cb-green:#1d5c42;
  --cb-green-2:#2f7d5c;
  --cb-green-soft:#dfece5;
  --cb-clay:#9a5b34;
  --cb-ink:#1b241f;
  --cb-ink2:#3a463f;
  --cb-mut:#5d6a62;
  --cb-line:#d8d3c4;
  --cb-line2:#e7e3d7;
  --cb-rad:10px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(900px 480px at 88% -4%,rgba(29,92,66,.07),transparent 62%),
    var(--cb-bg);
  color:var(--cb-ink);
  font-family:'Vollkorn',Georgia,'Times New Roman',serif;
  font-size:17px;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{
  font-family:'Alumni Sans','Arial Narrow',Arial,sans-serif;
  font-weight:600;line-height:1.02;margin:0 0 12px;
  letter-spacing:.004em;text-transform:uppercase;color:var(--cb-ink);
}
h1{font-size:clamp(38px,5.4vw,66px)}
h2{font-size:clamp(28px,3.4vw,42px)}
h3{font-size:clamp(21px,2.1vw,27px)}
p{margin:0 0 13px}
a{color:var(--cb-green);text-decoration:none}
a:hover{color:var(--cb-clay)}
table{border-collapse:collapse;width:100%}
.cashbase-hi{color:var(--cb-green-2)}
.cashbase-num{font-variant-numeric:tabular-nums;color:var(--cb-green)}
.cashbase-mut{color:var(--cb-mut)}

.cashbase-skip{position:absolute;left:-9999px}
.cashbase-skip:focus{left:12px;top:12px;z-index:99;background:var(--cb-green);color:#fff;padding:9px 16px;border-radius:var(--cb-rad)}

/* ---------- ШАПКА ---------- */
.cashbase-bar{
  position:sticky;top:0;z-index:60;
  display:flex;align-items:center;gap:20px;
  padding:9px max(3vw,16px);
  background:rgba(244,241,233,.95);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--cb-line);
}
.cashbase-logo{display:flex;align-items:center;gap:10px;color:var(--cb-ink)}
.cashbase-logo svg{width:36px;height:36px;flex:none}
.cashbase-logo__n{display:block;font-family:'Alumni Sans','Arial Narrow',sans-serif;font-size:27px;line-height:.95;text-transform:uppercase;letter-spacing:.03em}
.cashbase-logo__s{display:block;font-size:11px;color:var(--cb-mut);letter-spacing:.13em}
.cashbase-nav{display:flex;gap:17px;margin-left:auto;font-size:14.5px;font-family:'Alumni Sans',sans-serif;text-transform:uppercase;letter-spacing:.05em}
.cashbase-nav a{color:var(--cb-mut);font-size:19px}
.cashbase-nav a:hover{color:var(--cb-green)}
.cashbase-cta{
  display:inline-block;padding:10px 21px;border-radius:var(--cb-rad);
  background:var(--cb-green);color:#f7f9f7;
  font-family:'Alumni Sans','Arial Narrow',sans-serif;font-size:20px;
  text-transform:uppercase;letter-spacing:.05em;
  border:1px solid var(--cb-green);
}
.cashbase-cta:hover{background:var(--cb-green-2);color:#fff}
.cashbase-cta--ghost{background:transparent;color:var(--cb-green);border:1px solid var(--cb-green)}
.cashbase-cta--ghost:hover{background:var(--cb-green-soft);color:var(--cb-green)}
.cashbase-cta--wide{padding:13px 28px;font-size:23px}

/* ---------- ДОСКА ПЛИТОК ---------- */
.cashbase-board{
  display:grid;grid-template-columns:repeat(12,1fr);gap:16px;
  max-width:1180px;margin:0 auto;padding:22px max(3vw,16px) 40px;
}
.cashbase-t{
  grid-column:span 4;
  background:var(--cb-tile);
  border:1px solid var(--cb-line);
  border-radius:var(--cb-rad);
  padding:22px 24px;
}
.cashbase-t--12{grid-column:span 12}
.cashbase-t--8{grid-column:span 8}
.cashbase-t--6{grid-column:span 6}
.cashbase-t--4{grid-column:span 4}
.cashbase-t--3{grid-column:span 3}
.cashbase-t--flat{background:var(--cb-tile2)}
.cashbase-t--green{background:var(--cb-green-soft);border-color:#c3ddd0}
.cashbase-t--dark{background:var(--cb-green);border-color:var(--cb-green);color:#eef6f1}
.cashbase-t--dark h2,.cashbase-t--dark h3{color:#f4faf6}
.cashbase-t--dark p{color:#dce9e2}
.cashbase-t p:last-child{margin-bottom:0}

.cashbase-tag{
  display:inline-block;font-family:'Alumni Sans',sans-serif;font-size:17px;
  letter-spacing:.17em;text-transform:uppercase;color:var(--cb-clay);margin-bottom:6px;
}

/* ---------- ГЕРОЙ ---------- */
.cashbase-hero{
  background:linear-gradient(112deg,var(--cb-tile) 58%,var(--cb-green-soft));
  border-left:6px solid var(--cb-green);
  padding:34px 32px;
}
.cashbase-hero p{font-size:18.5px;color:var(--cb-ink2);max-width:74ch}
.cashbase-hero__btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}

/* ---------- QUICK ---------- */
.cashbase-q{grid-column:span 3;display:block;color:var(--cb-ink);background:var(--cb-tile);border:1px solid var(--cb-line);border-radius:var(--cb-rad);padding:18px 20px}
.cashbase-q:hover{border-color:var(--cb-green);background:var(--cb-tile2);color:var(--cb-ink)}
.cashbase-q h3{margin-bottom:6px;color:var(--cb-green)}
.cashbase-q p{font-size:15px;color:var(--cb-mut);margin:0;line-height:1.55}

/* ---------- KPI ---------- */
.cashbase-kpi{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}
.cashbase-kpi__i{flex:1 1 150px;padding:12px 14px;background:var(--cb-tile2);border-radius:var(--cb-rad);border:1px solid var(--cb-line2)}
.cashbase-kpi__v{display:block;font-family:'Alumni Sans',sans-serif;font-size:42px;line-height:.95;color:var(--cb-green)}
.cashbase-kpi__c{display:block;font-size:14px;color:var(--cb-mut);line-height:1.4;margin-top:4px}
.cashbase-spark{flex:1 1 260px;display:flex;align-items:center}
.cashbase-spark svg{width:100%;height:auto}

/* ---------- ВЗНОСЫ ---------- */
.cashbase-dep__p{font-family:'Alumni Sans',sans-serif;font-size:52px;line-height:.9;color:var(--cb-green)}
.cashbase-dep__s{display:block;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--cb-clay);margin-bottom:4px;font-family:'Alumni Sans',sans-serif}
.cashbase-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.cashbase-chip{padding:5px 12px;border:1px solid var(--cb-line);border-radius:999px;font-size:14px;color:var(--cb-ink2);background:var(--cb-tile2)}

/* ---------- ТАБЛИЦА ---------- */
.cashbase-tw{overflow-x:auto;margin-top:12px;border:1px solid var(--cb-line);border-radius:var(--cb-rad)}
.cashbase-tab{min-width:560px;font-size:15.5px}
.cashbase-tab th{
  text-align:left;padding:10px 14px;background:var(--cb-green);color:#f1f8f4;
  font-family:'Alumni Sans',sans-serif;font-size:19px;letter-spacing:.06em;text-transform:uppercase;font-weight:500;
}
.cashbase-tab td{padding:10px 14px;border-top:1px solid var(--cb-line2);color:var(--cb-ink2)}
.cashbase-tab tr:nth-child(even) td{background:var(--cb-tile2)}

/* ---------- ИГРЫ ---------- */
.cashbase-g__n{font-family:'Alumni Sans',sans-serif;font-size:26px;color:var(--cb-ink);line-height:1.05}
.cashbase-g__s{font-size:14.5px;color:var(--cb-mut);display:block;margin:2px 0 8px}
.cashbase-g__r{font-family:'Alumni Sans',sans-serif;font-size:30px;color:var(--cb-green)}
.cashbase-g__m{font-size:14px;color:var(--cb-clay)}

/* ---------- СТУПЕНИ ---------- */
.cashbase-lv__p{font-family:'Alumni Sans',sans-serif;font-size:56px;line-height:.88;color:var(--cb-green)}
.cashbase-lv__t{font-family:'Alumni Sans',sans-serif;font-size:24px;letter-spacing:.09em;text-transform:uppercase;color:var(--cb-clay)}

/* ---------- ОТЗЫВЫ ---------- */
.cashbase-rev p{font-size:16px;color:var(--cb-ink2)}
.cashbase-rev cite{display:block;font-style:normal;font-size:14px;color:var(--cb-mut);margin-top:9px;border-top:1px solid var(--cb-line2);padding-top:8px}

/* ---------- FAQ ---------- */
details.cashbase-t{padding:16px 20px}
details.cashbase-t summary{
  cursor:pointer;list-style:none;
  font-family:'Alumni Sans','Arial Narrow',sans-serif;font-size:23px;line-height:1.08;
  text-transform:uppercase;color:var(--cb-green);
}
details.cashbase-t summary::-webkit-details-marker{display:none}
details.cashbase-t summary::after{content:' +';color:var(--cb-clay)}
details.cashbase-t[open] summary::after{content:' –'}
details.cashbase-t p{margin-top:10px;font-size:15.5px;color:var(--cb-ink2)}

/* ---------- ПОДВАЛ ---------- */
.cashbase-foot{background:#e9e6da;border-top:1px solid var(--cb-line);padding:34px 0 26px}
.cashbase-foot__g{
  max-width:1180px;margin:0 auto;padding:0 max(3vw,16px);
  display:grid;gap:24px;grid-template-columns:1.25fr 1fr 1fr;
}
.cashbase-foot h3{font-size:24px;color:var(--cb-green)}
.cashbase-foot p,.cashbase-foot li{font-size:15px;color:var(--cb-ink2);line-height:1.62}
.cashbase-foot ul{margin:0;padding-left:18px}
.cashbase-foot__b{
  max-width:1180px;margin:22px auto 0;padding:15px max(3vw,16px) 0;
  border-top:1px solid var(--cb-line);
  display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;
  font-size:14px;color:var(--cb-mut);align-items:center;
}
.cashbase-age{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  border:2px solid var(--cb-green);color:var(--cb-green);
  font-family:'Alumni Sans',sans-serif;font-size:19px;flex:none;
}

/* ---------- АДАПТИВ ---------- */
@media (max-width:1000px){
  .cashbase-board{grid-template-columns:repeat(6,1fr);gap:14px}
  .cashbase-t,.cashbase-t--3,.cashbase-t--4{grid-column:span 3}
  .cashbase-t--6,.cashbase-t--8,.cashbase-t--12{grid-column:span 6}
  .cashbase-q{grid-column:span 3}
  .cashbase-nav{display:none}
  .cashbase-foot__g{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body{font-size:16.5px}
  .cashbase-board{grid-template-columns:1fr;gap:12px;padding-top:16px}
  .cashbase-t,.cashbase-t--3,.cashbase-t--4,.cashbase-t--6,.cashbase-t--8,.cashbase-t--12,.cashbase-q{grid-column:span 1}
  .cashbase-hero{padding:24px 20px}
  .cashbase-foot__g{grid-template-columns:1fr}
  .cashbase-hero__btns .cashbase-cta{width:100%;text-align:center}
}

/* ---------- ФОКУС И ДОСТУПНОСТЬ ---------- */
a:focus-visible,summary:focus-visible,.cashbase-cta:focus-visible{
  outline:2px solid var(--cb-clay);outline-offset:3px;
}
.cashbase-q:focus-visible{outline:2px solid var(--cb-green);outline-offset:2px}
::selection{background:#cfe4d8;color:var(--cb-ink)}

/* ---------- МОДИФИКАТОРЫ ПЛИТОК ---------- */
.cashbase-t--tight{padding:16px 18px}
.cashbase-t--tall{align-self:stretch}
.cashbase-t--clay{background:#f6ece3;border-color:#e4cfbd}
.cashbase-t--line{box-shadow:inset 0 3px 0 var(--cb-green)}
.cashbase-chip--on{border-color:var(--cb-green);color:var(--cb-green)}
.cashbase-kpi__i--wide{flex:2 1 260px}
.cashbase-lv__p--soft{color:var(--cb-green-2)}
.cashbase-tab--dense td,.cashbase-tab--dense th{padding:8px 12px}
.cashbase-g__n--long{font-size:23px}

/* ---------- ССЫЛКИ В ТЕКСТЕ ---------- */
.cashbase-t p a:not(.cashbase-cta){border-bottom:1px solid #b9cdc2;padding-bottom:1px}
.cashbase-t p a:not(.cashbase-cta):hover{border-bottom-color:var(--cb-clay)}
.cashbase-foot a{border-bottom:1px solid #b9cdc2}
.cashbase-foot a:hover{border-bottom-color:var(--cb-clay)}

/* ---------- ТИПОГРАФИКА ---------- */
.cashbase-hero h1{text-wrap:balance}
.cashbase-t h2{text-wrap:balance}
.cashbase-hero p{text-wrap:pretty}
.cashbase-rev p:first-child::before{content:'«';color:var(--cb-clay)}
.cashbase-rev p:first-child::after{content:'»';color:var(--cb-clay)}
.cashbase-spark svg{overflow:visible}

/* ---------- ОГРАНИЧЕНИЯ СРЕДЫ ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .cashbase-cta,.cashbase-q{transition:none}
}
@media (prefers-contrast:more){
  :root{--cb-mut:#3f4a44;--cb-line:#b9b3a1}
}

/* ---------- ПЕЧАТЬ ---------- */
@media print{
  body{background:#fff}
  .cashbase-bar,.cashbase-q,.cashbase-cta{display:none}
  .cashbase-board{display:block;max-width:none;padding:0}
  .cashbase-t{break-inside:avoid;border:none;border-top:1px solid #bbb;border-radius:0;padding:12px 0}
  .cashbase-t--dark{background:#fff;color:#000}
  .cashbase-t--dark h2,.cashbase-t--dark p{color:#000}
  .cashbase-tab th{background:#eee;color:#000}
  a{color:#000;text-decoration:underline}
}