/* ════════════════════════════════════════════════════════
   REMONT — Hero страниц услуг · стили 3 вариантов
   Требует: remont-tokens.css (токены, кнопки)
   Префиксы: va-/vam- «Газетный» · vb-/vbm- «Тёмная плашка» · vc-/vcm- «Лента»
   ════════════════════════════════════════════════════════ */

/* ---------- SHELL (просмотрщик макетов) ---------- */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{background:#E8E8EB;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;}
svg{display:block;}

#sizer{position:relative;}
#stage{
  position:absolute;top:84px;left:50%;
  transform:translateX(-50%) scale(1);transform-origin:top center;
  display:flex;flex-direction:column;gap:72px;
  width:1910px;
}
.vrow-head{display:flex;align-items:baseline;gap:14px;margin:0 0 14px 2px;}
.vrow-head b{font-size:18px;font-weight:800;color:#3A3D44;letter-spacing:-.01em;}
.vrow-head .vtag{
  font-size:11px;font-weight:700;color:#96743F;background:rgba(184,145,90,.16);
  padding:3px 9px;border-radius:999px;letter-spacing:.04em;white-space:nowrap;
}
.vrow-head p{font-size:13px;color:#84878D;font-weight:500;}
.vrow-boards{display:flex;align-items:flex-start;gap:80px;}
.artboard-wrap{flex:none;}
.artboard-label{font-size:13px;font-weight:500;color:#84878D;letter-spacing:.04em;margin:0 0 12px 2px;}
.artboard{background:var(--white);box-shadow:0 8px 40px rgba(0,0,0,.12);overflow:hidden;}
.artboard.desktop{width:1440px;}
.artboard.mobile{width:390px;}

.anno{
  font-size:11px;font-weight:500;color:#9A9DA3;letter-spacing:.06em;
  text-transform:uppercase;padding:8px 16px 6px;
  border-bottom:1px dashed rgba(22,24,29,.18);background:#F4F4F6;
}
.anno--below{border-bottom:none;border-top:1px dashed rgba(22,24,29,.18);}

/* zoom panel */
#zoombar{
  position:fixed;right:20px;bottom:20px;z-index:100;
  display:flex;align-items:center;gap:2px;
  background:var(--white);border:1px solid rgba(22,24,29,.12);
  border-radius:10px;padding:6px;box-shadow:0 4px 20px rgba(0,0,0,.14);font-size:13px;
}
#zoombar button{
  background:none;border:none;border-radius:6px;width:32px;height:32px;font-size:16px;color:var(--ink);
  display:flex;align-items:center;justify-content:center;
}
#zoombar button:hover{background:rgba(22,24,29,.06);}
#zoombar .zb-fit{width:auto;padding:0 12px;font-size:13px;font-weight:600;}
#zoomVal{min-width:48px;text-align:center;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;}

/* переключатель услуг */
#svcbar{
  position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:100;
  display:flex;align-items:center;gap:4px;
  background:var(--white);border:1px solid rgba(22,24,29,.12);
  border-radius:12px;padding:6px;box-shadow:0 8px 30px rgba(0,0,0,.16);
}
#svcbar .svc-cap{
  font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:#9A9DA3;padding:0 10px 0 12px;white-space:nowrap;
}
/* Scoped to #svcbar (Claude Design viewer switcher) so these viewer-only rules
   do NOT leak onto the catalog's same-named .svc-tab quick-nav. There is no
   #svcbar in production, so they are inert there. */
#svcbar .svc-tab{
  border:none;background:none;border-radius:8px;padding:9px 14px;
  font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;
  transition:background .15s ease,color .15s ease;
}
#svcbar .svc-tab:hover{background:rgba(22,24,29,.06);}
#svcbar .svc-tab.on{background:var(--ink);color:var(--white);}

/* ---------- ОБЩЕЕ ДЛЯ ВАРИАНТОВ ---------- */
/* хлебные крошки */
.crumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);font-weight:500;white-space:nowrap;min-width:0;}
.crumbs i{font-style:normal;color:var(--accent);font-size:11px;flex:none;}
.crumbs b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;}
.crumbs a:hover{color:var(--accent-ink);}
.crumbs--dark{color:rgba(255,255,255,.55);}
.crumbs--dark b{color:var(--white);}
.crumbs--m{font-size:12px;gap:8px;}
/* газетная датлайн-строка */
.dateline{
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);font-weight:500;white-space:nowrap;
}
/* латунный em-маркер в H1 на светлом */
.hero-h1 em{
  font-style:normal;font-weight:800;color:var(--ink);
  background:linear-gradient(180deg,transparent 60%,rgba(184,145,90,.35) 60%);
  padding:0 2px;
}

