/* Дизайн-система v-sib.ru — редизайн «Смелый» (Claude Design, Уровень 3):
   navy + дозированное «золото нити», Manrope + JetBrains Mono, мотив бегущего стежка.
   Работает поверх компилированного tw.css (layout-утилиты) + самохост-шрифтов fonts.css.
   Старые классы (--c-*, .btn-primary, .card, .section…) сохранены и перекрашены под новую
   палитру — чтобы ещё не мигрированные страницы не ломались во время поэтапного редизайна. */

:root{
  /* navy / тёмные — историческое имя переменной, значение хвойно-зелёное (выбор владельца 2026-07-31) */
  --navy-900:#152A22; --navy-800:#1D3A2F; --navy-700:#2A5243; --navy-950:#0F1F19;
  --azure-400:#7FA98F;
  /* акценты */
  --cobalt-600:#2F6B4F; --cobalt-700:#22523C;
  --gold-500:#B08D57; --gold-ink:#856B42; --gold-100:#E6DCC7; --gold-line:#9C7C4B; --gold-soft:#DCCDAA;
  --olive-700:#46584B; --olive-bg:#E9EDE4;
  /* поверхности / текст */
  --paper-50:#F3F6F3; --surface:#fff; --line-200:#DFE7E1; --line-100:#E9EFEA;
  --ink:#152A22; --text-body:#41544A; --text-muted:#68726C;
  --on-navy:#C8D6CC; --on-navy-2:#9AAEA1;
  --success-600:#2F7D53; --warn-bg:#EDEFDF; --warn-ink:#6B6A2E; --error:#B4453A;
  /* Ниже — цвета, которые раньше были вписаны прямо в правила. Из-за этого смена
     палитры получалась наполовину: тени и чипы оставались синими, подложки жёлтыми.
     Значения те же, что были, — вид текущей темы не изменился. */
  --on-navy-3:#8AA095;                 /* реквизиты в футере, подписи на тёмном */
  --chip-bg:#E2EFE7;                   /* плашки «опт», «мягкие» бейджи, чипы услуг */
  --disabled-bg:#E9EEEA; --disabled-ink:#9BAAA1;
  --hatch:#E3EBE5;                     /* штриховка плейсхолдеров фото */
  --rgb-dark:21,42,34;                 /* тени и затемнения — тон тёмной базы */
  --rgb-accent:47,107,79;              /* кольцо фокуса на полях ввода */
  --rgb-gold:176,141,87;               /* пунктиры и подложки акцента */
  /* радиусы / тени */
  --r-sm:10px; --r:12px; --r-md:14px; --r-lg:16px; --r-xl:20px; --pill:999px;
  --sh-card:0 1px 2px rgba(var(--rgb-dark),.04),0 8px 24px -16px rgba(var(--rgb-dark),.18);
  --sh-lift:0 24px 50px -30px rgba(var(--rgb-dark),.45);
  --sh-cta:0 12px 24px -10px rgba(36,86,230,.55);
  /* шрифты */
  --f-head:'Manrope',system-ui,sans-serif; --f-text:'Manrope',system-ui,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',monospace;

  /* ── LEGACY-алиасы (страницы до миграции) → новая палитра ── */
  --c-bg:#fff; --c-surface:#fff; --c-surface-2:var(--paper-50);
  --c-navy:var(--navy-900); --c-navy-2:var(--navy-950); --c-navy-line:var(--navy-700);
  --c-ink:var(--ink); --c-ink-2:var(--text-body); --c-mute:var(--text-muted);
  --c-on-navy:var(--on-navy); --c-on-navy-2:var(--on-navy-2); --c-line:var(--line-200);
  --c-accent:var(--cobalt-600); --c-accent-2:var(--cobalt-700); --c-accent-ink:#fff;
  --c-accent-soft:#E2EFE7; --c-teal:#2F7D53; --c-amber:var(--gold-500); --c-good:var(--success-600);
  --r-lg-legacy:18px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}  /* off-canvas .mnav-panel за правым краём не должна давать горизонтальный скролл */
body{font-family:var(--f-text);color:var(--ink);background:var(--surface);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0;}
h1,h2,h3,h4{font-family:var(--f-head);color:var(--ink);font-weight:800;line-height:1.1;letter-spacing:-0.02em;margin:0;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;}
:focus-visible{outline:2px solid var(--cobalt-600);outline-offset:2px;}

.container{max-width:1280px;margin:0 auto;padding-left:44px;padding-right:44px;}
.section{padding:64px 0;}
@media(max-width:860px){ .container{padding-left:18px;padding-right:18px;} .section{padding:34px 0;} }

/* ── Фирменный мотив ── */
.vs-stitch{background-image:repeating-linear-gradient(90deg,var(--gold-500) 0 11px,transparent 11px 19px);}
.vs-twill{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0.03) 0 1px,transparent 1px 6px);}
.shield-wm{position:absolute;opacity:0.07;pointer-events:none;}

/* ── Типографические утилиты ── */
.mono{font-family:var(--f-mono);}
.eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);}
.muted{color:var(--text-muted);} .ink-2{color:var(--text-body);}
.stars{color:var(--gold-ink);letter-spacing:2px;}

