/* ==========================================================
   vavada7070.com — Vavada / Вавада
   Концепт: «белый кварц и морская волна», светлая тема,
   диагональные полосы clip-path, ракурс «поиск по витрине»
   Префикс классов: .siftbar-   ·   Шрифты: Alumni Sans + PT Serif
   ========================================================== */

:root{
  --quartz:#f5f8f8;
  --quartz2:#eaf1f1;
  --sheet:#ffffff;
  --sheet2:#e4eeee;
  --wave:#0d6a70;
  --wave-d:#094a4f;
  --wave-l:#1a8f96;
  --sand:#9a6b31;
  --ink:#16252b;
  --ink2:#2c3d44;
  --mut:#55686e;
  --line:#cfdcdc;
  --line2:#e3ecec;
  --slant:2.4vw;
  --sh:0 12px 30px rgba(13,106,112,.10);
  --sh2:0 4px 14px rgba(22,37,43,.07);
  --c1:0 18px 0 18px;
  --c2:0 9px 0 9px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(760px 420px at 88% -6%, rgba(26,143,150,.10), transparent 64%),
    radial-gradient(560px 380px at 2% 26%, rgba(154,107,49,.05), transparent 62%),
    var(--quartz);
  color:var(--ink);
  font-family:'PT Serif',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:'Alumni Sans','Arial Narrow',system-ui,sans-serif;
  font-weight:600;line-height:1.08;margin:0 0 14px;letter-spacing:.005em;
}
h1{font-size:clamp(38px,5.6vw,68px);color:var(--ink)}
h1 em{font-style:normal;color:var(--wave)}
h2{font-size:clamp(30px,4vw,48px);color:var(--ink)}
h3{font-size:clamp(21px,2.4vw,28px);color:var(--wave-d)}
h4{
  font-size:19px;color:var(--wave);font-weight:700;
  letter-spacing:.035em;text-transform:uppercase;
}
p{margin:0 0 15px}
a{color:var(--wave);text-decoration:none;transition:color .18s,border-color .18s,background .18s}
a:hover{color:var(--sand)}
ul{margin:0 0 13px;padding-left:19px}
li{margin-bottom:7px}
em{font-style:normal;color:var(--wave-d)}
table{border-collapse:collapse;width:100%;font-size:14.6px;font-family:system-ui,'Segoe UI',sans-serif}
caption{caption-side:bottom;text-align:left;padding-top:10px;color:var(--mut);font-size:13.6px;line-height:1.62}