/* ════════════════════════════════════════════
   ВАРИАНТ 1 · «ГАЗЕТНЫЙ» — desktop (va-)
   ════════════════════════════════════════════ */
.va-hero{background:var(--paper);}
.va-top{
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  padding:18px 48px 14px;border-bottom:1px solid var(--line);
}
.va-grid{
  display:grid;grid-template-columns:1fr 392px;gap:56px;
  padding:36px 48px 44px;align-items:start;
}
.va-h1{font-size:50px;line-height:1.06;font-weight:800;letter-spacing:-.02em;max-width:700px;}
.va-sub{font-size:17px;line-height:1.6;color:var(--muted);margin-top:18px;max-width:560px;}
.va-price{display:flex;align-items:baseline;gap:12px;margin-top:24px;}
.va-price .from{font-size:14px;color:var(--muted);font-weight:450;}
.va-price .num{font-size:44px;line-height:1;font-weight:800;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;}
.va-price .note{font-size:13px;color:var(--muted);max-width:160px;line-height:1.45;}
.va-inc{
  margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;
  border-top:1px solid var(--line);padding-top:20px;max-width:640px;
}
.va-inc li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;font-weight:500;line-height:1.4;}
.va-inc li svg{margin-top:4px;flex:none;}
.va-cta{display:flex;align-items:center;gap:28px;margin-top:30px;}
.va-phone a{font-weight:800;font-size:18px;letter-spacing:-.01em;display:block;}
.va-phone a:hover{color:var(--cta);}
.va-phone small{font-size:12px;color:var(--muted);font-weight:500;display:block;margin-top:3px;}

/* паспорт услуги */
.va-pass{
  background:var(--white);border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow-card);overflow:hidden;
}
.va-pass-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 22px;background:var(--accent-tint);border-bottom:1px solid var(--line);
}
.va-pass-head .cap{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);}
.va-pass dl{padding:4px 22px;}
.va-pass dl > div{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  padding:13px 0;border-bottom:1px solid var(--line);
}
.va-pass dl > div:last-child{border-bottom:none;}
.va-pass dt{font-size:13.5px;color:var(--muted);font-weight:500;flex:none;}
.va-pass dd{font-size:14.5px;font-weight:700;text-align:right;}
.va-pass-foot{padding:6px 22px 20px;}
.va-pass-foot .btn-cta{width:100%;padding:15px 20px;}
.va-pass-call{font-size:12.5px;color:var(--muted);text-align:center;margin-top:12px;}
.va-pass-call a{font-weight:700;color:var(--ink);}
.va-pass-call a:hover{color:var(--cta);}

