/* ==========================================================
   vavada2xm.com — Vavada / Вавада
   Концепт: «белый известняк и вишнёвая скоба», светлая тема
   Полосы со скошенными краями (шаблон I)
   Префикс классов: .recountpit-   ·   Шрифты: Prosto One + Literata
   ========================================================== */

:root{
  --stone:#f7f5f0;
  --stone2:#efebe2;
  --panel:#ffffff;
  --panel2:#eae4d8;
  --cherry:#a3132e;
  --cherry-d:#7a0d22;
  --cherry-l:#c9425c;
  --clamp:#4f463d;
  --ink:#231d1b;
  --ink2:#3d3532;
  --mut:#6a615a;
  --amber:#96631a;
  --edge:rgba(163,19,46,.26);
  --edge2:rgba(35,29,27,.13);
  --slope:2.4vw;
  --lift:0 14px 34px rgba(79,70,61,.13);
  --cut1:2px 18px 2px 18px;
  --cut2:2px 10px 2px 10px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(760px 440px at 88% -6%, rgba(163,19,46,.07), transparent 64%),
    radial-gradient(600px 400px at 2% 26%, rgba(79,70,61,.06), transparent 62%),
    var(--stone);
  color:var(--ink);
  font-family:'Literata',Georgia,'Times New Roman',serif;
  font-size:16.5px;
  line-height:1.74;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:'Prosto One',Verdana,sans-serif;font-weight:400;line-height:1.24;margin:0 0 15px}
h1{font-size:clamp(25px,3.4vw,41px);letter-spacing:-.005em}
h1 em{font-style:normal;color:var(--cherry)}
h2{font-size:clamp(21px,2.4vw,30px)}
h3{font-size:clamp(16px,1.55vw,20px);color:var(--clamp)}
h4{font-size:15px;color:var(--cherry);letter-spacing:.015em}
p{margin:0 0 15px}
a{color:var(--cherry);text-decoration:none;transition:color .17s,border-color .17s,background .17s}
a:hover{color:var(--cherry-d)}
ul{margin:0 0 12px;padding-left:19px}
li{margin-bottom:6px}
em{font-style:normal}
table{border-collapse:collapse;width:100%;font-size:14.8px}
caption{caption-side:bottom;text-align:left;padding-top:10px;color:var(--mut);font-size:13.3px;line-height:1.62}

