/* =====================================================================
   ge store — единая дизайн-система (вариант F). Свет + тёмная тема.
   Подключается на всех страницах-прототипах. Токены в :root,
   тёмная = html[data-theme="dark"]. Механику оборачивает, не переписывает.
   ===================================================================== */

:root{
  /* Светлая тема — прохладный лавандово-белый + индиго */
  --bg:#F3F4FC; --bg-2:#EAEBF8; --surface:#FFFFFF; --surface-2:#F8F9FE;
  --ink:#16173A; --ink-2:#45476E; --muted:#7C7EA3;
  --line:#E3E4F3; --line-2:#D2D4EC;

  /* Бренд-градиент ge store (из логотипа) */
  --grad:linear-gradient(122deg, #01B3FF 0%, #5A8CFF 48%, #B365FF 100%);
  --grad-cta:linear-gradient(118deg, #1C8BFF 0%, #4F6BFF 52%, #9A4DF5 100%);
  --grad-soft:linear-gradient(122deg, #E3F3FF 0%, #E9ECFF 50%, #F3E8FF 100%);

  --blue:#3055F0; --blue-deep:#1E3CCB; --blue-ink:#1B2FA8; --blue-tint:#E5E9FF; --blue-tint-2:#D6DCFF;
  --violet:#8B3FF0; --violet-deep:#7430DC; --violet-ink:#6A23C8; --violet-tint:#F1E6FF; --violet-line:#E2CCFA;
  --cyan:#06B0FF; --star:#F5A623;

  /* Семантика статусов (для самодиагностики, наличия, статусов модели) */
  --ok:#0E9F6E; --ok-tint:#DCF5EC; --ok-ink:#0A7A54;
  --warn:#C77A0E; --warn-tint:#FBEFD6; --warn-ink:#9A5E08;
  --bad:#D8413E; --bad-tint:#FBE2E1; --bad-ink:#A82C2A;

  --r-2xl:32px; --r-xl:28px; --r-lg:20px; --r-md:14px; --r-sm:10px;
  --shadow-sm:0 2px 8px -3px rgba(22,23,58,.12);
  --shadow:0 16px 40px -20px rgba(33,40,120,.30);
  --shadow-lg:0 34px 70px -30px rgba(33,40,120,.40);
  --glow:0 14px 34px -12px rgba(58,90,255,.46);

  --font:"Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display:"Unbounded", "Onest", system-ui, sans-serif;

  --maxw:1180px; --maxw-narrow:760px; --pad:clamp(18px, 4.5vw, 40px);
  --band:#16173A;   /* тёмные блоки в светлой теме */
}

/* ===== ТЁМНАЯ ТЕМА — переопределяем ВСЕ поверхности, не только текст ===== */
html[data-theme="dark"]{
  --bg:#090A1C; --bg-2:#0F1230; --surface:#161A3E; --surface-2:#1C214A;
  --ink:#EEF0FF; --ink-2:#B7BBE6; --muted:#888BBC;
  --line:#272C56; --line-2:#373E76;

  --blue:#5B79FF; --blue-deep:#7C93FF; --blue-ink:#AEBCFF; --blue-tint:#1B2150; --blue-tint-2:#232A62;
  --violet:#A968FF; --violet-deep:#BC86FF; --violet-ink:#CFA9FF; --violet-tint:#241A48; --violet-line:#3B2C68;

  --ok:#34D399; --ok-tint:#10301F; --ok-ink:#8CEBC4;
  --warn:#F0B454; --warn-tint:#33240B; --warn-ink:#F6CF8E;
  --bad:#F77; --bad-tint:#3A1414; --bad-ink:#FFA3A3;

  --band:#06070F;
  --grad-soft:linear-gradient(122deg, #0E2A47 0%, #16204A 50%, #29184C 100%);
  --shadow-sm:0 2px 10px -3px rgba(0,0,0,.55);
  --shadow:0 18px 44px -20px rgba(0,0,0,.72);
  --shadow-lg:0 34px 70px -28px rgba(0,0,0,.8);
  --glow:0 14px 36px -12px rgba(80,110,255,.55);
}
html[data-theme="dark"] body{
  background:
    radial-gradient(900px 560px at 88% -8%, rgba(140,90,255,.10), transparent 60%),
    radial-gradient(820px 520px at -8% 8%, rgba(6,140,255,.10), transparent 60%),
    var(--bg);
  background-attachment:fixed;
}

/* ===================== Сброс ===================== */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{ margin:0; font-family:var(--font); background:var(--bg); color:var(--ink); line-height:1.5; font-weight:500; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
h1,h2,h3,h4,p{ margin:0; }
a{ color:inherit; text-decoration:none; }
button{ font:inherit; color:inherit; cursor:pointer; border:0; background:none; }
img{ max-width:100%; display:block; }
ul,ol{ margin:0; padding:0; list-style:none; }
input,select{ font:inherit; }
table{ border-collapse:collapse; width:100%; }
::selection{ background:var(--blue); color:#fff; }
:focus-visible{ outline:2.5px solid var(--blue); outline-offset:2px; border-radius:5px; }

/* ===================== Утилиты ===================== */
.wrap{ width:100%; max-width:var(--maxw); margin:0 auto; padding-inline:var(--pad); }
.wrap--narrow{ max-width:var(--maxw-narrow); }
.section{ padding-block:clamp(48px, 7vw, 96px); }
.section--sm{ padding-block:clamp(36px,5vw,64px); }
.section--ruled{ border-top:1px solid var(--line); }
.text-grad{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.tnum{ font-variant-numeric:tabular-nums; }
.muted{ color:var(--muted); }
.center{ text-align:center; }

.kicker{ display:inline-flex; align-items:center; gap:11px; font-size:.78rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--blue-ink); }
.kicker .num{ font-family:var(--font-display); font-weight:600; letter-spacing:0; color:var(--violet-ink); }
.kicker .bar{ width:26px; height:2px; border-radius:2px; background:var(--grad); }

.sec-head{ max-width:680px; }
.sec-head h2{ font-family:var(--font-display); font-size:clamp(1.7rem,4.2vw,2.7rem); font-weight:600; letter-spacing:-.025em; line-height:1.07; margin-top:18px; }
.sec-head p{ margin-top:16px; color:var(--ink-2); font-size:1.04rem; max-width:560px; }
.sec-head--between{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px 40px; max-width:none; flex-wrap:wrap; }
.sec-head--between > div{ flex:1 1 360px; min-width:0; }
.sec-head--between > p{ flex:0 1 360px; margin:0; color:var(--ink-2); }

/* ===================== Кнопки ===================== */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:52px; padding:0 24px; border-radius:var(--r-md); font-weight:700; font-size:1rem; letter-spacing:-.01em; white-space:nowrap; transition:transform .14s, box-shadow .18s, background-color .16s, border-color .16s, color .16s, background-position .3s; }
.btn svg{ flex:none; }
.btn:active{ transform:translateY(1px); }
.btn--primary{ background:var(--grad-cta); color:#fff; box-shadow:var(--glow); background-size:140% 140%; background-position:0% 50%; }
.btn--primary:hover{ background-position:100% 50%; transform:translateY(-1px); box-shadow:0 18px 40px -12px rgba(58,90,255,.6); }
.btn--solid{ background:var(--blue); color:#fff; }
.btn--solid:hover{ background:var(--blue-deep); }
.btn--violet{ background:var(--violet); color:#fff; }
.btn--violet:hover{ background:var(--violet-deep); }
.btn--ghost{ background:var(--surface); color:var(--ink); border:1.5px solid var(--line-2); }
.btn--ghost:hover{ border-color:var(--blue); color:var(--blue-ink); }
.btn--block{ width:100%; }
.btn--lg{ min-height:58px; font-size:1.06rem; padding:0 28px; }
.btn--sm{ min-height:44px; font-size:.92rem; padding:0 16px; }
.tg-ico{ width:19px; height:19px; }

/* ===================== Знак-полумесяц (логотип) ===================== */
.mark{ display:grid; place-items:center; border-radius:13px; background:var(--grad); flex:none; box-shadow:var(--shadow-sm); }
.mark svg{ width:58%; height:58%; }

/* ===================== Шапка ===================== */
.site-header{ position:sticky; top:0; z-index:50; background:color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter:saturate(160%) blur(14px); border-bottom:1px solid var(--line); }
.site-header__row{ display:flex; align-items:center; gap:14px; min-height:70px; }
.brand{ display:flex; align-items:center; gap:12px; }
.brand .mark{ width:44px; height:44px; }
.brand__name{ font-family:var(--font-display); font-weight:600; font-size:1.12rem; letter-spacing:-.01em; line-height:1; }
.brand__name small{ display:block; font-family:var(--font); font-size:.66rem; font-weight:600; letter-spacing:.02em; color:var(--muted); margin-top:5px; }
.site-header__spacer{ flex:1; }
.open-badge{ display:none; align-items:center; gap:7px; font-size:.8rem; font-weight:700; padding:6px 11px; border-radius:999px; background:var(--ok-tint); color:var(--ok-ink); white-space:nowrap; }
.open-badge .dot{ width:7px; height:7px; border-radius:50%; background:var(--ok); box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 26%, transparent); }
.open-badge[data-open="false"]{ background:var(--bad-tint); color:var(--bad-ink); }
.open-badge[data-open="false"] .dot{ background:var(--bad); box-shadow:0 0 0 3px color-mix(in srgb, var(--bad) 26%, transparent); }
.theme-toggle{ width:44px; height:44px; border-radius:12px; display:grid; place-items:center; flex:none; border:1px solid var(--line-2); background:var(--surface); color:var(--ink-2); transition:color .16s, border-color .16s, background-color .16s; }
.theme-toggle:hover{ color:var(--blue-ink); border-color:var(--blue); }
.theme-toggle svg{ width:20px; height:20px; }
.theme-toggle .t-moon{ display:none; }
html[data-theme="dark"] .theme-toggle .t-sun{ display:none; }
html[data-theme="dark"] .theme-toggle .t-moon{ display:block; }
.header-phone{ display:none; font-weight:700; letter-spacing:-.01em; white-space:nowrap; }
.header-phone:hover{ color:var(--blue-ink); }
.header-cta{ display:none; }
@media(min-width:560px){ .header-cta{ display:inline-flex; } }
@media(min-width:820px){ .open-badge{ display:inline-flex; } }
@media(min-width:920px){ .header-phone{ display:inline-flex; } }

/* ===================== Бонус-бар ===================== */
.bonus-bar{ background:var(--violet-tint); border-bottom:1px solid var(--violet-line); }
.bonus-bar__row{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding-block:12px; }
.bonus-bar__tag{ font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#fff; background:var(--violet); padding:5px 10px; border-radius:7px; flex:none; }
.bonus-bar__txt{ font-size:.94rem; font-weight:600; color:var(--violet-ink); flex:1; min-width:200px; }
.bonus-bar__txt b{ color:var(--violet-deep); font-weight:800; }
.bonus-bar .btn{ min-height:42px; font-size:.9rem; padding:0 16px; }

/* ===================== Хлебные крошки ===================== */
.crumbs{ padding-top:18px; }
.crumbs ol{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:.82rem; font-weight:600; color:var(--muted); }
.crumbs a:hover{ color:var(--blue-ink); }
.crumbs svg{ width:13px; height:13px; opacity:.6; }
.crumbs [aria-current]{ color:var(--ink); }

/* ===================== Лента доверия (chips) ===================== */
.trust-strip{ display:flex; flex-wrap:wrap; align-items:center; border:1px solid var(--line); border-radius:var(--r-md); background:var(--surface); overflow:hidden; width:fit-content; max-width:100%; box-shadow:var(--shadow-sm); }
.trust-strip__cell{ display:flex; align-items:center; gap:9px; padding:13px 20px; font-size:.9rem; font-weight:600; color:var(--ink-2); white-space:nowrap; }
.trust-strip__cell + .trust-strip__cell{ border-left:1px solid var(--line); }
.trust-strip__cell .stars{ color:var(--star); letter-spacing:1px; }
.trust-strip__cell b{ color:var(--ink); font-weight:800; }
.trust-strip__cell svg{ width:16px; height:16px; color:var(--blue); flex:none; }
@media(max-width:560px){ .trust-strip{ width:100%; flex-direction:column; align-items:stretch; } .trust-strip__cell + .trust-strip__cell{ border-left:0; border-top:1px solid var(--line); } }

/* ===================== TrustGrid (4 метрики) ===================== */
.trustgrid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; }
@media(min-width:760px){ .trustgrid{ grid-template-columns:repeat(4,1fr); } }
.trustgrid__cell{ background:var(--surface); padding:24px 20px; }
.trustgrid__num{ font-family:var(--font-display); font-size:clamp(1.7rem,4vw,2.4rem); font-weight:600; letter-spacing:-.02em; }
.trustgrid__num .stars{ color:var(--star); font-size:.6em; }
.trustgrid__cap{ color:var(--muted); font-size:.86rem; font-weight:600; margin-top:8px; }

/* ===================== Карточки услуг / сетки ===================== */
.grid{ display:grid; gap:14px; grid-template-columns:1fr; }
@media(min-width:560px){ .grid--2{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:680px){ .grid--3{ grid-template-columns:repeat(3,1fr); } }
@media(min-width:920px){ .grid--3{ grid-template-columns:repeat(3,1fr); } .grid--4{ grid-template-columns:repeat(4,1fr); } }
@media(min-width:560px) and (max-width:919px){ .grid--4{ grid-template-columns:repeat(2,1fr); } }

.card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:22px; box-shadow:var(--shadow-sm); transition:transform .14s, box-shadow .14s, border-color .14s; }
a.card:hover{ transform:translateY(-3px); box-shadow:var(--shadow); border-color:var(--line-2); }
.card__ico{ width:46px; height:46px; border-radius:13px; display:grid; place-items:center; background:var(--blue-tint); color:var(--blue-ink); margin-bottom:14px; }
.card__ico svg{ width:24px; height:24px; }
.card__ico--grad{ background:var(--grad); color:#fff; }
.card h3{ font-family:var(--font-display); font-size:1.12rem; font-weight:600; letter-spacing:-.015em; }
.card p{ color:var(--muted); font-size:.92rem; margin-top:6px; }
.card__foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:16px; }
.card__price b{ font-family:var(--font-display); font-size:1.2rem; font-weight:600; color:var(--violet-ink); letter-spacing:-.02em; }
.card__price small{ display:block; font-size:.7rem; color:var(--muted); font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.card__go{ display:inline-flex; align-items:center; gap:6px; font-weight:700; font-size:.9rem; color:var(--blue-ink); }
.card__go svg{ width:16px; height:16px; transition:transform .14s; }
a.card:hover .card__go svg{ transform:translateX(3px); }

/* Чип-ссылка (категории, бренды) */
.chip-link{ display:flex; align-items:center; gap:11px; padding:14px 16px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md); font-weight:700; transition:border-color .14s, transform .14s; }
.chip-link:hover{ border-color:var(--blue); transform:translateY(-2px); }
.chip-link__ico{ width:34px; height:34px; border-radius:9px; background:var(--blue-tint); color:var(--blue-ink); display:grid; place-items:center; flex:none; }
.chip-link__ico svg{ width:19px; height:19px; }
.chip-link small{ display:block; font-weight:600; color:var(--muted); font-size:.78rem; margin-top:2px; }

/* ===================== Прайс-лист (лидер-точки) ===================== */
.pricelist{ border-top:1px solid var(--line-2); }
.pl-row{ display:flex; align-items:baseline; gap:14px; padding:clamp(16px,2.4vw,24px) 6px; border-bottom:1px solid var(--line-2); transition:padding-left .18s, background-color .18s; }
.pl-row:hover{ background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 70%, transparent), transparent 72%); padding-left:16px; }
.pl-row__idx{ font-family:var(--font-display); font-size:.84rem; font-weight:600; color:var(--muted); width:30px; flex:none; align-self:center; }
.pl-row__body{ flex:none; max-width:64%; }
.pl-row__name{ display:block; font-family:var(--font-display); font-size:clamp(1.05rem,2.4vw,1.4rem); font-weight:500; letter-spacing:-.02em; line-height:1.15; }
.pl-row__desc{ display:block; color:var(--muted); font-size:.88rem; margin-top:5px; }
.pl-row__dots{ flex:1; align-self:flex-end; border-bottom:2px dotted var(--line-2); transform:translateY(-7px); min-width:18px; }
.pl-row__price{ font-family:var(--font-display); font-size:clamp(1rem,2.2vw,1.3rem); font-weight:600; color:var(--violet-ink); white-space:nowrap; align-self:center; }
.pl-row__price small{ font-family:var(--font); font-size:.66rem; color:var(--muted); font-weight:700; letter-spacing:.05em; text-transform:uppercase; margin-right:6px; }
.pl-row__arrow{ width:32px; height:32px; flex:none; align-self:center; display:grid; place-items:center; border-radius:9px; color:#fff; background:var(--grad); box-shadow:var(--shadow-sm); transition:transform .16s; }
.pl-row__arrow svg{ width:16px; height:16px; }
.pl-row:hover .pl-row__arrow{ transform:translateX(4px); }
@media(max-width:680px){ .pl-row{ flex-wrap:wrap; } .pl-row__body{ max-width:none; flex:1; } .pl-row__dots{ display:none; } .pl-row__price{ order:3; } }

/* ===================== Каскад цен (money, классы запчастей) ===================== */
.cascade{ display:grid; grid-template-columns:1fr; gap:16px; }
@media(min-width:680px){ .cascade{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:980px){ .cascade--3{ grid-template-columns:repeat(3,1fr); } }
.tier{ position:relative; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-xl); padding:clamp(22px,3vw,30px); display:flex; flex-direction:column; gap:13px; box-shadow:var(--shadow-sm); }
.tier--rec{ border:1.5px solid transparent; background:linear-gradient(var(--surface),var(--surface)) padding-box, var(--grad) border-box; box-shadow:var(--shadow); }
.tier__badge{ position:absolute; top:-12px; left:24px; display:inline-flex; align-items:center; gap:6px; background:var(--grad); color:#fff; font-size:.7rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase; padding:6px 12px; border-radius:8px; white-space:nowrap; box-shadow:var(--shadow-sm); }
.tier__badge svg{ width:13px; height:13px; }
.tier__name{ font-family:var(--font-display); font-size:1.3rem; font-weight:600; letter-spacing:-.02em; }
.tier__price{ display:flex; align-items:baseline; gap:8px; }
.tier__price b{ font-family:var(--font-display); font-size:1.9rem; font-weight:600; letter-spacing:-.03em; color:var(--violet-ink); }
.tier__price .from{ font-size:.72rem; color:var(--muted); font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.tier__meta{ display:flex; flex-wrap:wrap; gap:8px; }
.pill{ display:inline-flex; align-items:center; gap:7px; border-radius:9px; padding:7px 12px; font-size:.8rem; font-weight:700; }
.pill svg{ width:14px; height:14px; }
.pill--warranty{ background:var(--blue-tint); color:var(--blue-ink); }
.pill--stock{ background:var(--ok-tint); color:var(--ok-ink); }
.pill--order{ background:var(--warn-tint); color:var(--warn-ink); }
.tier__desc{ color:var(--ink-2); font-size:.96rem; line-height:1.55; }
.tier .btn{ margin-top:auto; }

/* ===================== Ценовая таблица (repair×brand, /ceny) ===================== */
.ptable-wrap{ border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-sm); background:var(--surface); }
.ptable{ font-size:.95rem; }
.ptable thead th{ background:var(--surface-2); text-align:left; padding:14px 16px; font-size:.74rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); border-bottom:1px solid var(--line); }
.ptable td{ padding:14px 16px; border-bottom:1px solid var(--line); vertical-align:middle; }
.ptable tbody tr:last-child td{ border-bottom:0; }
.ptable tbody tr:hover{ background:var(--surface-2); }
.ptable .model{ font-weight:700; }
.ptable .price{ font-family:var(--font-display); font-weight:600; color:var(--violet-ink); white-space:nowrap; }
.ptable .num{ font-variant-numeric:tabular-nums; }
.ptable .ta-r{ text-align:right; }
.ptable .col-hide{ }
@media(max-width:640px){ .ptable .col-hide{ display:none; } .ptable td,.ptable thead th{ padding:12px 12px; } }

/* ===================== Hero (общий) ===================== */
.hero{ position:relative; overflow:hidden; padding-top:clamp(34px,5vw,64px); padding-bottom:clamp(40px,6vw,80px); }
.hero__glow{ position:absolute; pointer-events:none; border-radius:50%; filter:blur(20px); opacity:.5; }
.hero__glow--1{ width:560px; height:560px; top:-220px; right:-160px; background:radial-gradient(closest-side, rgba(179,101,255,.5), transparent 70%); }
.hero__glow--2{ width:520px; height:520px; bottom:-260px; left:-180px; background:radial-gradient(closest-side, rgba(6,176,255,.45), transparent 70%); }
.hero__head{ position:relative; max-width:820px; }
.hero h1{ font-family:var(--font-display); font-size:clamp(2rem, 5.4vw, 3.7rem); font-weight:600; letter-spacing:-.03em; line-height:1.04; margin-top:20px; }
.hero h1 .grad{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero__sub{ position:relative; margin-top:18px; font-size:clamp(1.04rem,2.2vw,1.25rem); color:var(--ink-2); max-width:560px; }
.hero__cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }

/* Money-hero: фото + цена */
.mhero{ display:grid; grid-template-columns:1fr; gap:clamp(22px,4vw,46px); align-items:start; }
@media(min-width:900px){ .mhero{ grid-template-columns:minmax(0,420px) 1fr; } }
.mhero__media{ order:2; }
@media(min-width:900px){ .mhero__media{ order:1; position:sticky; top:90px; } }
@media(min-width:900px){ .mhero__main{ order:2; } }
.device-frame{ position:relative; border-radius:var(--r-xl); overflow:hidden; background:var(--grad-soft); border:1px solid var(--line); aspect-ratio:4/3; display:grid; place-items:center; box-shadow:var(--shadow-sm); }
@media(min-width:900px){ .device-frame{ aspect-ratio:3/4; } }
.device-frame img{ width:100%; height:100%; object-fit:contain; padding:26px; }
.device-frame__ph{ position:absolute; inset:0; display:grid; place-items:center; gap:14px; color:var(--blue-ink); text-align:center; padding:24px; }
.device-frame__ph svg{ width:84px; height:84px; opacity:.55; }
.device-frame__ph span{ font-size:.8rem; font-weight:700; }

.statusbar{ display:inline-flex; align-items:center; gap:8px; font-size:.78rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; padding:6px 12px; border-radius:999px; }
.statusbar--live{ background:var(--ok-tint); color:var(--ok-ink); }
.statusbar--new{ background:var(--warn-tint); color:var(--warn-ink); }
.statusbar--archive{ background:var(--bg-2); color:var(--muted); }

.pricebox{ background:var(--surface); border:1px solid var(--line); border-radius:var(--r-xl); box-shadow:var(--shadow); padding:clamp(22px,3vw,30px); margin-top:22px; }
.pricebox__price{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.pricebox__price .from{ font-size:.78rem; color:var(--muted); font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.pricebox__price b{ font-family:var(--font-display); font-size:clamp(2.4rem,7vw,3.4rem); font-weight:600; letter-spacing:-.03em; line-height:1; }
.pricebox__note{ color:var(--muted); font-size:.9rem; margin-top:12px; }
.facts{ display:grid; grid-template-columns:1fr; margin-top:20px; border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; }
@media(min-width:480px){ .facts{ grid-template-columns:repeat(3,1fr); } }
.fact{ display:flex; flex-direction:column; gap:7px; padding:15px 16px; background:var(--surface-2); }
.fact + .fact{ border-top:1px solid var(--line); }
@media(min-width:480px){ .fact + .fact{ border-top:0; border-left:1px solid var(--line); } }
.fact__k{ font-size:.68rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--muted); }
.fact__v{ font-weight:800; font-size:1.02rem; display:flex; align-items:center; gap:8px; }
.fact__v svg{ width:17px; height:17px; color:var(--blue); flex:none; }
.bonus-pill{ display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.22); color:#fff; font-weight:800; font-size:.82rem; padding:4px 10px; border-radius:8px; }

/* ===================== Шаги «как работаем» ===================== */
.flow{ display:grid; grid-template-columns:1fr; }
@media(min-width:680px){ .flow{ grid-template-columns:repeat(2,1fr); gap:22px; } }
@media(min-width:980px){ .flow--4{ grid-template-columns:repeat(4,1fr); } }
.flow__step{ padding:26px 0; border-top:2px solid var(--line); position:relative; }
@media(min-width:680px){ .flow__step{ padding:28px 24px 28px 0; } }
.flow__step::before{ content:""; position:absolute; top:-2px; left:0; width:46px; height:2px; background:var(--grad); border-radius:2px; }
.flow__n{ font-family:var(--font-display); font-size:1.05rem; font-weight:600; color:var(--violet-ink); }
.flow__step h3{ font-family:var(--font-display); font-size:1.2rem; font-weight:600; letter-spacing:-.02em; margin-top:14px; }
.flow__step p{ color:var(--ink-2); font-size:.98rem; margin-top:10px; }
.flow__tag{ display:inline-flex; align-items:center; gap:7px; margin-top:14px; font-size:.78rem; font-weight:700; color:var(--blue-ink); background:var(--blue-tint); border-radius:8px; padding:7px 12px; }
.flow__tag svg{ width:14px; height:14px; }

/* ===================== Тёмный блок-акцент (компетентность/почему мы) ===================== */
.band{ background:var(--band); color:#fff; }
.band .kicker{ color:rgba(255,255,255,.72); }
.band .kicker .num{ color:#fff; }
.band h2{ color:#fff; }
.band__list{ border-top:1px solid rgba(255,255,255,.16); }
.band__list li{ display:flex; gap:14px; align-items:flex-start; padding:18px 2px; border-bottom:1px solid rgba(255,255,255,.16); }
.band__ico{ width:32px; height:32px; border-radius:9px; flex:none; background:var(--grad); display:grid; place-items:center; box-shadow:var(--shadow-sm); }
.band__ico svg{ width:17px; height:17px; color:#fff; }
.band__t{ font-weight:700; font-size:1.05rem; letter-spacing:-.01em; }
.band__d{ color:#9FA0CC; font-size:.92rem; margin-top:4px; }

/* ===================== Отзывы ===================== */
.review{ background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:24px; display:flex; flex-direction:column; gap:14px; box-shadow:var(--shadow-sm); }
.review__top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.review__stars{ color:var(--star); letter-spacing:2px; }
.review__src{ font-size:.7rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); border:1px solid var(--line-2); padding:4px 9px; border-radius:7px; }
.review__text{ color:var(--ink); line-height:1.55; }
.review__who{ display:flex; align-items:center; gap:11px; margin-top:auto; padding-top:8px; border-top:1px solid var(--line); }
.review__ava{ width:38px; height:38px; border-radius:11px; background:var(--grad); color:#fff; display:grid; place-items:center; font-weight:800; flex:none; }
.review__name{ font-weight:700; font-size:.9rem; }
.review__date{ font-size:.78rem; color:var(--muted); }

/* ===================== Точки ===================== */
.points{ border-top:1px solid var(--line-2); }
.point{ display:flex; align-items:center; gap:clamp(14px,3vw,30px); flex-wrap:wrap; padding:clamp(18px,2.6vw,28px) 6px; border-bottom:1px solid var(--line-2); }
.point__idx{ font-family:var(--font-display); font-size:.84rem; font-weight:600; color:var(--violet-ink); width:28px; flex:none; }
.point__addr{ font-family:var(--font-display); font-size:clamp(1.15rem,2.5vw,1.5rem); font-weight:500; letter-spacing:-.02em; flex:1; min-width:160px; }
.point__hours{ font-size:.84rem; font-weight:600; color:var(--ink-2); min-width:180px; }
.point__phone{ font-weight:700; color:var(--blue-ink); display:inline-flex; align-items:center; gap:8px; }
.point__phone svg{ width:16px; height:16px; }

/* мини-карта (плейсхолдер) */
.minimap{ aspect-ratio:16/10; border-radius:var(--r-lg); border:1px solid var(--line); overflow:hidden; position:relative; background:
  repeating-linear-gradient(0deg, transparent 0 22px, color-mix(in srgb,var(--line) 60%, transparent) 22px 23px),
  repeating-linear-gradient(90deg, transparent 0 22px, color-mix(in srgb,var(--line) 60%, transparent) 22px 23px),
  var(--surface-2); display:grid; place-items:center; }
.minimap__pin{ width:42px; height:42px; border-radius:50% 50% 50% 2px; transform:rotate(45deg); background:var(--grad); box-shadow:var(--shadow); display:grid; place-items:center; }
.minimap__pin::after{ content:""; width:13px; height:13px; border-radius:50%; background:#fff; transform:rotate(-45deg); }
.minimap__label{ position:absolute; bottom:12px; left:12px; background:var(--surface); border:1px solid var(--line); border-radius:9px; padding:7px 11px; font-size:.78rem; font-weight:700; }

/* ===================== Аккордеон / FAQ ===================== */
.acc{ border-top:1px solid var(--line); max-width:860px; }
.acc details{ border-bottom:1px solid var(--line); }
.acc summary{ display:flex; align-items:center; gap:16px; padding:22px 4px; font-size:1.08rem; font-weight:700; letter-spacing:-.01em; cursor:pointer; list-style:none; min-height:62px; }
.acc summary::-webkit-details-marker{ display:none; }
.acc summary .idx{ font-family:var(--font-display); font-size:.82rem; font-weight:600; color:var(--violet-ink); flex:none; }
.acc summary .acc__t{ flex:1; }
.acc summary .chev{ width:22px; height:22px; flex:none; color:var(--blue); transition:transform .22s; }
.acc details[open] summary .chev{ transform:rotate(180deg); }
.acc__body{ padding:0 4px 26px; color:var(--ink-2); }
.acc__body > p{ margin-bottom:10px; max-width:680px; }

.stages{ display:flex; flex-direction:column; }
.stages li{ display:flex; gap:16px; padding:14px 0; border-top:1px solid var(--line); }
.stages li:first-child{ border-top:0; padding-top:2px; }
.stages__n{ width:30px; height:30px; border-radius:9px; flex:none; background:var(--blue-tint); color:var(--blue-ink); display:grid; place-items:center; font-family:var(--font-display); font-weight:600; font-size:.82rem; }
.stages__t{ font-weight:700; color:var(--ink); }
.stages__d{ font-size:.92rem; color:var(--muted); margin-top:2px; }

/* ===================== Совет мастера ===================== */
.master{ display:flex; gap:18px; align-items:flex-start; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:24px; box-shadow:var(--shadow-sm); }
.master__ava{ width:56px; height:56px; border-radius:15px; background:var(--grad); color:#fff; display:grid; place-items:center; font-family:var(--font-display); font-size:1.2rem; font-weight:600; flex:none; }
.master__name{ font-family:var(--font-display); font-size:1.08rem; font-weight:600; }
.master__role{ font-size:.82rem; font-weight:600; color:var(--muted); margin-top:3px; }
.master__quote{ margin-top:12px; color:var(--ink-2); line-height:1.55; }

/* ===================== Самодиагностика (поломки) ===================== */
.diag{ display:grid; grid-template-columns:1fr; gap:14px; }
@media(min-width:760px){ .diag{ grid-template-columns:repeat(3,1fr); } }
.diag__card{ border:1px solid var(--line); border-radius:var(--r-lg); padding:22px; background:var(--surface); border-top:4px solid var(--line); }
.diag__card--ok{ border-top-color:var(--ok); }
.diag__card--warn{ border-top-color:var(--warn); }
.diag__card--bad{ border-top-color:var(--bad); }
.diag__sig{ display:inline-flex; align-items:center; gap:8px; font-size:.74rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; padding:5px 10px; border-radius:7px; }
.diag__card--ok .diag__sig{ background:var(--ok-tint); color:var(--ok-ink); }
.diag__card--warn .diag__sig{ background:var(--warn-tint); color:var(--warn-ink); }
.diag__card--bad .diag__sig{ background:var(--bad-tint); color:var(--bad-ink); }
.diag__card h3{ font-family:var(--font-display); font-size:1.1rem; font-weight:600; margin-top:14px; }
.diag__card p{ color:var(--ink-2); font-size:.94rem; margin-top:8px; }

/* Причины с вероятностями */
.cause{ display:flex; flex-direction:column; gap:8px; padding:18px 0; border-bottom:1px solid var(--line); }
.cause__top{ display:flex; align-items:baseline; justify-content:space-between; gap:14px; }
.cause__name{ font-weight:700; font-size:1.05rem; }
.cause__price{ font-family:var(--font-display); font-weight:600; color:var(--violet-ink); white-space:nowrap; }
.cause__bar{ height:8px; border-radius:5px; background:var(--bg-2); overflow:hidden; }
.cause__bar i{ display:block; height:100%; border-radius:5px; background:var(--grad); }
.cause__meta{ display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:.82rem; color:var(--muted); font-weight:600; }

/* ===================== Поиск / фильтр-чипы / автокомплит ===================== */
.searchbar{ position:relative; max-width:620px; }
.searchbar input{ width:100%; min-height:56px; padding:0 18px 0 50px; border:1.5px solid var(--line-2); border-radius:var(--r-lg); background:var(--surface); color:var(--ink); font-weight:600; font-size:1.02rem; box-shadow:var(--shadow-sm); }
.searchbar input::placeholder{ color:var(--muted); font-weight:500; }
.searchbar input:focus{ outline:none; border-color:var(--blue); }
.searchbar > svg{ position:absolute; left:18px; top:50%; transform:translateY(-50%); width:20px; height:20px; color:var(--muted); }
.ac-list{ position:absolute; z-index:20; top:calc(100% + 8px); left:0; right:0; background:var(--surface); border:1px solid var(--line-2); border-radius:var(--r-md); box-shadow:var(--shadow); overflow:hidden; }
.ac-list li{ padding:12px 16px; font-weight:600; cursor:pointer; display:flex; align-items:center; gap:10px; }
.ac-list li:hover,.ac-list li[aria-selected="true"]{ background:var(--blue-tint); color:var(--blue-ink); }
.ac-list .ac-hi{ color:var(--blue-ink); }

.chips{ display:flex; flex-wrap:wrap; gap:9px; }
.chip{ display:inline-flex; align-items:center; gap:8px; padding:9px 15px; border-radius:999px; border:1.5px solid var(--line-2); background:var(--surface); font-weight:700; font-size:.9rem; color:var(--ink-2); transition:.14s; }
.chip:hover{ border-color:var(--blue); color:var(--blue-ink); }
.chip[aria-pressed="true"]{ background:var(--grad); border-color:transparent; color:#fff; }
.chip__count{ font-size:.78rem; opacity:.7; }

.filterbar{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.select{ position:relative; }
.select select{ appearance:none; min-height:48px; padding:0 40px 0 16px; border:1.5px solid var(--line-2); border-radius:var(--r-md); background:var(--surface); color:var(--ink); font-weight:700; }
.select svg{ position:absolute; right:14px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--muted); pointer-events:none; }

/* Скелетон (состояние загрузки клиентских интерактивов) */
.skeleton{ background:linear-gradient(90deg, var(--bg-2) 25%, var(--surface-2) 37%, var(--bg-2) 63%); background-size:400% 100%; animation:sk 1.3s ease infinite; border-radius:8px; }
@keyframes sk{ from{ background-position:100% 0; } to{ background-position:-100% 0; } }
.is-hidden{ display:none !important; }

/* пагинация */
.pager{ display:flex; gap:6px; flex-wrap:wrap; justify-content:center; align-items:center; }
.pager button,.pager a{ min-width:44px; min-height:44px; display:grid; place-items:center; border-radius:10px; border:1px solid var(--line-2); background:var(--surface); font-weight:700; }
.pager [aria-current]{ background:var(--grad); border-color:transparent; color:#fff; }

/* ===================== Галерея устройства (табы + лайтбокс) ===================== */
.gallery__main{ position:relative; border-radius:var(--r-xl); overflow:hidden; background:var(--grad-soft); border:1px solid var(--line); aspect-ratio:4/3; display:grid; place-items:center; cursor:zoom-in; }
.gallery__main img{ width:100%; height:100%; object-fit:contain; padding:24px; }
.gallery__thumbs{ display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.gallery__thumb{ width:64px; height:64px; border-radius:12px; border:1.5px solid var(--line); background:var(--surface-2); display:grid; place-items:center; overflow:hidden; }
.gallery__thumb[aria-selected="true"]{ border-color:var(--blue); }
.tabs{ display:flex; gap:4px; border:1px solid var(--line); border-radius:999px; padding:4px; background:var(--surface-2); width:fit-content; }
.tab{ padding:8px 16px; border-radius:999px; font-weight:700; font-size:.9rem; color:var(--ink-2); }
.tab[aria-selected="true"]{ background:var(--grad); color:#fff; }
.lightbox{ position:fixed; inset:0; z-index:100; background:rgba(6,7,15,.86); backdrop-filter:blur(6px); display:none; place-items:center; padding:24px; }
.lightbox[open],.lightbox.is-open{ display:grid; }
.lightbox img{ max-width:92vw; max-height:86vh; border-radius:14px; }
.lightbox__close{ position:absolute; top:18px; right:18px; width:46px; height:46px; border-radius:12px; background:rgba(255,255,255,.12); color:#fff; display:grid; place-items:center; }

/* спецификации */
.spec{ display:grid; grid-template-columns:1fr; border:1px solid var(--line); border-radius:var(--r-lg); overflow:hidden; }
@media(min-width:620px){ .spec{ grid-template-columns:repeat(2,1fr); } }
.spec__row{ display:flex; justify-content:space-between; gap:16px; padding:13px 16px; background:var(--surface); border-bottom:1px solid var(--line); }
.spec__k{ color:var(--muted); font-weight:600; font-size:.92rem; }
.spec__v{ font-weight:700; font-size:.92rem; text-align:right; }

/* мосты (ремонт/купить) */
.bridge{ display:grid; grid-template-columns:1fr; gap:14px; }
@media(min-width:620px){ .bridge{ grid-template-columns:1fr 1fr; } }
.bridge__card{ display:flex; align-items:center; gap:14px; padding:20px; border-radius:var(--r-lg); border:1px solid var(--line); background:var(--surface); transition:.14s; }
.bridge__card:hover{ border-color:var(--blue); transform:translateY(-2px); }
.bridge__ico{ width:48px; height:48px; border-radius:13px; background:var(--grad); color:#fff; display:grid; place-items:center; flex:none; }
.bridge__ico svg{ width:24px; height:24px; }

/* ===================== Сравнение с конкурентом ===================== */
.versus{ display:grid; grid-template-columns:1fr; gap:14px; }
@media(min-width:620px){ .versus{ grid-template-columns:1fr auto 1fr; align-items:center; } }
.versus__col{ border:1px solid var(--line); border-radius:var(--r-lg); padding:22px; background:var(--surface); }
.versus__col--us{ border:1.5px solid transparent; background:linear-gradient(var(--surface),var(--surface)) padding-box, var(--grad) border-box; }
.versus__price{ font-family:var(--font-display); font-size:1.7rem; font-weight:600; }
.versus__save{ text-align:center; font-weight:800; color:var(--ok-ink); font-size:.9rem; }

/* ===================== AI-текст (сворачиваемый) ===================== */
.aitext{ position:relative; }
.aitext__body{ color:var(--ink-2); line-height:1.7; max-height:160px; overflow:hidden; transition:max-height .3s; }
.aitext__body p{ margin-bottom:12px; }
.aitext.is-open .aitext__body{ max-height:2400px; }
.aitext__fade{ position:absolute; left:0; right:0; bottom:46px; height:90px; background:linear-gradient(transparent, var(--bg)); pointer-events:none; }
.aitext.is-open .aitext__fade{ display:none; }
.aitext__toggle{ margin-top:14px; font-weight:700; color:var(--blue-ink); display:inline-flex; align-items:center; gap:7px; }
.aitext__toggle svg{ width:16px; height:16px; transition:transform .2s; }
.aitext.is-open .aitext__toggle svg{ transform:rotate(180deg); }

/* ===================== Юр-страницы ===================== */
.prose{ max-width:var(--maxw-narrow); }
.prose h2{ font-family:var(--font-display); font-size:1.5rem; font-weight:600; letter-spacing:-.02em; margin-top:38px; }
.prose h3{ font-size:1.15rem; font-weight:700; margin-top:26px; }
.prose p,.prose li{ color:var(--ink-2); line-height:1.7; margin-top:12px; }
.prose ul{ padding-left:4px; }
.prose li{ display:flex; gap:11px; }
.prose li::before{ content:""; width:7px; height:7px; border-radius:50%; background:var(--grad); flex:none; margin-top:9px; }
.warranty-table th,.warranty-table td{ padding:14px 16px; border-bottom:1px solid var(--line); text-align:left; }
.warranty-table th{ background:var(--surface-2); font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); }
.warranty-table td:last-child{ font-family:var(--font-display); font-weight:600; color:var(--violet-ink); white-space:nowrap; }

/* ===================== Финальный CTA (градиент) ===================== */
.cta{ position:relative; background:var(--grad); color:#fff; overflow:hidden; }
.cta::after{ content:""; position:absolute; inset:0; background:radial-gradient(110% 120% at 15% 110%, rgba(255,255,255,.2), transparent 55%); pointer-events:none; }
.cta__box{ position:relative; max-width:720px; }
.cta .kicker{ color:rgba(255,255,255,.85); }
.cta .kicker .num{ color:#fff; }
.cta .kicker .bar{ background:rgba(255,255,255,.6); }
.cta h2{ font-family:var(--font-display); font-size:clamp(1.8rem,4.6vw,2.9rem); font-weight:600; letter-spacing:-.025em; line-height:1.05; margin-top:18px; color:#fff; }
.cta p{ position:relative; margin-top:16px; font-size:1.1rem; color:rgba(255,255,255,.9); max-width:520px; }
.cta__btns{ position:relative; display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.cta .btn--primary{ background:#fff; color:var(--blue-deep); box-shadow:0 16px 36px -14px rgba(0,0,0,.3); }
.cta .btn--primary:hover{ background:#F3F0FF; }
.cta .btn--outline{ background:rgba(255,255,255,.1); color:#fff; border:1.5px solid rgba(255,255,255,.5); }
.cta .btn--outline:hover{ border-color:#fff; background:rgba(255,255,255,.18); }
.cta__fine{ position:relative; margin-top:24px; font-size:.84rem; color:rgba(255,255,255,.82); line-height:1.7; }
.cta .points{ border-top-color:rgba(255,255,255,.22); }
.cta .point{ border-bottom-color:rgba(255,255,255,.22); }
.cta .point__idx{ color:rgba(255,255,255,.75); }
.cta .point__hours{ color:rgba(255,255,255,.8); }
.cta .point__phone{ color:#fff; }

/* ===================== Перекрёстные ссылки ===================== */
.xlinks{ display:flex; flex-wrap:wrap; gap:9px; }
.xlink{ padding:9px 15px; border-radius:999px; border:1px solid var(--line-2); background:var(--surface); font-weight:600; font-size:.9rem; transition:.14s; }
.xlink:hover{ border-color:var(--blue); color:var(--blue-ink); }

/* ===================== Футер ===================== */
.footer{ background:var(--band); color:#9C9EC6; padding-block:clamp(40px,5vw,60px); }
html:not([data-theme="dark"]) .footer{ --line:rgba(255,255,255,.1); }
.footer__top{ display:grid; grid-template-columns:1fr; gap:30px; }
@media(min-width:760px){ .footer__top{ grid-template-columns:1.4fr 1fr 1fr 1.2fr; } }
.footer__brand{ display:flex; align-items:center; gap:11px; color:#fff; font-family:var(--font-display); font-weight:600; font-size:1.1rem; }
.footer__brand .mark{ width:38px; height:38px; }
.footer__about{ margin-top:14px; font-size:.88rem; line-height:1.65; color:#9C9EC6; max-width:280px; }
.footer a{ color:#CFD0EC; } .footer a:hover{ color:#fff; }
.footer__col{ display:flex; flex-direction:column; gap:9px; font-size:.92rem; }
.footer__col .lbl{ font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#6F71A0; margin-bottom:5px; }
.footer__legal{ margin-top:30px; padding-top:22px; border-top:1px solid rgba(255,255,255,.1); font-size:.78rem; color:#6F71A0; line-height:1.7; display:flex; flex-wrap:wrap; gap:6px 18px; justify-content:space-between; }

/* ===================== Sticky-CTA (мобайл, конверсионные) ===================== */
.sticky-cta{ position:fixed; left:0; right:0; bottom:0; z-index:60; background:color-mix(in srgb, var(--surface) 95%, transparent); backdrop-filter:saturate(160%) blur(14px); border-top:1px solid var(--line-2); box-shadow:0 -8px 28px -16px rgba(33,40,120,.4); padding:10px var(--pad) calc(10px + env(safe-area-inset-bottom)); display:flex; align-items:center; gap:14px; transform:translateY(120%); transition:transform .26s; }
.sticky-cta.is-shown{ transform:translateY(0); }
.sticky-cta__price{ line-height:1.1; }
.sticky-cta__price small{ display:block; font-size:.64rem; color:var(--muted); font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.sticky-cta__price b{ font-family:var(--font-display); font-size:1.25rem; font-weight:600; color:var(--violet-ink); }
.sticky-cta .btn{ flex:1; min-height:50px; }
@media(min-width:900px){ .sticky-cta{ display:none; } }
body.has-sticky{ padding-bottom:82px; }
@media(min-width:900px){ body.has-sticky{ padding-bottom:0; } }

/* ===================== Cookie-consent ===================== */
.cookie{ position:fixed; left:16px; right:16px; bottom:16px; z-index:70; max-width:520px; margin-inline:auto; background:var(--surface); border:1px solid var(--line-2); border-radius:var(--r-lg); box-shadow:var(--shadow-lg); padding:18px 20px; display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.cookie p{ flex:1; min-width:200px; font-size:.86rem; color:var(--ink-2); }
.cookie.is-hidden{ display:none; }

/* archive (статус модели «снято с обслуживания») */
.is-archive{ filter:grayscale(.6) sepia(.15); }
.archive-note{ display:inline-flex; align-items:center; gap:8px; background:var(--bg-2); color:var(--muted); border:1px dashed var(--line-2); padding:8px 14px; border-radius:10px; font-size:.84rem; font-weight:600; }