/* лента фактов под hero */
.va-band{
  background:var(--ink);height:56px;padding:0 48px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.va-band span{color:rgba(255,255,255,.85);font-size:13.5px;font-weight:600;white-space:nowrap;}
.va-band i{width:6px;height:6px;background:var(--accent);transform:rotate(45deg);font-style:normal;flex:none;}

/* ---------- ВАРИАНТ 1 — mobile (vam-) ---------- */
.vam-top{padding:14px 20px 12px;border-bottom:1px solid var(--line);background:var(--paper);overflow:hidden;}
.vam-body{background:var(--paper);padding:22px 20px 30px;}
.vam-h1{font-size:29px;line-height:1.12;font-weight:800;letter-spacing:-.02em;}
.vam-sub{font-size:15px;line-height:1.55;color:var(--muted);margin-top:12px;}
.vam-price{display:flex;align-items:baseline;gap:10px;margin-top:18px;flex-wrap:wrap;}
.vam-price .from{font-size:13px;color:var(--muted);}
.vam-price .num{font-size:34px;line-height:1;font-weight:800;letter-spacing:-.02em;white-space:nowrap;}
.vam-price .note{font-size:12px;color:var(--muted);width:100%;}
.vam-inc{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:10px;}
.vam-inc li{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:500;line-height:1.4;}
.vam-inc li svg{margin-top:3px;flex:none;}
.vam-body .va-pass{margin-top:22px;border-radius:14px;}
.vam-body .va-pass-head{padding:13px 18px;}
.vam-body .va-pass dl{padding:2px 18px;}
.vam-body .va-pass-foot{padding:6px 18px 18px;}
.vam-band{background:var(--ink);padding:14px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;}
.vam-band span{color:rgba(255,255,255,.85);font-size:12px;font-weight:600;white-space:nowrap;}
.vam-band i{width:5px;height:5px;background:var(--accent);transform:rotate(45deg);font-style:normal;flex:none;}

/* ════════════════════════════════════════════
   ВАРИАНТ 2 · «ТЁМНАЯ ПЛАШКА» — desktop (vb-)
   ════════════════════════════════════════════ */
.vb-hero{background:var(--ink);color:var(--white);}
.vb-in{padding:20px 48px 0;}
.vb-grid{display:grid;grid-template-columns:1fr 360px;gap:72px;padding:26px 0 38px;align-items:center;}
.vb-over{
  display:flex;align-items:center;gap:10px;margin-top:2px;
  font-size:11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);
}
.vb-h1{font-size:48px;line-height:1.07;font-weight:800;letter-spacing:-.02em;color:var(--white);margin-top:18px;max-width:660px;}
.vb-h1 em{font-style:normal;font-weight:800;color:var(--accent);}
.vb-sub{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.65);margin-top:16px;max-width:540px;}
.vb-price{display:flex;align-items:baseline;gap:12px;margin-top:22px;}
.vb-price .from{font-size:14px;color:rgba(255,255,255,.5);}
.vb-price .num{font-size:42px;line-height:1;font-weight:800;letter-spacing:-.02em;color:var(--white);white-space:nowrap;}
.vb-price .note{font-size:13px;color:rgba(255,255,255,.5);max-width:150px;line-height:1.45;}
.vb-cta{display:flex;align-items:center;gap:20px;margin-top:28px;}
.vb-phone{margin-left:8px;}
.vb-phone a{font-weight:800;font-size:17px;color:var(--white);display:block;}
.vb-phone a:hover{color:var(--accent);}
.vb-phone small{font-size:11.5px;color:rgba(255,255,255,.5);display:block;margin-top:3px;}