.recountpit-in{width:min(1120px,92vw);margin:0 auto;position:relative;z-index:2}
.recountpit-skip{position:absolute;left:-9999px}
.recountpit-skip:focus{left:14px;top:14px;background:var(--cherry);color:#fff;padding:9px 16px;z-index:99;border-radius:2px}
.recountpit-acc{color:var(--cherry)}
.recountpit-num{font-variant-numeric:tabular-nums;color:var(--cherry-d)}

/* ---------- ШАПКА ---------- */
.recountpit-bar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:22px;
  padding:10px max(4vw,16px);
  background:rgba(247,245,240,.94);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--edge2);
}
.recountpit-logo{display:flex;align-items:center;gap:11px;color:var(--ink)}
.recountpit-logo svg{width:34px;height:34px;flex:none}
.recountpit-logo__t{display:flex;flex-direction:column;line-height:1.18}
.recountpit-logo__n{font-family:'Prosto One',sans-serif;font-size:17px;letter-spacing:.015em}
.recountpit-logo__s{font-size:10.6px;color:var(--mut);letter-spacing:.06em;text-transform:uppercase}
.recountpit-nav{display:flex;gap:19px;margin-left:auto;font-size:14.4px}
.recountpit-nav a{color:var(--ink2);border-bottom:1px solid transparent;padding-bottom:2px}
.recountpit-nav a:hover{color:var(--cherry);border-color:var(--cherry)}
.recountpit-cta{
  flex:none;background:linear-gradient(140deg,var(--cherry),var(--cherry-d));
  color:#fff7f3;font-size:14.4px;
  padding:9px 20px;border-radius:var(--cut2);
  box-shadow:0 7px 18px rgba(163,19,46,.24);
}
.recountpit-cta:hover{color:#fff;filter:brightness(1.07)}
.recountpit-cta--ghost{background:none;color:var(--cherry-d);border:1px solid var(--edge);box-shadow:none}
.recountpit-cta--ghost:hover{background:rgba(163,19,46,.06);border-color:var(--cherry)}
.recountpit-cta--big{font-size:15.6px;padding:13px 30px}

/* ---------- ПОЛОСЫ СО СКОСОМ ---------- */
.recountpit-band{
  position:relative;
  padding:calc(44px + var(--slope)) 0 calc(44px + var(--slope));
  margin-top:calc(var(--slope) * -1);
}
.recountpit-band--r{clip-path:polygon(0 0,100% var(--slope),100% 100%,0 calc(100% - var(--slope)))}
.recountpit-band--l{clip-path:polygon(0 var(--slope),100% 0,100% calc(100% - var(--slope)),0 100%)}
.recountpit-band--p{background:var(--panel)}
.recountpit-band--p2{background:linear-gradient(155deg,var(--panel2),var(--stone2))}
.recountpit-band--t{background:linear-gradient(145deg,rgba(163,19,46,.11),rgba(79,70,61,.05) 60%,transparent)}
.recountpit-band--f{background:var(--stone2)}
.recountpit-band:first-of-type{margin-top:0}

/* цифра-маркер в «зазоре» между полосами */
.recountpit-mark{
  position:absolute;right:max(4vw,18px);top:calc(var(--slope) * .28);
  font-family:'Prosto One',sans-serif;font-size:clamp(44px,6.6vw,88px);line-height:1;
  color:rgba(163,19,46,.11);letter-spacing:-.02em;z-index:1;pointer-events:none;
}
.recountpit-tag{
  display:inline-block;font-size:12.2px;letter-spacing:.1em;text-transform:uppercase;
  font-family:'Prosto One',sans-serif;
  color:var(--cherry-d);border-left:3px solid var(--cherry);border-right:3px solid var(--cherry);
  padding:4px 12px;margin:0 0 14px;background:rgba(163,19,46,.05);
}

/* ---------- 60/40 ---------- */
.recountpit-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px;align-items:start}
.recountpit-fact{
  background:var(--panel);border:1px solid var(--edge2);
  border-left:4px solid var(--cherry);border-right:4px solid var(--clamp);
  border-radius:var(--cut1);
  padding:19px 21px;box-shadow:var(--lift);
}
.recountpit-fact h4{margin-bottom:12px}
.recountpit-fact dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:8px 12px;font-size:14.6px}
.recountpit-fact dt{color:var(--mut)}
.recountpit-fact dd{margin:0;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}

/* ---------- HERO ---------- */
.recountpit-hero{padding-bottom:20px}
.recountpit-hero .recountpit-lead{font-size:17.2px;color:var(--ink2);max-width:74ch}
.recountpit-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 24px}
.recountpit-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.recountpit-quick a{
  display:block;padding:14px 16px;border:1px solid var(--edge2);
  border-top:3px solid var(--clamp);
  border-radius:var(--cut2);background:var(--panel);color:var(--ink2);
  box-shadow:0 6px 16px rgba(79,70,61,.08);
}
.recountpit-quick a:hover{border-top-color:var(--cherry);background:#fffdf9}
.recountpit-quick .recountpit-q__t{display:block;font-family:'Prosto One',sans-serif;font-size:15px;color:var(--cherry-d);margin-bottom:4px}
.recountpit-quick span{display:block;font-size:13.2px;color:var(--mut);line-height:1.55}

/* ---------- KPI ---------- */
.recountpit-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;text-align:center}
.recountpit-kpi div{padding:14px 8px;border-right:1px solid var(--edge2)}
.recountpit-kpi div:last-child{border-right:none}
.recountpit-kpi u{display:block;text-decoration:none;font-family:'Prosto One',sans-serif;font-size:clamp(20px,2.5vw,29px);color:var(--cherry);font-variant-numeric:tabular-nums}
.recountpit-kpi span{display:block;font-size:13px;color:var(--mut);margin-top:5px}