.siftbar-in{width:min(1120px,92vw);margin:0 auto;position:relative;z-index:2}
.siftbar-skip{position:absolute;left:-9999px}
.siftbar-skip:focus{left:14px;top:14px;background:var(--wave);color:#fff;padding:9px 16px;z-index:99}
.siftbar-acc{color:var(--sand)}
.siftbar-num{font-variant-numeric:tabular-nums;color:var(--wave-d)}
.siftbar-lead{font-size:17.6px;color:var(--ink2);max-width:72ch}

/* ---------- ШАПКА ---------- */
.siftbar-bar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:22px;
  padding:9px max(4vw,16px);
  background:rgba(245,248,248,.93);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.siftbar-logo{display:flex;align-items:center;gap:11px;color:var(--ink)}
.siftbar-logo svg{width:36px;height:36px;flex:none}
.siftbar-logo__t{display:flex;flex-direction:column;line-height:1.1}
.siftbar-logo__n{font-family:'Alumni Sans',sans-serif;font-size:26px;font-weight:700;letter-spacing:.02em}
.siftbar-logo__s{font-size:11px;color:var(--mut);letter-spacing:.08em;text-transform:uppercase;font-family:system-ui,sans-serif}
.siftbar-nav{display:flex;gap:18px;margin-left:auto;font-size:14.2px;font-family:system-ui,sans-serif}
.siftbar-nav a{color:var(--mut);border-bottom:1px solid transparent;padding-bottom:2px}
.siftbar-nav a:hover{color:var(--ink);border-color:var(--wave-l)}
.siftbar-cta{
  flex:none;background:var(--wave);color:#fff;
  font-family:system-ui,sans-serif;font-weight:600;font-size:14.2px;
  padding:10px 20px;border-radius:var(--c2);
  box-shadow:0 6px 16px rgba(13,106,112,.24);
}
.siftbar-cta:hover{color:#fff;background:var(--wave-d)}
.siftbar-cta--ghost{background:none;color:var(--wave-d);border:1px solid var(--line);box-shadow:none}
.siftbar-cta--ghost:hover{color:var(--ink);border-color:var(--wave-l);background:var(--sheet2)}
.siftbar-cta--big{font-size:15.4px;padding:14px 32px}

/* ---------- ДИАГОНАЛЬНЫЕ ПОЛОСЫ ---------- */
.siftbar-band{
  position:relative;
  padding:calc(44px + var(--slant)) 0 calc(44px + var(--slant));
  margin-top:calc(var(--slant) * -1);
}
.siftbar-band--r{clip-path:polygon(0 0,100% var(--slant),100% 100%,0 calc(100% - var(--slant)))}
.siftbar-band--l{clip-path:polygon(0 var(--slant),100% 0,100% calc(100% - var(--slant)),0 100%)}
.siftbar-band--s{background:var(--sheet)}
.siftbar-band--s2{background:linear-gradient(162deg,var(--sheet2),var(--quartz2))}
.siftbar-band--t{background:linear-gradient(148deg,rgba(26,143,150,.15),rgba(154,107,49,.05) 58%,transparent)}
.siftbar-band--f{background:var(--quartz2)}
.siftbar-band:first-of-type{margin-top:0}

.siftbar-mark{
  position:absolute;right:max(4vw,18px);top:calc(var(--slant) * .25);
  font-family:'Alumni Sans',sans-serif;font-weight:700;
  font-size:clamp(58px,9vw,120px);line-height:1;
  color:rgba(13,106,112,.09);letter-spacing:-.02em;z-index:1;pointer-events:none;
}
.siftbar-tag{
  display:inline-block;font-family:system-ui,sans-serif;font-size:12.2px;
  letter-spacing:.13em;text-transform:uppercase;color:var(--wave-d);
  border:1px solid var(--line);background:rgba(255,255,255,.7);
  padding:5px 12px;margin:0 0 14px;
}

/* ---------- 60/40 ---------- */
.siftbar-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;align-items:start}
.siftbar-split--w{grid-template-columns:1fr}
.siftbar-fact{
  background:var(--sheet);border:1px solid var(--line2);
  border-top:3px solid var(--wave);border-radius:var(--c1);
  padding:20px 22px;box-shadow:var(--sh);
}
.siftbar-fact h4{margin-bottom:12px}
.siftbar-fact dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:8px 14px;font-size:14.6px;font-family:system-ui,sans-serif}
.siftbar-fact dt{color:var(--mut)}
.siftbar-fact dd{margin:0;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}

/* ---------- HERO ---------- */
.siftbar-hero{padding-bottom:22px}
.siftbar-hero .siftbar-lead{font-size:18.4px}
.siftbar-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 26px}
.siftbar-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.siftbar-quick a{
  display:block;padding:15px 17px;border:1px solid var(--line2);
  border-radius:var(--c2);background:var(--sheet);color:var(--ink);
  box-shadow:var(--sh2);
}
.siftbar-quick a:hover{border-color:var(--wave-l);background:#f2fafa}
.siftbar-quick .siftbar-q__t{
  display:block;font-family:'Alumni Sans',sans-serif;font-weight:700;
  font-size:22px;color:var(--wave-d);margin-bottom:2px;line-height:1.1;
}
.siftbar-quick span{display:block;font-size:13.2px;color:var(--mut);line-height:1.52;font-family:system-ui,sans-serif}

/* ---------- KPI ---------- */
.siftbar-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;text-align:center}
.siftbar-kpi div{padding:12px 8px;border-right:1px solid var(--line)}
.siftbar-kpi div:last-child{border-right:none}
.siftbar-kpi u{
  display:block;text-decoration:none;font-family:'Alumni Sans',sans-serif;font-weight:700;
  font-size:clamp(34px,4.4vw,52px);color:var(--wave);font-variant-numeric:tabular-nums;line-height:1.05;
}
.siftbar-kpi span{display:block;font-size:12.8px;color:var(--mut);margin-top:5px;font-family:system-ui,sans-serif}