/* секции на тёмном */
.on-navy{background:var(--navy-900);color:#fff;}
.on-navy h1,.on-navy h2,.on-navy h3{color:#fff;}

/* ── Кнопки ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:12px;border:1.5px solid transparent;font-family:var(--f-text);font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap;transition:background .15s,box-shadow .15s,border-color .15s,filter .15s,transform .06s;}
.btn:active{transform:translateY(1px);}
.btn-md{height:44px;font-size:14px;padding:0 18px;border-radius:10px;}
.btn-sm{height:36px;font-size:13px;padding:0 14px;border-radius:10px;}
.btn-block{width:100%;}
.btn-primary{background:var(--cobalt-600);color:#fff;box-shadow:var(--sh-cta);}
.btn-primary:hover{background:var(--cobalt-700);}
.btn-gold{background:var(--gold-500);color:var(--navy-900);}        /* премиум-CTA, только на тёмном */
.btn-gold:hover{filter:brightness(1.06);}
.btn-outline{background:transparent;border-color:var(--navy-900);color:var(--navy-900);}
.btn-outline:hover{background:var(--paper-50);}
.btn-success{background:var(--success-600);color:#fff;}
.btn-success:hover{filter:brightness(1.06);}
.btn-ghost-navy{background:rgba(255,255,255,0.06);color:#fff;border:1px solid rgba(255,255,255,0.2);}
.btn-ghost-navy:hover{background:rgba(255,255,255,0.12);}
.btn:disabled{background:var(--disabled-bg);color:var(--disabled-ink);box-shadow:none;cursor:not-allowed;}
/* legacy-имена кнопок → новый вид */
.btn-amber{background:var(--gold-500);color:var(--navy-900);}
.btn-on-navy{background:rgba(255,255,255,0.06);color:#fff;border:1px solid rgba(255,255,255,0.2);}

/* ── Чипы / бейджи / этикетки ── */
.label-method{display:inline-block;font-size:13px;font-weight:600;color:var(--navy-900);background:var(--gold-100);padding:7px 13px;border-radius:7px;border:1px dashed var(--gold-line);}
.trust-chip{display:inline-block;font-size:13px;color:var(--on-navy);background:rgba(255,255,255,0.05);border:1px dashed rgba(var(--rgb-gold),0.45);padding:8px 13px;border-radius:8px;}
.badge-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--pill);}
.badge-stock{background:#E7F4EC;color:var(--success-600);}
.badge-warn{background:var(--warn-bg);color:var(--warn-ink);}
.badge-opt{background:var(--chip-bg);color:var(--cobalt-600);}
.badge-vedom{background:var(--olive-bg);color:var(--olive-700);}
.rating{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line-200);border-radius:12px;padding:9px 14px;}
/* legacy badges */
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;}
.badge-soft{background:var(--chip-bg);color:var(--cobalt-600);}
.badge-good{background:#E7F4EC;color:var(--success-600);}
.badge-amber,.badge-amber-on-navy{background:rgba(var(--rgb-gold),.18);color:var(--gold-500);}
.badge-teal{background:rgba(18,184,166,.14);color:#0c7d70;}

/* ── Карточки ── */
.card{background:var(--surface);border:1px solid var(--line-200);border-radius:var(--r-lg);box-shadow:var(--sh-card);color:var(--ink);}
.card-hover{transition:transform .12s,box-shadow .15s;}
.card-hover:hover{transform:translateY(-2px);box-shadow:0 16px 36px -22px rgba(var(--rgb-dark),.4);}
.card-navy{background:var(--navy-900);color:#fff;border-radius:var(--r-lg);}

/* ── Факты-лента ── */
.stat-num{font-size:28px;font-weight:800;}
.stat-lbl{font-family:var(--f-mono);font-size:10px;color:var(--text-muted);letter-spacing:0.06em;text-transform:uppercase;}

/* ── Хлебные крошки ── */
.crumbs{font-family:var(--f-mono);font-size:12px;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:7px;align-items:center;line-height:1.6;}
.crumbs a{color:var(--text-body);}
.crumbs a:hover{color:var(--cobalt-600);}
.crumbs .sep{color:var(--gold-ink);}

/* ── Поля форм ── */
.field{margin-bottom:14px;}
.label{display:block;font-size:13px;font-weight:600;color:var(--text-body);margin-bottom:6px;}
.input,.textarea,.select{width:100%;height:48px;padding:0 14px;font:inherit;border:1px solid var(--line-200);border-radius:10px;background:#fff;color:var(--ink);}
.textarea{height:auto;min-height:110px;padding:12px 14px;resize:vertical;}
.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--cobalt-600);box-shadow:0 0 0 3px rgba(var(--rgb-accent),.12);}
.input.err,.textarea.err{border-color:var(--error);}
.form-error{color:var(--error);font-size:13px;margin-top:4px;}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--text-body);}
.consent input{margin-top:3px;width:18px;height:18px;}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* ── Шапка ── */
.site-header{background:#fff;border-bottom:1px solid var(--line-100);position:sticky;top:0;z-index:40;}
.hdr-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;}
.brand{display:flex;align-items:center;gap:11px;}
.brand-name{font-size:16px;font-weight:800;letter-spacing:-0.01em;white-space:nowrap;color:var(--ink);display:block;}
.brand-sub{font-family:var(--f-mono);font-size:10px;color:var(--text-muted);letter-spacing:0.02em;display:block;}
.main-nav{display:flex;gap:22px;font-size:14px;font-weight:500;color:var(--text-body);}
.main-nav a:hover,.main-nav a.active{color:var(--navy-900);}
.hdr-contacts{display:flex;align-items:center;gap:18px;}
.hdr-phone{font-size:15px;font-weight:800;white-space:nowrap;color:var(--ink);}
.hdr-hours{font-size:10px;color:var(--text-muted);display:block;}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;}
.burger span{width:22px;height:2px;background:var(--navy-900);border-radius:2px;display:block;}
.mnav-panel{display:none;}
.mnav-overlay{display:none;}
@media(max-width:980px){
  .main-nav,.hdr-contacts{display:none;}
  .burger{display:flex;}
  .mnav-overlay{position:fixed;inset:0;background:rgba(var(--rgb-dark),.55);z-index:55;}
  .mnav-panel{display:block;position:fixed;top:0;right:0;bottom:0;width:min(86vw,340px);background:#fff;z-index:60;transform:translateX(100%);transition:transform .25s ease;box-shadow:var(--sh-lift);padding:18px;overflow:auto;}
  .site-header.mnav-open .mnav-panel{transform:translateX(0);}
  .site-header.mnav-open .mnav-overlay{display:block;}
}

/* ── Футер ── */
.site-footer{background:var(--navy-950);color:var(--on-navy-2);}
.site-footer a:hover{color:#fff;}
.foot-inner{padding-top:44px;padding-bottom:30px;}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:28px;padding-bottom:28px;
  border-bottom:1px solid rgba(255,255,255,0.08);}
.foot-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.foot-brand-name{color:#fff;font-weight:800;font-size:16px;}
.foot-about{font-size:13px;line-height:1.6;margin:0 0 14px;max-width:340px;}
.foot-req{font-family:var(--f-mono);font-size:11px;line-height:1.8;color:var(--on-navy-3);}
.foot-head{color:#fff;font-weight:700;font-size:14px;margin-bottom:12px;}
.foot-list{list-style:none;margin:0;padding:0;font-size:13px;line-height:2;}
.foot-phone{color:#fff;font-weight:700;}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  padding-top:18px;font-size:12px;color:#6A7591;}

/* ── Липкая мобильная CTA ── */
.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;gap:8px;padding:10px 14px;background:#fff;border-top:1px solid var(--line-200);box-shadow:0 -8px 24px -16px rgba(var(--rgb-dark),.3);}
@media(max-width:860px){.mobile-cta{display:flex;}body{padding-bottom:72px;}}

/* ── FAQ ── */
.faq-item{border-bottom:1px solid var(--line-200);}
.faq-q{width:100%;text-align:left;background:none;border:0;cursor:pointer;font:inherit;font-weight:700;color:var(--ink);padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.faq-a{display:none;padding:0 0 18px;color:var(--text-body);}
.faq-item.open .faq-a{display:block;}
.faq-item.open .faq-mark{transform:rotate(45deg);}
.faq-mark{transition:transform .15s;color:var(--cobalt-600);font-size:22px;line-height:1;}

/* ── Текстовые страницы (prose) ── */
.prose{color:var(--text-body);font-size:16px;line-height:1.7;max-width:760px;}
.prose h2{font-family:var(--f-head);color:var(--ink);font-size:24px;margin:30px 0 10px;}
.prose h3{font-family:var(--f-head);color:var(--ink);font-size:18px;margin:22px 0 8px;}
.prose p{margin:0 0 14px;} .prose ul{margin:0 0 14px;padding-left:22px;} .prose li{margin:4px 0;}
.prose a{color:var(--cobalt-600);} .prose strong{color:var(--ink);}
.prose .video{position:relative;padding-top:56.25%;margin:0 0 20px;border-radius:var(--r);overflow:hidden;background:var(--navy-900);}
.prose .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.pos{color:var(--success-600);font-weight:600;} .neg{color:var(--error);font-weight:600;}

/* ── Таблица цен (legacy + tier) ── */
.table-prices{width:100%;border-collapse:collapse;font-size:15px;}
.table-prices th,.table-prices td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line-200);}
.table-prices th{font-family:var(--f-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:500;}
.table-prices tbody tr:last-child td{border-bottom:0;}

/* ── Изображения каталога ── */
.ph{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);font-family:var(--f-mono);font-size:11px;padding:16px;background:var(--paper-50);background-image:repeating-linear-gradient(135deg,var(--hatch) 0 1px,transparent 1px 13px);border:1px solid var(--line-200);border-radius:var(--r);}
.ph-navy{color:var(--on-navy-2);background:var(--navy-800);border:1px dashed var(--navy-700);}
.cat-imgbox{background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.cat-imgbox img{width:100%;height:100%;object-fit:contain;display:block;}
.cat-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.cat-thumbs .cat-imgbox{width:72px;height:72px;border:1px solid var(--line-200);border-radius:10px;cursor:pointer;}

/* ═══════════════ ГЛАВНАЯ (редизайн, этап 2) ═══════════════ */

/* — HERO — */
.hero{position:relative;overflow:hidden;background:var(--navy-900);color:#fff;}
.hero .shield-wm{right:-50px;top:-40px;width:520px;height:auto;}
.hero-overlay{position:absolute;inset:0;pointer-events:none;}
.hero-inner{position:relative;padding-top:56px;padding-bottom:0;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold-soft);}
.hero-eyebrow .dash{width:30px;height:1px;background:var(--gold-500);display:inline-block;}
.hero-title{font-size:72px;line-height:0.95;font-weight:800;letter-spacing:-0.035em;color:#fff;margin:18px 0 0;max-width:920px;}
.hero-title .accent{color:var(--azure-400);}
.hero-rule{height:3px;width:300px;margin-top:24px;border-radius:2px;}
.hero-cols{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:end;margin-top:24px;padding-bottom:32px;}
.hero-lead{font-size:17px;line-height:1.6;color:var(--on-navy);max-width:540px;margin:0 0 22px;}
.hero-chips{display:flex;flex-wrap:wrap;gap:9px;}
.hero-actions{display:flex;flex-direction:column;gap:11px;align-items:stretch;min-width:260px;}
.hero-actions>.btn{width:100%;}
/* Мессенджеров стало три (WhatsApp · Telegram · MAX) — на узком экране
   ряд обязан переноситься, иначе третья кнопка вылезает за край. */
.hero-actions-row{display:flex;flex-wrap:wrap;gap:11px;}
.hero-actions-row .btn{flex:1 1 0;min-width:0;padding-left:8px;padding-right:8px;}
.hero-methods{position:relative;background:var(--navy-950);border-top:1px dashed rgba(var(--rgb-gold),0.3);}
.hero-methods-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:16px;padding-bottom:16px;}
.hero-methods-label{font-size:11px;color:var(--on-navy-3);letter-spacing:0.08em;margin-right:4px;}

/* — FACTS — */
.facts{background:var(--paper-50);border-bottom:1px solid var(--line-100);}
.facts-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding-top:28px;padding-bottom:28px;}
.facts-list{display:flex;gap:38px;flex-wrap:wrap;}
.fact-num{font-size:28px;font-weight:800;font-family:var(--f-head);line-height:1.1;}
.fact-cap{font-family:var(--f-mono);font-size:10px;color:var(--text-muted);letter-spacing:0.06em;text-transform:uppercase;margin-top:2px;}

/* — рейтинг-чип (частичная заливка звёзд) — */
.rating .rate-stars{position:relative;display:inline-block;font-size:14px;line-height:1;letter-spacing:2px;}
.rating .rate-stars .on{color:var(--gold-500);position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;}
.rating .rate-stars .off{color:#d6dae2;}
.rating .rate-val{font-size:15px;font-weight:800;color:var(--ink);}
.rating .rate-src{font-size:12px;color:var(--text-muted);border-left:1px solid var(--line-200);padding-left:10px;}

/* — заголовки секций — */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px;}
.sec-title{font-size:36px;font-weight:800;letter-spacing:-0.025em;margin:0;}
.sec-sub{font-size:15px;color:var(--text-muted);margin:8px 0 0;}
.sec-link{font-size:14px;font-weight:700;color:var(--cobalt-600);white-space:nowrap;}

/* — карточки методов — */
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.method-card{display:block;background:#fff;border:1px solid var(--line-200);border-radius:16px;overflow:hidden;box-shadow:var(--sh-card);color:var(--ink);}
.method-photo{aspect-ratio:16/10;}
.method-body{padding:18px;}
.method-body h3{font-size:18px;font-weight:700;margin:0 0 6px;}
.method-lead{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0 0 12px;}
.method-spec{font-family:var(--f-mono);font-size:11px;color:var(--text-body);text-transform:uppercase;letter-spacing:0.02em;}

/* — карточки «примеры работ» — */
.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.work-card{display:block;background:#fff;border:1px solid var(--line-200);border-radius:14px;overflow:hidden;color:var(--ink);}
.work-photo{aspect-ratio:1/1;}
.work-body{padding:12px 13px;}
.work-name{font-size:13px;font-weight:700;line-height:1.3;margin-bottom:6px;}
.work-price{font-size:16px;font-weight:800;color:var(--cobalt-600);}
.work-price .from{font-size:11px;color:var(--text-muted);font-weight:600;}

/* — кому подходим — */
.aud{background:var(--paper-50);}
.aud-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.aud-card{background:#fff;border:1px solid var(--line-200);border-radius:16px;padding:22px;position:relative;overflow:hidden;}
.aud-card--dark{background:var(--navy-900);color:#fff;border-color:transparent;}
.aud-kicker{font-family:var(--f-mono);font-size:11px;color:var(--cobalt-600);letter-spacing:0.06em;margin-bottom:12px;}
.aud-card--dark .aud-kicker{color:var(--gold-soft);}
.aud-card h3{font-size:18px;font-weight:700;margin:0 0 7px;}
.aud-card p{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0 0 14px;}
.aud-card--dark h3{color:#fff;}
.aud-card--dark p{color:var(--on-navy);}
.aud-link{font-size:13px;font-weight:700;color:var(--cobalt-600);}
.aud-card--dark .aud-link{color:var(--azure-400);}

/* — загрузка макета — */
.upload-cta{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:var(--navy-900);border-radius:20px;padding:40px;position:relative;overflow:hidden;color:#fff;}
.upload-cta h2{font-size:32px;font-weight:800;letter-spacing:-0.02em;line-height:1.1;color:#fff;margin:0 0 12px;}
.upload-cta p{font-size:15px;color:var(--on-navy);line-height:1.6;margin:0 0 20px;max-width:420px;}
.upload-cta .up-actions{display:flex;flex-wrap:wrap;gap:11px;position:relative;}
.upload-drop{position:relative;border:1.5px dashed rgba(var(--rgb-gold),0.55);border-radius:16px;padding:34px;text-align:center;}
.upload-drop .up-ico{width:50px;height:50px;border-radius:13px;background:rgba(110,155,255,0.16);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--azure-400);font-size:24px;font-weight:700;}
.upload-drop .up-fmt{font-family:var(--f-mono);font-size:11px;color:#8FA6D4;margin-top:8px;}

/* — как мы работаем — */
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.step{border:1px dashed #D2D9E6;border-radius:14px;padding:20px;}
.step-no{font-family:var(--f-mono);font-size:13px;color:var(--cobalt-600);font-weight:600;}
.step h3{font-size:16px;font-weight:700;margin:9px 0 5px;}
.step p{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0;}

/* — отзывы — */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.review-card{background:#fff;border:1px solid var(--line-200);border-radius:16px;padding:22px;margin:0;}
.review-text{font-size:14px;line-height:1.55;color:var(--ink);margin:12px 0 16px;}
.review-foot{display:flex;align-items:center;gap:11px;border-top:1px dashed var(--line-200);padding-top:14px;}
.review-ava{width:36px;height:36px;border-radius:50%;background:var(--paper-50);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--cobalt-600);flex:none;}
.review-name{font-size:13px;font-weight:700;}
.review-role{font-size:12px;color:var(--text-muted);}

/* — финальный CTA-баннер — */
.cta-band{background:var(--navy-900);position:relative;overflow:hidden;}
.cta-band-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:48px;padding-bottom:48px;}
.cta-band-title{font-size:30px;font-weight:800;color:#fff;letter-spacing:-0.02em;line-height:1.15;max-width:620px;}
.cta-band-actions{display:flex;flex-wrap:wrap;gap:11px;}

/* — FAQ-карточка на главной — */
.faq-card{background:#fff;border:1px solid var(--line-200);border-radius:16px;box-shadow:var(--sh-card);padding:4px 24px;}

/* — адаптив главной — */
@media(max-width:980px){
  .method-grid{grid-template-columns:repeat(2,1fr);}
  .hero-title{font-size:56px;}
}
@media(max-width:860px){
  .hero-inner{padding-top:34px;}
  .hero-title{font-size:40px;letter-spacing:-0.03em;}
  .hero-cols{grid-template-columns:1fr;gap:22px;padding-bottom:24px;}
  .hero-actions{min-width:0;}
  .hero-lead{font-size:14px;}
  /* На телефоне плашки-обещания и ряд «МЕТОДЫ» рисуются рамками и читаются
     как ещё десяток кнопок: на первом экране их выходит больше, чем настоящих
     действий (замечание владельца 2026-08-05). Прячем оба ряда — ссылки на
     услуги остаются в блоке «Что мы делаем» ниже (все шесть, проверено),
     поэтому перелинковка и разметка не страдают. */
  .hero-chips{display:none;}
  .hero-methods{display:none;}
  /* Подвал на телефоне — в одну колонку, контакты первыми: за ними сюда и
     приходят. «Разделы» скрыты — те же пункты в бургер-меню, а внизу они
     занимали пол-экрана по два слова на строку. */
  .foot-grid{grid-template-columns:1fr;gap:22px;}
  .foot-contacts{order:-1;}
  .foot-nav{display:none;}
  .foot-about{max-width:none;}
  .foot-list{line-height:2.2;}
  .foot-mess{display:flex;flex-wrap:wrap;gap:6px;}
  .foot-bottom{flex-direction:column;gap:8px;}
  /* Финальный призыв на главной: внизу и так закреплена панель с «Рассчитать».
     Только с этим модификатором — на «Услугах» тот же .cta-band остаётся,
     липкой панели там нет. */
  .cta-band--hide-mobile{display:none;}
  .facts-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;}
  .facts .rating{display:none;}
  .fact-num{font-size:22px;}
  .sec-title{font-size:26px;}
  .method-grid{grid-template-columns:1fr;}
  .work-grid{grid-template-columns:1fr 1fr;}
  .aud-grid{grid-template-columns:1fr;}
  .upload-cta{grid-template-columns:1fr;padding:26px;}
  .upload-cta h2{font-size:24px;}
  .steps-grid{grid-template-columns:1fr 1fr;}
  .reviews-grid{grid-template-columns:1fr;}
  .cta-band-title{font-size:24px;}
}

/* ═══════════════ КАТАЛОГ (редизайн, этап 3) ═══════════════ */

/* — индекс каталога: карточки разделов — */
.cat-lead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:14px 0 30px;}
.cat-lead .lead-txt{max-width:680px;}
.cat-lead .lead-txt p{font-size:16px;color:var(--text-body);line-height:1.6;margin:10px 0 0;}
.cat-actions{display:flex;gap:10px;flex-wrap:wrap;}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.cat-card{display:block;background:#fff;border:1px solid var(--line-200);border-radius:16px;overflow:hidden;box-shadow:var(--sh-card);color:var(--ink);}
.cat-card .cat-photo{aspect-ratio:16/9;}
.cat-card-body{padding:16px;}
.cat-card-body h2,.cat-card-body h3{font-size:17px;font-weight:700;margin:0 0 6px;}
.cat-card-tag{font-family:var(--f-mono);font-size:11px;color:var(--text-muted);letter-spacing:.02em;margin-bottom:10px;}
.cat-card-go{font-size:13px;font-weight:700;color:var(--cobalt-600);}

/* — раздел: раскладка фильтры + сетка — */
.cat-layout{display:grid;grid-template-columns:248px 1fr;gap:28px;align-items:start;}
.filters-rail{border-right:1px solid var(--line-100);padding-right:24px;position:sticky;top:84px;}
.filters-title{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;margin-bottom:14px;}
.filter-group{margin-bottom:20px;}
.filter-group h3{font-size:13px;font-weight:700;margin:0 0 10px;}
.filter-check{display:flex;gap:9px;align-items:center;font-size:14px;color:var(--text-body);cursor:pointer;padding:3px 0;}
.filter-check input{width:17px;height:17px;accent-color:var(--cobalt-600);cursor:pointer;flex:none;}
.filter-check .cnt{color:var(--text-muted);font-size:12px;}
.filter-reset{display:block;text-align:center;background:var(--paper-50);border:1px solid var(--line-200);color:var(--text-body);font-size:13px;font-weight:600;padding:10px;border-radius:9px;}
.filter-reset:hover{background:#fff;border-color:var(--cobalt-600);color:var(--cobalt-600);}

.sort-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap;}
.sort-bar .found{font-size:14px;color:var(--text-muted);}
.sort-bar .found b{color:var(--ink);}
.sort-ctl{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted);}
.sort-select{height:40px;border:1px solid var(--line-200);border-radius:9px;padding:0 12px;font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:#fff;cursor:pointer;}

.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.prod-card{display:block;background:#fff;border:1px solid var(--line-200);border-radius:14px;overflow:hidden;color:var(--ink);}
.prod-photo{aspect-ratio:1/1;position:relative;}
.prod-badge{position:absolute;top:9px;left:9px;z-index:2;font-size:10px;font-weight:600;padding:3px 8px;border-radius:var(--pill);}
.prod-body{padding:13px;}
.prod-name{font-size:13px;font-weight:700;line-height:1.3;margin-bottom:6px;}
.prod-meta{font-family:var(--f-mono);font-size:10px;color:var(--text-muted);letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase;}
.prod-foot{display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
.prod-price{font-size:17px;font-weight:800;color:var(--cobalt-600);}
.prod-price .from{font-size:11px;color:var(--text-muted);font-weight:600;}
.prod-price--ask{font-size:13px;font-weight:700;color:var(--text-muted);}
.prod-arrow{font-size:14px;font-weight:700;color:var(--cobalt-600);}

.pager{display:flex;justify-content:center;gap:7px;align-items:center;margin-top:28px;flex-wrap:wrap;}
.pager-item{min-width:38px;height:38px;border:1px solid var(--line-200);border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;padding:0 8px;color:var(--ink);}
.pager-item:hover{border-color:var(--cobalt-600);color:var(--cobalt-600);}
.pager-item.active{background:var(--cobalt-600);color:#fff;border-color:var(--cobalt-600);font-weight:700;}
.pager-gap{color:var(--text-muted);padding:0 4px;}
.cat-empty{padding:40px 0;color:var(--text-body);}

.section-seo{background:var(--paper-50);border-radius:16px;padding:28px;margin-top:32px;}
.section-seo h2{font-size:20px;font-weight:800;margin:0 0 10px;}

/* — карточка товара — */
.pdp-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.pdp-photo{aspect-ratio:1/1;border-radius:18px;position:relative;overflow:hidden;border:1px solid var(--line-200);background:#fff;}
.pdp-photo img{width:100%;height:100%;object-fit:contain;}
.pdp-badge-seg{position:absolute;top:14px;left:14px;z-index:2;font-size:11px;font-weight:600;padding:5px 11px;border-radius:var(--pill);}
.pdp-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;}
.pdp-thumb{aspect-ratio:1/1;border:1px solid var(--line-200);border-radius:11px;overflow:hidden;cursor:pointer;background:#fff;}
.pdp-thumb.active{border:1.5px solid var(--cobalt-600);}
.pdp-thumb img{width:100%;height:100%;object-fit:contain;display:block;}

.pdp-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.art-chip{font-family:var(--f-mono);font-size:11px;background:var(--chip-bg);color:var(--cobalt-600);padding:5px 10px;border-radius:6px;}
.stock-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:var(--pill);}
.stock-badge .dot{width:6px;height:6px;border-radius:50%;}
.stock-badge.is-stock{background:#E7F4EC;color:var(--success-600);}
.stock-badge.is-stock .dot{background:var(--success-600);}
.stock-badge.is-order{background:var(--paper-50);color:var(--text-body);}
.stock-badge.is-order .dot{background:var(--text-muted);}

.pdp-title{font-size:34px;font-weight:800;letter-spacing:-0.025em;line-height:1.08;margin:0 0 10px;}
.pdp-lead{font-size:15px;color:var(--text-body);line-height:1.6;margin:0 0 20px;}

.price-box{border:1px solid var(--line-200);border-radius:16px;padding:22px;margin-bottom:20px;}
.price-box-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;}
.price-cap{font-size:12px;color:var(--text-muted);}
.price-val{display:flex;align-items:baseline;gap:8px;}
.price-val .from{font-size:13px;color:var(--text-muted);}
.price-val .num{font-size:38px;font-weight:800;color:var(--cobalt-600);line-height:1;}
.price-spec{text-align:right;font-family:var(--f-mono);font-size:11px;color:var(--text-muted);line-height:1.7;white-space:nowrap;}
.price-note{text-align:center;font-size:12px;color:var(--text-muted);margin-top:12px;}
.price-actions{display:flex;gap:11px;}
.price-actions .btn{flex:1;}

.spec-table{border:1px solid var(--line-200);border-radius:14px;overflow:hidden;}
.spec-row{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line-100);font-size:14px;}
.spec-row:last-child{border-bottom:0;}
.spec-row .k{color:var(--text-muted);}
.spec-row .v{font-weight:600;text-align:right;}

.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}

/* ═══════════════ УСЛУГИ (редизайн, этап 4) ═══════════════ */
/* — индекс услуг: широкие строки — */
.svc-rows{display:flex;flex-direction:column;gap:18px;}
.svc-row{display:grid;grid-template-columns:340px 1fr auto;gap:28px;align-items:stretch;border:1px solid var(--line-200);border-radius:18px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:var(--sh-card);}
.svc-row-photo{display:flex;}
.svc-row-photo .cat-imgbox{width:100%;height:100%;min-height:190px;}
.svc-row-photo.ph{min-height:190px;border:0;border-radius:0;}
.svc-row-body{align-self:center;padding:22px 0;}
.svc-row-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap;}
.svc-row-head h2{font-size:22px;font-weight:800;margin:0;}
.svc-chip{font-family:var(--f-mono);font-size:10px;background:var(--chip-bg);color:var(--cobalt-600);padding:4px 9px;border-radius:6px;white-space:nowrap;text-transform:uppercase;}
.svc-row-lead{font-size:14px;color:var(--text-body);line-height:1.6;margin:0 0 10px;max-width:560px;}
.svc-row-spec{font-family:var(--f-mono);font-size:11px;color:var(--text-muted);text-transform:uppercase;}
.svc-row-actions{padding-right:24px;display:flex;flex-direction:column;gap:9px;align-self:center;}
.svc-row-actions .btn{white-space:nowrap;}

/* — страница метода: герой — */
.svc-hero{background:var(--navy-900);color:#fff;position:relative;overflow:hidden;}
.svc-hero-grid{position:relative;display:grid;grid-template-columns:1.2fr 0.8fr;gap:40px;align-items:center;}
.svc-hero h1{font-size:52px;font-weight:800;letter-spacing:-0.03em;line-height:1.0;margin:0 0 14px;color:#fff;}
.svc-hero-rule{height:3px;width:200px;margin-bottom:18px;border-radius:2px;}
.svc-hero-lead{font-size:16px;color:var(--on-navy);line-height:1.6;margin:0 0 20px;max-width:520px;}
.svc-hero-photo{aspect-ratio:4/3;background:var(--navy-800);border-radius:16px;position:relative;overflow:hidden;border:1px solid var(--navy-700);}
.svc-hero-photo img{width:100%;height:100%;object-fit:cover;}
.svc-hero-photo .frame{position:absolute;inset:12px;border:1.5px dashed rgba(201,162,75,0.5);border-radius:10px;pointer-events:none;}

/* — лента спеков метода — */
.svc-ribbon{background:var(--paper-50);border-top:1px solid var(--line-100);border-bottom:1px solid var(--line-100);display:flex;flex-wrap:wrap;gap:40px;}

/* — контент метода (2 колонки) — */
.svc-content{display:grid;grid-template-columns:1fr 360px;gap:36px;align-items:start;}
.svc-content h2{font-size:26px;font-weight:800;letter-spacing:-0.02em;margin:30px 0 14px;}
.svc-content h2:first-child{margin-top:0;}
.svc-content p{font-size:15px;color:var(--text-body);line-height:1.7;margin:0 0 14px;}
.svc-checklist{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:9px;}
.svc-checklist li{position:relative;padding-left:28px;font-size:15px;color:var(--text-body);line-height:1.5;}
.svc-checklist li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:5px;background:#E7F4EC;}
.svc-checklist li::after{content:"✓";position:absolute;left:4px;top:0;font-size:12px;color:var(--success-600);font-weight:800;}
.svc-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.svc-aside .card{padding:24px;position:sticky;top:84px;}
.svc-recap{display:flex;justify-content:space-between;font-size:14px;color:var(--text-body);padding:8px 0;border-bottom:1px solid var(--line-100);}
.svc-recap:last-of-type{border-bottom:0;}
.svc-recap b{color:var(--ink);font-weight:700;}

@media(max-width:980px){
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .related-grid{grid-template-columns:repeat(2,1fr);}
  .svc-content{grid-template-columns:1fr;}
  .svc-aside .card{position:static;}
}
/* Карточка услуги: с тремя кнопками колонка действий шире, и на планшете описание
   схлопывалось в узкую полосу — поэтому строка распадается раньше, чем остальное. */
@media(max-width:1000px){
  .svc-row{grid-template-columns:1fr;}
  .svc-row-photo .cat-imgbox{aspect-ratio:16/9;min-height:0;}
  .svc-row-body{padding:0 18px;}
  /* Кнопки карточки услуги в строку; третья («в каталог») переносится, а не режется */
  .svc-row-actions{padding:0 18px 18px;flex-direction:row;flex-wrap:wrap;}
  .svc-row-actions .btn{flex:1 1 140px;}
  .svc-row-actions .btn-primary{flex-basis:100%;}   /* главное действие — во всю ширину */
}
@media(max-width:860px){
  .svc-hero-grid{grid-template-columns:1fr;gap:22px;}
  .svc-hero h1{font-size:34px;}
  .svc-ribbon{gap:0;display:grid;grid-template-columns:1fr 1fr;row-gap:14px;}
  .svc-steps{grid-template-columns:1fr;}
}

/* ═══════════════ ВНУТРЕННИЕ СТРАНИЦЫ (редизайн, этап 5) ═══════════════ */
.page-stats{display:flex;flex-wrap:wrap;gap:44px;justify-content:space-between;}
.page-stats .fact-num{font-size:32px;}
.about-2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.frame-photo{aspect-ratio:4/3;background:var(--paper-50);border-radius:18px;position:relative;overflow:hidden;border:1px solid var(--line-200);}
.frame-photo>iframe,.frame-photo>img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;}
.frame-photo .frame{position:absolute;inset:14px;border:1.5px dashed rgba(201,162,75,0.45);border-radius:12px;pointer-events:none;z-index:2;}

/* контакты */
.contacts-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:start;}
.info-card{border:1px solid var(--line-200);border-radius:16px;padding:22px;background:#fff;}
.info-card .ic-cap{font-family:var(--f-mono);font-size:11px;color:var(--text-muted);margin-bottom:6px;}
.info-card .ic-val{font-size:22px;font-weight:800;line-height:1.25;}
.info-card .ic-val a{color:var(--ink);}
.info-card .ic-sub{font-size:13px;color:var(--text-muted);margin-top:6px;line-height:1.5;}
.contact-mini{display:flex;gap:14px;}
.contact-mini>a{flex:1;border:1px solid var(--line-200);border-radius:16px;padding:18px;text-align:center;color:var(--ink);}
.contact-mini>a:hover{border-color:var(--cobalt-600);}
.contact-mini .cm-t{font-size:16px;font-weight:700;}
.contact-mini .cm-s{font-size:12px;color:var(--text-muted);margin-top:3px;}

/* оплата/доставка */
.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;}
.pay-col{display:flex;flex-direction:column;gap:12px;}
.pay-item{border:1px solid var(--line-200);border-radius:14px;padding:18px;display:flex;gap:14px;align-items:flex-start;}
.pay-item .pi-no{font-family:var(--f-mono);font-size:13px;font-weight:700;flex:none;line-height:1.4;}
.pay-item .pi-no.b{color:var(--cobalt-600);}
.pay-item .pi-no.g{color:var(--gold-500);}
.pay-item h3{font-size:16px;font-weight:700;margin:0 0 4px;}
.pay-item p{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0;}

/* реквизиты (моно-сетка) */
.req-card{background:var(--paper-50);border-radius:16px;padding:28px;}
.req-card h2{font-size:20px;font-weight:800;margin:0 0 16px;}
.req-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 40px;font-family:var(--f-mono);font-size:13px;}
.req-grid .r{display:flex;justify-content:space-between;gap:14px;border-bottom:1px dashed var(--line-200);padding-bottom:9px;}
.req-grid .r span{color:var(--text-muted);}
.req-grid .r b{color:var(--ink);font-weight:600;text-align:right;}

@media(max-width:860px){
  .page-stats{gap:0;display:grid;grid-template-columns:1fr 1fr;row-gap:18px;}
  .about-2,.contacts-grid,.pay-grid,.req-grid{grid-template-columns:1fr;}
  .contact-mini{flex-direction:column;}
}

/* ═══════════════ ФОРМЫ + 404 (редизайн, этап 6) ═══════════════ */
.form-layout{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start;}
.form-aside{display:flex;flex-direction:column;gap:16px;}
/* выбор метода — радио-чипы */
.method-pick{display:flex;flex-wrap:wrap;gap:9px;}
.method-pick input{position:absolute;opacity:0;width:0;height:0;}
.method-pick label{display:inline-flex;cursor:pointer;}
.method-pick label span{display:inline-block;font-size:14px;font-weight:600;color:var(--text-body);background:#fff;border:1.5px solid var(--line-200);border-radius:10px;padding:10px 16px;transition:background .12s,border-color .12s,color .12s;}
.method-pick input:checked + span{background:var(--cobalt-600);border-color:var(--cobalt-600);color:#fff;}
.method-pick label:hover span{border-color:var(--cobalt-600);}
.method-pick input:focus-visible + span{outline:2px solid var(--cobalt-600);outline-offset:2px;}
/* «что будет дальше» — navy-карточка */
.next-card{background:var(--navy-900);color:#fff;border-radius:16px;padding:24px;position:relative;overflow:hidden;}
.next-card h2{font-size:11px;font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-soft);margin:0 0 16px;font-weight:600;}
.next-step{display:flex;gap:13px;margin-bottom:14px;position:relative;}
.next-step:last-child{margin-bottom:0;}
.next-step .n{font-family:var(--f-mono);font-size:13px;font-weight:700;color:var(--azure-400);flex:none;}
.next-step .t{font-size:14px;font-weight:600;color:#fff;}
.next-step .d{font-size:13px;color:var(--on-navy);line-height:1.45;margin-top:2px;}
.review-quote{background:#fff;border:1px solid var(--line-200);border-radius:16px;padding:22px;}
.review-quote .rq-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;}

/* 404 */
.e404{background:var(--navy-900);color:#fff;position:relative;overflow:hidden;text-align:center;}
.e404 .shield-wm{left:50%;top:48px;transform:translateX(-50%);width:520px;height:auto;opacity:0.08;}
.e404-num{font-size:120px;font-weight:800;line-height:1;color:var(--azure-400);letter-spacing:-0.04em;}
.e404 h1{font-size:40px;font-weight:800;color:#fff;margin:10px 0 14px;}
.e404 p{font-size:16px;color:var(--on-navy);line-height:1.6;max-width:520px;margin:0 auto 28px;}

@media(max-width:860px){
  .form-layout{grid-template-columns:1fr;}
  .e404-num{font-size:84px;}
  .e404 h1{font-size:28px;}
}

/* ═══════════════ СТАТЬИ /info/ (редизайн, этап 7) ═══════════════ */
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.article-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line-200);border-radius:16px;padding:22px;box-shadow:var(--sh-card);color:var(--ink);}
.article-card .ac-kicker{font-family:var(--f-mono);font-size:11px;color:var(--gold-500);letter-spacing:.04em;margin-bottom:10px;}
.article-card h2{font-size:18px;font-weight:700;line-height:1.3;margin:0 0 10px;}
.article-card p{font-size:14px;color:var(--text-muted);line-height:1.55;margin:0 0 16px;flex:1;}
.article-card .read{font-size:13px;font-weight:700;color:var(--cobalt-600);}
.article-body{max-width:760px;}
.article-body img{border-radius:12px;height:auto;max-width:100%;}
.article-body figure{margin:0 0 18px;}
.article-body figcaption{font-size:13px;color:var(--text-muted);margin-top:8px;}
.article-more{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
@media(max-width:980px){ .article-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:860px){ .article-grid{grid-template-columns:1fr;} .article-more{grid-template-columns:1fr;} }
@media(max-width:860px){
  .cat-grid{grid-template-columns:1fr;}
  .cat-layout{grid-template-columns:1fr;}
  .filters-rail{border-right:0;padding-right:0;position:static;border:1px solid var(--line-200);border-radius:14px;padding:16px;margin-bottom:18px;}
  .prod-grid{grid-template-columns:1fr 1fr;}
  .pdp-grid{grid-template-columns:1fr;gap:24px;}
  .pdp-title{font-size:25px;}
  .related-grid{grid-template-columns:1fr 1fr;}
  .price-actions{flex-direction:column;}
  .price-box-top{flex-wrap:wrap;}
}