/* мини-смета (документ на тёмном) */
.vb-smeta{
  background:var(--white);color:var(--ink);border-radius:6px;padding:22px;
  box-shadow:0 30px 70px -22px rgba(0,0,0,.55);transform:rotate(1.5deg);
}
.vb-smeta-cap{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.vb-smeta-obj{font-size:10.5px;color:var(--muted);margin-top:4px;}
.vb-smeta-rows{margin-top:14px;border-top:1px solid rgba(22,24,29,.14);}
.vb-srow{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(22,24,29,.10);padding:9px 0;}
.vb-srow i{display:block;height:5px;border-radius:3px;background:rgba(22,24,29,.10);font-style:normal;}
.vb-srow span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;}
.vb-smore{font-size:10.5px;color:var(--muted);padding:8px 0 2px;}
.vb-stotal{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:10px;border-top:1px solid rgba(22,24,29,.14);margin-top:6px;}
.vb-stotal span{font-size:11px;font-weight:600;}
.vb-stotal b{font-size:18px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.vb-snote{
  display:inline-block;margin-top:10px;font-size:10px;font-weight:700;
  color:var(--accent-ink);background:var(--accent-tint-strong);padding:4px 9px;border-radius:999px;
}

/* ════ ВАРИАНТ 2 · точечный фон + плавающие плашки вокруг сметы ════ */
.vb-smeta-wrap{position:relative;padding:46px 0 44px;}
.vb-smeta-wrap::before{
  content:"";position:absolute;inset:-28px -22px;border-radius:20px;
  background-image:radial-gradient(rgba(255,255,255,.09) 1.5px,transparent 1.5px);
  background-size:22px 22px;
}
.vb-smeta-wrap .vb-smeta{position:relative;z-index:1;}
.vb-sheet{position:absolute;border-radius:6px;}
.vb-folder{
  width:250px;height:155px;top:0;right:-26px;
  background:#F1EADD;transform:rotate(5deg);
  box-shadow:0 18px 44px rgba(0,0,0,.45);
}
.vb-folder::before{content:"";position:absolute;inset:10px;border:1px solid var(--accent);border-radius:3px;opacity:.7;}
.vb-folder::after{content:"";position:absolute;top:-9px;left:20px;width:90px;height:11px;background:#F1EADD;border-radius:5px 5px 0 0;}
.vb-folder b{
  display:block;text-align:center;margin-top:17px;
  font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:#A08A66;text-shadow:0 1px 0 rgba(255,255,255,.8);white-space:nowrap;
}
.vb-plan{
  width:200px;height:178px;right:-40px;bottom:4px;border-radius:4px;
  background:#FDFCFA;border:1px solid rgba(22,24,29,.12);
  box-shadow:0 16px 38px rgba(0,0,0,.4);transform:rotate(5deg);padding:10px;
}
.vb-badge{
  position:absolute;z-index:2;display:flex;align-items:center;gap:10px;
  background:var(--white);border-radius:12px;
  box-shadow:0 20px 44px -12px rgba(0,0,0,.55);
  padding:11px 16px 11px 13px;transform:rotate(var(--rot,1deg));
}
.vb-badge .check{width:28px;height:28px;border-radius:50%;border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;flex:none;}
.vb-badge-text{display:flex;flex-direction:column;gap:2px;}
.vb-badge b{font-size:12.5px;font-weight:600;line-height:1.2;color:var(--ink);}
.vb-badge .sub{font-size:11px;color:var(--muted);font-weight:500;}
.vb-badge.b1{left:-190px;top:96px;}
.vb-badge.b2{left:-156px;bottom:14px;}
@keyframes vbFloat{
  0%,100%{transform:translateY(0) rotate(var(--rot,1deg));}
  50%{transform:translateY(-7px) rotate(var(--rot,1deg));}
}
@media (prefers-reduced-motion: no-preference){
  .vb-badge{animation:vbFloat 5s ease-in-out infinite;}
  .vb-badge.b2{animation-duration:5.8s;animation-delay:-2.4s;}
}

/* параметры в линию */
.vb-params{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-dark);padding:22px 0 30px;}
.vb-params li{padding:0 28px;border-left:1px solid var(--line-dark);}
.vb-params li:first-child{padding-left:0;border-left:none;}
.vb-params .k{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);}
.vb-params b{display:block;font-size:18px;font-weight:700;color:var(--white);margin-top:8px;letter-spacing:-.01em;}

/* ---------- ВАРИАНТ 2 — mobile (vbm-) ---------- */
.vbm-hero{background:var(--ink);color:var(--white);padding:18px 20px 30px;}
.vbm-h1{font-size:28px;line-height:1.14;font-weight:800;letter-spacing:-.02em;color:var(--white);margin-top:16px;}
.vbm-h1 em{font-style:normal;font-weight:800;color:var(--accent);}
.vbm-sub{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.65);margin-top:10px;}
.vbm-price{display:flex;align-items:baseline;gap:10px;margin-top:16px;}
.vbm-price .from{font-size:12.5px;color:rgba(255,255,255,.5);}
.vbm-price .num{font-size:32px;line-height:1;font-weight:800;letter-spacing:-.02em;color:var(--white);white-space:nowrap;}
.vbm-params{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:20px;
  background:var(--line-dark);border:1px solid var(--line-dark);
}
.vbm-params li{background:var(--ink);padding:12px 14px;}
.vbm-params .k{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45);}
.vbm-params b{display:block;font-size:15px;font-weight:700;color:var(--white);margin-top:5px;}
.vbm-total{
  display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;
  background:rgba(255,255,255,.06);border:1px dashed rgba(184,145,90,.5);border-radius:10px;padding:12px 14px;
}
.vbm-total span{font-size:11.5px;color:rgba(255,255,255,.6);line-height:1.4;}
.vbm-total b{font-size:16px;font-weight:800;color:var(--white);white-space:nowrap;font-variant-numeric:tabular-nums;}
.vbm-hero .btn-calc{width:100%;justify-content:center;height:58px;margin-top:18px;}
.vbm-call{font-size:12.5px;color:rgba(255,255,255,.55);text-align:center;margin-top:12px;}
.vbm-call a{font-weight:700;color:var(--white);}