/* ---------- ВЗНОСЫ ---------- */
.siftbar-dep{display:grid;gap:13px}
.siftbar-dep article{
  border:1px solid var(--line2);border-radius:var(--c1);
  background:linear-gradient(135deg,rgba(26,143,150,.09),var(--sheet) 62%);
  padding:16px 18px;box-shadow:var(--sh2);
}
.siftbar-dep h4{margin:0 0 5px;font-size:16px}
.siftbar-dep p{margin:0;font-size:14.4px;color:var(--ink2)}
.siftbar-dep .siftbar-big{
  font-family:'Alumni Sans',sans-serif;font-weight:700;font-size:34px;
  color:var(--wave-d);display:block;line-height:1.05;margin-bottom:4px;
}
.siftbar-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.siftbar-chips span{
  font-family:system-ui,sans-serif;font-size:13.2px;color:var(--ink2);
  border:1px dashed var(--line);background:rgba(255,255,255,.6);
  padding:6px 12px;
}

/* ---------- КАТАЛОГ ---------- */
.siftbar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.siftbar-grid article{
  border:1px solid var(--line2);border-radius:var(--c2);
  background:var(--sheet);padding:14px 15px;box-shadow:var(--sh2);
}
.siftbar-grid article:hover{border-color:var(--wave-l)}
.siftbar-grid h3{
  font-size:17px;margin:0 0 6px;color:var(--ink);
  font-family:system-ui,'Segoe UI',sans-serif;font-weight:600;line-height:1.3;
}
.siftbar-grid p{margin:0;font-size:13.1px;color:var(--mut);line-height:1.55;font-family:system-ui,sans-serif}
.siftbar-grid .siftbar-rtp{color:var(--wave);font-variant-numeric:tabular-nums}

/* ---------- ТАБЛИЦЫ ---------- */
.siftbar-scroll{overflow-x:auto;border:1px solid var(--line2);border-radius:var(--c1);background:var(--sheet)}
.siftbar-scroll table{min-width:540px}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line2)}
th{
  color:var(--wave-d);font-weight:600;font-size:13px;letter-spacing:.05em;
  text-transform:uppercase;background:rgba(26,143,150,.07);
}
tr:last-child td{border-bottom:none}
td.siftbar-num{color:var(--sand)}

/* ---------- СТУПЕНИ ---------- */
.siftbar-step{display:grid;gap:10px}
.siftbar-step div{
  display:grid;grid-template-columns:150px 1fr 92px;gap:16px;align-items:center;
  padding:14px 17px;border:1px solid var(--line2);border-radius:var(--c2);
  background:linear-gradient(90deg,rgba(26,143,150,.09),var(--sheet) 58%);
}
.siftbar-step .siftbar-lv{
  font-family:'Alumni Sans',sans-serif;font-weight:700;font-size:24px;
  color:var(--wave-d);line-height:1.1;
}
.siftbar-step p{margin:0;font-size:14.2px;color:var(--ink2)}
.siftbar-step u{
  text-decoration:none;text-align:right;font-family:'Alumni Sans',sans-serif;
  font-weight:700;font-size:28px;color:var(--wave);line-height:1;
}

