/* ==========================================================================
   v53 — «тихая галерея на точечном свете».
   Монохромный графит/фарфор (тёмная) и молочный пепел (светлая); цвет живёт
   только в точках: знаки товаров, поле точек героя, полутоновые надписи.
   Один приглушённый ультрамарин — покупка, ссылки, фокус (приём Apple).
   Линии вместо теней и вес ≤600 на крупном кегле (Linear); холодный графит
   и шапка, которая стеклится при прокрутке (Mercury); редакционная тишина,
   кнопки-таблетки, неторопливые кривые (monopo saigon).
   Сетка 8pt, тач-зоны от 44px, текст от 12px (Apple HIG).

   Слой грузится после styles.css. Правила компонентов начинаются с
   :root:not(#v) — это ID-специфичность: старые цепочки классов v31–v52 не
   перебивают новый слой и не нужны !important. Токены — так же.
   ========================================================================== */

/* 0. Шрифт: Manrope (Fontshare, есть кириллица), свои файлы — без чужих CDN */
@font-face{font-family:"Manrope";src:url("../assets/fonts/manrope-300.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/manrope-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/manrope-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/manrope-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/manrope-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url("../assets/fonts/manrope-800.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}

/* 1. Токены --------------------------------------------------------------- */
:root:not(#v){
  color-scheme:dark;
  --f-sans:"Manrope",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,system-ui,sans-serif;
  --f-display:var(--f-sans);
  --f-mono:var(--f-sans);                     /* метки больше не моноширинные */

  /* поверхности: холодный графит, шаг тона вместо тени */
  --bg:#121318;--bg-2:#16171d;--surface:#1b1d23;--surface-2:#23252c;
  --text:#eceef3;--text-dim:#a9aeba;--text-mute:#868b96;
  --line:rgba(236,238,243,.12);--line-soft:rgba(236,238,243,.07);--line-strong:rgba(236,238,243,.22);

  /* один акцент: приглушённый ультрамарин */
  --accent:#9aa6ff;--accent-hard:#c3caff;
  --accent-fill:rgba(122,138,255,.2);--accent-fill-hover:rgba(122,138,255,.3);
  --accent-edge:rgba(154,166,255,.62);--accent-soft:rgba(122,138,255,.12);

  /* стекло */
  --glass-fill:rgba(236,238,243,.05);--glass-fill-hover:rgba(236,238,243,.09);
  --glass-edge:rgba(236,238,243,.13);--glass-edge-hi:rgba(236,238,243,.3);
  --glass-strong:rgba(22,23,29,.82);
  --glass-inner:inset 1px 1px 0 rgba(255,255,255,.14),inset -1px -1px 0 rgba(255,255,255,.04);
  --glass-drop:0 1px 2px rgba(0,0,0,.24),0 8px 24px rgba(0,0,0,.22);
  --shadow:0 1px 2px rgba(0,0,0,.24),0 10px 30px rgba(0,0,0,.24);

  /* сетка 8pt и формы */
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;
  --r-pill:999px;--r-tile:28px;--r-panel:22px;--r-ctrl:14px;
  --radius:20px;--radius-lg:28px;--radius-xl:32px;
  --tap:44px;--header-h:76px;
  --maxw:1320px;--gutter:clamp(16px,4vw,56px);

  /* движение: неторопливое скольжение (monopo) и быстрая обратная связь */
  --e-out:cubic-bezier(.16,1,.3,1);--e-glide:cubic-bezier(.19,1,.22,1);
  --e-inout:cubic-bezier(.65,0,.35,1);--e-exit:cubic-bezier(.22,1,.36,1);
  --ease:var(--e-out);

  /* медиа-цвета точек (поле героя) */
  --dg-from:rgba(176,186,255,.34);--dg-to:rgba(196,178,255,.22);
  --ht-ink:#eceef3;
  --menu-dots:rgba(236,238,243,.07);
}
:root[data-theme="light"]:not(#v){
  color-scheme:light;
  --bg:#f0f0ec;--bg-2:#e9e9e4;--surface:#f7f7f4;--surface-2:#fbfbf9;
  --text:#16171c;--text-dim:#474b55;--text-mute:#62666f;
  --line:rgba(22,23,28,.14);--line-soft:rgba(22,23,28,.08);--line-strong:rgba(22,23,28,.26);
  --accent:#3a48c0;--accent-hard:#27329a;
  --accent-fill:rgba(58,72,192,.1);--accent-fill-hover:rgba(58,72,192,.16);
  --accent-edge:rgba(58,72,192,.5);--accent-soft:rgba(58,72,192,.08);
  --glass-fill:rgba(255,255,255,.5);--glass-fill-hover:rgba(255,255,255,.7);
  --glass-edge:rgba(22,23,28,.12);--glass-edge-hi:rgba(22,23,28,.26);
  --glass-strong:rgba(248,248,245,.88);
  --glass-inner:inset 1px 1px 0 rgba(255,255,255,.9),inset -1px -1px 0 rgba(22,23,28,.04);
  --glass-drop:0 1px 2px rgba(22,23,28,.06),0 6px 18px rgba(22,23,28,.07);
  --shadow:0 1px 2px rgba(22,23,28,.06),0 8px 22px rgba(22,23,28,.08);
  --dg-from:rgba(34,40,80,.3);--dg-to:rgba(83,56,189,.2);
  --ht-ink:#16171c;
  --menu-dots:rgba(22,23,28,.08);
}

/* 2. Основа и то, что рисует браузер ------------------------------------- */
:root:not(#v) body{background:var(--bg);color:var(--text);font:400 16px/1.55 var(--f-sans);letter-spacing:-.003em;
  font-feature-settings:"cv11","ss01";text-rendering:optimizeLegibility}
:root:not(#v) ::selection{background:color-mix(in srgb,var(--accent) 34%,transparent);color:var(--text)}
:root:not(#v) input,:root:not(#v) textarea{caret-color:var(--accent)}
:root:not(#v){scrollbar-color:color-mix(in srgb,var(--tone,var(--text)) 22%,transparent) transparent;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--tone,var(--text)) 18%,transparent);border-radius:99px;border:3px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--tone,var(--text)) 30%,transparent)}
:root:not(#v) a:focus-visible,:root:not(#v) button:focus-visible,:root:not(#v) summary:focus-visible,
:root:not(#v) [tabindex]:focus-visible,:root:not(#v) [role="radio"]:focus-visible{
  outline:2px solid var(--accent);outline-offset:3px}
:root:not(#v) .price,:root:not(#v) .summary__row,:root:not(#v) .plan__price,:root:not(#v) .quick__price{font-variant-numeric:tabular-nums lining-nums}
:root:not(#v) p{color:var(--text-dim)}

/* 3. Типографика: шёпот крупного кегля, без капса ------------------------- */
:root:not(#v) h1{font:300 clamp(56px,11vw,176px)/.9 var(--f-sans);letter-spacing:-.04em;text-transform:none}
:root:not(#v) h2{font:300 clamp(38px,6vw,88px)/.98 var(--f-sans);letter-spacing:-.035em;text-transform:none;text-wrap:balance}
:root:not(#v) h3{font:500 clamp(18px,1.6vw,22px)/1.2 var(--f-sans);letter-spacing:-.012em;text-transform:none}
:root:not(#v) .lede{max-width:56ch;font:400 clamp(17px,1.5vw,20px)/1.55 var(--f-sans);color:var(--text-dim);letter-spacing:-.006em}
:root:not(#v) .label,:root:not(#v) .index{font:600 12px/1.3 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute)}
:root:not(#v) .small{font-size:13px}
/* надписи-кикеры над заголовками убраны: заголовок говорит сам */
:root:not(#v) .head__top,:root:not(#v) .hero__kicker{display:none}
:root:not(#v) .head{gap:var(--s-5);margin-bottom:clamp(40px,6vw,72px)}
:root:not(#v) .head h2{max-width:14ch}
:root:not(#v) .section{padding:clamp(80px,10vw,136px) 0}
:root:not(#v) .section--tight{padding:clamp(64px,8vw,104px) 0}
:root:not(#v) .section--why{border-top:1px solid var(--line-soft)}
:root:not(#v) .container{max-width:var(--maxw)}

/* 4. Кнопки: таблетки, акцент — только покупка ----------------------------- */
:root:not(#v) .btn{
  min-height:48px;padding:0 22px;gap:10px;border-radius:var(--r-pill);
  border:1px solid color-mix(in srgb,var(--tone,var(--text)) 22%,transparent);
  background:transparent;color:var(--text);
  font:600 15px/1 var(--f-sans);letter-spacing:-.005em;text-transform:none;
  box-shadow:none;-webkit-backdrop-filter:blur(8px) saturate(150%);backdrop-filter:blur(8px) saturate(150%);
  transition:background-color .28s var(--e-out),border-color .28s var(--e-out),color .2s,transform .5s var(--spr,var(--e-out))}
:root:not(#v) .btn::before,:root:not(#v) .btn::after{content:none}
:root:not(#v) .btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--tone,var(--text)) 44%,transparent);
  background:color-mix(in srgb,var(--tone,var(--text)) 6%,transparent);color:var(--text)}
:root:not(#v) .btn:active{transform:translateY(0) scale(.98);transition-duration:.12s}
:root:not(#v) .btn--sm,:root:not(#v) .btn.btn--sm{min-height:44px;padding:0 18px;font-size:14px}
:root:not(#v) .btn--block{width:100%}
:root:not(#v) .btn--primary,:root:not(#v) .btn--grad,:root:not(#v) .btn--solid,:root:not(#v) .card__foot .btn,
:root:not(#v) .pick-add,:root:not(#v) .custom-amount__foot .btn{
  border-color:var(--accent-edge);background:var(--accent-fill);color:var(--text);font-weight:600}
:root:not(#v) .btn--primary:hover,:root:not(#v) .btn--grad:hover,:root:not(#v) .btn--solid:hover,
:root:not(#v) .card__foot .btn:hover,:root:not(#v) .pick-add:hover,:root:not(#v) .custom-amount__foot .btn:hover{
  border-color:var(--accent);background:var(--accent-fill-hover);color:var(--text)}
:root:not(#v) .btn--ghost{border-color:color-mix(in srgb,var(--tone,var(--text)) 22%,transparent);background:transparent}
:root:not(#v) .btn[disabled],:root:not(#v) .btn[aria-disabled="true"]{opacity:.42;cursor:not-allowed;transform:none}
:root:not(#v) .btn .i{flex:none;transition:transform .45s var(--e-out)}
:root:not(#v) .btn:hover .i--arrow-right,:root:not(#v) .btn:hover .i--arrow-up-right{transform:translateX(3px)}
:root:not(#v) .btn:hover .i--send{transform:translate(2px,-2px)}
:root:not(#v) .btn.is-dot-pulse{animation:none}

/* мелкие контролы — тач-зона 44px */
:root:not(#v) .chip,:root:not(#v) .seg__btn,:root:not(#v) .pick-seg__btn,:root:not(#v) .charts-tools__group button,
:root:not(#v) .charts-tools__toggle,:root:not(#v) .set-opt,:root:not(#v) .qty button,:root:not(#v) .ps-seg button{
  min-height:44px;font-family:var(--f-sans);font-weight:600;font-size:14px;letter-spacing:0;text-transform:none}
:root:not(#v) .qty button{width:44px}
:root:not(#v) .seg__label,:root:not(#v) .pick-row__label{font:600 12px/1.3 var(--f-sans);letter-spacing:.1em}

/* 5. Шапка: плавающая полоса, стекло после прокрутки ---------------------- */
:root:not(#v) #site-header{position:sticky;top:0;z-index:60;height:var(--header-h);pointer-events:none}
:root:not(#v) .header{position:relative;top:auto;height:100%;padding:12px var(--gutter) 0;background:none;border:0;
  box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}
:root:not(#v) .header__bar{pointer-events:auto;position:relative;display:flex;align-items:center;gap:var(--s-3);
  max-width:var(--maxw);height:56px;margin:0 auto;padding:0 6px 0 14px;border-radius:var(--r-pill);
  border:1px solid transparent;background:transparent;
  transition:background-color .45s var(--e-out),border-color .45s var(--e-out),box-shadow .45s var(--e-out)}
:root:not(#v) .header.is-scrolled .header__bar{
  background:color-mix(in srgb,var(--bg) 74%,transparent);border-color:var(--glass-edge);box-shadow:var(--glass-inner);
  -webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%)}
:root:not(#v) .logo{display:inline-flex;align-items:center;gap:10px;min-height:44px}
:root:not(#v) .logo__mark{width:30px;height:30px}
:root:not(#v) .logo__word{font:700 18px/1 var(--f-sans);letter-spacing:-.035em;color:var(--text)}
:root:not(#v) .header__actions{margin-left:auto;display:flex;align-items:center;gap:4px}
:root:not(#v) .hdr-btn,:root:not(#v) .account-btn,:root:not(#v) .cart-btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-width:44px;height:44px;padding:0 12px;border-radius:var(--r-pill);border:1px solid transparent;
  background:transparent;color:var(--text);font:600 14px/1 var(--f-sans);letter-spacing:0;text-transform:none;
  box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
  transition:background-color .25s var(--e-out),border-color .25s,color .2s}
:root:not(#v) .hdr-btn:hover,:root:not(#v) .account-btn:hover,:root:not(#v) .cart-btn:hover{
  background:color-mix(in srgb,var(--tone,var(--text)) 7%,transparent);border-color:var(--line);transform:none}
:root:not(#v) .account-btn{padding:0;width:44px}
:root:not(#v) .account-btn.is-auth{color:var(--text);background:color-mix(in srgb,var(--tone,var(--text)) 6%,transparent)}
:root:not(#v) .account-btn__icon{color:inherit}
:root:not(#v) .cart-btn{padding:0 10px 0 12px}
:root:not(#v) .cart-btn__count{min-width:24px;height:24px;padding:0 6px;display:inline-grid;place-items:center;border-radius:99px;
  border:1px solid var(--accent-edge);background:var(--accent-fill);color:var(--text);
  font:700 12px/1 var(--f-sans);font-variant-numeric:tabular-nums}
:root:not(#v) .theme-toggle{width:44px;height:44px;min-width:44px}
:root:not(#v) .theme-toggle__disc{width:16px;height:16px;box-shadow:inset 0 0 0 0 var(--bg),0 0 0 1px var(--line-strong)}
:root[data-theme="light"]:not(#v) .theme-toggle__disc{background:var(--text);box-shadow:inset -5px -1px 0 0 var(--bg),0 0 0 1px var(--line-strong)}
:root:not(#v) .menu-btn{display:inline-flex;align-items:center;gap:10px;height:44px;min-width:44px;padding:0 8px 0 16px;margin-left:4px;
  border-radius:var(--r-pill);border:1px solid var(--line-strong);background:color-mix(in srgb,var(--tone,var(--text)) 4%,transparent);
  color:var(--text);font:600 14px/1 var(--f-sans);cursor:pointer;
  transition:background-color .25s var(--e-out),border-color .25s}
:root:not(#v) .menu-btn:hover{background:color-mix(in srgb,var(--tone,var(--text)) 9%,transparent);border-color:color-mix(in srgb,var(--tone,var(--text)) 40%,transparent)}
:root:not(#v) .menu-btn__lines{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%}
:root:not(#v) .menu-btn__lines i{position:absolute;left:7px;right:7px;height:1.6px;border-radius:2px;background:currentColor;
  transition:transform .5s var(--e-out)}
:root:not(#v) .menu-btn__lines i:first-child{transform:translateY(-3px)}
:root:not(#v) .menu-btn__lines i:last-child{transform:translateY(3px)}
:root:not(#v) .menu-btn:hover .menu-btn__lines i:first-child{transform:translateY(-4px)}
:root:not(#v) .menu-btn:hover .menu-btn__lines i:last-child{transform:translateY(4px)}
:root:not(#v) .menu-btn.is-open .menu-btn__lines i:first-child{transform:rotate(45deg)}
:root:not(#v) .menu-btn.is-open .menu-btn__lines i:last-child{transform:rotate(-45deg)}
html.telegram-mini-app:not(#v) #site-header{height:calc(var(--header-h) + var(--tg-top,0px));padding-top:var(--tg-top,0px)}
@media (max-width:719px){
  :root:not(#v){--header-h:68px}
  :root:not(#v) .header{padding:8px 12px 0}
  :root:not(#v) .header__bar{height:52px;padding:0 4px 0 10px;gap:2px}
  :root:not(#v) .hdr-btn--bot span,:root:not(#v) .menu-btn__label{display:none}
  :root:not(#v) .hdr-btn--bot{width:44px;padding:0}
  :root:not(#v) .menu-btn{padding:0;width:44px;justify-content:center}
  :root:not(#v) .logo__word{font-size:17px}
}
@media (max-width:359px){:root:not(#v) .theme-toggle{display:none}}

/* 6. Лист страницы и меню под ним ---------------------------------------- */
.sheet{position:relative;z-index:2;min-height:100vh;min-height:100svh;background:var(--bg);isolation:isolate}
.sheet.is-peeling{will-change:clip-path}
.peel-fx{position:fixed;inset:0;z-index:3;pointer-events:none;visibility:hidden}
:root:not(#v) .menu{position:fixed;z-index:1;top:0;right:0;bottom:0;width:min(440px,calc(100vw - 120px));
  visibility:hidden;overflow:hidden;color:var(--text);
  background-color:var(--bg-2);
  background-image:radial-gradient(circle,var(--menu-dots) 1px,transparent 1.4px);background-size:14px 14px}
:root:not(#v) .menu.is-open{visibility:visible}
:root:not(#v) .menu__inner{height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  padding:calc(16px + var(--tg-top,0px) + env(safe-area-inset-top,0px)) 24px calc(28px + env(safe-area-inset-bottom,0px)) 28px;
  display:flex;flex-direction:column;gap:var(--s-6)}
:root:not(#v) .menu__head{display:flex;align-items:center;justify-content:space-between;min-height:56px}
:root:not(#v) .menu__title{font:600 12px/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}
:root:not(#v) .menu__close{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);
  background:transparent;color:var(--text);cursor:pointer;transition:background-color .25s,border-color .25s,transform .5s var(--e-out)}
:root:not(#v) .menu__close:hover{background:color-mix(in srgb,var(--tone,var(--text)) 7%,transparent);border-color:var(--line-strong);transform:rotate(90deg)}
:root:not(#v) .menu__group ul{list-style:none;margin:var(--s-2) 0 0;padding:0}
:root:not(#v) .menu__label{display:block;font:600 12px/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}
:root:not(#v) .menu__link{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name ico" "sub ico";
  column-gap:var(--s-3);align-items:center;min-height:64px;padding:10px 0;border-bottom:1px solid var(--line-soft);
  color:var(--text);opacity:0;transform:translateX(28px);
  transition:opacity .5s var(--e-out),transform .8s var(--e-glide),color .2s}
:root:not(#v) .menu.is-open .menu__link{opacity:1;transform:none}
:root:not(#v) .menu__group li:nth-child(1) .menu__link{transition-delay:.06s}
:root:not(#v) .menu__group li:nth-child(2) .menu__link{transition-delay:.1s}
:root:not(#v) .menu__group li:nth-child(3) .menu__link{transition-delay:.14s}
:root:not(#v) .menu__group li:nth-child(4) .menu__link{transition-delay:.18s}
:root:not(#v) .menu__group li:nth-child(5) .menu__link{transition-delay:.22s}
:root:not(#v) .menu__name{grid-area:name;font:300 clamp(26px,3.2vw,32px)/1.1 var(--f-sans);letter-spacing:-.025em}
:root:not(#v) .menu__sub{grid-area:sub;margin-top:4px;font:500 13px/1.3 var(--f-sans);color:var(--text-mute)}
:root:not(#v) .menu__link .i{grid-area:ico;color:var(--text-mute);transition:transform .45s var(--e-out),color .2s}
:root:not(#v) .menu__link:hover .i,:root:not(#v) .menu__link:focus-visible .i{transform:translateX(4px);color:var(--text)}
:root:not(#v) .menu__link.is-active .menu__name{color:var(--accent)}
:root:not(#v) .menu__bot{padding:var(--s-5);border-radius:var(--r-panel);border:1px solid var(--line);
  background:color-mix(in srgb,var(--bg) 60%,transparent)}
:root:not(#v) .menu__bot h3{margin:0 0 var(--s-3)}
:root:not(#v) .steps{list-style:none;counter-reset:st;margin:0 0 var(--s-4);padding:0;display:grid;gap:var(--s-2)}
:root:not(#v) .steps li{counter-increment:st;display:grid;grid-template-columns:28px 1fr;align-items:baseline;gap:var(--s-2);
  font:500 15px/1.45 var(--f-sans);color:var(--text-dim)}
:root:not(#v) .steps li::before{content:counter(st);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
  border:1px solid var(--line-strong);font:700 12px/1 var(--f-sans);color:var(--text);transform:translateY(-1px)}
:root:not(#v) .menu__prefs{display:grid;gap:var(--s-2);margin-top:auto}
:root:not(#v) .menu__pref{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:48px;
  font:500 15px/1 var(--f-sans);color:var(--text-dim)}
:root:not(#v) .menu-lang,:root:not(#v) .menu-theme{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-pill);border:1px solid var(--line)}
:root:not(#v) .menu-lang button,:root:not(#v) .menu-theme button{min-width:44px;min-height:40px;padding:0 14px;border:0;border-radius:var(--r-pill);
  background:transparent;color:var(--text-mute);font:600 13px/1 var(--f-sans);cursor:pointer;transition:background-color .25s,color .2s}
:root:not(#v) .menu-lang button.is-active,:root:not(#v) .menu-theme button.is-active{color:var(--text);background:color-mix(in srgb,var(--tone,var(--text)) 10%,transparent)}
@media (max-width:559px){
  :root:not(#v) .menu{width:calc(100vw - 56px)}
  :root:not(#v) .menu__inner{padding-left:20px;padding-right:16px}
}
html.nav-open{overflow:hidden;overscroll-behavior:none}

/* 7. Герой главной ------------------------------------------------------- */
:root:not(#v) .hero--v53{position:relative;isolation:isolate;display:flex;align-items:stretch;
  min-height:100vh;min-height:100svh;margin-top:calc(-1 * var(--header-h));padding:calc(var(--header-h) + 24px) 0 32px;
  background:var(--bg);overflow:hidden}
:root:not(#v) .hero__field{position:absolute;inset:-4% 0 -8%;z-index:-1}
:root:not(#v) .hero__field canvas{position:absolute;inset:0;display:block}
/* мягкое затухание поля к краям — маска, а не цветная заливка */
:root:not(#v) .hero__field{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 70%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 70%,transparent 100%)}
:root:not(#v) .hero__inner{display:grid;grid-template-rows:1fr auto;gap:var(--s-7);width:100%}
:root:not(#v) .hero__title{align-self:center;max-width:none;margin:0;font:300 clamp(64px,12.4vw,188px)/.88 var(--f-sans);letter-spacing:-.045em;color:var(--text)}
:root:not(#v) .hero__title .line{display:block}
:root:not(#v) .hero__title .line:nth-child(2){padding-left:.62em}
:root:not(#v) .hero__foot{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);gap:var(--s-6) var(--s-7);align-items:end}
:root:not(#v) .hero__lede{max-width:46ch;margin:0 0 var(--s-5);font:400 clamp(17px,1.45vw,20px)/1.55 var(--f-sans);color:var(--text-dim)}
:root:not(#v) .hero__cta{display:flex;flex-wrap:wrap;gap:var(--s-3)}
:root:not(#v) .hero__facts{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin:var(--s-5) 0 0;padding:0;list-style:none}
:root:not(#v) .hero__facts li{display:inline-flex;align-items:center;gap:8px;font:500 14px/1.3 var(--f-sans);color:var(--text-mute)}
:root:not(#v) .hero__facts .i{color:var(--accent)}
:root:not(#v) .status{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--f-sans);color:var(--text-dim)}
:root:not(#v) .status::before{content:"";width:8px;height:8px;border-radius:50%;border:2px solid var(--c-down,#34d399);box-sizing:border-box;
  animation:status-pulse 2.4s var(--e-inout) .8s 3}
@keyframes status-pulse{50%{transform:scale(.7);opacity:.55}}

/* панель быстрой покупки: стекло над полем точек — точки гнутся у кромки */
:root:not(#v) .quick{position:relative;display:grid;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-tile);
  border:1px solid var(--glass-edge);background:color-mix(in srgb,var(--bg) 46%,transparent);box-shadow:var(--glass-inner);
  -webkit-backdrop-filter:blur(10px) saturate(160%);backdrop-filter:blur(10px) saturate(160%)}
:root:not(#v) .quick.glass--refract{-webkit-backdrop-filter:var(--glass-filter) blur(3px) saturate(160%);backdrop-filter:var(--glass-filter) blur(3px) saturate(160%)}
:root:not(#v) .quick__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}
:root:not(#v) .quick__name{display:inline-flex;align-items:center;gap:10px}
:root:not(#v) .quick__glyph,:root:not(#v) .plan__glyph{position:relative;inset:auto;display:inline-block;flex:none;width:36px;height:36px;opacity:1}
:root:not(#v) .quick__title{margin:0;font:500 18px/1.2 var(--f-sans);letter-spacing:-.012em;max-width:none}
:root:not(#v) .quick__price{display:flex;align-items:baseline;gap:6px;margin:0;font:300 clamp(44px,4.4vw,56px)/1 var(--f-sans);letter-spacing:-.04em;color:var(--text)}
:root:not(#v) .quick__price small{font:500 18px/1 var(--f-sans);color:var(--text-dim);letter-spacing:0}
:root:not(#v) .quick__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap}
:root:not(#v) .quick__note{margin:0;font:500 13px/1.45 var(--f-sans);color:var(--text-mute)}
:root:not(#v) .quick__more{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 14px/1 var(--f-sans);color:var(--accent)}
:root:not(#v) .quick__more:hover .i{transform:translateX(3px)}
:root:not(#v) .quick__more .i{transition:transform .4s var(--e-out)}
:root:not(#v) .quick .pseg{width:100%}
:root:not(#v) .quick .pseg__opt{flex:1;padding:0 8px}

/* кольцо «Листайте вниз» (monopo) — внутри перетекает знак товаров из точек */
:root:not(#v) .scroll-badge{position:absolute;z-index:2;display:block;
  right:max(var(--gutter),calc((100% - var(--maxw)) / 2 + var(--gutter)));top:calc(var(--header-h) + 24px);
  width:clamp(220px,24vw,340px);aspect-ratio:1;border-radius:50%;color:var(--text-dim);transition:color .25s}
:root:not(#v) .scroll-badge:hover{color:var(--text)}
:root:not(#v) .scroll-badge__glyph{position:absolute;left:0;top:-17.3%;width:100%;height:153%;pointer-events:none}
:root:not(#v) .scroll-badge svg.ring{position:absolute;inset:0;width:100%;height:100%;animation:badge-spin 40s linear infinite}
:root:not(#v) .scroll-badge text{font:600 14px var(--f-sans);letter-spacing:.24em;text-transform:uppercase;fill:currentColor}
:root:not(#v) .scroll-badge__arrow{position:absolute;left:50%;bottom:9%;margin-left:-9px;transition:transform .5s var(--e-out)}
:root:not(#v) .scroll-badge:hover .scroll-badge__arrow{transform:translateY(4px)}
@keyframes badge-spin{to{transform:rotate(360deg)}}

@media (max-width:999px){
  :root:not(#v) .hero__foot{grid-template-columns:1fr}
  :root:not(#v) .quick{max-width:520px}
  :root:not(#v) .scroll-badge{display:none}
}
@media (max-width:1099px){:root:not(#v) .scroll-badge{display:none}}
@media (max-width:619px){
  :root:not(#v) .hero--v53{min-height:auto;padding-bottom:var(--s-6)}
  :root:not(#v) .hero__inner{gap:var(--s-6)}
  :root:not(#v) .hero__title{font-size:clamp(54px,17vw,84px);margin-top:var(--s-6)}
  :root:not(#v) .hero__title .line:nth-child(2){padding-left:.32em}
  :root:not(#v) .hero__cta{display:grid}
  :root:not(#v) .hero__cta .btn{width:100%}
  :root:not(#v) .quick{padding:var(--s-4) var(--s-4) var(--s-5)}
}

/* 8. Распад текста ------------------------------------------------------- */
.dust-canvas{position:absolute;z-index:1;pointer-events:none;display:block}
.dust-on,.dust-on *,.dust-wait,.dust-wait *{-webkit-text-fill-color:transparent}
.dust-on .dust-canvas{visibility:visible}

/* 9. Полутоновые надписи: шапки страниц и подвал ------------------------- */
:root:not(#v) .halftone{position:relative;display:block;width:100%;color:var(--ht-ink);font-family:var(--f-sans);touch-action:pan-y}
:root:not(#v) .halftone canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
:root:not(#v) .masthead{height:clamp(120px,17vw,250px);margin:0 0 var(--s-6);border-bottom:1px solid var(--line-soft);
  color:color-mix(in srgb,var(--ht-ink) 88%,transparent)}
:root:not(#v) .masthead--stars{--ht-warm:var(--c-stars)}
:root:not(#v) .masthead--premium{--ht-warm:var(--c-premium)}
:root:not(#v) .masthead--ps{--ht-warm:var(--c-ps)}
:root:not(#v) .masthead--psplus{--ht-warm:var(--c-ess)}
:root:not(#v) .masthead--faq{--ht-warm:var(--accent)}
:root:not(#v) .masthead--cart{--ht-warm:var(--accent)}

:root:not(#v) .footer.hwf{position:relative;margin-top:var(--s-9);padding:var(--s-8) 0 0;border-top:1px solid var(--line-soft);overflow:hidden}
:root:not(#v) .hwf__top{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));gap:var(--s-6)}
:root:not(#v) .hwf__brand strong{display:block;font:700 22px/1 var(--f-sans);letter-spacing:-.035em;color:var(--text)}
:root:not(#v) .hwf__brand > span{display:block;margin-top:var(--s-2);font:500 14px/1.45 var(--f-sans);color:var(--text-dim)}
:root:not(#v) .hwf__about{max-width:40ch;margin:var(--s-4) 0 0;font:400 14px/1.55 var(--f-sans);color:var(--text-mute)}
:root:not(#v) .hwf__col h3{margin:0 0 var(--s-2);font:600 12px/1.3 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}
:root:not(#v) .hwf__col ul{list-style:none;margin:0;padding:0}
:root:not(#v) .hwf__col a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;font:500 15px/1.3 var(--f-sans);
  color:var(--text);text-decoration:none;opacity:.86;
  background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-repeat:no-repeat;background-position:0 78%;
  transition:opacity .25s var(--e-out),background-size .4s var(--e-glide)}
:root:not(#v) .hwf__col a:hover,:root:not(#v) .hwf__col a:focus-visible{opacity:1;background-size:100% 1px}
:root:not(#v) .hwf__col a .i{color:var(--text-mute)}
:root:not(#v) .hwf__col .footer__mail{font-size:14px;color:var(--text-dim);overflow-wrap:anywhere}
:root:not(#v) .hwf__rule{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-3) var(--s-5);
  margin-top:var(--s-7);padding:var(--s-3) 0;border-top:1px solid var(--line-soft);
  font:500 12.5px/1.45 var(--f-sans);color:var(--text-mute)}
:root:not(#v) .hwf__legal{flex:1 1 360px;max-width:72ch}
:root:not(#v) .footer-lang button{min-width:44px;min-height:44px;border-radius:var(--r-pill);font:600 13px/1 var(--f-sans);letter-spacing:.04em}
:root:not(#v) .hwf__up{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:transparent;color:var(--text);font:600 14px/1 var(--f-sans);cursor:pointer;
  transition:background-color .25s,border-color .25s}
:root:not(#v) .hwf__up:hover{background:color-mix(in srgb,var(--tone,var(--text)) 7%,transparent);border-color:var(--line-strong)}
:root:not(#v) .hwf__up .i{transition:transform .4s var(--e-out)}
:root:not(#v) .hwf__up:hover .i{transform:translateY(-3px)}
:root:not(#v) .hwf__word{height:clamp(150px,23vw,360px);margin-top:var(--s-2);--ht-warm:var(--accent)}
@media (max-width:899px){
  :root:not(#v) .hwf__top{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s-5)}
  :root:not(#v) .hwf__brand{grid-column:1/-1}
}
@media (max-width:479px){
  :root:not(#v) .hwf__top{grid-template-columns:1fr}
  :root:not(#v) .hwf__rule{align-items:flex-start;flex-direction:column}
}

/* 10. Тарифы ------------------------------------------------------------- */
:root:not(#v) .pricing{display:grid;gap:var(--s-6);margin-top:var(--s-5)}
:root:not(#v) .pricing__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap}
:root:not(#v) .pricing__title{margin:0;font:500 20px/1.2 var(--f-sans)}
:root:not(#v) .pseg{position:relative;display:inline-flex;max-width:100%;padding:4px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:color-mix(in srgb,var(--tone,var(--text)) 4%,transparent)}
:root:not(#v) .pseg__opt{position:relative;z-index:1;min-height:44px;padding:0 18px;border:0;border-radius:var(--r-pill);
  background:transparent;color:var(--text-dim);font:600 14px/1 var(--f-sans);white-space:nowrap;cursor:pointer;transition:color .25s}
:root:not(#v) .pseg__opt:hover{color:var(--text)}
:root:not(#v) .pseg__opt.is-on{color:var(--text)}
:root:not(#v) .pseg__thumb{position:absolute;left:0;top:4px;bottom:4px;width:0;border-radius:var(--r-pill);pointer-events:none;
  border:1px solid color-mix(in srgb,var(--tone,var(--text)) 26%,transparent);background:color-mix(in srgb,var(--tone,var(--text)) 9%,transparent);
  box-shadow:var(--glass-inner);transition:transform .75s var(--spr-pop,var(--e-out)),width .75s var(--spr-pop,var(--e-out))}
:root:not(#v) .pseg__thumb.is-snap{transition:none}
:root:not(#v) .pricing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);perspective:1600px;align-items:stretch}
:root:not(#v) .plan{min-width:0;display:flex}
:root:not(#v) .plan__card{position:relative;flex:1;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-6) var(--s-5) var(--s-5);
  border-radius:var(--r-tile);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent);
  box-shadow:var(--glass-inner);transform-style:preserve-3d;
  -webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);
  transition:transform 1s var(--e-glide),border-color .3s var(--e-out),background-color .3s}
:root:not(#v) .plan__card.glass--refract{-webkit-backdrop-filter:var(--glass-filter) blur(6px) saturate(150%);backdrop-filter:var(--glass-filter) blur(6px) saturate(150%)}
@media (min-width:900px) and (hover:hover){
  :root:not(#v) .plan:nth-child(1) .plan__card{transform:rotateY(7deg) scale(.965);transform-origin:right center}
  :root:not(#v) .plan:nth-child(3) .plan__card{transform:rotateY(-7deg) scale(.965);transform-origin:left center}
  :root:not(#v) .plan:hover .plan__card,:root:not(#v) .plan:focus-within .plan__card{transform:translateY(-6px)}
}
:root:not(#v) .plan__card:hover{border-color:var(--line-strong)}
:root:not(#v) .plan--best .plan__card{border-color:var(--accent-edge)}
:root:not(#v) .plan__badge{position:absolute;top:var(--s-4);right:var(--s-4);display:inline-flex;align-items:center;min-height:28px;padding:0 12px;
  border-radius:var(--r-pill);border:1px solid var(--accent-edge);color:var(--accent);font:700 12px/1 var(--f-sans);letter-spacing:.02em}
:root:not(#v) .plan__term{display:flex;align-items:center;gap:10px;margin:0;font:500 22px/1.15 var(--f-sans);letter-spacing:-.015em}
:root:not(#v) .plan--ess{--tier:var(--c-ess)}
:root:not(#v) .plan--ext{--tier:var(--c-ext)}
:root:not(#v) .plan--dlx{--tier:var(--c-dlx)}
:root:not(#v) .plan__lead{margin:0;font:500 14px/1.45 var(--f-sans);color:var(--text-mute)}
:root:not(#v) .plan__price{display:flex;align-items:baseline;gap:8px;margin:var(--s-4) 0 0;font:300 clamp(44px,4.6vw,62px)/1 var(--f-sans);
  letter-spacing:-.04em;color:var(--text)}
:root:not(#v) .plan__num{font:inherit;display:inline-flex}
:root:not(#v) .plan__cur{font:500 .34em/1 var(--f-sans);letter-spacing:0;color:var(--text-dim)}
:root:not(#v) .plan__per{margin:0;font:500 14px/1.45 var(--f-sans);color:var(--text-dim)}
:root:not(#v) .plan__save{margin:0 0 var(--s-2);font:500 13px/1.45 var(--f-sans);color:var(--text-mute)}
:root:not(#v) .plan--best .plan__save{color:var(--accent)}
:root:not(#v) .plan__perks{list-style:none;display:grid;gap:10px;margin:var(--s-2) 0 var(--s-4);padding:var(--s-4) 0 0;border-top:1px solid var(--line-soft)}
:root:not(#v) .plan__perks li{display:flex;align-items:flex-start;gap:10px;font:500 15px/1.4 var(--f-sans);color:var(--text-dim)}
:root:not(#v) .plan__perks .i{flex:none;margin-top:2px;color:var(--accent)}
:root:not(#v) .plan__buy{margin-top:auto}
:root:not(#v) .pricing__perks{padding:var(--s-5) var(--s-6);border-radius:var(--r-tile);border:1px solid var(--line-soft)}
:root:not(#v) .pricing__perks h3{margin:0}
:root:not(#v) .pricing__perks .plan__perks{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:0;border-top:0}
/* разрядный счётчик (как NumberFlow) */
.rd{display:inline-block;height:1em;overflow:hidden;line-height:1;vertical-align:top}
.rd__s{display:block;transform:translateY(calc(var(--d,0) * -1em));transition:transform .95s var(--spr,var(--e-out))}
.rd__s i{display:block;height:1em;line-height:1;font-style:normal}
.rd-sep{display:inline-block;line-height:1;min-width:.28em}
@media (max-width:899px){
  :root:not(#v) .pricing__grid{grid-template-columns:1fr;perspective:none}
  :root:not(#v) .pricing__bar{align-items:stretch}
  :root:not(#v) .pricing__bar .pseg{width:100%}
  :root:not(#v) .pricing__bar .pseg__opt{flex:1;padding:0 10px}
  :root:not(#v) .pricing__perks{padding:var(--s-5)}
}

/* 11. Стекло-фолбэк (WebKit, Firefox): матовое, с кантом ------------------ */
:root:not(#v) .glass--frost{-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%)}
:root:not(#v) .header:not(.is-scrolled) .header__bar.glass--frost{-webkit-backdrop-filter:none;backdrop-filter:none}

/* 12. Остальные поверхности под новый мир -------------------------------- */
:root:not(#v) .tile,:root:not(#v) .card,:root:not(#v) .chart,:root:not(#v) .notice,:root:not(#v) .summary,
:root:not(#v) .custom-amount,:root:not(#v) .form-block,:root:not(#v) .showcase-banner,:root:not(#v) .faq-cta,
:root:not(#v) .trust__item,:root:not(#v) .cart-item,:root:not(#v) .empty,:root:not(#v) .pay-card{border-radius:var(--r-tile)}
:root:not(#v) .tile h3,:root:not(#v) .tile__head h3{font:300 clamp(34px,4vw,56px)/.98 var(--f-sans);letter-spacing:-.035em;text-transform:none}
:root:not(#v) .card__title{font:600 16px/1.3 var(--f-sans);letter-spacing:-.01em}
:root:not(#v) .card__note,:root:not(#v) .product-art__eyebrow,:root:not(#v) .product-art__serial,:root:not(#v) .badge,
:root:not(#v) .tile__go,:root:not(#v) .product-projection__item small,:root:not(#v) .showcase-banner__eyebrow,
:root:not(#v) .statement-chip,:root:not(#v) .marquee span,:root:not(#v) .marquee a,:root:not(#v) .tier-option__price,
:root:not(#v) .fx-ring__label,:root:not(#v) .pick-price__sub,:root:not(#v) .chart__note{
  font-family:var(--f-sans);font-size:12px;letter-spacing:.08em}
:root:not(#v) .showcase-banner__caption,:root:not(#v) .move-row__delta,:root:not(#v) .field label,
:root:not(#v) .custom-amount label,:root:not(#v) .faq-video__tag,:root:not(#v) .faq-video__soon,
:root:not(#v) .statement-chip i,:root:not(#v) .cart-item__meta{font-family:var(--f-sans);font-size:12px;letter-spacing:.06em}
/* тач-зоны: короткие ссылки подвала и ссылка в строке-уведомлении */
:root:not(#v) .hwf__col a{min-width:44px}
:root:not(#v) .notice a,:root:not(#v) .marquee a{display:inline-flex;align-items:center;min-height:44px}
:root:not(#v) .product-art__value{font:300 clamp(30px,3vw,48px)/.95 var(--f-sans);letter-spacing:-.04em}
:root:not(#v) .price{font:600 clamp(20px,1.8vw,24px)/1 var(--f-sans);letter-spacing:-.02em;background:none;-webkit-text-fill-color:currentColor;color:var(--text)}
:root:not(#v) .notice strong{font:700 12px/1.3 var(--f-sans);letter-spacing:.08em;color:var(--text)}
:root:not(#v) .notice a,:root:not(#v) .refs-item a{color:var(--accent)}
:root:not(#v) .pagelinks a{min-height:44px;display:inline-flex;align-items:center;font:600 14px/1 var(--f-sans);text-transform:none;letter-spacing:0}
/* юникод-стрелки → линейная иконка (маска из Lucide) */
:root:not(#v) .trust__go::after,:root:not(#v) .footer__tg::after{content:"";display:inline-block;width:16px;height:16px;margin-left:6px;
  vertical-align:-3px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat}
/* знаки товаров в витрине главной — каждый своим цветом */
:root:not(#v) .product-projection__item:nth-child(1) .dot-glyph--projection i{background:var(--c-stars)}
:root:not(#v) .product-projection__item:nth-child(2) .dot-glyph--projection i{background:var(--c-premium)}
:root:not(#v) .product-projection__item:nth-child(3) .dot-glyph--projection i{background:var(--c-ps)}
:root:not(#v) .product-projection__item:nth-child(4) .dot-glyph--projection i{background:var(--c-ess)}
:root:not(#v) .product-projection__item .dot-glyph--projection i{box-shadow:none}
:root:not(#v) .hero h1 .line:first-child{color:inherit}

/* градиентный текст и цветное свечение старых слоёв — сплошной цвет, без ореолов */
:root:not(#v) .card .price,:root:not(#v) .pay-total b,:root:not(#v) .partner-head__name{
  background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--text)}
:root:not(#v) .dot-glyph i,:root:not(#v) .dot-glyph--tier i,:root:not(#v) .dot-glyph--projection i,
:root:not(#v) .constellation i,:root:not(#v) .constellation--card i,:root:not(#v) .ps-hero__glyph i,
:root:not(#v) .purchase-dots i{box-shadow:none}
:root:not(#v) .footer__tg::before{box-shadow:none}
:root:not(#v) .is-typing::after,:root:not(#v) .is-typed::after{background:var(--text);box-shadow:none}

/* 15. Правки после финального ревью -------------------------------------- */
/* плитки каталога: знак товара из точек вместо буквы */
:root:not(#v) .tile__visual{position:relative;display:block;width:88px;height:88px;margin:0 0 var(--s-5)}
:root:not(#v) .tile__visual .dot-glyph{inset:0;opacity:1}
/* «Почему eroot» — строки с волосяной линией, а не четыре одинаковые карточки */
:root:not(#v) .why-grid{gap:0 var(--s-6)}
:root:not(#v) .why-grid .card{padding:var(--s-5) 0 0;border:0;border-top:1px solid var(--line);border-radius:0;
  background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none!important}
:root:not(#v) .why-grid .card::before,:root:not(#v) .why-grid .card::after{content:none}
:root:not(#v) .why-grid .card__title{font:500 20px/1.25 var(--f-sans);letter-spacing:-.012em}
:root:not(#v) .why-grid .card__desc{margin-top:var(--s-2);font-size:15px;line-height:1.55}
@media (max-width:899px){:root:not(#v) .why-grid{grid-template-columns:1fr 1fr;row-gap:var(--s-5)}}
@media (max-width:519px){:root:not(#v) .why-grid{grid-template-columns:1fr}}
/* меню: только «Закрыть» в шапке; фокус ссылки — со скруглением */
:root:not(#v) .menu__head{justify-content:flex-end}
:root:not(#v) .menu__link:focus-visible{border-radius:12px;outline-offset:2px}   /* скругление только у кольца фокуса: линия-разделитель остаётся прямой */
/* корзина: значок виден всегда, счётчик — только когда в ней что-то есть */
:root:not(#v) .cart-btn__count[hidden]{display:none}
:root:not(#v) .cart-btn{width:auto;min-width:44px}
:root:not(#v) .cart-btn > .i{display:block}
:root:not(#v) .cart-btn > .cart-btn__count:not([hidden]){display:inline-grid}
/* регион PS Plus читается как контрол */
:root:not(#v) .psplus-controls .seg{border:1px solid var(--line)}

/* 13. Касание: без залипшего hover --------------------------------------- */
@media (hover:none){
  :root:not(#v) .btn:hover{transform:none;background:transparent;border-color:color-mix(in srgb,var(--tone,var(--text)) 22%,transparent)}
  :root:not(#v) .btn--primary:hover,:root:not(#v) .card__foot .btn:hover{background:var(--accent-fill);border-color:var(--accent-edge)}
  :root:not(#v) .hdr-btn:hover,:root:not(#v) .account-btn:hover,:root:not(#v) .cart-btn:hover,:root:not(#v) .menu-btn:hover{background:transparent;border-color:transparent}
  :root:not(#v) .menu-btn:hover{border-color:var(--line-strong)}
}

/* 14. Меньше движения и прозрачности ------------------------------------ */
@media (prefers-reduced-motion:reduce){
  :root:not(#v) .scroll-badge svg.ring,.status::before{animation:none}
  :root:not(#v) .menu__link{opacity:1;transform:none;transition:none}
  .rd__s{transition:none}
}
@media (prefers-reduced-transparency:reduce){
  :root:not(#v) .header.is-scrolled .header__bar,:root:not(#v) .quick,:root:not(#v) .plan__card{
    background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
}
:root:not(#v) .trust{margin-top:var(--s-7);gap:var(--s-4)}