/* ════════════════════════════════════════════
   ВАРИАНТ 3 · «ЛЕНТА» — desktop (vc-)
   ════════════════════════════════════════════ */
.vc-hero{background:var(--paper);padding:0 48px 42px;}
.vc-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 0 12px;}
.vc-rule{height:3px;background:var(--ink);}
.vc-mast{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding-top:28px;}
.vc-h1{font-size:54px;line-height:1.05;font-weight:800;letter-spacing:-.02em;flex:1;max-width:840px;}
.vc-price{flex:none;text-align:right;border-left:1px solid var(--line);padding-left:40px;}
.vc-price .from{font-size:13px;color:var(--muted);display:block;}
.vc-price .num{font-size:46px;line-height:1;font-weight:800;letter-spacing:-.02em;white-space:nowrap;display:block;margin-top:6px;}
.vc-price .note{font-size:12.5px;color:var(--muted);display:block;margin-top:8px;max-width:200px;margin-left:auto;line-height:1.45;}
.vc-sub{font-size:16.5px;line-height:1.6;color:var(--muted);margin-top:16px;max-width:660px;}
.vc-params{
  display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;
}
.vc-params li{padding:0 28px;border-left:1px solid var(--line);}
.vc-params li:first-child{padding-left:0;border-left:none;}
.vc-params .k{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);}
.vc-params b{display:block;font-size:16.5px;font-weight:700;margin-top:7px;letter-spacing:-.01em;}
.vc-inc{display:flex;align-items:baseline;gap:16px;margin-top:20px;}
.vc-inc .cap{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);flex:none;}
.vc-inc-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;}
.vc-inc-list span{font-size:14px;font-weight:600;}
.vc-inc-list i{width:5px;height:5px;background:var(--accent);transform:rotate(45deg);font-style:normal;flex:none;}
.vc-cta{display:flex;align-items:center;gap:26px;margin-top:30px;}

/* ---------- ВАРИАНТ 3 — mobile (vcm-) ---------- */
.vcm-hero{background:var(--paper);padding:0 20px 30px;}
.vcm-top{padding:14px 0 10px;overflow:hidden;}
.vcm-h1{font-size:28px;line-height:1.14;font-weight:800;letter-spacing:-.02em;margin-top:18px;}
.vcm-price{display:flex;align-items:baseline;gap:10px;margin-top:14px;flex-wrap:wrap;}
.vcm-price .from{font-size:12.5px;color:var(--muted);}
.vcm-price .num{font-size:32px;line-height:1;font-weight:800;letter-spacing:-.02em;white-space:nowrap;}
.vcm-price .note{font-size:12px;color:var(--muted);width:100%;}
.vcm-sub{font-size:14.5px;line-height:1.55;color:var(--muted);margin-top:12px;}
.vcm-params{
  display:grid;grid-template-columns:1fr 1fr;margin-top:18px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.vcm-params li{padding:12px 0;}
.vcm-params li:nth-child(2n){padding-left:18px;border-left:1px solid var(--line);}
.vcm-params li:nth-child(n+3){border-top:1px solid var(--line);}
.vcm-params li:nth-child(2n+1){padding-right:18px;}
.vcm-params .k{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);}
.vcm-params b{display:block;font-size:14.5px;font-weight:700;margin-top:5px;}
.vcm-inc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px;}
.vcm-inc span{font-size:13px;font-weight:600;}
.vcm-inc i{width:4px;height:4px;background:var(--accent);transform:rotate(45deg);font-style:normal;flex:none;}
.vcm-hero .btn-calc{width:100%;justify-content:center;height:58px;margin-top:20px;}
.vcm-call{font-size:12.5px;color:var(--muted);text-align:center;margin-top:12px;}
.vcm-call a{font-weight:700;color:var(--ink);}

/* ════ ВАРИАНТ 3 · документальный штамп-печать ════ */
.vc-hero{position:relative;}
.vc-seal{position:absolute;right:56px;bottom:30px;opacity:.9;transform:rotate(-8deg);pointer-events:none;}