/* ---------- ВЗНОСЫ ---------- */
.recountpit-dep{display:grid;gap:13px}
.recountpit-dep article{
  border:1px solid var(--edge2);border-left:4px solid var(--cherry-l);
  border-radius:var(--cut1);
  background:linear-gradient(135deg,rgba(163,19,46,.05),var(--panel) 58%);
  padding:15px 17px;
}
.recountpit-dep h4{margin:0 0 5px;color:var(--clamp)}
.recountpit-dep p{margin:0;font-size:14.3px;color:var(--ink2)}
.recountpit-dep .recountpit-big{font-family:'Prosto One',sans-serif;font-size:25px;color:var(--cherry);display:block;line-height:1.2;margin-bottom:4px}
.recountpit-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.recountpit-chips span{
  font-size:13.3px;color:var(--clamp);border:1px solid var(--edge2);
  border-left:3px solid var(--cherry);padding:5px 11px;border-radius:2px;background:var(--stone);
}

/* ---------- КАТАЛОГ ---------- */
.recountpit-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.recountpit-slots article{
  border:1px solid var(--edge2);border-radius:var(--cut2);
  background:var(--panel);padding:13px 14px;box-shadow:0 5px 14px rgba(79,70,61,.07);
}
.recountpit-slots article:hover{border-color:var(--edge)}
.recountpit-slots h3{font-size:15.2px;margin:0 0 6px;color:var(--ink);font-family:'Prosto One',sans-serif}
.recountpit-slots p{margin:0;font-size:13.1px;color:var(--mut);line-height:1.58}
.recountpit-slots .recountpit-rtp{color:var(--cherry-d);font-variant-numeric:tabular-nums}

/* ---------- ТАБЛИЦЫ ---------- */
.recountpit-scroll{overflow-x:auto;border:1px solid var(--edge2);border-radius:var(--cut1);background:var(--panel)}
.recountpit-scroll table{min-width:520px}
th,td{padding:10px 13px;text-align:left;border-bottom:1px solid var(--edge2)}
th{color:var(--cherry-d);font-family:'Prosto One',sans-serif;font-size:13px;letter-spacing:.02em;text-transform:uppercase;background:rgba(163,19,46,.05)}
tr:last-child td{border-bottom:none}
td.recountpit-num{color:var(--clamp)}

/* ---------- СТУПЕНИ ---------- */
.recountpit-rung{display:grid;gap:10px}
.recountpit-rung div{
  display:grid;grid-template-columns:150px 1fr 90px;gap:14px;align-items:center;
  padding:13px 16px;border:1px solid var(--edge2);border-radius:var(--cut2);
  background:linear-gradient(90deg,rgba(163,19,46,.07),var(--panel) 56%);
}
.recountpit-rung .recountpit-lv{font-family:'Prosto One',sans-serif;color:var(--clamp);font-size:15.4px}
.recountpit-rung p{margin:0;font-size:14.1px;color:var(--mut)}
.recountpit-rung u{text-decoration:none;text-align:right;font-family:'Prosto One',sans-serif;font-size:21px;color:var(--cherry)}

/* ---------- ХРОНОЛОГИЯ РАЗБОРА ---------- */
.recountpit-steps{display:grid;gap:11px;margin:0 0 15px;padding:0;list-style:none}
.recountpit-steps li{
  margin:0;padding:12px 16px 12px 52px;position:relative;
  border:1px solid var(--edge2);border-radius:var(--cut2);background:var(--panel);
  font-size:14.6px;color:var(--ink2);
}
.recountpit-steps li::before{
  content:attr(data-h);position:absolute;left:14px;top:12px;
  font-family:'Prosto One',sans-serif;font-size:13px;color:var(--cherry);
}