/* ---------- ОТЗЫВЫ ---------- */
.siftbar-rev{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.siftbar-rev figure{
  margin:0;padding:18px 20px;border:1px solid var(--line2);border-radius:var(--c1);
  background:var(--sheet);box-shadow:var(--sh2);
}
.siftbar-rev blockquote{margin:0 0 12px;font-size:14.9px;color:var(--ink2);line-height:1.68}
.siftbar-rev figcaption{font-size:13.2px;color:var(--mut);font-family:system-ui,sans-serif}
.siftbar-rev .siftbar-stars{color:var(--sand);letter-spacing:.16em;font-size:13px;display:block;margin-bottom:8px}

/* ---------- РАЗБОР ---------- */
.siftbar-qa h3{margin-top:26px}
.siftbar-qa h3:first-child{margin-top:0}

/* ---------- FAQ ---------- */
.siftbar-faq{columns:2;column-gap:22px}
.siftbar-faq details{
  break-inside:avoid;margin:0 0 12px;border:1px solid var(--line2);
  border-radius:var(--c2);background:var(--sheet);padding:13px 16px;
}
.siftbar-faq summary{
  cursor:pointer;font-family:'Alumni Sans',sans-serif;font-weight:700;
  font-size:21px;line-height:1.16;color:var(--wave-d);list-style:none;
}
.siftbar-faq summary::-webkit-details-marker{display:none}
.siftbar-faq summary::before{content:'› ';color:var(--wave-l)}
.siftbar-faq details[open] summary::before{content:'⌄ '}
.siftbar-faq p{margin:10px 0 0;font-size:14.4px;color:var(--ink2)}

/* ---------- ФИНАЛ / АВТОР / ФУТЕР ---------- */
.siftbar-final{text-align:center}
.siftbar-final p{max-width:70ch;margin-left:auto;margin-right:auto}
.siftbar-author{
  border:1px solid var(--line2);border-left:3px solid var(--sand);
  border-radius:var(--c1);padding:21px 24px;background:var(--sheet);
  text-align:left;margin-top:30px;box-shadow:var(--sh2);
}
.siftbar-author p{font-size:14.8px;color:var(--ink2);max-width:none;margin-left:0}
.siftbar-foot{
  background:#e2ebeb;border-top:1px solid var(--line);
  padding:34px 0 42px;font-size:14px;color:var(--mut);
  font-family:system-ui,'Segoe UI',sans-serif;
}
.siftbar-foot .siftbar-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
.siftbar-foot h4{margin-bottom:10px;font-size:16px}
.siftbar-foot a{color:var(--wave-d)}
.siftbar-foot a:hover{color:var(--sand)}
.siftbar-age{
  display:inline-block;border:1px solid var(--sand);color:var(--sand);
  padding:2px 10px;font-size:13px;margin-right:8px;
}
.siftbar-fine{margin-top:26px;padding-top:17px;border-top:1px solid var(--line);font-size:13.2px;line-height:1.68}

/* ---------- SVG-ФИГУРА ---------- */
.siftbar-fig{display:block;width:100%;max-width:520px;height:auto;margin:8px 0 4px}
.siftbar-figcap{font-size:13.2px;color:var(--mut);margin-top:2px;font-family:system-ui,sans-serif}

/* ---------- АДАПТИВ ---------- */
@media (max-width:1000px){
  .siftbar-split{grid-template-columns:1fr;gap:26px}
  .siftbar-grid{grid-template-columns:repeat(3,1fr)}
  .siftbar-quick{grid-template-columns:repeat(2,1fr)}
  .siftbar-kpi{grid-template-columns:repeat(3,1fr)}
  .siftbar-kpi div:nth-child(3){border-right:none}
  .siftbar-nav{display:none}
  .siftbar-foot .siftbar-in{grid-template-columns:1fr 1fr}
  .siftbar-step div{grid-template-columns:118px 1fr 76px;gap:12px}
}
@media (max-width:760px){
  :root{--slant:0px}
  body{font-size:16px}
  .siftbar-band{clip-path:none;margin-top:0;padding:32px 0}
  .siftbar-mark{position:static;display:block;text-align:left;font-size:52px;margin-bottom:-6px}
  .siftbar-grid{grid-template-columns:1fr 1fr}
  .siftbar-kpi{grid-template-columns:1fr 1fr}
  .siftbar-kpi div{border-right:none;border-bottom:1px solid var(--line)}
  .siftbar-rev{grid-template-columns:1fr}
  .siftbar-faq{columns:1}
  .siftbar-step div{grid-template-columns:1fr;gap:6px}
  .siftbar-step u{text-align:left}
  .siftbar-foot .siftbar-in{grid-template-columns:1fr}
  .siftbar-hero__cta a{width:100%;text-align:center}
}