/* ════ ВАРИАНТ 1 · мокап-подложка + анимационные плашки ════ */
.va-right{position:relative;padding:42px 0 38px;}
.va-right::before{
  content:"";position:absolute;inset:-16px -24px -16px -44px;border-radius:24px;
  background-image:radial-gradient(rgba(22,24,29,.10) 1.5px,transparent 1.5px);
  background-size:22px 22px;
}
.va-sheet{position:absolute;border-radius:6px;}
.va-folder{
  width:250px;height:155px;top:-14px;right:-30px;
  background:#F1EADD;transform:rotate(5deg);
  box-shadow:0 14px 36px rgba(22,24,29,.16);
}
.va-folder::before{content:"";position:absolute;inset:10px;border:1px solid var(--accent);border-radius:3px;opacity:.7;}
.va-folder::after{content:"";position:absolute;top:-9px;left:20px;width:90px;height:11px;background:#F1EADD;border-radius:5px 5px 0 0;}
.va-folder b{
  display:block;text-align:center;margin-top:17px;
  font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:#A08A66;text-shadow:0 1px 0 rgba(255,255,255,.8);white-space:nowrap;
}
.va-plan{
  width:200px;height:178px;right:-44px;bottom:-16px;border-radius:4px;
  background:#FDFCFA;border:1px solid rgba(22,24,29,.12);
  box-shadow:0 12px 30px rgba(22,24,29,.12);transform:rotate(5deg);padding:10px;
}
.va-right .va-pass{position:relative;z-index:1;}
.va-badge{
  position:absolute;z-index:2;display:flex;align-items:center;gap:10px;
  background:var(--white);border:1px solid rgba(22,24,29,.06);border-radius:12px;
  box-shadow:var(--shadow-float);padding:11px 16px 11px 13px;
  transform:rotate(var(--rot,1deg));
}
.va-badge .check{width:28px;height:28px;border-radius:50%;border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;flex:none;}
.va-badge-text{display:flex;flex-direction:column;gap:2px;}
.va-badge b{font-size:12.5px;font-weight:600;line-height:1.2;}
.va-badge .sum{font-size:16px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.va-badge .sub{font-size:11px;color:var(--muted);font-weight:500;}
.va-badge.b1{left:-190px;top:96px;}
.va-badge.b2{left:-100px;bottom:10px;}
@keyframes vaFloat{
  0%,100%{transform:translateY(0) rotate(var(--rot,1deg));}
  50%{transform:translateY(-7px) rotate(var(--rot,1deg));}
}
@media (prefers-reduced-motion: no-preference){
  .va-badge{animation:vaFloat 4.8s ease-in-out infinite;}
  .va-badge.b2{animation-duration:5.6s;animation-delay:-2.2s;}
  .vam-badge{animation:vaFloat 5s ease-in-out infinite;}
}

/* мобильная версия мокапа */
.vam-mock{position:relative;margin:30px 0 44px;}
.vam-mock::before{
  content:"";position:absolute;inset:-14px -12px;border-radius:18px;
  background-image:radial-gradient(rgba(22,24,29,.10) 1.5px,transparent 1.5px);
  background-size:20px 20px;
}
.vam-folder{
  position:absolute;width:200px;height:118px;top:-26px;right:-8px;
  background:#F1EADD;border-radius:6px;transform:rotate(4deg);
  box-shadow:0 12px 28px rgba(22,24,29,.16);
}
.vam-folder::before{content:"";position:absolute;inset:8px;border:1px solid var(--accent);border-radius:3px;opacity:.7;}
.vam-folder b{
  display:block;text-align:center;margin-top:13px;
  font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:#A08A66;text-shadow:0 1px 0 rgba(255,255,255,.8);white-space:nowrap;
}
.vam-mock .va-pass{position:relative;z-index:1;margin-top:0;}
.vam-badge{
  position:absolute;z-index:2;left:-4px;bottom:-42px;display:flex;align-items:center;gap:9px;
  background:var(--white);border:1px solid rgba(22,24,29,.06);border-radius:12px;
  box-shadow:0 10px 26px rgba(22,24,29,.16);padding:9px 14px 9px 11px;
  transform:rotate(var(--rot,1deg));
}
.vam-badge .check{width:24px;height:24px;border-radius:50%;border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;flex:none;}
.vam-badge-text{display:flex;flex-direction:column;gap:2px;}
.vam-badge b{font-size:11.5px;font-weight:600;}
.vam-badge .sum{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;}