/* ---------- ОТЗЫВЫ ---------- */
.recountpit-rev{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.recountpit-rev figure{
  margin:0;padding:17px 19px;border:1px solid var(--edge2);
  border-bottom:4px solid var(--cherry-l);border-radius:var(--cut1);background:var(--panel);
  box-shadow:var(--lift);
}
.recountpit-rev blockquote{margin:0 0 11px;font-size:14.7px;color:var(--ink2);line-height:1.68}
.recountpit-rev figcaption{font-size:13.1px;color:var(--mut)}
.recountpit-rev .recountpit-stars{color:var(--amber);letter-spacing:.14em;font-size:13px;display:block;margin-bottom:7px}

/* ---------- FAQ ---------- */
.recountpit-faq{columns:2;column-gap:20px}
.recountpit-faq details{
  break-inside:avoid;margin:0 0 11px;border:1px solid var(--edge2);
  border-left:3px solid var(--clamp);
  border-radius:var(--cut2);background:var(--panel);padding:12px 15px;
}
.recountpit-faq details[open]{border-left-color:var(--cherry)}
.recountpit-faq summary{cursor:pointer;font-family:'Prosto One',sans-serif;font-size:15.2px;color:var(--ink);list-style:none;line-height:1.4}
.recountpit-faq summary::-webkit-details-marker{display:none}
.recountpit-faq summary::before{content:'▸ ';color:var(--cherry)}
.recountpit-faq details[open] summary::before{content:'▾ '}
.recountpit-faq p{margin:10px 0 0;font-size:14.3px;color:var(--ink2)}

/* ---------- ФИНАЛ / АВТОР / ФУТЕР ---------- */
.recountpit-final{text-align:center}
.recountpit-final p{max-width:70ch;margin-left:auto;margin-right:auto}
.recountpit-author{border:1px solid var(--edge2);border-left:4px solid var(--clamp);border-right:4px solid var(--cherry);border-radius:var(--cut1);padding:20px 24px;background:var(--panel)}
.recountpit-author p{font-size:14.7px;color:var(--ink2)}
.recountpit-foot{background:#ece7dc;border-top:1px solid var(--edge2);padding:34px 0 40px;font-size:14px;color:var(--mut)}
.recountpit-foot .recountpit-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}
.recountpit-foot h4{margin-bottom:9px;color:var(--clamp)}
.recountpit-foot a{color:var(--cherry-d)}
.recountpit-foot a:hover{color:var(--cherry)}
.recountpit-age{display:inline-block;border:1px solid var(--cherry);color:var(--cherry);border-radius:2px;padding:2px 9px;font-size:13px;margin-right:8px}
.recountpit-fine{margin-top:24px;padding-top:16px;border-top:1px solid var(--edge2);font-size:13.1px;line-height:1.68}

/* ---------- SVG-ФИГУРА ---------- */
.recountpit-fig{display:block;width:100%;max-width:520px;height:auto;margin:6px 0 4px}
.recountpit-figcap{font-size:13.1px;color:var(--mut);margin-top:2px}

/* ---------- АДАПТИВ ---------- */
@media (max-width:1000px){
  .recountpit-split{grid-template-columns:1fr;gap:24px}
  .recountpit-slots{grid-template-columns:repeat(3,1fr)}
  .recountpit-quick{grid-template-columns:repeat(2,1fr)}
  .recountpit-kpi{grid-template-columns:repeat(3,1fr)}
  .recountpit-kpi div:nth-child(3){border-right:none}
  .recountpit-nav{display:none}
  .recountpit-foot .recountpit-in{grid-template-columns:1fr 1fr}
  .recountpit-rung div{grid-template-columns:120px 1fr 74px}
}
@media (max-width:760px){
  :root{--slope:0px}
  body{font-size:16px}
  .recountpit-band{clip-path:none;margin-top:0;padding:34px 0}
  .recountpit-mark{position:static;display:block;text-align:left;font-size:42px;margin-bottom:-8px}
  .recountpit-slots{grid-template-columns:1fr 1fr}
  .recountpit-kpi{grid-template-columns:1fr 1fr}
  .recountpit-kpi div{border-right:none;border-bottom:1px solid var(--edge2)}
  .recountpit-rev{grid-template-columns:1fr}
  .recountpit-faq{columns:1}
  .recountpit-rung div{grid-template-columns:1fr;gap:5px}
  .recountpit-rung u{text-align:left}
  .recountpit-foot .recountpit-in{grid-template-columns:1fr}
  .recountpit-hero__cta a{width:100%;text-align:center}
}