/* ═══════════════════════════════════════════════════════════
   electropro.css — ЭлектроПро child theme
   ═══════════════════════════════════════════════════════════ */

/* ─── RESET ─────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  color:#1e293b;background:#fff;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale
}
a{text-decoration:none;color:inherit}
::selection{background:var(--blue-l);color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--blue-h);outline-offset:2px;border-radius:4px}
button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ─── TOKENS ────────────────────────────────────────────── */
:root{
  --ink:#0F172A;--ink-2:#1E293B;--ink-3:#334155;
  --blue:#0369A1;--blue-h:#0284C7;--blue-l:#E0F2FE;
  --steel:#475569;--mist:#94A3B8;--line:#E2E8F0;
  --bg:#FFFFFF;--bg-2:#F8FAFC;--bg-3:#F1F5F9;
  --text:#0F172A;--sub:#64748B;--r:8px;--r-lg:12px;
  --fw-h:700;--fw-b:400;--fw-m:500;--fw-sb:600;
  --grad-blue:linear-gradient(135deg,#0369A1 0%,#0284C7 100%);
  --grad-blue-dark:linear-gradient(135deg,#60A5FA,#93C5FD);
  --blue-accent:#60A5FA;
  --ease:cubic-bezier(.22,.61,.36,1);
  --sh-rest:0 1px 2px rgba(8,15,32,.04);
  --sh-hov:0 6px 28px rgba(8,15,32,.08);
  --sh-lift:0 14px 44px rgba(8,15,32,.12);
}

/* ─── EP-THEME ISOLATION — нейтрализация глобальных тег-селекторов родителя ─── */
/* Родитель wattelectric задаёт: h1(color:#858585,font-weight:100), h2(28px),
   h3(24px), h4(20px), a(color:#000,transition:400ms), header(background:#303030),
   main(width:100%), table(border-collapse) — перекрываем внутри .ep-theme */

.ep-theme h1{font-size:clamp(38px,4.6vw,62px);font-weight:800;color:var(--ink);line-height:1.04;letter-spacing:-0.03em;margin:0}
.ep-theme h2{font-size:clamp(30px,3.4vw,46px);font-weight:800;color:var(--ink);line-height:1.08;letter-spacing:-0.02em;margin:0}
.ep-theme h3{font-size:clamp(17px,1.6vw,20px);font-weight:700;color:var(--ink);line-height:1.3;margin:0}
.ep-theme h4{font-size:15px;font-weight:700;color:var(--ink);line-height:1.4;margin:0}
.dark .ep-theme h1,.ep-theme .dark h1,
.dark .ep-theme h2,.ep-theme .dark h2,
.dark .ep-theme h3,.ep-theme .dark h3{color:#fff}
/* :where() даёт нулевую специфичность — сброс не перебивает классы кнопок (.btn-*, .h-call) */
:where(.ep-theme) a{color:inherit;text-decoration:none;transition:color .15s}
.ep-theme header{width:auto}
.ep-theme main{width:auto;border:none}
.ep-theme img{max-width:100%;height:auto}
.ep-theme ul{list-style:none;margin:0;padding:0}
.ep-theme table{border-collapse:collapse;border-spacing:0}

/* ─── CONTAINER ─────────────────────────────────────────── */
.c,.container{max-width:1320px;margin:0 auto;padding:0 48px}

/* ─── TOPBAR ─────────────────────────────────────────────── */
.topbar{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar .c{display:flex;align-items:center;justify-content:space-between;gap:16px}

/* ─── SEARCH ROW ─────────────────────────────────────────── */
.search-wrap{display:flex;flex:1;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;transition:border-color .18s,box-shadow .18s;box-shadow:0 1px 4px rgba(8,15,32,.04)}
.search-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(3,105,161,.1)}
.search-cat{border:none;background:transparent;padding:0 18px;font-size:13px;color:var(--steel);cursor:pointer;border-right:1px solid var(--line);min-width:168px;font-family:inherit;outline:none;font-weight:500}
.search-inp{flex:1;border:none;padding:12px 18px;font-size:14px;outline:none;color:var(--text);font-family:inherit;background:transparent}
.search-inp::placeholder{color:var(--mist)}
/* AWS-поиск: перекрыть стили плагина и зафиксировать placeholder */
.search-wrap .aws-search-form,.search-wrap form{display:flex;flex:1;margin:0;width:100%}
.search-wrap .aws-search-field,.search-wrap .aws-search-form input[type=text]{flex:1;border:none;padding:12px 18px;font-size:14px;outline:none;color:var(--text);font-family:inherit;background:transparent;width:100%}
.search-wrap .aws-search-field::placeholder,.search-wrap .aws-search-form input::placeholder{color:var(--mist)}
.search-btn{background:var(--ink);color:#fff;border:none;padding:0 28px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:7px;transition:background .15s}
.search-btn:hover{background:var(--ink-2)}
.search-btn svg{width:16px;height:16px}
.search-tags{display:flex;align-items:center;gap:8px;flex-shrink:0}
.s-lbl{font-size:11.5px;color:var(--mist);font-weight:500;white-space:nowrap}
.s-tag{padding:4px 12px;border-radius:100px;border:1px solid var(--line);font-size:12px;color:var(--sub);cursor:pointer;transition:all .15s;white-space:nowrap}
.s-tag:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}

/* ─── BREADCRUMB ─────────────────────────────────────────── */
.breadcrumb{padding:14px 0;background:#fff}
.breadcrumb .c{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mist)}
.breadcrumb a{color:var(--sub);transition:color .15s}
.breadcrumb a:hover{color:var(--blue)}
.breadcrumb svg{width:12px;height:12px;flex-shrink:0}
.breadcrumb span{color:var(--text);font-weight:500}

/* ─── SHARED UI PRIMITIVES ───────────────────────────────── */
.btn-prim{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--blue);color:#fff;border-radius:8px;font-size:13.5px;font-weight:600;transition:all .18s;border:none;cursor:pointer;text-decoration:none}
.btn-prim:hover{background:var(--blue-h);color:#fff}
.btn-prim svg{width:15px;height:15px}
.btn-block-f{width:100%;justify-content:center}
.btn-sec{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:var(--sub);border-radius:8px;font-size:13.5px;font-weight:500;transition:all .18s;border:1px solid var(--line);cursor:pointer}
.btn-sec:hover{border-color:var(--steel);color:var(--text);background:var(--bg-2)}
.btn-sec svg{width:15px;height:15px}

/* ─── PROTOTYPE BUTTON SYSTEM (footer, aside-cta, pages) ──── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:15px;border-radius:var(--r);padding:13px 22px;transition:transform .16s,background .16s,box-shadow .16s,border-color .16s;white-space:nowrap;text-decoration:none;cursor:pointer;border:none}
.btn svg{width:18px;height:18px;flex-shrink:0}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 2px 10px rgba(3,105,161,.25)}
.btn-primary:hover{background:var(--blue-h);transform:translateY(-2px);box-shadow:0 10px 28px rgba(3,105,161,.34);color:#fff}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--ink-2);transform:translateY(-2px);color:#fff}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue);background:var(--bg-2)}
.btn-ghost-d{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.18)}
.btn-ghost-d:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);transform:translateY(-2px);color:#fff}
.btn-lg{padding:16px 28px;font-size:16px}
.btn-block{width:100%}

/* ─── SECTION RHYTHM ─────────────────────────────────────── */
.section{padding:96px 0}
.section--tight{padding:72px 0}

/* ─── EYEBROW ────────────────────────────────────────────── */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.eyebrow::before{content:"";width:18px;height:2px;background:var(--grad-blue);border-radius:2px}
.eyebrow--light{color:var(--blue-accent)}
.eyebrow--light::before{background:var(--grad-blue-dark)}

/* ─── HEADINGS ───────────────────────────────────────────── */
.h2{font-size:clamp(28px,3.2vw,44px);font-weight:800;letter-spacing:-.025em;line-height:1.08;color:var(--ink)}
.lead{font-size:17px;color:var(--sub);line-height:1.7;max-width:560px}
.sub{color:var(--sub)}
.mb-0{margin-bottom:0!important}
.hidden{display:none!important}
.text-center{text-align:center}
.sec-head--tight{margin-bottom:8px}
.sec-head--sm{margin-bottom:36px}
.section--alt{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section--alt2{background:var(--bg-2);border-top:1px solid var(--line)}
.tabs--mb{margin-bottom:32px}
.h1-mb{margin-bottom:16px!important}

/* Страница контактов */
.page-hero--contacts{padding:54px 0 60px}
.page-hero--sm{padding:40px 0 48px}
.page-hero--catalog{padding:48px 0 52px}
.section--contacts{padding:80px 0}
.section--managers{padding:72px 0}
.alert-success{margin-bottom:24px;padding:16px 20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#166534;font-size:14px;font-weight:500;grid-column:1/-1}
.alert-error{margin-bottom:24px;padding:16px 20px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;font-size:14px;font-weight:500;grid-column:1/-1}
.person-av--photo{padding:0;overflow:hidden}
.person-av-img{width:100%;height:100%;object-fit:cover;display:block}
.req-section{padding:40px 0;border-top:1px solid var(--line)}
.req-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:8px 0}
.req-toggle-title{margin:0;font-size:17px;font-weight:700}
.req-body{padding-top:20px}
.req-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.req-item{padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.req-key{font-size:11.5px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
.req-val{font-size:14px;font-weight:600;color:var(--ink)}
/* Карточка менеджера — fallback empty */
/* hero-stats для page-set-prodazh */
.hero-stats{display:flex;gap:0;margin-top:32px}
/* dealers-empty */
.dealers-empty{text-align:center;padding:40px;color:var(--mist)}
/* callout modifier */
.callout--mt{margin-top:40px}

/* page.php / archive.php */
.section--page-content{padding:48px 0 72px}
.section--news-grid{padding:64px 0 80px}
.tag--active{border-color:var(--blue)!important;color:var(--blue)!important;background:var(--blue-l)!important}

/* search.php */
.page-hero--search{padding:52px 0 58px}
.section--search{padding:48px 0 80px}
.search-hero-title{margin-bottom:12px;max-width:28ch}
.search-hero-em{font-style:normal;color:var(--blue)}
.search-toolbar{margin-bottom:28px}
.search-result-item{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 24px}
.search-result-link{display:block;text-decoration:none}
.search-result-type{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sub);margin-bottom:6px;display:block}
.search-result-title{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:8px;line-height:1.3}
.search-result-excerpt{font-size:14px;color:var(--sub);line-height:1.5;margin:0}
.search-empty-state{padding:80px 0;text-align:center}
.search-empty-state svg{margin-bottom:20px}
.search-empty-title{font-size:22px;margin-bottom:12px}
.search-empty-sub{color:var(--sub);max-width:420px;margin:0 auto 32px}

/* 404.php */
.page-hero--404{padding:52px 0 60px}
.section--404{padding:56px 0 72px}
.e404-head{display:flex;align-items:center;gap:24px;margin-bottom:20px}
.e404-num{font-size:clamp(72px,10vw,120px);font-weight:900;line-height:1;color:var(--blue);letter-spacing:-.04em;opacity:.9}
.e404-divider{width:2px;height:80px;background:rgba(255,255,255,.15);flex-shrink:0}
.e404-eyebrow{margin-bottom:10px}
.e404-title{margin-bottom:0;font-size:clamp(24px,3vw,40px);color:#fff}
.e404-lead{font-size:17px;color:rgba(255,255,255,.65);max-width:520px;line-height:1.6;margin-bottom:36px}
.e404-search{display:flex;gap:10px;max-width:480px;margin-bottom:32px}
.e404-search-input{flex:1;padding:13px 18px;border:1.5px solid rgba(255,255,255,.2);border-radius:var(--r);background:rgba(255,255,255,.08);color:#fff;font-size:15px;font-family:inherit;outline:none;transition:border-color .15s}
.e404-search-input:focus{border-color:var(--blue)}
.e404-search-btn{white-space:nowrap;padding:13px 22px}
.e404-links{display:flex;flex-wrap:wrap;gap:12px}
.e404-cats-eyebrow{margin-bottom:24px}
.e404-cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.e404-cat-link{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);color:var(--ink);font-size:14.5px;font-weight:600;transition:border-color .15s,box-shadow .15s}
.e404-cat-link:hover{border-color:var(--blue);box-shadow:0 2px 12px rgba(37,99,235,.1)}
.e404-cat-icon{flex-shrink:0;color:var(--blue)}

/* ─── SECTION HEAD ───────────────────────────────────────── */
.section-head,.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;gap:32px}
.section-head>div,.sec-head>div{display:flex;flex-direction:column;gap:0}
.section-head .eyebrow,.sec-head .eyebrow{margin-bottom:14px}
.section-title{font-size:clamp(26px,3vw,40px);font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.1;margin:0}
.section-link,.viewall{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--blue);transition:gap .18s var(--ease),color .18s var(--ease);white-space:nowrap;flex-shrink:0}
.section-link:hover,.viewall:hover{gap:11px;color:var(--blue-h)}
.section-link svg,.viewall svg{width:16px;height:16px}

.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.prod-grid::before,.prod-grid::after{display:none!important;content:none!important}
/* Скрываем стандартный WC breadcrumb — у нас свой внутри .page-hero.dark */
.woocommerce-breadcrumb{display:none!important}
.prod-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:all .22s;cursor:pointer;display:flex;flex-direction:column;position:relative}
.prod-card:hover{border-color:rgba(3,105,161,.2);box-shadow:0 6px 28px rgba(8,15,32,.08);transform:translateY(-2px)}
.prod-img-wrap{height:160px;background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.prod-img-wrap img{max-width:120px;max-height:120px;object-fit:contain;transition:transform .3s}
.prod-card:hover .prod-img-wrap img{transform:scale(1.06)}
.prod-body{padding:14px 16px 16px;flex:1;display:flex;flex-direction:column}
.prod-sku{font-size:10px;font-weight:700;color:var(--mist);letter-spacing:.5px;text-transform:uppercase;margin-bottom:5px;font-family:'Courier New',monospace}
.prod-name{font-size:15px;font-weight:600;line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px}
.prod-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.prod-price{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.prod-price-req{font-size:13px;font-weight:600;color:var(--sub)}
.btn-cart{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 12px;background:var(--blue);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}
.btn-cart:hover{background:var(--blue-h)}
.btn-cart svg{width:13px;height:13px}
.btn-req{padding:7px 14px;background:transparent;color:var(--sub);border:1px solid var(--line);border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s;white-space:nowrap}
.btn-req:hover{border-color:var(--steel);color:var(--text);background:var(--bg-2)}

.pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.pg-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:600;color:var(--sub);cursor:pointer;transition:all .18s}
.pg-btn:hover{border-color:var(--steel);color:var(--text)}
.pg-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}
.pg-btn svg{width:14px;height:14px}
.pg-dots{padding:0 4px;color:var(--mist)}

/* ═══════════════════════════════════════════════════════════
   PAGE-SPECIFIC STYLES
   ═══════════════════════════════════════════════════════════ */

/* ─── HOME ──────────────────────────────────────────────── */

.hero{background:var(--ink);position:relative;overflow:hidden;padding:88px 0 104px}
.hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 90% at 50% 50%,black 30%,transparent 100%)}
.hero::after{content:'';position:absolute;width:600px;height:600px;right:-80px;top:-120px;background:radial-gradient(circle,rgba(3,105,161,.18) 0%,transparent 65%);pointer-events:none}
.hero .c{max-width:1320px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1fr 460px;gap:64px;align-items:center;position:relative}

.hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:100px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.25);font-size:12.5px;font-weight:600;letter-spacing:.04em;color:#bfdbfe;margin-bottom:26px}
.hero-kicker-dot{width:5px;height:5px;border-radius:50%;background:#60a5fa;box-shadow:0 0 6px #60a5fa}
h1.hero-title{font-size:clamp(30px,3.5vw,50px);font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.2px;margin-bottom:20px}
h1.hero-title em{font-style:normal;background:linear-gradient(135deg,#60a5fa 0%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.grad{font-style:normal;background:linear-gradient(135deg,#60a5fa 0%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero h1 em{font-style:normal;background:linear-gradient(135deg,#60a5fa 0%,#93c5fd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:15.5px;color:rgba(255,255,255,.52);line-height:1.75;max-width:520px;margin-bottom:36px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:52px}
.ep-theme .btn-ghost,.btn-ghost{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:12px 24px!important;background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.88)!important;border-radius:8px!important;font-size:13.5px!important;font-weight:600!important;transition:all .18s!important;border:1.5px solid rgba(255,255,255,.28)!important;cursor:pointer!important}
.ep-theme .btn-ghost:hover,.btn-ghost:hover{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.48)!important;color:#fff!important}
.btn-ghost svg{width:15px;height:15px}

.hero-stats{display:grid;grid-template-columns:repeat(4,auto);gap:36px}
.hstat{padding:0 28px;position:relative}
.hstat:first-child{padding-left:0}
.hstat+.hstat::before{content:'';position:absolute;left:0;top:10%;bottom:10%;width:1px;background:rgba(255,255,255,.1)}
.hstat-num{font-size:30px;font-weight:900;color:#fff;letter-spacing:-1px;line-height:1}
.hstat-num sup{font-size:15px;font-weight:700;letter-spacing:0}
.hstat-lbl{font-size:11px;color:rgba(255,255,255,.38);text-transform:uppercase;letter-spacing:.6px;margin-top:5px;font-weight:500}

.hero-panel{display:flex;flex-direction:column;gap:10px}
.hp-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:20px 22px;transition:all .2s;position:relative;overflow:hidden}
.hp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
.hp-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);transform:translateY(-1px)}
.hp-card.hl{background:rgba(3,105,161,.12);border-color:rgba(3,105,161,.28)}
.hp-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:11px}
.hp-icon{width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hp-icon svg{width:20px;height:20px;color:rgba(147,197,253,1)}
.hp-icon.acc{background:rgba(3,105,161,.18);border-color:rgba(3,105,161,.3)}
.hp-name{font-size:13.5px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:3px}
.hp-desc{font-size:12px;color:rgba(255,255,255,.42);line-height:1.55}
.hp-badge{display:inline-flex;padding:3px 10px;border-radius:3px;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.hp-badge.new{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.25);color:#6ee7b7}
.hp-badge.hot{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.22);color:#fcd34d}
.hp-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.cert-bar{background:var(--bg-3);border-bottom:1px solid var(--line)}
.cert-bar .c{max-width:1320px;margin:0 auto;padding:0 48px;display:flex;align-items:stretch}
.cert-item{display:flex;align-items:center;gap:9px;padding:18px 28px;font-size:12.5px;font-weight:600;color:var(--steel);border-right:1px solid var(--line);white-space:nowrap;flex:1;justify-content:center}
.cert-item:last-child{border-right:none}
.cert-item svg{width:16px;height:16px;color:var(--blue);flex-shrink:0}

.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.cat-card{background:var(--bg);padding:28px 24px;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column}
.cat-card::after{content:'';position:absolute;bottom:0;left:24px;right:24px;height:2px;background:var(--blue);border-radius:2px 2px 0 0;transform:scaleX(0);transition:transform .22s;transform-origin:left}
.cat-card:hover{background:var(--bg-2)}
.cat-card:hover::after{transform:scaleX(1)}
.ci-wrap{width:48px;height:48px;border-radius:10px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .2s}
.cat-card:hover .ci-wrap{background:var(--blue-l)}
.ci-wrap svg{width:24px;height:24px;color:var(--blue)}
.cat-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}
.cat-info{font-size:12px;color:var(--mist);line-height:1.5;margin-bottom:12px}
.cat-cnt{font-size:11.5px;font-weight:700;color:var(--blue);letter-spacing:.2px;margin-top:auto;padding-top:12px}

.usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px}
.usp-item{padding:36px 32px;border-right:1px solid rgba(255,255,255,.07);transition:background .2s}
.usp-item:last-child{border-right:none}
.usp-item:hover{background:rgba(255,255,255,.04)}
.usp-icon{width:48px;height:48px;border-radius:10px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.usp-icon svg{width:24px;height:24px;color:rgba(147,197,253,.9)}
.usp-item h3{font-size:15px;font-weight:700;color:#fff;margin-bottom:8px}
.usp-item p{font-size:13px;color:rgba(255,255,255,.55);line-height:1.65}

.stats{background:var(--blue);position:relative;overflow:hidden;padding:0}
.stats::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(255,255,255,.06) 79px,rgba(255,255,255,.06) 80px);pointer-events:none}
.stats .c{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:40px 24px;text-align:center;position:relative;border-right:1px solid rgba(255,255,255,.15)}
.stat:last-child{border-right:none}
.stat-n{font-size:42px;font-weight:900;color:#fff;line-height:1;letter-spacing:-2px;margin-bottom:5px}
.stat-n sup{font-size:20px;letter-spacing:0}
.stat-l{font-size:11.5px;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.7px;font-weight:500}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}

/* ─── СТРАНИЦА «О КОМПАНИИ» (page-o-kompanii) ──────────────── */
.about-intro{max-width:820px}
.about-lead{font-size:clamp(20px,2.2vw,26px);font-weight:700;color:var(--text);line-height:1.4;letter-spacing:-.3px;margin:0 0 18px}
.about-sub{font-size:16px;color:var(--sub);line-height:1.75;margin:0}
.about-video{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--ink);aspect-ratio:16/9;position:relative}
.about-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.about-head{margin-bottom:32px}
/* Таймлайн истории */
.timeline{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}
.tl-item{background:#fff;padding:22px 26px;display:flex;align-items:baseline;gap:18px;transition:background .15s}
.tl-item:hover{background:var(--bg-2)}
.tl-year{font-size:22px;font-weight:900;color:var(--blue);letter-spacing:-1px;flex-shrink:0;width:64px;font-variant-numeric:tabular-nums}
.tl-text{font-size:14px;color:var(--steel);line-height:1.55}
/* Принцип (тёмная секция) */
.about-principle{position:relative;overflow:hidden}
.about-principle::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 70% 30%,rgba(3,105,161,.18),transparent 70%);pointer-events:none}
.about-principle-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.about-principle .ap-title{font-size:clamp(24px,2.6vw,34px);font-weight:800;color:#fff;line-height:1.2;letter-spacing:-.6px;margin:0}
.ap-text{font-size:15.5px;color:rgba(255,255,255,.7);line-height:1.8;margin:0}
/* Галерея — наследует .post-content img, добавляем сетку для нескольких изображений */
.about-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.about-gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;border-radius:var(--r);border:1px solid var(--line);margin:0}
.about-gallery p{margin:0;display:contents}
/* WP classic gallery block */
.about-gallery .gallery{display:contents}
.about-gallery .gallery-item{margin:0;display:block}
.about-gallery .gallery-item dt,.about-gallery .gallery-item figure{margin:0}
.about-gallery .gallery-item img{width:100%;height:160px;object-fit:cover;border-radius:var(--r);border:1px solid var(--line);margin:0;display:block}
.about-gallery .gallery-caption{display:none}
/* CTA */
.about-cta-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.about-cta-btns{display:flex;gap:12px;flex-wrap:wrap}

.about-visual{position:relative}
.about-img{background:linear-gradient(145deg,var(--bg-3) 0%,#dde4f0 100%);border-radius:var(--r-lg);height:420px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--line);position:relative;overflow:hidden}
.about-img svg.dec{width:160px;height:160px;color:rgba(3,105,161,.08);position:absolute;right:-20px;bottom:-20px}
.about-img svg.main{width:80px;height:80px;color:rgba(3,105,161,.18)}
.about-badge{position:absolute;right:-18px;bottom:28px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);padding:16px 20px;box-shadow:0 8px 32px rgba(8,15,32,.12);display:flex;align-items:center;gap:12px}
.about-badge-icon{width:40px;height:40px;border-radius:8px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.about-badge-icon svg{width:20px;height:20px;color:#fff}
.about-badge strong{display:block;font-size:17px;font-weight:900;color:var(--text)}
.about-badge span{font-size:11.5px;color:var(--mist)}
.about-body p{font-size:14.5px;color:var(--sub);line-height:1.8;margin-bottom:14px}
.about-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.afeat{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border-radius:9px;border:1.5px solid var(--line);background:var(--bg);transition:all .18s}
.afeat:hover{border-color:rgba(3,105,161,.2);background:var(--bg-2)}
.afeat-icon{width:30px;height:30px;border-radius:7px;background:var(--blue);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.afeat-icon svg{width:15px;height:15px;color:#fff}
.afeat strong{display:block;font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:2px}
.afeat span{font-size:11.5px;color:var(--mist)}

.news-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:20px}
.news-card{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}
.news-card:hover{box-shadow:0 8px 36px rgba(8,15,32,.09);transform:translateY(-2px);border-color:rgba(3,105,161,.15)}
.news-thumb{height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.nt1{background:linear-gradient(145deg,#0a0e1a 0%,#162040 100%)}
.nt2{background:linear-gradient(145deg,#061520 0%,#0c3048 100%)}
.nt3{background:linear-gradient(145deg,#0f0f1e 0%,#1a1a36 100%)}
.news-thumb svg{width:52px;height:52px;color:rgba(255,255,255,.1)}
.news-date{position:absolute;bottom:12px;left:12px;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);color:rgba(255,255,255,.65);font-size:11px;padding:3px 10px;border-radius:3px;border:1px solid rgba(255,255,255,.08)}
.news-body{padding:20px;flex:1;display:flex;flex-direction:column}
.news-tag{font-size:10.5px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px}
.news-title{font-size:14px;font-weight:700;color:var(--text);line-height:1.45;margin-bottom:8px;flex:1}
.news-excerpt{font-size:12.5px;color:var(--sub);line-height:1.55}

.cta-sec{background:var(--ink);position:relative;overflow:hidden;text-align:center;padding:88px 0}
.cta-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 50% 50%,rgba(3,105,161,.1) 0%,transparent 65%)}
.cta-sec::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(3,105,161,.4) 50%,transparent)}
.cta-sec .c{position:relative;max-width:680px}
.cta-kicker{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55);padding:5px 14px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}
.cta-kicker svg{width:12px;height:12px}
.cta-sec h2{font-size:clamp(26px,3.2vw,42px);font-weight:900;color:#fff;letter-spacing:-.8px;line-height:1.15;margin-bottom:14px}
.cta-sec p{font-size:15px;color:rgba(255,255,255,.45);line-height:1.75;margin-bottom:36px}
.cta-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.btn-cta-prim{display:inline-flex;align-items:center;gap:9px;padding:14px 32px;background:var(--blue);color:#fff;border-radius:9px;font-size:14.5px;font-weight:700;box-shadow:0 8px 24px rgba(3,105,161,.38);transition:all .2s}
.btn-cta-prim:hover{background:var(--blue-h);transform:translateY(-1px);box-shadow:0 12px 32px rgba(3,105,161,.48)}
.btn-cta-prim svg{width:17px;height:17px}
.btn-cta-sec{display:inline-flex;align-items:center;gap:9px;padding:14px 32px;border:1.5px solid rgba(255,255,255,.18);color:rgba(255,255,255,.75);border-radius:9px;font-size:14.5px;font-weight:600;transition:all .2s}
.btn-cta-sec:hover{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.06)}
.btn-cta-sec svg{width:17px;height:17px}

.promo-banner{position:relative;overflow:hidden;min-height:420px;display:flex;align-items:center}
.promo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.promo-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(8,15,32,.92) 0%,rgba(8,15,32,.75) 55%,rgba(8,15,32,.35) 100%)}
.promo-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:60px 48px}
.promo-kicker{display:inline-block;background:rgba(3,105,161,.25);border:1px solid rgba(147,197,253,.2);color:#93c5fd;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:5px 12px;border-radius:4px;margin-bottom:20px}
.promo-title{font-size:44px;font-weight:800;color:#fff;line-height:1.15;margin-bottom:18px;letter-spacing:-.5px}
.promo-title span{color:#60a5fa}
.promo-sub{font-size:15px;color:rgba(255,255,255,.55);line-height:1.65;margin-bottom:32px;max-width:540px}
.promo-btns{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap}
.btn-promo-prim{padding:13px 28px;background:var(--blue);color:#fff;border-radius:9px;font-size:14px;font-weight:700;box-shadow:0 4px 16px rgba(3,105,161,.4);transition:all .18s}
.btn-promo-prim:hover{background:var(--blue-h);transform:translateY(-1px);box-shadow:0 8px 24px rgba(3,105,161,.5)}
.btn-promo-sec{padding:13px 28px;border:1.5px solid rgba(255,255,255,.2);color:rgba(255,255,255,.75);border-radius:9px;font-size:14px;font-weight:600;transition:all .18s}
.btn-promo-sec:hover{border-color:rgba(255,255,255,.4);color:#fff}
.promo-tags{display:flex;gap:10px;flex-wrap:wrap}
.promo-tags span{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.45);padding:4px 10px;border:1px solid rgba(255,255,255,.1);border-radius:20px}
.promo-tags span::before{content:'✓';color:#4ade80;font-size:11px}

.prod-img--photo{background:var(--bg-3)!important}
.prod-img--photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.prod-card:hover .prod-img--photo img{transform:scale(1.04)}

.rating-summary{display:flex;align-items:center;gap:12px}
.rating-num{font-size:42px;font-weight:800;color:var(--ink);line-height:1}
.rating-stars{display:flex;gap:3px}
.rating-stars svg{width:16px;height:16px}
.rating-cnt{font-size:12px;color:var(--mist);margin-top:4px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.review-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);padding:28px;transition:box-shadow .2s,border-color .2s}
.review-card:hover{box-shadow:0 8px 32px rgba(8,15,32,.08);border-color:#cbd5e1}
.review-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.review-avatar{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}
.review-name{font-size:14px;font-weight:700;color:var(--ink);line-height:1.3}
.review-company{font-size:12px;color:var(--mist);margin-top:2px}
.review-stars{display:flex;gap:2px;margin-left:auto;flex-shrink:0}
.review-stars svg{width:12px;height:12px}
.review-text{font-size:13.5px;color:var(--steel);line-height:1.7;font-style:italic}
.review-meta{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.review-tag{font-size:11px;font-weight:600;color:var(--blue);background:var(--blue-l);padding:3px 9px;border-radius:20px}
.review-date{font-size:11px;color:var(--mist)}

.delivery-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}
.delivery-strip .c{max-width:1320px;margin:0 auto;padding:0 48px;display:flex;align-items:stretch;gap:0}
.ds-item{display:flex;align-items:flex-start;gap:14px;flex:1;padding:0 28px}
.ds-item:first-child{padding-left:0}
.ds-item:last-child{padding-right:0}
.ds-icon{width:44px;height:44px;border-radius:10px;background:var(--bg-2);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0}
.ds-icon svg{width:20px;height:20px}
.ds-text strong{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:3px}
.ds-text span{font-size:12.5px;color:var(--sub);line-height:1.5}
.ds-sep{width:1px;background:var(--line);align-self:stretch}

.about-img--photo{width:100%;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3;box-shadow:0 20px 60px rgba(8,15,32,.15)}
.about-img--photo img{width:100%;height:100%;object-fit:cover}

.news-thumb--photo{position:relative;overflow:hidden;padding:0}
.news-thumb--photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;position:absolute;inset:0}
.news-card:hover .news-thumb--photo img{transform:scale(1.06)}
.news-thumb--photo .news-date{position:absolute;bottom:12px;left:12px;z-index:2}

.steps-grid{display:flex;align-items:center;gap:0;margin-top:48px;border:1.5px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.step-item{flex:1;padding:36px 32px;background:#fff}
.step-item:nth-child(2n+1):not(.step-arrow){background:#fff}
.step-num{font-size:36px;font-weight:900;color:var(--blue-l);letter-spacing:-1px;margin-bottom:14px;line-height:1}
.step-body h4{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:8px}
.step-body p{font-size:13px;color:var(--sub);line-height:1.65}
.step-arrow{padding:0 4px;flex-shrink:0;color:var(--mist);display:flex;align-items:center}
.step-arrow svg{width:24px;height:24px}

.faq-layout{display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:start}
.faq-head{position:sticky;top:90px}
.btn-faq-call{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:11px 20px;background:var(--ink);color:#fff;border-radius:9px;font-size:13px;font-weight:600;transition:background .18s}
.btn-faq-call:hover{background:var(--ink-2)}
.btn-faq-call svg{width:15px;height:15px}
.faq-list{display:flex;flex-direction:column;gap:0}
.faq-item{border-bottom:1px solid var(--line);overflow:hidden}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;font-size:14.5px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none;user-select:none;transition:color .15s}
.faq-q:hover{color:var(--blue)}
.faq-q::-webkit-details-marker{display:none}
.faq-arr{width:18px;height:18px;flex-shrink:0;transition:transform .25s;color:var(--mist)}
details[open] .faq-arr{transform:rotate(180deg)}
.faq-a{font-size:13.5px;color:var(--sub);line-height:1.7;padding-bottom:20px;animation:fadeSlide .2s ease}
@keyframes fadeSlide{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

.h-cart{position:relative}
.cart-badge{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:var(--blue);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;line-height:1;pointer-events:none}

.bundles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.bundle-card{border:1.5px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;transition:all .2s;cursor:pointer}
.bundle-card:hover{border-color:rgba(3,105,161,.3);box-shadow:0 8px 40px rgba(8,15,32,.1);transform:translateY(-3px)}
.bundle-head{padding:24px 24px 20px;background:linear-gradient(135deg,var(--ink) 0%,var(--ink-2) 100%);position:relative;overflow:hidden}
.bundle-head::after{content:'';position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(3,105,161,.15)}
.bundle-ico{width:48px;height:48px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.bundle-ico svg{width:24px;height:24px;color:#93c5fd}
.bundle-title{font-size:16px;font-weight:800;color:#fff;margin-bottom:4px}
.bundle-sub{font-size:12px;color:rgba(255,255,255,.5)}
.bundle-body{padding:22px 24px}
.bundle-items{list-style:none;margin-bottom:20px}
.bundle-items li{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:13px;color:var(--sub);border-bottom:1px solid var(--bg-3)}
.bundle-items li:last-child{border-bottom:none}
.bundle-items li::before{content:'';flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.bundle-foot{display:flex;align-items:center;justify-content:space-between}
.bundle-price-wrap{line-height:1.2}
.bundle-price-lbl{font-size:11px;color:var(--mist);font-weight:500}
.bundle-price{font-size:19px;font-weight:900;color:var(--text)}
.btn-bundle{padding:10px 20px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s}
.btn-bundle:hover{background:var(--blue-h);transform:translateY(-1px)}

.video-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:40px}
.video-main,.video-side{display:flex;flex-direction:column;gap:16px}
.video-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:all .2s}
.video-card:hover{border-color:rgba(3,105,161,.25);box-shadow:0 8px 30px rgba(8,15,32,.09)}
.video-thumb{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--ink) 0%,var(--ink-2) 100%)}
.video-thumb img{width:100%;display:block;object-fit:cover;opacity:.85;transition:opacity .2s}
.video-card:hover .video-thumb img{opacity:1}
.video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.video-play-btn{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(8,15,32,.25);transition:transform .2s}
.video-card:hover .video-play-btn{transform:scale(1.1)}
.video-play-btn svg{width:22px;height:22px;color:var(--blue);margin-left:3px}
.video-dur{position:absolute;bottom:10px;right:10px;background:rgba(8,15,32,.8);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px}
.video-info{padding:16px 20px}
.video-cat{font-size:10.5px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.7px;margin-bottom:6px}
.video-title{font-size:14.5px;font-weight:700;color:var(--text);line-height:1.35;margin-bottom:6px}
.video-meta{font-size:12px;color:var(--mist)}
.video-thumb-sm{height:120px}
.video-thumb-sm img{height:120px}
.video-info-sm{padding:12px 16px}
.video-title-sm{font-size:13px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:4px}

.brands-showcase{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:32px 40px;margin-top:32px}
.brands-grid-lg{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;align-items:center}
.brand-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;border-radius:10px;border:1.5px solid var(--line);background:#fff;transition:all .2s;cursor:pointer;min-height:100px}
.brand-tile:hover{border-color:rgba(3,105,161,.25);box-shadow:0 6px 24px rgba(8,15,32,.08);transform:translateY(-2px)}
.brand-logo-text{font-size:18px;font-weight:900;color:var(--steel);letter-spacing:-0.5px;line-height:1}
.brand-tile:hover .brand-logo-text{color:var(--ink)}
.brand-tile-sub{font-size:10.5px;color:var(--mist);font-weight:500;text-align:center}
.brand-tile-cnt{display:inline-flex;padding:2px 9px;border-radius:20px;background:var(--bg-3);font-size:10px;font-weight:700;color:var(--sub)}

/* ─── CATALOG ───────────────────────────────────────────── */

.catalog-wrap{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;padding:32px 0 80px}
.catalog-wrap > *{min-width:0}
.sidebar{min-width:0}
.sidebar .wpf_block,.sidebar [class*="wpf"]{max-width:100%;box-sizing:border-box}
.sidebar img{max-width:100%;height:auto}

.sidebar-sticky{position:sticky;top:84px}
.sidebar-title{font-size:11px;font-weight:800;color:var(--mist);text-transform:uppercase;letter-spacing:.9px;margin-bottom:16px}

/* Список категорий в сайдбаре (page-katalog-izdelij) */
.cat-list{list-style:none;margin:16px 0 0;padding:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.cat-list li + li{border-top:1px solid var(--line)}
.cat-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;font-size:13px;color:var(--steel);transition:background .15s,color .15s}
.cat-list a:hover{background:var(--bg-2);color:var(--blue)}
.cat-list .cl-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cat-list .cl-cnt{flex-shrink:0;font-size:11.5px;font-weight:700;color:var(--mist);background:var(--bg-3);border-radius:100px;padding:2px 8px;min-width:24px;text-align:center}
.cat-list a:hover .cl-cnt{background:var(--blue-l);color:var(--blue)}
.filter-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;transition:background .15s;user-select:none}
.filter-head:hover{background:var(--bg-2)}
.filter-label{font-size:13px;font-weight:600;color:var(--text)}
.filter-ico{width:16px;height:16px;color:var(--mist);transition:transform .2s;flex-shrink:0}
.filter-option{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;transition:color .15s}
.filter-option:hover .fo-label{color:var(--blue)}
.fo-check{width:17px;height:17px;border:1.5px solid var(--line);border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.filter-option.checked .fo-check{background:var(--blue);border-color:var(--blue)}
.filter-option.checked .fo-check svg{display:block}
.fo-check svg{display:none;width:10px;height:10px;color:#fff}
.fo-label{font-size:13px;color:var(--sub);flex:1;line-height:1.3}
.fo-cnt{font-size:11px;color:var(--mist);font-weight:600}
.filter-search{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:7px;padding:8px 12px;margin-bottom:10px;background:var(--bg-2)}
.filter-search svg{width:13px;height:13px;color:var(--mist);flex-shrink:0}
.filter-search input{border:none;background:transparent;font-size:12.5px;outline:none;color:var(--text);flex:1;font-family:inherit}
.filter-search input::placeholder{color:var(--mist)}
.filter-color-row{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}
.color-dot{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .18s;position:relative}
.color-dot.active{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-l)}
.color-dot[title="Красный"]{background:#ef4444}
.color-dot[title="Зелёный"]{background:#22c55e}
.color-dot[title="Жёлтый"]{background:#eab308}
.color-dot[title="Синий"]{background:#3b82f6}
.color-dot[title="Чёрный"]{background:#1e293b}
.color-dot[title="Белый"]{background:#f8fafc;border-color:var(--line)}
.color-dot[title="Серый"]{background:#94a3b8}
.filter-range{padding:4px 0}
.range-vals{display:flex;justify-content:space-between;font-size:12px;color:var(--mist);margin-bottom:8px}
.range-input{width:100%;accent-color:var(--blue)}
.sidebar-reset{width:100%;margin-top:20px;padding:11px;border:1.5px solid var(--line);border-radius:8px;font-size:13px;font-weight:600;color:var(--sub);background:#fff;transition:all .2s;cursor:pointer;letter-spacing:.1px}
.sidebar-reset:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}

.cat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}
.cat-count{font-size:14px;color:var(--sub);flex:1;line-height:1.5}
.cat-count strong{color:var(--text);font-weight:700}
.sort-wrap{display:flex;align-items:center;gap:8px}
.sort-label{font-size:13px;color:var(--mist);white-space:nowrap}
.sort-sel{border:1.5px solid var(--line);border-radius:8px;padding:8px 14px;font-size:13px;color:var(--text);background:#fff;font-family:inherit;cursor:pointer;outline:none;transition:border-color .15s}
.sort-sel:focus{border-color:var(--blue)}
.view-toggle{display:flex;gap:4px;background:var(--bg-3);border-radius:8px;padding:3px}
.view-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--mist);cursor:pointer;transition:all .15s}
.view-btn.active{background:#fff;color:var(--text);box-shadow:0 1px 4px rgba(8,15,32,.08)}
.view-btn svg{width:15px;height:15px}

.active-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}
.af-label{font-size:12px;color:var(--mist);font-weight:500}
.af-tag{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 12px;background:var(--bg-3);border:1px solid var(--line);border-radius:20px;font-size:12px;font-weight:500;color:var(--sub);white-space:nowrap}
.af-tag button{width:16px;height:16px;border-radius:50%;border:none;background:rgba(0,0,0,.06);color:var(--mist);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.af-tag button svg{width:9px;height:9px}
.af-clear{font-size:12px;font-weight:600;color:var(--sub);text-decoration:underline;cursor:pointer;transition:color .15s;border:none;background:none;padding:0}
.af-clear:hover{color:var(--blue)}

.cat-hero{background:var(--ink);padding:40px 0;position:relative;overflow:hidden}
.cat-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 90% at 50% 50%,black 30%,transparent 100%)}
.cat-hero .c{position:relative;z-index:1}
.cat-hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}
.cat-hero-kicker span{width:16px;height:2px;background:var(--blue);border-radius:2px;display:inline-block}
.cat-hero h1{font-size:28px;font-weight:700;color:#fff;letter-spacing:-.3px;margin-bottom:10px}
.cat-hero h1 em{font-style:normal;color:rgba(255,255,255,.7)}
.cat-hero-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.cat-hero-cnt{font-size:14px;color:rgba(255,255,255,.45)}
.cat-hero-cnt strong{color:rgba(255,255,255,.75);font-weight:600}
.cat-hero-tags{display:flex;gap:8px;flex-wrap:wrap}
.ch-tag{padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:500;color:rgba(255,255,255,.4);cursor:pointer;transition:all .18s}
.ch-tag:hover,.ch-tag.active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.65)}

.subcat-strip{background:var(--bg-3);border-bottom:1px solid var(--line);padding:16px 0;overflow-x:auto}
.subcat-strip .c{display:flex;gap:8px;min-width:max-content;padding-bottom:4px}
.subcat-chip{display:flex;align-items:center;gap:8px;padding:9px 16px;background:#fff;border:1.5px solid var(--line);border-radius:8px;cursor:pointer;transition:all .18s;white-space:nowrap}
.subcat-chip:hover,.subcat-chip.active{border-color:var(--steel);background:var(--bg-2)}
.subcat-chip.active .sc-name{color:var(--text)}
.sc-ico{width:24px;height:24px;border-radius:5px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sc-ico svg{width:14px;height:14px;color:var(--mist)}
.sc-name{font-size:12.5px;font-weight:600;color:var(--steel)}
.sc-cnt{font-size:11px;color:var(--mist);margin-left:2px}

.prod-stock{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;margin-bottom:8px}
.stock-dot{width:6px;height:6px;border-radius:50%}
.stock-ok .stock-dot{background:#22c55e}
.stock-ok{color:#15803d}
.stock-req .stock-dot{background:#f59e0b}
.stock-req{color:#92400e}

.prod-card-badge{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;gap:4px}
.pcb{padding:3px 9px;border-radius:3px;font-size:10px;font-weight:500;letter-spacing:.2px;text-transform:none}
.pcb-new{background:rgba(0,0,0,.05);color:var(--steel)}
.pcb-hot{background:rgba(0,0,0,.05);color:var(--steel)}
.pcb-sale{background:rgba(0,0,0,.05);color:var(--steel)}

.prod-attrs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:auto;padding-bottom:12px}
.prod-attr{font-size:10.5px;color:var(--sub);background:var(--bg-3);border-radius:4px;padding:2px 7px;font-weight:500}
.prod-wish{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:7px;border:1.5px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .18s;cursor:pointer;color:var(--mist)}
.prod-card:hover .prod-wish{opacity:1}
.prod-wish:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}
.prod-wish svg{width:14px;height:14px}
.prod-compare{position:absolute;top:46px;right:10px;width:30px;height:30px;border-radius:7px;border:1.5px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .18s;cursor:pointer;color:var(--mist)}
.prod-card:hover .prod-compare{opacity:1}
.prod-compare:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}
.prod-compare svg{width:14px;height:14px}
.prod-img-placeholder{width:80px;height:80px;color:rgba(3,105,161,.12)}

/* ─── PRODUCT ───────────────────────────────────────────── */

.single-product div.product.ep-single-product{display:block}
.product-wrap{display:grid;grid-template-columns:280px minmax(0,1fr) 360px;gap:32px;padding:40px 0 80px;align-items:start}
.product-wrap > *{min-width:0}
.prod-center{min-width:0;display:flex;flex-direction:column}

.docs-panel{position:sticky;top:84px;display:flex;flex-direction:column;gap:8px}
.dp-section{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.dp-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;cursor:pointer;transition:background .15s}
.dp-head:hover{background:var(--bg-2)}
.dp-title{font-size:12.5px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}
.dp-title svg{width:14px;height:14px;color:var(--mist)}
.dp-arrow{width:14px;height:14px;color:var(--mist);transition:transform .2s;flex-shrink:0}
.dp-section.open .dp-arrow{transform:rotate(180deg)}
.dp-body{display:none;border-top:1px solid var(--line)}
.dp-section.open .dp-body{display:block}
.doc-item{display:flex;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid var(--bg-3);transition:background .15s;cursor:pointer}
.doc-item:last-child{border-bottom:none}
.doc-item:hover{background:var(--bg-2)}
.doc-ico{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.doc-ico-pdf{background:var(--bg-3)}
.doc-ico-pdf svg{width:16px;height:16px;color:var(--steel)}
.doc-ico-cad{background:var(--bg-3)}
.doc-ico-cad svg{width:16px;height:16px;color:var(--steel)}
.doc-ico-zip{background:var(--bg-3)}
.doc-ico-zip svg{width:16px;height:16px;color:var(--steel)}
.doc-meta{flex:1;min-width:0}
.doc-name{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-size{font-size:11px;color:var(--mist)}
.doc-dl{width:26px;height:26px;border-radius:6px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--mist);transition:all .15s;flex-shrink:0}
.doc-item:hover .doc-dl{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}
.doc-dl svg{width:12px;height:12px}

.quick-links{display:flex;flex-direction:column;gap:6px;padding:10px}
.ql-btn{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:7px;border:1.5px solid var(--line);font-size:12.5px;font-weight:600;color:var(--sub);background:#fff;cursor:pointer;transition:all .18s;text-align:left}
.ql-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}
.ql-btn svg{width:14px;height:14px;flex-shrink:0}

.gallery-main{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);overflow:hidden;position:relative;margin-bottom:12px}
.gallery-img{width:100%;aspect-ratio:1/1;max-height:480px;object-fit:contain;padding:32px;display:block}
.gallery-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:4px}
.gb{padding:3px 9px;border-radius:3px;font-size:10px;font-weight:500;letter-spacing:.2px;text-transform:none}
.gb-hot{background:rgba(0,0,0,.06);color:var(--steel)}
.gb-cert{background:rgba(0,0,0,.04);color:var(--mist)}
.gallery-zoom{position:absolute;bottom:14px;right:14px;width:36px;height:36px;border-radius:8px;border:1.5px solid var(--line);background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--steel);transition:all .18s}
.gallery-zoom:hover{border-color:var(--blue);color:var(--blue)}
.gallery-zoom svg{width:16px;height:16px}
.gallery-thumbs{display:flex;gap:8px}
.thumb{width:72px;height:72px;border-radius:9px;border:1.5px solid var(--line);overflow:hidden;cursor:pointer;transition:all .18s;flex-shrink:0;background:var(--bg-2);display:flex;align-items:center;justify-content:center}
.thumb img{max-width:100%;max-height:100%;object-fit:contain;padding:6px}
.thumb.active,.thumb:hover{border-color:var(--blue);box-shadow:0 0 0 2px rgba(3,105,161,.2)}
.thumb-more{background:var(--bg-3);border-color:var(--line);color:var(--mist);font-size:13px;font-weight:700}

.media-tabs{display:flex;gap:6px;margin-bottom:14px}
.mt-btn{padding:6px 14px;border-radius:6px;border:1.5px solid var(--line);font-size:12px;font-weight:600;color:var(--sub);background:#fff;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:5px}
.mt-btn.active,.mt-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}
.mt-btn svg{width:12px;height:12px}

.desc-tabs{margin-top:32px}
.desc-tabs-row{display:flex;gap:0;border-bottom:2px solid var(--line);margin-bottom:24px}
.dt-btn{padding:12px 20px;font-size:13.5px;font-weight:600;color:var(--mist);border:none;background:none;cursor:pointer;position:relative;transition:color .15s}
.dt-btn.active{color:var(--blue)}
.dt-btn.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--blue);border-radius:2px 2px 0 0}
.desc-pane{display:none}
.desc-pane.active{display:block}
.desc-text{font-size:14px;color:var(--sub);line-height:1.8}
.desc-text p{margin-bottom:12px}
.desc-text ul{padding-left:20px;margin-bottom:12px}
.desc-text li{margin-bottom:6px;color:var(--sub)}
.desc-text strong{color:var(--text)}

.chars-table{width:100%;border-collapse:collapse;font-size:13.5px}
.chars-table tr:nth-child(even) td{background:var(--bg-2)}
.chars-table td{padding:10px 14px;border-bottom:1px solid var(--line)}
.chars-table td:first-child{color:var(--sub);font-weight:500;width:55%;border-right:1px solid var(--line)}
.chars-table td:last-child{color:var(--text);font-weight:600}

.certs-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
.cert-card{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1.5px solid var(--line);border-radius:9px;cursor:pointer;transition:all .18s;max-width:260px}
.cert-card:hover{border-color:var(--line);background:var(--bg-2)}
.cert-ico{width:36px;height:36px;background:var(--bg-3);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cert-ico svg{width:18px;height:18px;color:var(--steel)}
.cert-name{font-size:12.5px;font-weight:700;color:var(--text)}
.cert-sub{font-size:11px;color:var(--mist)}

.buy-panel{position:sticky;top:84px}
.bp-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.bp-header{background:#fff;padding:18px 20px;border-bottom:1px solid var(--line)}
.bp-sku{font-size:11px;font-weight:600;color:var(--sub);letter-spacing:.3px;text-transform:uppercase;margin-bottom:6px}
.bp-name{font-size:14px;font-weight:700;color:var(--text);line-height:1.35}
.bp-body{padding:20px}
.bp-price-row{margin-bottom:20px}
.bp-price-label{font-size:11px;font-weight:600;color:var(--mist);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.bp-price{font-size:28px;font-weight:700;color:var(--text);line-height:1}
.bp-price sub{font-size:14px;font-weight:500;color:var(--sub);vertical-align:baseline}
.bp-price-note{font-size:11.5px;color:var(--mist);margin-top:4px}
.bp-price-req{font-size:18px;font-weight:800;color:var(--steel)}
.bp-stock{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-2);border-radius:8px;margin-bottom:16px}
.stock-note{font-size:12px;color:var(--mist);margin-left:auto}
.bp-qty{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.qty-label{font-size:12.5px;font-weight:600;color:var(--sub)}
.qty-wrap{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:8px;overflow:hidden}
.qty-btn{width:36px;height:36px;border:none;background:var(--bg-2);color:var(--steel);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}
.qty-btn:hover{background:var(--blue-l);color:var(--blue)}
.qty-val{width:44px;text-align:center;font-size:14px;font-weight:700;border:none;border-left:1.5px solid var(--line);border-right:1.5px solid var(--line);height:36px;outline:none;font-family:inherit;color:var(--text)}
.bp-order-code{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-3);border-radius:8px;margin-bottom:16px}
.oc-label{font-size:11.5px;color:var(--mist);font-weight:500}
.oc-code{font-size:13px;font-weight:800;color:var(--text);font-family:'Courier New',monospace;letter-spacing:.5px;flex:1}
.oc-copy{width:26px;height:26px;border-radius:5px;border:1.5px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mist);transition:all .15s}
.oc-copy:hover{border-color:var(--blue);color:var(--blue)}
.oc-copy svg{width:12px;height:12px}
.btn-buy-now{width:100%;padding:13px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}
.btn-buy-now:hover{background:var(--blue-h);transform:translateY(-1px);box-shadow:0 6px 20px rgba(3,105,161,.4)}
.btn-buy-now svg{width:18px;height:18px}
.btn-request{width:100%;padding:12px;background:transparent;color:var(--sub);border:1px solid var(--line);border-radius:9px;font-size:14px;font-weight:500;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}
.btn-request:hover{background:var(--bg-2);border-color:var(--steel);color:var(--text)}
.btn-request svg{width:16px;height:16px}
.btn-compare{width:100%;padding:10px;background:transparent;color:var(--sub);border:1.5px solid var(--line);border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-compare:hover{border-color:var(--steel);color:var(--text)}
.btn-compare svg{width:14px;height:14px}
.bp-divider{height:1px;background:var(--line);margin:16px 0}
.bp-meta{display:flex;flex-direction:column;gap:8px}
.bp-meta-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--sub)}
.bp-meta-item svg{width:14px;height:14px;color:var(--mist);flex-shrink:0}
.bp-meta-item strong{color:var(--text)}

.manager-card{margin-top:12px;border:1px solid var(--line);border-radius:var(--r);padding:16px;background:var(--bg-2)}
.mc-title{font-size:12px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.mc-person{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.mc-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--line);flex-shrink:0;background:var(--bg-3);display:flex;align-items:center;justify-content:center}
.mc-avatar img{width:100%;height:100%;object-fit:cover}
.mc-avatar svg{width:22px;height:22px;color:var(--mist)}
.mc-name{font-size:13.5px;font-weight:700;color:var(--text)}
.mc-role{font-size:11.5px;color:var(--mist)}
.mc-actions{display:flex;flex-direction:column;gap:6px}
.mc-action{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:7px;border:1.5px solid var(--line);font-size:12.5px;font-weight:600;color:var(--sub);background:#fff;cursor:pointer;transition:all .15s}
.mc-action:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}
.mc-action svg{width:14px;height:14px;flex-shrink:0}

.related-section{padding:60px 0 80px;border-top:1px solid var(--line)}
.acc-section{padding:0 0 60px;border-top:1px solid var(--line)}
.acc-table{width:100%;border-collapse:collapse;margin-top:20px}
.acc-table th{text-align:left;padding:10px 14px;font-size:12px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--line);background:var(--bg-2)}
.acc-table td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13.5px}
.acc-table tr:hover td{background:var(--bg-2)}
.acc-sku{font-weight:700;color:var(--blue);font-family:'Courier New',monospace;font-size:13px}
.acc-name{color:var(--text)}
.acc-price{color:var(--text);font-weight:700;white-space:nowrap}
.acc-stock{display:flex;align-items:center;gap:5px}
.acc-stock-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0}
.acc-stock span{font-size:12px;color:#15803d;font-weight:600}
.acc-btn{padding:6px 14px;background:transparent;color:var(--sub);border:1px solid var(--line);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}
.acc-btn:hover{border-color:var(--steel);color:var(--text);background:var(--bg-2)}

/* ─── CONTACTS ──────────────────────────────────────────── */

.page-hero.dark{display:block;background:var(--ink);border-bottom:none;padding:54px 0 60px;position:relative;overflow:hidden}
.page-hero.dark::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 90% at 50% 50%,black 30%,transparent 100%)}
.page-hero.dark .c,.page-hero.dark .container{position:relative;z-index:1;display:block}
.page-hero.dark h1{font-size:clamp(34px,4vw,54px);font-weight:800;color:#fff;letter-spacing:-.03em;margin-bottom:16px}
.page-hero.dark .lead{font-size:19px;line-height:1.6;color:rgba(255,255,255,.65);max-width:640px;margin:0}
.page-hero.dark .crumbs{display:flex;align-items:center;gap:9px;font-size:13.5px;color:rgba(255,255,255,.4);margin-bottom:16px}
.page-hero.dark .crumbs a{color:rgba(255,255,255,.4);text-decoration:none}
.page-hero.dark .crumbs a:hover{color:rgba(255,255,255,.7)}
.page-hero.dark .crumbs svg{width:14px;height:14px;opacity:.4}
.eyebrow--light{color:var(--blue-accent)}

.contact-section{padding:48px 0;border-bottom:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:start}

.form-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;background:#fff}
.form-card h2{font-size:20px;font-weight:700;color:var(--text);margin-bottom:24px;letter-spacing:-.2px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.form-row.single{grid-template-columns:1fr}
.field label{display:block;font-size:12.5px;font-weight:600;color:var(--sub);margin-bottom:6px}
.field label span{color:var(--mist);font-weight:400}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;font-size:13.5px;font-family:inherit;color:var(--text);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;resize:none}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(3,105,161,.08)}
.field input::placeholder,.field textarea::placeholder{color:var(--mist)}
.field textarea{height:110px}
.checkbox-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}
.checkbox-row input[type=checkbox]{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:var(--blue)}
.checkbox-row label{font-size:12.5px;color:var(--sub);line-height:1.5}
.checkbox-row a{color:var(--blue)}
.btn-submit{width:100%;padding:13px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-submit:hover{background:var(--blue-h)}
.btn-submit svg{width:16px;height:16px}
.form-note{text-align:center;font-size:12px;color:var(--mist);margin-top:10px}

.contact-info h2{font-size:20px;font-weight:700;color:var(--text);margin-bottom:24px;letter-spacing:-.2px}
.ci-block{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.ci-block:first-of-type{border-top:1px solid var(--line)}
.ci-ico{width:40px;height:40px;border-radius:9px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.ci-ico svg{width:18px;height:18px;color:var(--steel)}
.ci-label{font-size:11.5px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.ci-value{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}
.ci-sub{font-size:12.5px;color:var(--sub)}
.ci-sub a{color:var(--sub);transition:color .15s}
.ci-sub a:hover{color:var(--blue)}
.socials-row{display:flex;gap:8px;margin-top:20px}
.soc-btn{display:flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;font-size:12.5px;font-weight:500;color:var(--sub);background:#fff;cursor:pointer;transition:all .15s}
.soc-btn:hover{border-color:var(--steel);color:var(--text);background:var(--bg-2)}
.soc-btn svg{width:15px;height:15px;flex-shrink:0}

.map-section{border-bottom:1px solid var(--line)}
.map-placeholder{height:400px;background:var(--bg-3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--mist)}
.map-placeholder svg{width:40px;height:40px;opacity:.35}
.map-placeholder p{font-size:13.5px}

.managers-section{padding:48px 0;border-bottom:1px solid var(--line)}
.managers-section h2{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.2px;margin-bottom:8px}
.managers-section>.c>p{font-size:14px;color:var(--sub);margin-bottom:28px}
.managers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mgr-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.mgr-ava{width:52px;height:52px;border-radius:50%;background:var(--bg-3);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;font-weight:700;color:var(--mist)}
.mgr-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:3px}
.mgr-role{font-size:12.5px;color:var(--sub)}
.mgr-contacts{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.mgr-link{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sub)}
.mgr-link svg{width:14px;height:14px;color:var(--mist);flex-shrink:0}
.mgr-actions{display:flex;gap:8px}
.btn-call-mgr{flex:1;padding:9px;border:1px solid var(--line);border-radius:7px;font-size:12.5px;font-weight:600;color:var(--sub);background:#fff;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}
.btn-call-mgr:hover{border-color:var(--steel);color:var(--text);background:var(--bg-2)}
.btn-call-mgr svg{width:13px;height:13px}
.btn-msg-mgr{flex:1;padding:9px;border:none;border-radius:7px;font-size:12.5px;font-weight:600;color:#fff;background:var(--blue);cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:6px}
.btn-msg-mgr:hover{background:var(--blue-h)}
.btn-msg-mgr svg{width:13px;height:13px}

.req-section{padding:40px 0 64px}
.req-toggle{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;cursor:pointer;user-select:none;transition:background .15s}
.req-toggle:hover{background:var(--bg-2)}
.req-toggle h3{font-size:15px;font-weight:600;color:var(--text)}
.req-toggle svg{width:16px;height:16px;color:var(--mist);transition:transform .2s;flex-shrink:0}
.req-section.open .req-toggle svg{transform:rotate(180deg)}
.req-body{display:none;border:1px solid var(--line);border-top:none;border-radius:0 0 var(--r-lg) var(--r-lg);padding:24px;background:var(--bg-2)}
.req-section.open .req-body{display:block}
.req-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.req-key{font-size:11px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.req-val{font-size:13.5px;color:var(--text);font-weight:500}

/* ─── DEALERS ───────────────────────────────────────────── */

.why-section{padding:56px 0;border-bottom:1px solid var(--line);background:var(--bg-2)}
.why-section h2{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.2px;margin-bottom:8px}
.why-section>.c>p{font-size:15px;color:var(--sub);margin-bottom:36px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.why-card{padding:24px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.why-ico{width:44px;height:44px;border-radius:10px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.why-ico svg{width:20px;height:20px;color:var(--steel)}
.why-card h3{font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px}
.why-card p{font-size:13px;color:var(--sub);line-height:1.65}

.dealers-section{padding:48px 0 80px}
.dealers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}
.dealers-header h2{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.2px}
.region-tabs{display:flex;gap:6px;flex-wrap:wrap}
.rtab{padding:7px 16px;border:1px solid var(--line);border-radius:20px;font-size:13px;font-weight:500;color:var(--sub);background:#fff;cursor:pointer;transition:all .18s}
.rtab:hover{border-color:var(--steel);color:var(--text)}
.rtab.active{background:var(--ink);border-color:var(--ink);color:#fff}

.dealers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.dealer-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 28px;background:#fff;transition:box-shadow .18s;display:flex;flex-direction:column;gap:16px}
.dealer-card:hover{box-shadow:0 4px 20px rgba(8,15,32,.07)}
.dc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dc-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px}
.dc-type{font-size:12px;font-weight:500;color:var(--sub);background:var(--bg-3);border-radius:4px;padding:3px 10px;display:inline-block}
.dc-badge-auth{background:var(--blue-l);color:var(--blue);border-radius:4px;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap;flex-shrink:0}
.dc-contacts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dc-contact{display:flex;align-items:flex-start;gap:8px}
.dc-contact svg{width:13px;height:13px;color:var(--mist);flex-shrink:0;margin-top:3px}
.dc-contact span{font-size:13px;color:var(--sub);line-height:1.5}
.dc-contact a{font-size:13px;color:var(--sub);transition:color .15s}
.dc-contact a:hover{color:var(--blue)}
.dc-foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line)}
.dc-region{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mist)}
.dc-region svg{width:12px;height:12px;flex-shrink:0}
.dc-website{font-size:13px;font-weight:600;color:var(--blue);display:flex;align-items:center;gap:5px;transition:opacity .15s}
.dc-website:hover{opacity:.75}
.dc-website svg{width:12px;height:12px}

.partner-section{padding:64px 0;background:var(--bg-2);border-top:1px solid var(--line)}
.partner-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.partner-text h2{font-size:24px;font-weight:700;color:var(--text);letter-spacing:-.3px;margin-bottom:12px}
.partner-text p{font-size:15px;color:var(--sub);line-height:1.75;margin-bottom:24px}
.partner-checklist{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.pcheck{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--sub)}
.pcheck svg{width:16px;height:16px;color:var(--mist);flex-shrink:0;margin-top:2px}
.partner-cta{display:flex;gap:12px}
.partner-form{border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;background:#fff}
.partner-form h3{font-size:17px;font-weight:700;color:var(--text);margin-bottom:20px}
.pf-field{margin-bottom:14px}
.pf-field label{display:block;font-size:12.5px;font-weight:600;color:var(--sub);margin-bottom:6px}
.pf-field input,.pf-field select{width:100%;border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;font-size:13.5px;font-family:inherit;color:var(--text);background:#fff;outline:none;transition:border-color .15s}
.pf-field input:focus,.pf-field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(3,105,161,.08)}
.pf-field input::placeholder{color:var(--mist)}
.btn-pf-submit{width:100%;padding:12px;background:var(--ink);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s;margin-top:6px}
.btn-pf-submit:hover{background:var(--ink-2)}

/* ─── NEWS ──────────────────────────────────────────────── */

.page-hero.bg-2{background:var(--bg-2);border-bottom:1px solid var(--line)}

.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.ftab{padding:7px 16px;border:1px solid var(--line);border-radius:20px;font-size:13px;font-weight:500;color:var(--sub);background:#fff;cursor:pointer;text-decoration:none;transition:all .18s}
.ftab:hover{border-color:var(--steel);color:var(--text)}
.ftab.active{background:var(--ink);border-color:var(--ink);color:#fff}

.news-layout{display:grid;grid-template-columns:1fr 300px;gap:48px;padding:48px 0 80px;align-items:start}

.featured-card{display:grid;grid-template-columns:440px 1fr;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;margin-bottom:36px;transition:box-shadow .18s}
.featured-card:hover{box-shadow:0 6px 28px rgba(8,15,32,.08)}
.featured-img{height:280px;background:var(--bg-3);overflow:hidden}
.featured-img img{width:100%;height:100%;object-fit:cover}
.featured-body{padding:28px 32px;display:flex;flex-direction:column;justify-content:center}
.post-tag{display:inline-block;padding:4px 10px;background:var(--bg-3);border-radius:4px;font-size:11px;font-weight:600;color:var(--sub);text-transform:uppercase;letter-spacing:.4px;margin-bottom:12px}
.post-date{font-size:12px;color:var(--mist);margin-bottom:10px}
.featured-body h2{font-size:20px;font-weight:700;color:var(--text);line-height:1.35;margin-bottom:14px;letter-spacing:-.2px}
.featured-body p{font-size:14px;color:var(--sub);line-height:1.75;margin-bottom:20px}
.read-more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--blue);transition:opacity .15s}
.read-more:hover{opacity:.75}
.read-more svg{width:14px;height:14px}

.nc-img{height:160px;background:var(--bg-3);overflow:hidden;flex-shrink:0}
.nc-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.news-card:hover .nc-img img{transform:scale(1.04)}
.nc-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
.nc-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.nc-tag{padding:3px 9px;background:var(--bg-3);border-radius:4px;font-size:10.5px;font-weight:600;color:var(--sub);letter-spacing:.3px}
.nc-date{font-size:11.5px;color:var(--mist)}
.nc-title{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:auto;padding-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nc-foot{border-top:1px solid var(--bg-3);padding-top:12px}
.nc-read{font-size:12.5px;font-weight:600;color:var(--blue);display:flex;align-items:center;gap:5px;transition:opacity .15s}
.nc-read:hover{opacity:.75}
.nc-read svg{width:12px;height:12px}

.sb-card{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;margin-bottom:20px}
.sb-head{padding:14px 16px;font-size:12px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--line);background:var(--bg-2)}
.sb-body{padding:16px}
.sb-search{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:border-color .15s}
.sb-search:focus-within{border-color:var(--blue)}
.sb-search input{flex:1;border:none;padding:9px 14px;font-size:13px;outline:none;font-family:inherit;color:var(--text)}
.sb-search button{border:none;background:var(--bg-3);padding:0 12px;color:var(--mist);cursor:pointer;border-left:1px solid var(--line)}
.sb-search button svg{width:14px;height:14px;display:block}
.rubric-list{display:flex;flex-direction:column;gap:2px}
.rubric-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:7px;cursor:pointer;transition:background .15s}
.rubric-item:hover{background:var(--bg-2)}
.rubric-name{font-size:13px;color:var(--sub)}
.rubric-cnt{font-size:12px;color:var(--mist);font-weight:600;background:var(--bg-3);border-radius:10px;padding:1px 8px}
.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}
.tag-pill{padding:5px 12px;border:1px solid var(--line);border-radius:20px;font-size:12px;font-weight:500;color:var(--sub);cursor:pointer;transition:all .15s}
.tag-pill:hover{border-color:var(--steel);color:var(--text)}
.subscribe-form{display:flex;flex-direction:column;gap:10px}
.subscribe-form input{border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s}
.subscribe-form input:focus{border-color:var(--blue)}
.subscribe-form input::placeholder{color:var(--mist)}
.btn-subscribe{width:100%;padding:11px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}
.btn-subscribe:hover{background:var(--blue-h)}
.subscribe-note{font-size:11.5px;color:var(--mist);line-height:1.5}

/* ─── ARCHIVE: FEATURED CARD ────────────────────────────── */
.featured-card{display:grid;grid-template-columns:440px 1fr;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;margin-bottom:36px;transition:box-shadow .18s;text-decoration:none}
.featured-card:hover{box-shadow:0 6px 28px rgba(8,15,32,.08)}
.featured-img{height:280px;background:var(--bg-3);overflow:hidden}
.featured-img img{width:100%;height:100%;object-fit:cover}
.featured-body{padding:28px 32px;display:flex;flex-direction:column;justify-content:center}
.post-tag{display:inline-block;padding:4px 10px;background:var(--bg-3);border-radius:4px;font-size:11px;font-weight:600;color:var(--sub);text-transform:uppercase;letter-spacing:.4px;margin-bottom:12px;text-decoration:none}
.post-date{font-size:12px;color:var(--mist);margin-bottom:10px}
.featured-body h2,.featured-body .featured-title{font-size:20px;font-weight:700;color:var(--text);line-height:1.35;margin-bottom:14px;letter-spacing:-.2px}
.featured-body p{font-size:14px;color:var(--sub);line-height:1.75;margin-bottom:20px}
.read-more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--blue);transition:opacity .15s;text-decoration:none}
.read-more:hover{opacity:.75}
.read-more svg{width:14px;height:14px}

/* ─── ARCHIVE: NEWS GRID ────────────────────────────────── */
.news-grid--archive{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px}
.news-grid--archive .news-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:all .2s;display:flex;flex-direction:column;text-decoration:none}
.news-grid--archive .news-card:hover{border-color:rgba(3,105,161,.15);box-shadow:0 4px 20px rgba(8,15,32,.07);transform:translateY(-2px)}
.nc-img{height:160px;background:var(--bg-3);overflow:hidden;flex-shrink:0}
.nc-img img,.nc-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .3s;display:block}
.news-grid--archive .news-card:hover .nc-img img{transform:scale(1.04)}
.nc-body{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}
.nc-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.nc-tag{padding:3px 9px;background:var(--bg-3);border-radius:4px;font-size:10.5px;font-weight:600;color:var(--sub);letter-spacing:.3px}
.nc-date{font-size:11.5px;color:var(--mist)}
.nc-title{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.4;margin-bottom:auto;padding-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nc-foot{border-top:1px solid var(--bg-3);padding-top:12px}
.nc-read{font-size:12.5px;font-weight:600;color:var(--blue);display:flex;align-items:center;gap:5px;transition:opacity .15s;text-decoration:none}
.nc-read:hover{opacity:.75}
.nc-read svg{width:12px;height:12px}

/* ─── SINGLE POST ───────────────────────────────────────── */
.post-layout{display:grid;grid-template-columns:minmax(0,720px) 280px;gap:48px;padding:40px 0 80px;align-items:start}
.post-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.post-title{font-size:26px;font-weight:700;color:var(--text);letter-spacing:-.3px;line-height:1.3;margin-bottom:24px}
.post-thumb{margin:0 0 28px;border-radius:var(--r-lg);overflow:hidden}
.post-thumb img{width:100%;height:auto;display:block}
.post-content{font-size:15px;line-height:1.8;color:var(--text)}
.post-content h2{font-size:20px;font-weight:700;margin:32px 0 12px}
.post-content h3{font-size:17px;font-weight:700;margin:24px 0 10px}
.post-content p{margin-bottom:18px}
.post-content ul,.post-content ol{padding-left:24px;margin-bottom:18px}
.post-content li{margin-bottom:8px}
.post-content img{border-radius:var(--r);max-width:100%;height:auto}

/* ─── PAGE (универсальный шаблон контентной страницы) ──────── */
.page-layout{max-width:1180px;padding-bottom:80px}
.page-header{padding:48px 0 36px;border-bottom:1px solid var(--line);margin-bottom:40px;background:#fff;width:auto;position:static}
.page-header .page-title{font-size:clamp(32px,4vw,52px);font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.08;margin:0}
.page-thumb{margin:0 0 40px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);max-height:480px}
.page-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.page-content{font-size:16px;line-height:1.8;color:var(--ink-2)}
.page-content > *:first-child{margin-top:0}
.page-content h2{font-size:clamp(22px,2.4vw,30px);font-weight:800;color:var(--text);letter-spacing:-.02em;margin:44px 0 16px;line-height:1.2}
.page-content h3{font-size:20px;font-weight:700;color:var(--text);margin:30px 0 10px;line-height:1.3}
.page-content h4{font-size:17px;font-weight:700;color:var(--text);margin:22px 0 8px}
.page-content p{margin-bottom:18px}
.page-content ul,.page-content ol{padding-left:24px;margin-bottom:18px}
.page-content li{margin-bottom:8px}
.page-content a:not(.wp-element-button){color:var(--blue);text-decoration:underline;text-underline-offset:2px;transition:color .15s}
.page-content a:not(.wp-element-button):hover{color:var(--blue-h)}
.page-content strong{font-weight:700;color:var(--text)}

/* ─── GUTENBERG-БЛОКИ внутри .post-content/.page-content ───── */
.post-content .wp-block-columns,.page-content .wp-block-columns{display:flex;flex-wrap:wrap;gap:32px;margin-bottom:24px;align-items:flex-start!important}
.post-content .wp-block-column,.page-content .wp-block-column{flex:1 1 0;min-width:240px;align-self:flex-start!important}
.post-content .wp-block-image{margin:0 0 20px}
.post-content .wp-block-image figure,.post-content figure.wp-block-image{margin:0}
.post-content .wp-block-image img{border-radius:var(--r-lg);width:100%;height:auto;display:block}
.post-content .wp-block-image figcaption{font-size:12.5px;color:var(--mist);text-align:center;margin-top:8px}
.post-content figure{margin:0 0 24px}
.post-content .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.post-content .wp-block-button__link,.post-content .wp-element-button{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:var(--blue);color:#fff!important;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;border:none}
.post-content .wp-block-button__link:hover,.post-content .wp-element-button:hover{background:var(--blue-h);transform:translateY(-1px)}
.post-content .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--blue)!important;border:1.5px solid var(--blue)}
.post-content .wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--blue-l)}
.post-content .wp-block-quote{border-left:3px solid var(--blue);padding:8px 0 8px 24px;margin:24px 0;color:var(--steel);font-style:italic}
.post-content .wp-block-quote cite{display:block;margin-top:8px;font-size:13px;color:var(--mist);font-style:normal}
.post-content .wp-block-separator{border:none;border-top:1px solid var(--line);margin:36px auto;max-width:120px}
.post-content .wp-block-table{margin:24px 0;overflow-x:auto}
.post-content .wp-block-table table{width:100%;border-collapse:collapse;font-size:14px}
.post-content .wp-block-table th{background:var(--bg-2);font-weight:700;text-align:left;padding:12px 16px;border:1px solid var(--line);color:var(--text)}
.post-content .wp-block-table td{padding:12px 16px;border:1px solid var(--line);color:var(--ink-2)}
.post-content .wp-block-table tr:nth-child(even) td{background:var(--bg-2)}
.post-content .wp-block-list{padding-left:24px;margin-bottom:18px}
.post-content .wp-block-group{margin-bottom:24px}
.post-content .wp-block-embed,.post-content .wp-block-video{margin:24px 0}
.post-content .wp-block-media-text{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:24px 0}
.post-content .wp-block-media-text__media img{border-radius:var(--r-lg);width:100%;height:auto}
@media(max-width:768px){
  .post-content .wp-block-columns,.page-content .wp-block-columns{flex-direction:column;gap:20px}
  .post-content .wp-block-media-text,.page-content .wp-block-media-text{grid-template-columns:1fr;gap:16px}
}
/* ─── .page-content: зеркало .post-content для Gutenberg-блоков ── */
.page-content .wp-block-image{margin:0 0 20px}
.page-content .wp-block-image figure,.page-content figure.wp-block-image{margin:0}
.page-content .wp-block-image img{border-radius:var(--r-lg);width:100%;height:auto;display:block}
.page-content .wp-block-image figcaption{font-size:12.5px;color:var(--mist);text-align:center;margin-top:8px}
.page-content figure{margin:0 0 24px}
.page-content .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.page-content .wp-block-button__link,.page-content .wp-element-button{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:var(--blue);color:#fff!important;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;border:none}
.page-content .wp-block-button__link:hover,.page-content .wp-element-button:hover{background:var(--blue-h);transform:translateY(-1px)}
.page-content .wp-block-quote{border-left:3px solid var(--blue);padding:8px 0 8px 24px;margin:24px 0;color:var(--steel);font-style:italic}
.page-content .wp-block-separator{border:none;border-top:1px solid var(--line);margin:36px auto;max-width:120px}
.page-content .wp-block-table{margin:24px 0;overflow-x:auto}
.page-content .wp-block-table table{width:100%;border-collapse:collapse;font-size:14px}
.page-content .wp-block-table th{background:var(--bg-2);font-weight:700;text-align:left;padding:12px 16px;border:1px solid var(--line);color:var(--text)}
.page-content .wp-block-table td{padding:12px 16px;border:1px solid var(--line);color:var(--ink-2)}
.page-content .wp-block-table tr:nth-child(even) td{background:var(--bg-2)}
.page-content .wp-block-media-text{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:24px 0}
.page-content .wp-block-media-text__media img{border-radius:var(--r-lg);width:100%;height:auto}
.post-tags{margin-top:28px;display:flex;flex-wrap:wrap;gap:6px}
.post-tags a{padding:5px 12px;border:1px solid var(--line);border-radius:20px;font-size:12px;color:var(--sub);text-decoration:none;transition:all .15s}
.post-tags a:hover{border-color:var(--steel);color:var(--text)}
.post-nav{display:flex;justify-content:space-between;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.post-nav .nav-links{display:flex;justify-content:space-between;width:100%;gap:16px}
.post-nav .nav-previous,.post-nav .nav-next{flex:1}
.post-nav a{font-size:13px;font-weight:600;color:var(--blue);text-decoration:none;display:block}
.post-nav .nav-next{text-align:right}

/* ─── SINGLE: SHARE ─────────────────────────────────────── */
.post-share{display:flex;align-items:center;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.post-share-label{font-size:12.5px;font-weight:600;color:var(--mist);white-space:nowrap}
.post-share-btns{display:flex;gap:8px;flex-wrap:wrap}
.share-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;font-size:12.5px;font-weight:600;color:var(--sub);text-decoration:none;background:#fff;cursor:pointer;transition:all .15s;font-family:inherit}
.share-btn:hover{border-color:var(--steel);color:var(--text);background:var(--bg-2)}
.share-btn--vk:hover{border-color:#0077FF;color:#0077FF;background:#f0f6ff}
.share-btn svg{flex-shrink:0}

/* ─── SIDEBAR: LATEST NEWS ──────────────────────────────── */
.sb-news-list{display:flex;flex-direction:column}
.sb-news-item{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid var(--line)}
.sb-news-item:last-child{border-bottom:none}
.sb-news-item a{font-size:13px;font-weight:600;color:var(--text);text-decoration:none;line-height:1.4;transition:color .15s}
.sb-news-item a:hover{color:var(--blue)}
.sb-news-date{font-size:11px;color:var(--mist)}

/* ─── RELATED POSTS ─────────────────────────────────────── */
.related-posts{padding:40px 0 60px;border-top:1px solid var(--line)}
.related-posts h2{font-size:20px;font-weight:700;color:var(--text);margin-bottom:24px}

/* ─── POST PAGINATION ───────────────────────────────────── */
.ep-theme .navigation.pagination{margin-top:24px}
.ep-theme .nav-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;list-style:none;padding:0}
.ep-theme .nav-links a,.ep-theme .nav-links span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:7px;font-size:13px;color:var(--sub);text-decoration:none;transition:all .15s}
.ep-theme .nav-links span.current{background:var(--blue);border-color:var(--blue);color:#fff}
.ep-theme .nav-links a:hover{border-color:var(--steel);color:var(--text)}

/* ─── RESPONSIVE: BLOG/NEWS ─────────────────────────────── */
@media(max-width:900px){
  .news-grid--archive{grid-template-columns:1fr 1fr}
  .featured-card{grid-template-columns:1fr}
  .featured-img{height:200px}
  .news-layout{grid-template-columns:1fr}
  .post-layout{grid-template-columns:1fr}
  .post-sidebar{display:none}
}
@media(max-width:600px){
  .news-grid--archive{grid-template-columns:1fr}
  .post-title{font-size:20px}
  .related-posts h2{font-size:17px}
}

/* ─── MEGA MENU ─────────────────────────────────────────── */

.nav-drop{position:relative}
.mega-menu{position:absolute;top:calc(100% + 8px);left:-20px;z-index:10;opacity:0;pointer-events:none;transform:translateY(-8px);transition:all .18s}
.nav-drop:hover .mega-menu{opacity:1;pointer-events:all;transform:translateY(0)}
.mega-inner{display:flex;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 16px 48px rgba(8,15,32,.12);overflow:hidden;min-width:720px}
.mega-col{padding:24px 28px;min-width:220px;border-right:1px solid var(--line)}
.mega-col:last-child{border-right:none}
.mega-col--feat{background:var(--bg-2);min-width:240px}
.mega-col-title{font-size:10.5px;font-weight:800;color:var(--mist);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}
.mega-link{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:8px;transition:background .15s;margin:0 -10px}
.mega-link:hover{background:var(--bg-2)}
.mega-link-ico{width:30px;height:30px;border-radius:7px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mega-link-ico svg{width:14px;height:14px;color:var(--steel)}
.mega-link strong{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:1px}
.mega-link em{font-style:normal;font-size:11.5px;color:var(--mist)}
.mega-feat-card{display:flex;align-items:center;gap:10px;padding:9px;border-radius:9px;border:1px solid var(--line);background:#fff;margin-bottom:8px;transition:all .15s}
.mega-feat-card:hover{border-color:rgba(3,105,161,.2);box-shadow:0 3px 12px rgba(8,15,32,.06)}
.mfc-img{width:44px;height:44px;border-radius:7px;overflow:hidden;background:var(--bg-3);flex-shrink:0}
.mfc-img img{width:100%;height:100%;object-fit:cover}
.mega-feat-card strong{display:block;font-size:12.5px;font-weight:700;color:var(--text)}
.mega-feat-card em{font-style:normal;font-size:11px;color:var(--mist)}
.mfc-price{display:block;font-size:11.5px;font-weight:700;color:var(--blue);margin-top:2px}
.mega-all-link{display:block;font-size:12.5px;font-weight:700;color:var(--blue);padding:8px 0;margin-top:4px;transition:opacity .15s}
.mega-all-link:hover{opacity:.7}
.mega-menu--sm .mega-inner{min-width:480px}

/* ─── SECTIONS LAYOUT ───────────────────────────────────── */

.section{padding:96px 0}
.section--tight{padding:72px 0}
.section--muted{padding:96px 0;background:var(--bg-2)}
.section--dark{padding:96px 0;background:var(--ink)}
.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;gap:24px}
.section-kicker{font-size:11px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}

/* Секционные заголовки (eyebrow / stitle / ssub / more-link) */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:24px}
.eyebrow::before{content:"";width:18px;height:2px;background:var(--grad-blue);border-radius:2px}
.ep-theme h2.stitle{font-size:clamp(24px,2.4vw,32px);font-weight:800;color:var(--text);letter-spacing:-.6px;line-height:1.15;margin:0}
.ep-theme h2.stitle span{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-h) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ssub{font-size:14.5px;color:var(--sub);margin-top:10px;line-height:1.6}
.more-link{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;font-size:13.5px;font-weight:600;color:var(--blue);white-space:nowrap;transition:gap .18s,color .18s;align-self:center}
.more-link:hover{gap:11px;color:var(--blue-h)}
.more-link svg{width:17px;height:17px;flex-shrink:0}

/* ─── RESPONSIVE ────────────────────────────────────────── */

@media(max-width:1200px){
  .product-wrap{grid-template-columns:240px 1fr 320px}
}
@media(max-width:1100px){
  .c{padding:0 28px}
  .mega-menu{left:0;transform:translateY(-8px)}
  .nav-drop:hover .mega-menu{transform:translateY(0)}
  .prod-grid{grid-template-columns:repeat(3,1fr)}
  .product-wrap{grid-template-columns:1fr 300px}
  .docs-panel{display:none}
}
@media(max-width:900px){
  .site-header .c{padding:0 20px;height:60px}
  .logo{margin-right:20px}
  nav .nav-drop:not(:first-child){display:none}
  nav .nav-a:not(:first-child):not(.is-active){display:none}
  .h-call{display:none}
  .hero .c{grid-template-columns:1fr}
  .hero-panel{display:none}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .prod-grid,.bundles-grid,.reviews-grid{grid-template-columns:1fr 1fr}
  .brands-grid-lg{grid-template-columns:repeat(3,1fr)}
  .video-grid{grid-template-columns:1fr}
  .faq-layout{grid-template-columns:1fr;gap:24px}
  .faq-head{position:static}
  .about-grid{grid-template-columns:1fr;gap:40px}
  .about-principle-grid{grid-template-columns:1fr;gap:20px}
  .about-cta-card{flex-direction:column;align-items:flex-start;padding:32px 28px}
  .news-grid{grid-template-columns:1fr}
  .usp-grid{grid-template-columns:1fr 1fr}
  .steps-grid{flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stats .c{grid-template-columns:1fr 1fr}
  .catalog-wrap{grid-template-columns:1fr}
  .sidebar{display:none}
  .product-wrap{grid-template-columns:1fr}
  .buy-panel{position:static}
  .contact-grid{grid-template-columns:1fr}
  .partner-inner{grid-template-columns:1fr}
  .featured-card{grid-template-columns:1fr}
  .featured-img{height:200px}
  .news-layout{grid-template-columns:1fr}
  .dealers-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .managers-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .c{padding:0 16px}
  .topbar{display:none}
  .brands-bar{display:none}
  .search-row .search-tags{display:none}
  .section,.section--muted,.section--dark{padding:48px 0}
  .cat-grid{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr}
  .prod-grid,.bundles-grid,.reviews-grid{grid-template-columns:1fr}
  .brands-grid-lg{grid-template-columns:repeat(2,1fr)}
  h1.hero-title{font-size:28px}
  .promo-title{font-size:26px}
  .hero-actions{flex-direction:column}
  .hero-stats{flex-wrap:wrap}
  .hstat{padding:12px 16px}
  .section-top{flex-direction:column;align-items:flex-start;gap:16px}
  .footer-grid{grid-template-columns:1fr}
  .usp-grid{grid-template-columns:1fr}
  .stats .c{grid-template-columns:1fr 1fr}
  .mega-menu{display:none}
  .form-row{grid-template-columns:1fr}
  .req-grid{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr}
  .managers-grid{grid-template-columns:1fr}
  .dc-contacts{grid-template-columns:1fr}
}

/* ─────────────────────────────────────────────────────────────
   WP NAV — выпадающие подменю (wp_nav_menu .sub-menu)
   Фикс: стандартное WP-меню рендерит .sub-menu развёрнутыми.
   Скрываем и показываем по hover/focus.
   ───────────────────────────────────────────────────────────── */
.ep-theme .ep-nav,
.ep-theme .ep-nav ul{list-style:none;margin:0;padding:0}
.ep-theme .ep-nav{display:flex;align-items:center;flex-wrap:wrap;gap:2px}
.ep-theme .ep-nav > li{position:relative}
.ep-theme .ep-nav > li > a{
  display:flex;align-items:center;gap:4px;
  padding:8px 12px;border-radius:7px;
  font-size:13.5px;font-weight:500;color:var(--steel);
  white-space:nowrap;transition:color .15s,background .15s;line-height:1.3
}
.ep-theme .ep-nav > li > a:hover{color:var(--blue);background:var(--blue-l)}
.ep-theme .ep-nav .current-menu-item > a,
.ep-theme .ep-nav .current-menu-parent > a{color:var(--blue);font-weight:600}

/* индикатор «есть подменю» */
.ep-theme .ep-nav .menu-item-has-children > a::after{
  content:"";width:6px;height:6px;margin-left:2px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);opacity:.5
}

/* сами выпадающие — скрыты по умолчанию */
.ep-theme .ep-nav .sub-menu{
  position:absolute;top:calc(100% + 6px);left:0;z-index:10;
  min-width:240px;max-width:320px;
  background:#fff;border:1px solid var(--line);border-radius:10px;
  box-shadow:0 12px 40px rgba(8,15,32,.14);
  padding:8px;
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .16s,transform .16s,visibility .16s;
  pointer-events:none
}
.ep-theme .ep-nav li:hover > .sub-menu,
.ep-theme .ep-nav li:focus-within > .sub-menu{
  opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto
}
.ep-theme .ep-nav .sub-menu li{position:relative}
.ep-theme .ep-nav .sub-menu a{
  display:block;padding:8px 12px;border-radius:6px;
  font-size:13px;font-weight:500;color:var(--steel);
  white-space:normal;transition:color .15s,background .15s
}
.ep-theme .ep-nav .sub-menu a:hover{color:var(--blue);background:var(--bg-2)}

/* вложенные уровни (3-й) — вбок */
.ep-theme .ep-nav .sub-menu .sub-menu{top:-9px;left:calc(100% + 4px)}

/* на узких экранах — горизонтальный скролл вместо переноса 104 пунктов */
@media(max-width:1100px){
  .ep-theme .ep-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .ep-theme .ep-nav::-webkit-scrollbar{display:none}
  .ep-theme .ep-nav .sub-menu{display:none}
}

/* ─────────────────────────────────────────────────────────────
   WOOCOMMERCE LOOP — нейтрализация конфликтов родителя.
   Родитель wattelectric/style.css задаёт flex/float/height для
   .block_products ul.products li.product и h3 (старая тема).
   Перебиваем под .ep-theme для нашей grid-сетки .prod-grid.
   ───────────────────────────────────────────────────────────── */
.ep-theme ul.products.prod-grid,
.ep-theme .catalog-main ul.products{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
  flex-wrap:initial;justify-content:initial;
  list-style:none;margin:0;padding:0;width:100%
}
.ep-theme ul.products.prod-grid li.product,
.ep-theme ul.products.prod-grid li.prod-card{
  width:auto!important;margin:0!important;float:none!important;min-width:0!important;
  display:flex;flex-direction:column
}
/* сброс родительских правил на ссылку-обёртку и заголовок карточки */
.ep-theme ul.products li.product > a,
.ep-theme .prod-card .prod-card-link{
  display:flex!important;flex-direction:column;
  width:auto!important;height:auto!important;
  border-radius:0;text-align:left;overflow:visible
}
.ep-theme .prod-card .prod-name,
.ep-theme ul.products li.product h3.prod-name{
  height:auto!important;min-height:38px;
  margin:0 0 auto!important;padding:0 0 12px!important;
  font-size:13px!important;line-height:1.35!important;font-weight:600!important;
  text-align:left!important;color:var(--text)!important;overflow:hidden;
  overflow-wrap:anywhere;word-break:break-word
}
/* у нас своя сортировка видна (родитель прятал .woocommerce-ordering) */
.ep-theme .cat-toolbar .woocommerce-ordering{display:inline!important;margin:0}
.ep-theme .cat-toolbar .woocommerce-ordering .orderby,.sortsel .orderby{font-family:inherit;font-size:14px;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff;cursor:pointer}
.ep-theme .cat-toolbar .woocommerce-result-count{margin:0;font-size:14.5px;color:var(--sub);font-weight:500}

@media(max-width:1200px){
  .ep-theme ul.products.prod-grid,
  .ep-theme .catalog-main ul.products{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:900px){
  .ep-theme ul.products.prod-grid,
  .ep-theme .catalog-main ul.products{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:600px){
  .ep-theme ul.products.prod-grid,
  .ep-theme .catalog-main ul.products{grid-template-columns:1fr 1fr!important}
}

/* ─── BURGER / MOBILE NAV ──────────────────────────────── */
.burger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;border:none;background:transparent;cursor:pointer;border-radius:8px;transition:background .15s;flex-shrink:0}
.burger-btn:hover{background:var(--bg-3)}
.burger-line{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .22s,opacity .22s}
.burger-btn[aria-expanded=true] .burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger-btn[aria-expanded=true] .burger-line:nth-child(2){opacity:0}
.burger-btn[aria-expanded=true] .burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-nav{position:fixed;inset:0;z-index:800;visibility:hidden;pointer-events:none}
.mobile-nav.open{visibility:visible;pointer-events:all}
.mobile-nav-overlay{position:absolute;inset:0;background:rgba(8,15,32,.5);opacity:0;transition:opacity .25s}
.mobile-nav.open .mobile-nav-overlay{opacity:1}
.mobile-nav-inner{position:absolute;top:0;left:0;bottom:0;width:320px;max-width:90vw;background:#fff;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden}
.mobile-nav.open .mobile-nav-inner{transform:translateX(0)}
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);flex-shrink:0}
.mobile-nav-title{font-size:15px;font-weight:700;color:var(--text)}
.mobile-nav-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:transparent;cursor:pointer;color:var(--sub);transition:all .15s}
.mobile-nav-close:hover{background:var(--bg-3);color:var(--text)}
.mobile-nav-close svg{width:16px;height:16px}
.mobile-nav-search{padding:12px 16px;border-bottom:1px solid var(--line);flex-shrink:0}
.mobile-nav-search input,.mobile-search-inp{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 14px;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}
.mobile-nav-search input:focus,.mobile-search-inp:focus{border-color:var(--blue)}
.mobile-menu-wrap{flex:1;overflow-y:auto;padding:8px 0}
.mobile-menu{list-style:none;margin:0;padding:0}
.mobile-menu li a{display:block;padding:12px 20px;font-size:14px;font-weight:500;color:var(--text);text-decoration:none;border-bottom:1px solid var(--bg-3);transition:background .12s,color .12s}
.mobile-menu li a:hover,.mobile-menu li a:focus{background:var(--bg-2);color:var(--blue)}
.mobile-menu .current-menu-item > a,.mobile-menu .current-menu-parent > a{color:var(--blue);font-weight:600}
.mobile-menu .sub-menu{list-style:none;margin:0;padding:0;background:var(--bg-2);display:none}
.mobile-menu .sub-menu li a{padding:10px 20px 10px 36px;font-size:13px;color:var(--sub);border-bottom:1px solid var(--line)}
.mobile-menu .menu-item-has-children > a{display:flex;align-items:center;justify-content:space-between}
.mobile-menu .menu-item-has-children > a::after{content:"";width:8px;height:8px;border-right:2px solid var(--mist);border-bottom:2px solid var(--mist);transform:rotate(45deg) translateY(-2px);flex-shrink:0;transition:transform .2s}
.mobile-menu .menu-item-has-children.open > a::after{transform:rotate(-135deg) translateY(-2px)}
.mobile-menu .menu-item-has-children.open > .sub-menu{display:block}
.mobile-nav-contacts{padding:16px 20px;border-top:1px solid var(--line);flex-shrink:0}
.mobile-phone{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--text);text-decoration:none;padding:12px 16px;border:1px solid var(--line);border-radius:10px;transition:all .15s}
.mobile-phone:hover{border-color:var(--blue);color:var(--blue)}
.mobile-phone svg{width:16px;height:16px;flex-shrink:0}

@media(max-width:900px){
  .burger-btn{display:flex}
  .site-header > .c > nav{display:none}
  .hero-stats{gap:16px}
  .brand-hero .c{grid-template-columns:1fr}
}
@media(max-width:600px){
  .h-ico:not(.h-cart){display:none}
  .site-header .c{gap:12px}
  .search-wrap{flex-wrap:wrap}
  .search-cat{width:100%}
  .product-wrap .gallery-col .gallery-main{height:240px}
}

/* ─── BRAND PAGE ─────────────────────────────────────────── */
.brand-hero{background:var(--bg-2);border-bottom:1px solid var(--line);padding:48px 0}
.brand-hero .c{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.brand-logo-box{display:flex;flex-direction:column;gap:20px}
.brand-logo-img{width:200px;height:72px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;overflow:hidden}
.brand-logo-img span{font-size:22px;font-weight:700;color:var(--ink);letter-spacing:1px}
.brand-logo-img img{width:100%;height:100%;object-fit:contain;padding:12px}
.brand-badges{display:flex;flex-wrap:wrap;gap:8px}
.brand-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--line);border-radius:20px;font-size:12px;font-weight:500;color:var(--sub);background:#fff}
.brand-badge svg{width:12px;height:12px;color:var(--mist)}
.brand-badge.official{border-color:rgba(3,105,161,.2);color:var(--blue);background:var(--blue-l)}
.brand-info h1{font-size:30px;font-weight:700;color:var(--text);letter-spacing:-.3px;margin-bottom:12px}
.brand-info > p{font-size:15px;color:var(--sub);line-height:1.75;margin-bottom:28px}
.brand-stats{display:flex;gap:32px;margin-bottom:28px}
.bstat-val{font-size:26px;font-weight:700;color:var(--text);line-height:1}
.bstat-lbl{font-size:12px;color:var(--mist);font-weight:500;margin-top:3px}
.brand-actions{display:flex;gap:12px;flex-wrap:wrap}
.subcats-section{padding:40px 0;border-bottom:1px solid var(--line)}
.section-label{font-size:11px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.8px;margin-bottom:20px}
.subcats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.subcat-card{display:flex;align-items:center;gap:16px;padding:20px 24px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;text-decoration:none;transition:all .18s}
.subcat-card:hover{border-color:var(--steel);box-shadow:0 4px 20px rgba(8,15,32,.06);transform:translateY(-1px)}
.subcat-ico{width:48px;height:48px;border-radius:10px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.subcat-ico svg{width:22px;height:22px;color:var(--steel)}
.subcat-info{flex:1;min-width:0}
.subcat-info h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}
.subcat-info p{font-size:12.5px;color:var(--mist)}
.subcat-arrow{width:32px;height:32px;border-radius:7px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--mist);flex-shrink:0;transition:all .18s}
.subcat-card:hover .subcat-arrow{border-color:var(--steel);color:var(--text)}
.subcat-arrow svg{width:14px;height:14px}
.about-section{padding:48px 0;border-bottom:1px solid var(--line)}
.about-section .about-grid{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start}
.about-text h2{font-size:22px;font-weight:700;color:var(--text);margin-bottom:16px}
.about-text p{font-size:14px;color:var(--sub);line-height:1.8;margin-bottom:14px}
.ap-card{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;margin-bottom:16px}
.ap-head{padding:14px 16px;font-size:12px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--line);background:var(--bg-2)}
.ap-body{padding:16px}
.cert-list{display:flex;flex-direction:column;gap:8px}
.cert-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-3);border-radius:7px}
.cert-item svg{width:14px;height:14px;color:var(--mist);flex-shrink:0}
.cert-item span{font-size:12.5px;font-weight:600;color:var(--sub)}
.cert-item a{color:inherit;transition:color .15s}
.cert-item a:hover{color:var(--blue)}
.products-section{padding:48px 0;border-bottom:1px solid var(--line)}
.products-section h2{font-size:22px;font-weight:700;color:var(--text);margin-bottom:24px}
.docs-section{padding:48px 0}
.docs-section h2{font-size:22px;font-weight:700;color:var(--text);margin-bottom:8px}
.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.doc-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;text-decoration:none;transition:all .18s}
.doc-card:hover{border-color:var(--steel);background:var(--bg-2)}
.doc-ico{width:40px;height:40px;border-radius:9px;background:var(--bg-3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.doc-ico svg{width:18px;height:18px;color:var(--steel)}
.doc-name{font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px}
.doc-size{font-size:11.5px;color:var(--mist)}
@media(max-width:900px){
  .brand-hero .c{grid-template-columns:1fr;gap:32px}
  .subcats-grid{grid-template-columns:1fr}
  .about-section .about-grid{grid-template-columns:1fr}
  .docs-grid{grid-template-columns:1fr 1fr}
  .brand-stats{gap:20px;flex-wrap:wrap}
}
@media(max-width:600px){
  .docs-grid{grid-template-columns:1fr}
  .brand-info h1{font-size:22px}
}

/* ── Товары с табами (главная) ── */
.tabs-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.tab-btn{padding:9px 20px;border:1.5px solid var(--line);border-radius:var(--r-lg);background:#fff;font-size:13.5px;font-weight:600;color:var(--sub);cursor:pointer;transition:all .18s;display:inline-flex;align-items:center;gap:7px}
.tab-btn:hover{border-color:var(--steel);color:var(--text)}
.tab-btn .tab-ico{width:15px;height:15px;color:#f97316}
.tab-btn.active{border-color:var(--blue);background:var(--blue);color:#fff}
.tab-btn.active .tab-ico{color:#fff}
.tab-btn.active .tab-badge{background:rgba(255,255,255,.2);color:#fff}
.tab-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px;background:var(--bg-3);color:var(--sub)}
.tab-badge.hot-b{background:#fef3c7;color:#92400e}
.tab-badge.sale-b{background:#fee2e2;color:#991b1b}
.tab-pane{display:none}
.tab-pane.active{display:block}

/* prod-card на главной (3 колонки) */
.section--muted .prod-grid{grid-template-columns:repeat(3,1fr)}
.prod-img.prod-img--photo{height:200px;overflow:hidden;position:relative;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.prod-img.prod-img--photo a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px}
.prod-img.prod-img--photo img{max-width:150px;max-height:150px;width:auto;height:auto;object-fit:contain;transition:transform .3s}
.prod-card:hover .prod-img--photo img{transform:scale(1.06)}
.prod-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700}
.prod-badge.pb-new{background:#dbeafe;color:#1d4ed8}
.prod-badge.pb-hot{background:#fef3c7;color:#92400e}
.prod-badge.pb-sale{background:#fee2e2;color:#991b1b}
.prod-cat{font-size:12px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.prod-desc{font-size:12.5px;color:var(--sub);line-height:1.5;margin-bottom:10px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.prod-price-old{font-size:12px;color:var(--mist);text-decoration:line-through;margin-right:6px;font-weight:500}
.prod-price-sale{font-size:14px;font-weight:700;color:#dc2626}
.prod-price-req{font-size:13px;font-weight:600;color:var(--sub);white-space:nowrap}
.prod-foot{margin-top:auto;border-top:1px solid var(--bg-3);padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.prod-foot .prod-price{font-size:14px;font-weight:700;color:var(--text)}
.btn-add{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;background:var(--blue);color:#fff;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .18s;white-space:nowrap;text-decoration:none}
.btn-add:hover{background:var(--blue-h);transform:translateY(-1px)}
.btn-add svg{width:13px;height:13px}
@media(max-width:900px){.section--muted .prod-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.section--muted .prod-grid{grid-template-columns:1fr};.tabs-row{gap:6px};.tab-btn{padding:7px 14px;font-size:12.5px}}

/* ===================================================================
   REDESIGN 2026-06 — новые компоненты из дизайн-пакета Claude Design
   Стратегия: новые классы (.header, .nav, .catalog-mega, .footer.dark и т.д.)
   не конфликтуют с legacy (.site-header, .ep-nav, footer) т.к. шаблоны
   переписываются под новые имена.
   =================================================================== */

/* ---- TOPBAR (новая структура, совпадает с .topbar уже есть, но уточняем) ---- */
.topbar{background:var(--ink);color:rgba(255,255,255,.72);font-size:13.5px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.07)}
.topbar .container{display:flex;align-items:center;justify-content:space-between;height:44px}
.topbar-l{display:flex;align-items:center;gap:26px}
.topbar a,.topbar span{display:inline-flex;align-items:center;gap:8px;transition:color .15s cubic-bezier(.22,.61,.36,1)}
.topbar a:hover{color:#fff}
.topbar svg{width:15px;height:15px;color:var(--blue-accent)}
.topbar-r{display:flex;align-items:center;gap:8px;margin-left:auto}
.topbar-kp{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:rgba(255,255,255,.85);white-space:nowrap;font-size:13px}
.topbar-kp svg{width:13px;height:13px;color:var(--blue-accent)}
.topbar-div{width:1px;height:16px;background:rgba(255,255,255,.16);margin:0 8px}
.soc{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;color:rgba(255,255,255,.6);transition:background .15s ease,color .15s ease}
.soc:hover{background:rgba(255,255,255,.1);color:#fff}
.soc svg{width:16px;height:16px;color:inherit}

/* ---- HEADER (новый) ---- */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.98);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(8,15,32,.03),0 4px 20px rgba(8,15,32,.05)}
.header .container{display:flex;align-items:center;gap:16px;height:72px}
.logo{display:flex;align-items:center;gap:13px;flex-shrink:0;min-width:max-content;text-decoration:none}
.logo-mark{width:40px;height:40px;border-radius:10px;background:var(--grad-blue);display:grid;place-items:center;box-shadow:0 4px 14px rgba(3,105,161,.28);flex-shrink:0}
.logo-mark svg{width:22px;height:22px;color:#fff}
.logo-txt b{display:block;font-size:18px;font-weight:800;letter-spacing:-.025em;line-height:1.1;color:var(--ink)}
.logo-txt span{display:block;font-size:11px;color:var(--mist);font-weight:500;letter-spacing:.01em;white-space:nowrap}
.nav{display:flex;align-items:center;gap:0;margin-left:0;flex-shrink:1;min-width:0}
.nav-item{position:relative;flex-shrink:1}
.nav-link{display:inline-flex;align-items:center;gap:4px;padding:10px 8px;border-radius:var(--r);font-size:15px;font-weight:500;color:var(--ink-3);transition:color .15s ease,background .15s ease;white-space:nowrap}
.nav-link svg{width:15px;height:15px;transition:transform .2s ease;opacity:.7}
.nav-item:hover .nav-link{color:var(--blue);background:var(--bg-2)}
.nav-item:hover .nav-link svg{transform:rotate(180deg)}
.dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:288px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 14px 44px rgba(8,15,32,.12);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.dd-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--r);font-size:14.5px;font-weight:500;color:var(--ink-3);transition:background .14s ease,color .14s ease}
.dd-link:hover{background:var(--bg-2);color:var(--blue)}
.dd-link svg{width:17px;height:17px;color:var(--mist);flex-shrink:0;transition:color .14s ease}
.dd-link:hover svg{color:var(--blue)}
.header-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}
.icon-btn{position:relative;width:42px;height:42px;border-radius:var(--r);display:grid;place-items:center;color:var(--steel);transition:background .15s ease,color .15s ease}
.icon-btn:hover{background:var(--bg-2);color:var(--blue)}
.icon-btn svg{width:20px;height:20px}
.icon-btn .count{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--blue);color:#fff;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;box-sizing:border-box;font-variant-numeric:tabular-nums}
.icon-btn .count.is-empty{background:var(--mist)}
.header-cta{display:flex;align-items:center;gap:8px;margin-left:0;flex-shrink:0}
.h-call{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;background:var(--blue);color:#fff;border-radius:8px;font-size:13.5px;font-weight:600;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;white-space:nowrap;text-decoration:none;box-shadow:0 2px 10px rgba(3,105,161,.22)}
.h-call:hover{background:var(--blue-h);transform:translateY(-1px);box-shadow:0 6px 20px rgba(3,105,161,.3);color:#fff}
.h-call svg{width:15px;height:15px}
.burger{display:none;width:42px;height:42px;border-radius:var(--r);place-items:center;color:var(--steel);transition:background .15s ease,color .15s ease;cursor:pointer;border:none;background:none}
.burger:hover{background:var(--bg-2);color:var(--blue)}
.burger svg{width:22px;height:22px}
.catalog-trigger{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:var(--r);background:var(--ink);color:#fff;font-size:14.5px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:background .15s ease}
.catalog-trigger:hover{background:var(--ink-2)}
.catalog-trigger svg{width:17px;height:17px}
.catalog-trigger .chev{width:16px;height:16px;opacity:.85;transition:transform .2s ease}
.catalog-trigger[aria-expanded="true"] .chev{transform:rotate(180deg)}

/* ---- CATALOG MEGA-MENU ---- */
.catalog-mega{position:absolute;top:100%;left:0;right:0;z-index:55;background:#fff;border-top:1px solid var(--line);box-shadow:0 30px 54px rgba(8,15,32,.15);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .2s ease,transform .22s ease,visibility .2s}
.catalog-mega.open{opacity:1;visibility:visible;transform:none}
.catalog-mega-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:8px 30px;padding:34px 48px 28px}
.cat-col-head{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);padding-bottom:13px;margin-bottom:7px;border-bottom:1px solid var(--line)}
.cat-col-head svg{width:17px;height:17px;color:var(--blue);flex-shrink:0}
.cat-col a{display:block;font-size:14px;color:var(--ink-3);font-weight:500;padding:7px 0;line-height:1.35;transition:color .14s ease,transform .14s ease}
.cat-col a:hover{color:var(--blue);transform:translateX(3px)}
.cat-col a.more{color:var(--blue);font-weight:600;margin-top:3px}
.catalog-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 48px;background:var(--bg-2);border-top:1px solid var(--line);flex-wrap:wrap}
.catalog-bar-links{display:flex;gap:8px;flex-wrap:wrap}
.catalog-bar-links a{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--steel);padding:8px 14px;background:#fff;border:1px solid var(--line);border-radius:100px;transition:border-color .15s ease,color .15s ease}
.catalog-bar-links a svg{width:15px;height:15px;color:var(--blue)}
.catalog-bar-links a:hover{border-color:var(--blue);color:var(--blue)}
.catalog-bar .phone{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:var(--ink)}
.catalog-bar .phone svg{width:17px;height:17px;color:var(--blue)}

/* ---- SEARCHBAR ---- */
.searchbar{background:var(--bg-2);border-bottom:1px solid var(--line)}
.searchbar .container{padding-top:15px;padding-bottom:15px}
.searchbar .search-wrap{display:block;position:relative;max-width:760px;border:none;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.search-field{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 1px 2px rgba(8,15,32,.04);transition:border-color .16s ease,box-shadow .16s ease}
.search-field:focus-within{border-color:var(--blue-h);box-shadow:0 0 0 4px rgba(2,132,199,.12)}
.search-field .search-ico{width:21px;height:21px;color:var(--mist);margin-left:18px;flex-shrink:0}
.search-field input[type=search]{flex:1;min-width:0;border:none;outline:none;padding:12px 14px;font-size:15.5px;font-family:inherit;background:transparent;color:var(--ink)}
.search-field input[type=search]::placeholder{color:var(--mist)}
.search-field>.btn{margin:5px;padding:9px 20px;flex-shrink:0}
/* AWS плагин внутри search-field */
.search-field .aws-container{flex:1;min-width:0;max-width:none;display:flex}
.search-field .aws-search-form{flex:1;display:flex;margin:0}
.search-field .aws-wrapper{flex:1;display:flex;position:relative}
.search-field .aws-search-field{flex:1;border:none;outline:none;padding:12px 14px;font-size:15.5px;font-family:inherit;background:transparent!important;color:var(--ink);min-width:0}
.search-field .aws-search-field::placeholder{color:var(--mist)}
.search-field .aws-search-clear{display:flex;align-items:center;padding:0 10px;color:var(--mist);cursor:pointer}
.search-field label.aws-search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.searchbar .search-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:13px}
.searchbar .search-tags .lbl{color:var(--sub);font-weight:500}
.tag{padding:5px 12px;background:#fff;border:1px solid var(--line);border-radius:100px;color:var(--steel);font-weight:500;transition:all .15s ease}
.tag:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}

/* ---- CERTBAR ---- */
.certbar{border-bottom:1px solid var(--line);background:#fff}
.certbar .container{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px 24px;padding:16px 48px}
.cert{display:inline-flex;align-items:center;gap:8px;color:var(--steel);font-size:13px;font-weight:600;white-space:nowrap}
.cert svg{width:20px;height:20px;color:var(--blue)}
.cert-sep{width:1px;height:18px;background:var(--line)}

/* ---- DARK SURFACE (глобальный) ---- */
.dark{position:relative;background:var(--ink);color:#fff;isolation:isolate;overflow:hidden}
.dark::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(120% 120% at 70% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(120% 120% at 70% 0%,#000 0%,transparent 75%)}
.dark::after{content:"";position:absolute;z-index:-1;width:900px;height:900px;border-radius:50%;top:-380px;right:-180px;background:radial-gradient(circle,rgba(3,105,161,.30) 0%,rgba(3,105,161,0) 62%);filter:blur(8px);pointer-events:none}
.dark h1,.dark h2,.dark h3{color:#fff}
.dark .lead{color:rgba(255,255,255,.62)}
.dim{color:rgba(255,255,255,.55)}

/* ---- FOOTER (dark, новый) ---- */
/* Родительская тема: .dark{display:none} — перекрываем */
.ep-theme .dark,.dark{display:revert}
section.dark,div.dark,.hero.dark,.promo.dark,.cta-sec.dark,.page-hero.dark,.fav-hero-section.dark,.cmp-hero-section.dark{display:block!important}
footer.footer.dark{display:block!important}
.footer.dark{padding:72px 0 32px;position:relative}
.footer.dark::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--blue) 30%,var(--blue-h) 70%,transparent 100%)}
.foot-top{display:grid;grid-template-columns:1.9fr 1fr 1fr 1fr 1.2fr;gap:40px;align-items:start}
.foot-logo{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.foot-logo .logo-txt{display:flex;flex-direction:column;gap:2px}
.foot-logo .logo-txt b{color:#fff;font-size:16px;font-weight:700}
.foot-logo .logo-txt .dim{font-size:12px;color:rgba(255,255,255,.45);font-weight:400}
.foot-brand p{font-size:14.5px;color:rgba(255,255,255,.55);line-height:1.6;max-width:300px;margin-bottom:22px}
.foot-contacts{display:flex;flex-direction:column;gap:11px}
.foot-contacts a,.foot-contacts span{display:inline-flex;align-items:center;gap:11px;font-size:14.5px;color:rgba(255,255,255,.72);transition:color .15s ease}
.foot-contacts a:hover{color:#fff}
.foot-contacts svg{width:17px;height:17px;color:var(--blue-accent);flex-shrink:0}
.foot-soc{display:flex;gap:8px;margin-top:20px}
.footer.dark h4{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin-bottom:20px}
.foot-links{display:flex;flex-direction:column;gap:12px}
.foot-links a{font-size:14.5px;color:rgba(255,255,255,.55);transition:color .15s ease,padding .15s ease}
.foot-links a:hover{color:#fff;padding-left:4px}
.foot-cta p{font-size:14px;color:rgba(255,255,255,.55);line-height:1.55;margin-bottom:18px}
.foot-cta .btn{margin-bottom:10px;font-size:14px;padding:11px 20px}
.foot-seo{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:30px}
.foot-seo p{font-size:13px;line-height:1.7;color:rgba(255,255,255,.42);margin:0}
.foot-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.foot-tag{font-size:12.5px;color:rgba(255,255,255,.55);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);padding:6px 12px;border-radius:100px;transition:color .15s ease,border-color .15s ease,background .15s ease}
.foot-tag:hover{color:#fff;border-color:rgba(96,165,250,.4);background:rgba(96,165,250,.12)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.foot-bottom .copy{font-size:13.5px;color:rgba(255,255,255,.45)}
.foot-legal{display:flex;gap:24px;flex-wrap:wrap}
.foot-legal a{font-size:13.5px;color:rgba(255,255,255,.45);transition:color .15s ease}
.foot-legal a:hover{color:rgba(255,255,255,.8)}

/* ---- MOBILE NAV (новый burger overlay) ---- */
.nav.nav-open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:8px 32px 22px;gap:0;border-bottom:1px solid var(--line);box-shadow:0 24px 44px rgba(8,15,32,.14);max-height:calc(100vh - 122px);overflow-y:auto;z-index:60}
.nav.nav-open .nav-item{width:100%;border-bottom:1px solid var(--bg-3)}
.nav.nav-open .nav-item:last-child{border-bottom:none}
.nav.nav-open .nav-link{padding:15px 0;font-size:16px;border-radius:0;color:var(--ink)}
.nav.nav-open .nav-link svg{margin-left:auto;opacity:1}
.nav.nav-open .nav-item:hover .nav-link{background:transparent}
.nav.nav-open .nav-item:hover .nav-link svg{transform:none}
.nav.nav-open .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;min-width:0;background:transparent;padding:0 0 10px 8px;display:block}
.nav.nav-open .dropdown::before{display:none}
.nav.nav-open .dd-link{padding:9px 10px;font-size:14px}

/* ---- STATS STRIP ---- */
.stats-strip{background:var(--blue);position:relative;overflow:hidden}
.stats-strip::before{content:"";position:absolute;inset:0;background:var(--grad-blue);opacity:.6}
.stats-strip .container{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-top:56px;padding-bottom:56px}
.bstat{text-align:center;color:#fff}
.bstat .num{font-size:clamp(40px,5vw,58px);font-weight:800;letter-spacing:-.03em;line-height:1}
.bstat .lbl{font-size:15px;color:rgba(255,255,255,.82);margin-top:10px;font-weight:500}
.bstat+.bstat{border-left:1px solid rgba(255,255,255,.18)}

/* ---- REVIEWS ---- */
.rev-top{display:flex;align-items:center;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.rev-score{display:flex;align-items:center;gap:16px;padding:20px 26px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg)}
.rev-score .big{font-size:46px;font-weight:800;letter-spacing:-.02em;line-height:1}
.rev-stars{display:flex;gap:3px}
.rev-stars svg{width:18px;height:18px;color:#F59E0B;fill:#F59E0B}
.rev-score .cnt{font-size:13.5px;color:var(--sub);margin-top:4px}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rev{display:flex;flex-direction:column;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);transition:box-shadow .18s ease,border-color .18s ease}
.rev:hover{box-shadow:0 6px 28px rgba(8,15,32,.08);border-color:rgba(3,105,161,.18)}
.rev-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.rev-av{width:46px;height:46px;border-radius:50%;background:var(--grad-blue);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;flex-shrink:0}
.rev-head b{display:block;font-size:15px;font-weight:600}
.rev-head span{display:block;font-size:13px;color:var(--sub)}
.rev .rev-stars{margin-bottom:14px}
.rev p{font-size:14.5px;color:var(--ink-3);line-height:1.6;flex:1}
.rev-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.rev-tag{font-size:12px;font-weight:600;color:var(--blue);background:var(--blue-l);padding:5px 11px;border-radius:100px}
.rev-date{font-size:13px;color:var(--mist);font-weight:500}

/* ---- BUNDLES ---- */
.bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bundle{display:flex;flex-direction:column;padding:30px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.bundle:hover{transform:translateY(-3px);box-shadow:var(--sh-hov);border-color:rgba(3,105,161,.22)}
.bundle-ic{width:56px;height:56px;border-radius:var(--r-lg);background:var(--blue-l);display:grid;place-items:center;margin-bottom:20px}
.bundle-ic svg{width:28px;height:28px;color:var(--blue)}
.bundle h3{font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}
.bundle-sub{font-size:14px;color:var(--sub);margin-bottom:22px}
.bundle-list{display:flex;flex-direction:column;gap:11px;margin-bottom:26px}
.bundle-list li{display:flex;gap:11px;font-size:14.5px;color:var(--ink-3);align-items:flex-start}
.bundle-list svg{width:18px;height:18px;color:var(--blue);flex-shrink:0;margin-top:1px}
.bundle-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-top:22px;border-top:1px solid var(--line)}
.bundle-price small{display:block;font-size:12.5px;color:var(--sub);font-weight:500;margin-bottom:3px}
.bundle-price b{font-size:26px;font-weight:800;letter-spacing:-.02em}

/* ---- USP GRID ---- */
.usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px}
.usp{padding:0 34px;border-left:1px solid rgba(255,255,255,.1)}
.usp:first-child{padding-left:0;border-left:none}
.usp:last-child{padding-right:0}
.usp-ic{width:54px;height:54px;border-radius:var(--r-lg);border:1px solid rgba(96,165,250,.3);background:rgba(96,165,250,.1);display:grid;place-items:center;margin-bottom:22px}
.usp-ic svg{width:27px;height:27px;color:var(--blue-accent)}
.usp h3{font-size:18px;font-weight:700;margin-bottom:11px}
.usp p{font-size:14.5px;color:rgba(255,255,255,.55);line-height:1.55}

/* ---- NEWS GRID ---- */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.news{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.news:hover{transform:translateY(-3px);box-shadow:0 6px 28px rgba(8,15,32,.08);border-color:rgba(3,105,161,.22)}
.news-media{position:relative;aspect-ratio:16/10;background:var(--bg-3);overflow:hidden}
.news-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.news:hover .news-media img{transform:scale(1.04)}
.news-date{position:absolute;left:14px;bottom:14px;background:rgba(15,23,42,.86);backdrop-filter:blur(4px);color:#fff;font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:100px}
.news-body{padding:22px;display:flex;flex-direction:column;flex:1}
.news-tag{align-self:flex-start;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--blue);background:var(--blue-l);padding:5px 11px;border-radius:100px;margin-bottom:14px}
.news h3{font-size:17px;font-weight:700;line-height:1.32;letter-spacing:-.01em;margin-bottom:11px;transition:color .15s ease}
.news:hover h3{color:var(--blue)}
.news p{font-size:14px;color:var(--sub);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-more{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:14px;font-weight:600;color:var(--blue);transition:gap .16s ease}
.news-more svg{width:16px;height:16px}
.news:hover .news-more{gap:11px}

/* ---- STEPS ---- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:start}
.step{position:relative;padding:0 28px}
.step:first-child{padding-left:0}
.step-num{font-size:15px;font-weight:800;color:#fff;background:var(--grad-blue);width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:22px;box-shadow:0 6px 18px rgba(3,105,161,.28)}
.step h3{font-size:18px;font-weight:700;margin-bottom:10px}
.step p{font-size:14.5px;color:var(--sub);line-height:1.55}
.step-arrow{position:absolute;top:11px;right:-12px;color:var(--line)}
.step-arrow svg{width:24px;height:24px}
.step:last-child .step-arrow{display:none}

/* ---- FAQ ---- */
.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.faq-aside{position:sticky;top:108px}
.faq-aside .eyebrow{margin-bottom:16px}
.faq-aside h2{margin-bottom:14px}
.faq-aside p{color:var(--sub);font-size:16px;margin-bottom:26px;max-width:340px}
.faq-call{display:inline-flex;align-items:center;gap:13px;padding:16px 22px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .15s ease,box-shadow .15s ease}
.faq-call:hover{border-color:var(--blue);box-shadow:0 6px 28px rgba(8,15,32,.08)}
.faq-call-ic{width:44px;height:44px;border-radius:11px;background:var(--blue-l);display:grid;place-items:center;flex-shrink:0}
.faq-call-ic svg{width:22px;height:22px;color:var(--blue)}
.faq-call b{display:block;font-size:18px;font-weight:700;letter-spacing:-.01em}
.faq-call span{display:block;font-size:13px;color:var(--sub)}
.faq-list{display:flex;flex-direction:column;gap:12px}
details.q{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}
details.q[open]{border-color:rgba(3,105,161,.25);box-shadow:0 6px 28px rgba(8,15,32,.08)}
.q summary{display:flex;align-items:center;gap:16px;padding:21px 24px;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none}
.q summary::-webkit-details-marker{display:none}
.q summary .qmark{margin-left:auto;flex-shrink:0;width:30px;height:30px;border-radius:8px;background:var(--bg-3);display:grid;place-items:center;transition:transform .25s ease,background .16s ease}
.q summary .qmark svg{width:17px;height:17px;color:var(--steel)}
.q[open] summary .qmark{transform:rotate(180deg);background:var(--blue-l)}
.q[open] summary .qmark svg{color:var(--blue)}
.q .ans{padding:0 24px 22px;font-size:15px;color:var(--ink-3);line-height:1.65;max-width:640px}

/* ---- CTA FINAL ---- */
.cta-sec{text-align:center}
.cta-sec .container{max-width:760px}
.cta-sec .eyebrow{margin-bottom:20px}
.cta-sec h2{font-size:clamp(32px,4vw,52px);margin-bottom:20px}
.cta-sec p{color:rgba(255,255,255,.62);font-size:19px;margin-bottom:38px}
.cta-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ---- CATALOG (listing page) ---- */
.catalog-pg{padding:48px 0 64px}
.catalog-pg .container{display:grid;grid-template-columns:284px minmax(0,1fr);gap:40px;align-items:start}
.filters{position:sticky;top:108px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 2px 12px rgba(8,15,32,.05)}
.filters-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:var(--bg-2)}
.filters-head b{font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:9px}
.filters-head svg{width:18px;height:18px;color:var(--blue)}
.filters-head a{font-size:13px;font-weight:600;color:var(--blue)}
.filter-group{border-bottom:1px solid var(--line)}
.filter-group:last-child{border-bottom:none}
.filter-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;font-size:13px;font-weight:600;color:var(--ink-3);letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;list-style:none}
.filter-group>summary::-webkit-details-marker{display:none}
.filter-group>summary .fchev{width:18px;height:18px;color:var(--mist);transition:transform .22s ease}
.filter-group[open]>summary .fchev{transform:rotate(180deg)}
.filter-body{padding:2px 20px 14px;display:flex;flex-direction:column;gap:0}
.filter-body.is-long{max-height:240px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.filter-body.is-long::-webkit-scrollbar{width:4px}
.filter-body.is-long::-webkit-scrollbar-track{background:transparent}
.filter-body.is-long::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
.check{display:flex;align-items:center;gap:11px;padding:5px 0;min-height:36px;font-size:13.5px;color:var(--ink-3);cursor:pointer;font-weight:400;transition:color .14s ease,background .14s ease;border-radius:6px;margin:0 -6px;padding-left:6px;padding-right:6px}
.check input{position:absolute;opacity:0;width:0;height:0}
.check .box{width:18px;height:18px;border-radius:4px;border:1.5px solid var(--line);flex-shrink:0;display:grid;place-items:center;transition:background .14s ease,border-color .14s ease}
.check .box svg{width:12px;height:12px;color:#fff;opacity:0;transition:opacity .12s ease}
.check input:checked+.box{background:var(--blue);border-color:var(--blue)}
.check input:checked+.box svg{opacity:1}
.check:hover{color:var(--blue);background:var(--blue-l)}
.check:hover .box{border-color:var(--blue-h)}
.check .cnt{margin-left:auto;font-size:11.5px;color:var(--mist);font-variant-numeric:tabular-nums}
.chip-f{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;border:1.5px solid var(--line);font-size:13.5px;font-weight:600;color:var(--steel);cursor:pointer;transition:all .14s ease}
.chip-f:hover{border-color:var(--blue);color:var(--blue)}
.chip-f.on{background:var(--blue);border-color:var(--blue);color:#fff}
.cat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}
.cat-toolbar .shown{font-size:14.5px;color:var(--sub);font-weight:500}
.cat-toolbar .shown b{color:var(--ink);font-weight:600}
.toolbar-r{display:flex;align-items:center;gap:12px}
.sortsel{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--steel)}
.sortsel select{font-family:inherit;font-size:14px;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff;cursor:pointer}
.viewtoggle{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.viewtoggle button{width:38px;height:38px;display:grid;place-items:center;color:var(--mist);background:#fff;transition:background .14s ease,color .14s ease}
.viewtoggle button svg{width:18px;height:18px}
.viewtoggle button[aria-pressed="true"]{background:var(--blue);color:#fff}
.viewtoggle button[aria-pressed="false"]{background:transparent;color:var(--sub)}
.catalog-pg .prod-grid{grid-template-columns:repeat(3,1fr)}
.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:44px}
.pagination a,.pagination span{min-width:42px;height:42px;padding:0 12px;border-radius:9px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:600;color:var(--steel);font-variant-numeric:tabular-nums;transition:all .14s ease;background:#fff}
.pagination a:hover{border-color:var(--blue);color:var(--blue)}
.pagination .cur{background:var(--blue);border-color:var(--blue);color:#fff}
.pagination .dots{border:none;background:transparent;color:var(--mist)}

/* scrollbar сайдбара */
.filters::-webkit-scrollbar{width:4px}
.filters::-webkit-scrollbar-track{background:transparent}
.filters::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
/* ---- WPF Plugin styles ---- */
.filters .wpfMainWrapper{margin:0;padding:0}
.filters .wpfFilterWrapper{border-bottom:1px solid var(--line)}
.filters .wpfFilterWrapper:last-child{border-bottom:none}
/* Скрываем WPF-группы без результатов */
.filters .wpfFilterWrapper.wpfHidden,.filters .wpfFilterWrapper[style*="display:none"],.filters .wpfFilterWrapper[style*="display: none"]{display:none!important}
/* Принудительно раскрываем все фильтры — WPF использует max-height:0 для анимации коллапса */
.filters .wpfFilterContent.wpfHide,.filters .wpfFilterContent.wpfBlockAnimated{display:block!important;visibility:visible!important;height:auto!important;max-height:none!important;overflow:visible!important}
/* Заголовок фильтра */
.filters .wpfFilterTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;user-select:none}
.filters .wpfFilterTitle .wfpTitle{flex:1;font-size:14px;font-weight:600;color:var(--ink)}
/* Иконка +/- WPF — скрываем, рисуем стрелку через псевдоэлемент */
.filters .wpfFilterTitle .fa{display:none}
.filters .wpfFilterTitle::after{content:"";display:block;width:18px;height:18px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23b0b8c1' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:18px;transition:transform .22s ease}
/* Когда блок скрыт — wpfHide на wpfFilterContent, у обёртки нет спец-класса; иконка + означает скрыт */
.filters .wpfFilterWrapper .wpfFilterContent.wpfHide+.wpfFilterTitle::after,
.filters .wpfFilterWrapper:has(.wpfFilterContent.wpfHide) .wpfFilterTitle::after{transform:rotate(-90deg)}
/* Тело фильтра */
.filters .wpfFilterContent{padding:2px 20px 18px}
/* Список значений */
.filters .wpfCheckboxHier ul,.filters .wpfUl{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}
.filters .wpfCheckboxHier li,.filters .wpfUl li{padding:0;margin:0}
/* Скролл-контейнер */
.filters .wpfFilterVerScroll{max-height:260px;overflow-y:auto}
.filters .wpfFilterVerScroll::-webkit-scrollbar{width:4px}
.filters .wpfFilterVerScroll::-webkit-scrollbar-track{background:transparent}
.filters .wpfFilterVerScroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
/* Строка чекбокса — стиль .check из эталона */
.filters .wpfLiLabel{display:flex;align-items:center;gap:11px;padding:7px 0;font-size:14px;color:var(--ink-3);cursor:pointer;font-weight:500;transition:color .14s}
.filters .wpfLiLabel:hover{color:var(--ink)}
/* Скрываем нативный чекбокс */
.filters .wpfLiLabel .wpfCheckbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
/* Кастомный чекбокс-бокс (label после input) */
.filters .wpfLiLabel .wpfCheckbox{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.filters .wpfLiLabel .wpfCheckbox label{width:19px;height:19px;border-radius:5px;border:1.5px solid var(--line);display:grid;place-items:center;transition:background .14s,border-color .14s;background:#fff;cursor:pointer;position:relative}
.filters .wpfLiLabel .wpfCheckbox label::after{content:"";display:block;width:11px;height:11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' stroke='%23fff' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:0;transition:opacity .12s}
.filters .wpfLiLabel .wpfCheckbox input:checked+label{background:var(--blue);border-color:var(--blue)}
.filters .wpfLiLabel .wpfCheckbox input:checked+label::after{opacity:1}
/* Текст значения */
.filters .wpfLiLabel .wpfDisplay{flex:1;font-size:14px}
/* Счётчик */
.filters .wpfLiLabel .wpfDisplay .wpfValue::after{content:"" attr(data-count) "";display:none}
/* Диапазон / слайдер */
.filters .wpfRangeWrap{padding:4px 0 12px}
.filters .wpfPriceInputsWrap{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.filters .wpfPriceInputsWrap input{flex:1;height:38px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font-size:14px;font-family:inherit;color:var(--ink);background:#fff}
.filters .wpf-apply-btn,.filters button.wpfFilterApplyBtn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:var(--r);background:var(--blue);color:#fff;font-size:14px;font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:background .14s;width:100%;margin-top:8px}
.filters .wpf-apply-btn:hover,.filters button.wpfFilterApplyBtn:hover{background:#025f8e}

/* ---- PRODUCT PAGE ---- */
.product-hero .container{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.gallery{position:sticky;top:108px}
.gallery-main{position:relative;aspect-ratio:1/1;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);display:grid;place-items:center;overflow:hidden}
.gallery-main .gzoom{position:absolute;bottom:16px;right:16px;width:40px;height:40px;border-radius:9px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--steel);box-shadow:0 1px 2px rgba(8,15,32,.04)}
.gallery-main .gzoom svg{width:18px;height:18px}
.gmain-cap{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:100px;background:rgba(15,23,42,.8);backdrop-filter:blur(4px);color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap}
.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}
.thumb{aspect-ratio:1/1;background:var(--bg-2);border:1.5px solid var(--line);border-radius:9px;display:grid;place-items:center;cursor:pointer;transition:border-color .14s ease}
.thumb img{width:70%;height:70%;object-fit:contain;opacity:.8;transition:opacity .14s ease}
.thumb.on,.thumb:hover{border-color:var(--blue)}
.thumb.on{box-shadow:0 0 0 3px var(--blue-l)}
.thumb.on img{opacity:1}
.pinfo .ordercode{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--blue);background:var(--blue-l);padding:7px 13px;border-radius:100px;margin-bottom:16px}
.pinfo h1{font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.16;letter-spacing:-.02em;color:var(--ink);margin-bottom:18px}
.pinfo .stockline{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--blue);margin-bottom:26px}
.pinfo .stockline .dot{width:9px;height:9px;border-radius:50%;background:#1F8A5B;box-shadow:0 0 0 3px rgba(31,138,91,.18)}
.pinfo .stockline em{font-style:normal;color:var(--sub);font-weight:500}
.price-box{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;margin-bottom:24px}
.price-box .plabel{font-size:13px;color:var(--sub);font-weight:500;margin-bottom:6px}
.price-box .pval{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.price-box .pnote{font-size:13.5px;color:var(--sub);margin-top:6px;line-height:1.5}
.price-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.spec-highlights{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:24px}
.sh{background:#fff;padding:16px 18px;display:flex;align-items:flex-start;gap:13px}
.sh-ic{width:38px;height:38px;border-radius:10px;background:var(--blue-l);display:grid;place-items:center;flex-shrink:0}
.sh-ic svg{width:19px;height:19px;color:var(--blue)}
.sh .k{display:block;font-size:12px;color:var(--sub);font-weight:500;margin-bottom:3px}
.sh .v{display:block;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.3}
.trust-row{display:flex;flex-direction:column;gap:0}
.trust{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-3)}
.trust:last-child{border-bottom:none}
.trust svg{width:19px;height:19px;color:var(--blue);flex-shrink:0}
.trust b{color:var(--ink);font-weight:600}
.spec-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.spec-table tr{border-bottom:1px solid var(--line)}
.spec-table tr:last-child{border-bottom:none}
.spec-table tr:nth-child(odd){background:var(--bg-2)}
.spec-table th{text-align:left;font-size:14px;font-weight:500;color:var(--steel);padding:14px 20px;width:48%;vertical-align:top}
.spec-table td{font-size:14.5px;font-weight:600;color:var(--ink);padding:14px 20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-word}
.doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.doc-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.doc-card:hover{border-color:rgba(3,105,161,.22);box-shadow:0 6px 28px rgba(8,15,32,.08);transform:translateY(-2px)}
.doc-ic{width:48px;height:48px;border-radius:11px;background:var(--blue-l);display:grid;place-items:center;flex-shrink:0}
.doc-ic svg{width:24px;height:24px;color:var(--blue)}
.doc-card .dt b{display:block;font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}
.doc-card .dt span{font-size:13px;color:var(--sub)}
.doc-card .dl{margin-left:auto;width:40px;height:40px;border-radius:10px;background:var(--bg-2);display:grid;place-items:center;color:var(--steel);flex-shrink:0;transition:background .14s ease,color .14s ease}
.doc-card:hover .dl{background:var(--blue);color:#fff}
.doc-card .dl svg{width:18px;height:18px}
.delivery-info{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.di{display:flex;gap:14px;padding:20px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg)}
.di-ic{width:44px;height:44px;border-radius:11px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0}
.di-ic svg{width:22px;height:22px;color:var(--blue)}
.di b{display:block;font-size:15px;font-weight:600;margin-bottom:4px}
.di p{font-size:13.5px;color:var(--sub);line-height:1.5}

/* ---- VARIATIONS ---- */
.variations{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.var{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1.6px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--ink-3);transition:border-color .15s ease,background .15s ease,color .15s ease}
.var .vsw{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;color:#fff}
.var .vsw svg{width:14px;height:14px}
.var small{display:block;font-size:11.5px;font-weight:500;color:var(--sub)}
.var:hover{border-color:var(--mist)}
.var[aria-pressed="true"]{border-color:currentColor;background:var(--bg-2)}
.var-meta{font-size:13px;color:var(--sub);margin-bottom:8px}
.var-meta b{color:var(--ink);font-weight:600}
.var-pick{margin-bottom:24px}
.var-pick-label{display:block;font-size:13px;font-weight:600;color:var(--ink-3);margin-bottom:8px}
.var-select-wrap{position:relative;max-width:440px}
.var-select{width:100%;appearance:none;-webkit-appearance:none;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);background:#fff;border:1.6px solid var(--line);border-radius:11px;padding:13px 46px 13px 15px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
.var-select:focus{outline:none;border-color:var(--blue-h);box-shadow:0 0 0 4px rgba(2,132,199,.12)}
.var-select-chev{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--steel);pointer-events:none}
.price-filter{padding:12px 20px 18px}
.price-inputs{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.price-inputs input{width:100%;font-family:inherit;font-size:13.5px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:8px;padding:9px 11px;font-variant-numeric:tabular-nums}
.price-inputs input:focus{outline:none;border-color:var(--blue-h);box-shadow:0 0 0 3px rgba(2,132,199,.12)}
.price-inputs span{color:var(--mist);font-size:13px}
.price-quick{display:flex;flex-direction:column;gap:3px}

/* ---- ARTICLE / PAGE HERO ---- */
.page-hero{padding:60px 0 72px}
.page-hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.page-hero h1{font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin-bottom:22px}
.page-hero .lead{font-size:19px;line-height:1.6;max-width:540px;margin-bottom:30px}
.page-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.meta-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:100px;background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.22);font-size:13.5px;font-weight:600;color:#bfdbfe}
.meta-chip svg{width:16px;height:16px;color:var(--blue-accent)}
.page-hero-cta{display:flex;flex-wrap:wrap;gap:13px}
.section.article{background:var(--bg,#fff);color:var(--text)}

/* ---- SOLUTION PAGE — полная ширина без aside ---- */
.solution-article{background:var(--bg,#fff);padding:56px 0 48px}
.prose.prose--wide{max-width:1100px;overflow:visible}
.prose.prose--wide .wp-block-columns{flex-wrap:nowrap;gap:48px;align-items:start}
.prose.prose--wide .wp-block-column{min-width:0;overflow:visible}
.prose.prose--wide p,.prose.prose--wide li,.prose.prose--wide h2,.prose.prose--wide h3{overflow-wrap:break-word;word-break:break-word}

/* CTA-баннер горизонтальный */
.solution-cta-bar{background:var(--ink);padding:36px 0}
.solution-cta-bar__inner{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.solution-cta-bar__ico{flex-shrink:0;width:52px;height:52px;border-radius:50%;background:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.25);display:flex;align-items:center;justify-content:center;color:var(--blue-accent)}
.solution-cta-bar__text{flex:1;min-width:200px;display:flex;flex-direction:column;gap:4px}
.solution-cta-bar__text strong,.solution-cta-bar__title{font-size:17px;font-weight:700;color:#fff;margin:0}
.solution-cta-bar__text span,.solution-cta-bar__sub{font-size:14px;color:rgba(255,255,255,.65);line-height:1.5;margin:0}
.solution-cta-bar__actions{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap}

@media(max-width:680px){
  .solution-cta-bar__inner{flex-direction:column;align-items:flex-start;gap:20px}
  .solution-cta-bar__actions{width:100%}
  .solution-cta-bar__actions .btn{flex:1;text-align:center}
}
.article.container{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
.article .container{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
.article{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
.prose{max-width:72ch;overflow-wrap:break-word;word-break:break-word;hyphens:none}
.prose>*+*{margin-top:22px}
.prose .intro{font-size:21px;line-height:1.62;color:var(--ink-2);font-weight:500}
.prose p{font-size:17px;line-height:1.72;color:var(--ink-3)}
.prose h2{font-size:clamp(25px,2.6vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.18;color:var(--ink);margin-top:52px;scroll-margin-top:120px}
.prose h2+p{margin-top:16px}
.article-aside{position:sticky;top:108px;display:flex;flex-direction:column;gap:20px}
.toc{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.toc h4{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sub);margin-bottom:16px}
.toc ul{display:flex;flex-direction:column;gap:2px}
.toc a{display:block;font-size:14.5px;font-weight:500;color:var(--ink-3);padding:9px 12px;border-radius:8px;line-height:1.4;transition:background .14s ease,color .14s ease}
.toc a:hover{background:#fff;color:var(--blue)}
.aside-cta{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:28px;position:relative;overflow:hidden;isolation:isolate}
.aside-cta::after{content:"";position:absolute;z-index:-1;width:280px;height:280px;border-radius:50%;top:-120px;right:-90px;background:radial-gradient(circle,rgba(3,105,161,.4),transparent 64%)}
.aside-cta h3{font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px;color:#fff}
.aside-cta p{font-size:14px;color:rgba(255,255,255,.62);line-height:1.55;margin-bottom:20px}
.aside-cta .btn{margin-bottom:10px}
.aside-phone{display:flex;align-items:center;gap:11px;margin-top:6px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.aside-phone svg{width:18px;height:18px;color:var(--blue-accent)}
.aside-phone b{font-size:16px;font-weight:700;display:block;line-height:1.2}
.aside-phone span{font-size:12.5px;color:rgba(255,255,255,.5)}
.benefit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:28px}
.benefit{display:flex;flex-direction:column;gap:12px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.benefit:hover{transform:translateY(-3px);box-shadow:0 6px 28px rgba(8,15,32,.08);border-color:rgba(3,105,161,.22)}
.benefit-ic{width:46px;height:46px;border-radius:11px;background:var(--blue-l);display:grid;place-items:center}
.benefit-ic svg{width:23px;height:23px;color:var(--blue)}
.benefit b{font-size:16.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.benefit p{font-size:14.5px;line-height:1.58;color:var(--sub);margin:0}
.factor-list{display:flex;flex-direction:column;gap:14px;margin-top:28px;counter-reset:fct}
.factor{display:flex;gap:20px;padding:22px 24px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);align-items:flex-start}
.factor::before{counter-increment:fct;content:counter(fct,decimal-leading-zero);font-size:15px;font-weight:800;color:var(--blue);font-variant-numeric:tabular-nums;flex-shrink:0;width:42px;height:42px;border-radius:11px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 1px 2px rgba(8,15,32,.04)}
.factor div{flex:1}
.factor b{display:block;font-size:16.5px;font-weight:600;color:var(--ink);margin-bottom:5px}
.factor p{font-size:14.5px;line-height:1.6;color:var(--ink-3);margin:0}

/* ---- IZDELIYA HUB ---- */
.izd-nav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:48px}
.izd-group{margin-top:60px;scroll-margin-top:108px}
.izd-group:first-of-type{margin-top:0}
.izd-group-head{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.izd-group-ic{width:52px;height:52px;border-radius:13px;background:var(--blue-l);display:grid;place-items:center;flex-shrink:0}
.izd-group-ic svg{width:26px;height:26px;color:var(--blue)}
.izd-group-head h2{font-size:clamp(21px,2.3vw,27px);font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.15}
.izd-group-head .cnt{margin-left:auto;font-size:13.5px;font-weight:600;color:var(--sub);white-space:nowrap}
.izd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.izd-card{display:flex;align-items:center;gap:14px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.izd-card:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(8,15,32,.08);border-color:rgba(3,105,161,.22)}
.izd-card-ic{width:42px;height:42px;border-radius:10px;background:var(--bg-3);display:grid;place-items:center;flex-shrink:0;transition:background .16s ease}
.izd-card-ic svg{width:21px;height:21px;color:var(--blue)}
.izd-card:hover .izd-card-ic{background:var(--blue-l)}
.izd-card b{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.32;flex:1}
.izd-arrow{width:18px;height:18px;color:var(--mist);flex-shrink:0;transition:transform .16s ease,color .16s ease}
.izd-card:hover .izd-arrow{color:var(--blue);transform:translateX(3px)}

/* ---- CONTACTS ---- */
.contacts-pg .container{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.cform{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;box-shadow:0 1px 2px rgba(8,15,32,.04)}
.cform h2{font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}
.cform .sub{font-size:14px;color:var(--sub);margin-bottom:24px}
.field{margin-bottom:16px}
.field label{display:block;font-size:13px;font-weight:600;color:var(--ink-3);margin-bottom:7px}
.field label .opt{color:var(--mist);font-weight:500}
.field input,.field select,.field textarea{width:100%;font-family:inherit;font-size:15px;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.field input::placeholder,.field textarea::placeholder{color:var(--mist)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue-h);background:#fff;box-shadow:0 0 0 4px rgba(2,132,199,.12)}
.field textarea{resize:vertical;min-height:112px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.consent{display:flex;gap:11px;align-items:flex-start;margin:6px 0 18px;font-size:12.5px;color:var(--sub);line-height:1.5}
.consent input{margin-top:2px;width:17px;height:17px;flex-shrink:0;accent-color:var(--blue)}
.consent a{color:var(--blue)}
.cinfo{display:flex;flex-direction:column;gap:14px}
.cinfo-card{display:flex;gap:16px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .15s ease,box-shadow .15s ease}
.cinfo-card:hover{border-color:rgba(3,105,161,.18);box-shadow:0 6px 28px rgba(8,15,32,.08)}
.cinfo-ic{width:48px;height:48px;border-radius:12px;background:var(--blue-l);display:grid;place-items:center;flex-shrink:0}
.cinfo-ic svg{width:23px;height:23px;color:var(--blue)}
.cinfo-card .k{display:block;font-size:13px;color:var(--sub);margin-bottom:5px}
.cinfo-card .v{display:block;font-size:16px;font-weight:600;color:var(--ink);line-height:1.35;letter-spacing:-.01em}
.cinfo-card .v a{color:var(--ink)}
.cinfo-card .v a:hover{color:var(--blue)}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.person{padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.person:hover{transform:translateY(-3px);box-shadow:0 6px 28px rgba(8,15,32,.08);border-color:rgba(3,105,161,.22)}
.person-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.person-av{width:52px;height:52px;border-radius:50%;background:var(--grad-blue);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex-shrink:0}
.person-head b{font-size:16px;font-weight:600;display:block;letter-spacing:-.01em;line-height:1.25}
.person-head .role{display:block;font-size:13px;color:var(--sub);margin-top:2px}
.person-contacts{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}
.person-contacts a{color:var(--ink-3);display:inline-flex;gap:9px;align-items:center;font-size:14px;font-weight:500}
.person-contacts a:hover{color:var(--blue)}
.person-contacts svg{width:15px;height:15px;color:var(--blue);flex-shrink:0}

/* ---- CRUMBS ---- */
.crumbs{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:rgba(255,255,255,.5);margin-bottom:26px;flex-wrap:wrap}
.crumbs a{color:rgba(255,255,255,.62);transition:color .15s ease}
.crumbs a:hover{color:#fff}
.crumbs svg{width:14px;height:14px;opacity:.5}
.crumbs .cur{color:var(--blue-accent)}
.crumbs--light{color:var(--sub)}
.crumbs--light a{color:var(--steel)}
.crumbs--light a:hover{color:var(--blue)}
.crumbs--light .cur{color:var(--ink)}
.crumbs--light svg{color:var(--mist)}

/* ---- SHARED UTILITIES (дубли убраны, правила в SECTION HEAD выше) ---- */

/* ---- RESPONSIVE REDESIGN ---- */
/* На 1025–1380px скрываем Документацию, Новости, Контакты — в nav не влезают */
}
@media(max-width:1380px){
  .header-cta{display:none}
}
@media(max-width:1024px){
  .header .container{gap:18px}
  .nav{display:none}
  .catalog-trigger{display:none}
  .burger{display:grid}
  .foot-top{grid-template-columns:repeat(3,1fr)}
  .foot-top .foot-brand,.foot-top .foot-cta{grid-column:1/-1}
  .catalog-pg .container{grid-template-columns:1fr;gap:24px}
  .filters{position:static}
  .catalog-pg .prod-grid{grid-template-columns:repeat(3,1fr)}
  .product-hero .container{grid-template-columns:1fr;gap:36px}
  .gallery{position:static;max-width:520px}
  .doc-grid,.delivery-info{grid-template-columns:1fr}
  .article.container,.article .container{grid-template-columns:1fr;gap:44px}
  .article{grid-template-columns:1fr;gap:40px}
  .article-aside{position:static;flex-direction:row;flex-wrap:wrap}
  .toc{display:none}
  .aside-cta{flex:1;min-width:280px}
  .page-hero .container{grid-template-columns:1fr;gap:40px}
  .usp-grid{grid-template-columns:repeat(2,1fr);gap:36px 0}
  .usp{padding:0 30px}
  .usp:nth-child(3){padding-left:0;border-left:none}
  .bundle-grid,.news-grid,.rev-grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:repeat(2,1fr);gap:40px 0}
  .step:nth-child(odd){padding-left:0}
  .step:nth-child(2) .step-arrow{display:none}
  .faq-layout{grid-template-columns:1fr;gap:40px}
  .faq-aside{position:static}
  .contacts-pg .container{grid-template-columns:1fr;gap:36px}
  .team-grid{grid-template-columns:1fr 1fr}
  .izd-grid{grid-template-columns:repeat(2,1fr)}
  .relprod-grid{grid-template-columns:repeat(2,1fr)}
  .page-hero-art{display:none}
}
@media(max-width:768px){
  .stats-strip .container{grid-template-columns:repeat(2,1fr);gap:40px 24px}
  .bstat:nth-child(3){border-left:none}
  .catalog-pg .prod-grid{grid-template-columns:repeat(2,1fr)}
  .spec-highlights{grid-template-columns:1fr}
  .benefit-grid{grid-template-columns:1fr}
  .relprod-grid{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .foot-top{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .header .container{gap:8px}
  .logo-txt span{display:none}
  .header-actions{gap:2px}
  .burger{width:40px;height:40px}
  .foot-top{grid-template-columns:1fr}
  .bundle-grid,.news-grid,.rev-grid{grid-template-columns:1fr}
  .usp-grid{grid-template-columns:1fr}
  .usp{padding:0;border-left:none}
  .steps{grid-template-columns:1fr}
  .step{padding-left:0!important}
  .step-arrow{display:none!important}
  .izd-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
  .catalog-pg .prod-grid{grid-template-columns:1fr 1fr;gap:12px}
  .catalog-bar{padding:12px 24px}
  .catalog-mega-inner{padding:24px 24px 20px}
}

/* ---- EV PAGE / ARTICLE EXTRAS ---- */
.page-hero.dark{display:block;background:var(--ink);color:#fff;padding:64px 0 72px}
.page-hero.dark .container{display:block}
.page-hero.dark .container:has(.page-hero-art){display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center}
.page-hero.dark h1{color:#fff;font-size:clamp(28px,3.2vw,46px);line-height:1.1;letter-spacing:-.025em;margin:0 0 18px}
.page-hero.dark .lead{color:rgba(255,255,255,.68);font-size:16px;line-height:1.7}
.page-hero.dark .eyebrow--light{color:var(--blue-accent)}
.page-hero.dark.page-hero--full .container{max-width:840px}
.page-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:160px}
.art-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.28) 0%,transparent 68%);pointer-events:none}
.ev-scene{width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;z-index:1;backdrop-filter:blur(4px)}
.ev-scene svg{color:var(--blue-accent);width:64px;height:64px}
.art-tag{position:absolute;bottom:20px;right:0;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:#fff;border-radius:100px;font-size:13px;font-weight:600;color:var(--ink);z-index:1;box-shadow:0 4px 16px rgba(8,15,32,.14)}
.art-tag svg{color:var(--blue)}
.reason-list{display:flex;flex-direction:column;gap:16px;margin-top:28px}
.reason{display:flex;align-items:flex-start;gap:18px;padding:20px 22px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg)}
.reason-ic{width:44px;height:44px;border-radius:11px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0}
.reason-ic svg{color:var(--blue)}
.reason b{display:block;font-size:15.5px;font-weight:600;color:var(--ink);margin-bottom:4px}
.reason p{font-size:14px;line-height:1.58;color:var(--ink-3);margin:0}
.closing{padding:22px 24px;background:var(--blue-l);border-left:3px solid var(--blue);border-radius:0 var(--r-lg) var(--r-lg) 0;font-size:15.5px;line-height:1.65;color:var(--ink-2);font-style:italic;margin-top:36px!important}
.relprod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
.prod{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;text-decoration:none}
.prod:hover{transform:translateY(-3px);box-shadow:var(--sh-hov);border-color:rgba(3,105,161,.22)}
.prod-media{position:relative;aspect-ratio:4/3;background:#fff;display:grid;place-items:center;border-bottom:1px solid var(--line);overflow:hidden}
.prod-media img,.prod-media svg.ph{max-height:90px;width:auto;object-fit:contain}
.prod-body{display:flex;flex-direction:column;padding:18px 18px 20px;flex:1}
.prod-cat{font-size:12px;font-weight:var(--fw-sb,600);text-transform:uppercase;letter-spacing:.06em;color:var(--blue);margin-bottom:9px}
.prod-name{font-size:15px;font-weight:var(--fw-sb,600);color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px}
.prod-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.prod-req{font-size:14px;font-weight:600;color:var(--steel)}
.prod-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:var(--fw-sb,600);color:var(--blue);transition:gap .16s var(--ease,ease)}
.prod-more svg{width:16px;height:16px}
.prod:hover .prod-more{gap:10px}
.aside-cta-ico{width:52px;height:52px;border-radius:14px;background:rgba(14,165,233,.18);display:grid;place-items:center;margin-bottom:16px}
.aside-cta-ico svg{color:var(--blue-accent)}
.callout{display:flex;gap:14px;padding:20px 22px;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:var(--r);background:var(--bg-2);max-width:680px}
.callout svg{width:22px;height:22px;color:var(--blue);flex-shrink:0}
.callout b{display:block;font-size:15px;font-weight:600;color:var(--ink);margin-bottom:4px}
.callout p{font-size:14px;color:var(--ink-3);line-height:1.55;margin:0}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--r);font-size:14.5px;font-weight:600;border:1px solid rgba(255,255,255,.18);color:#fff;background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease;text-decoration:none;text-align:center}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.36)}
.btn-ghost.btn-block{width:100%;margin-top:10px}
.aside-phone-btn{gap:8px}
.aside-hours{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:13px}
.aside-hours svg{color:rgba(255,255,255,.5);flex-shrink:0}
.aside-hours span{display:flex;flex-direction:column;gap:1px}
.aside-hours b{font-size:13.5px;font-weight:600;color:#fff}
.aside-hours span span{font-size:12px;color:rgba(255,255,255,.5)}

/* ─── NEWS ARCHIVE ───────────────────────────────────────── */
.news-filter-bar{border-bottom:1px solid var(--line);background:#fff;padding:0}
.news-filter-bar .c{overflow-x:auto;-webkit-overflow-scrolling:touch}
.izd-nav{display:flex;align-items:center;gap:8px;padding:16px 0;flex-wrap:nowrap;min-width:max-content}

.tag--active{border-color:var(--blue)!important;color:var(--blue)!important;background:rgba(14,165,233,.08)!important}

.news-archive-wrap{padding:48px 0 64px;background:var(--bg-1)}
.news-archive-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}

.news-grid--archive{grid-template-columns:repeat(3,minmax(0,1fr))}

.news-pagination{display:flex;justify-content:center;margin-top:40px}
.news-pagination .nav-links{display:flex;align-items:center;gap:6px}
.news-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 8px;border-radius:8px;font-size:14px;font-weight:500;color:var(--sub);border:1px solid var(--line);transition:all .15s;background:#fff}
.news-pagination .page-numbers:hover{border-color:var(--blue);color:var(--blue)}
.news-pagination .page-numbers.current{background:var(--blue);color:#fff;border-color:var(--blue)}
.news-pagination .page-numbers.dots{border:none;background:transparent}
.news-pagination .prev.page-numbers,.news-pagination .next.page-numbers{background:#fff}

.news-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px 0;color:var(--mist)}
.news-empty p{font-size:15px}

.news-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:100px}

.news-search{display:flex;gap:8px}
.news-search input{flex:1;padding:9px 14px;border:1px solid var(--line);border-radius:8px;font-size:14px;color:var(--text);background:#fff;outline:none;transition:border-color .15s}
.news-search input:focus{border-color:var(--blue)}
.news-search button{width:38px;height:38px;border-radius:8px;border:1px solid var(--line);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sub);transition:all .15s;flex-shrink:0}
.news-search button:hover{border-color:var(--blue);color:var(--blue)}

.aside-rubrics{display:flex;flex-direction:column;gap:2px}
.aside-rubric-item{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:13.5px;color:var(--text);border-bottom:1px solid var(--line);transition:color .15s}
.aside-rubric-item:last-child{border-bottom:none}
.aside-rubric-item:hover{color:var(--blue)}
.aside-rubric-cnt{font-size:12px;color:var(--mist);background:var(--bg-2);padding:2px 7px;border-radius:20px;font-weight:500}

@media(max-width:1024px){
  .news-archive-grid{grid-template-columns:1fr}
  .news-sidebar{position:static}
  .news-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .news-grid--archive{grid-template-columns:1fr}
}

/* === PIXEL-PERFECT главная: портировано из эталона === */

/* ---- tnum ---- */
.tnum{font-variant-numeric:tabular-nums}

/* ---- h2 heading util ---- */
.h2{font-size:clamp(30px,3.4vw,46px);font-weight:800;letter-spacing:-.02em;line-height:1.08;color:var(--ink)}

/* ---- grad-d (тёмный фон градиентный текст) ---- */
.grad-d{background:var(--grad-blue-dark,linear-gradient(135deg,#60A5FA,#93C5FD));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ---- eyebrow--light (переопределение для тёмного фона) ---- */
/* уже есть упрощённая версия; добавляем ::before из эталона */
.eyebrow--light::before{background:var(--grad-blue-dark,linear-gradient(135deg,#60A5FA,#93C5FD))}

/* ---- HERO (pixel-perfect версия из эталона) ---- */
/* Сетка .hero.dark .container — эталонный двух-колоночный грид */
.hero.dark .container{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.hero-copy{/* контент левой колонки героя */}
.hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:100px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.25);font-size:12.5px;font-weight:var(--fw-sb,600);letter-spacing:.04em;color:#bfdbfe;margin-bottom:26px}
.hero-kicker svg{width:15px;height:15px;color:var(--blue-accent)}
.hero .lead{font-size:19px;max-width:520px;margin-bottom:34px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:48px}
/* hero-stats эталонный (4-колоночная сетка, в отличие от flex-версии темы) */
.hero-stats--grid{display:grid;grid-template-columns:repeat(4,auto);gap:36px}
.hstat .num{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1;background:var(--grad-blue-dark,linear-gradient(135deg,#60A5FA,#93C5FD));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hstat .lbl{font-size:13px;color:rgba(255,255,255,.55);margin-top:7px;font-weight:var(--fw-m,500)}

/* ---- FEATURE CARDS (правая колонка героя) ---- */
.hero-cards{display:flex;flex-direction:column;gap:14px}
.fcard{display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--r-lg);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:transform .18s cubic-bezier(.22,.61,.36,1),background .18s cubic-bezier(.22,.61,.36,1),border-color .18s cubic-bezier(.22,.61,.36,1)}
.fcard:hover{transform:translateY(-2px);background:rgba(255,255,255,.08);border-color:rgba(96,165,250,.35)}
.fcard-ic{width:52px;height:52px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:rgba(96,165,250,.14);border:1px solid rgba(96,165,250,.2)}
.fcard-ic svg{width:26px;height:26px;color:var(--blue-accent)}
.fcard-body{flex:1;min-width:0}
.fcard-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.fcard-top b{font-size:16px;font-weight:var(--fw-sb,600)}
.fcard p{font-size:13.5px;color:rgba(255,255,255,.55);line-height:1.4}
.fpill{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:100px;white-space:nowrap}
.fpill-new{background:rgba(96,165,250,.18);color:#bfdbfe}
.fpill-hit{background:rgba(251,191,36,.16);color:#fcd34d}
.fpill-sale{background:rgba(239,68,68,.16);color:#fca5a5}

/* ---- CATEGORIES (эталонная сетка cat-grid) ---- */
/* Базовый cat-grid из темы использует gap:1px — добавляем эталонный вариант
   для страниц, где используется оригинальная структура из дизайн-файла */
.cat-grid--design{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:16px}

/* cat-lead (2×2 тёмная плитка) */
.cat-lead{grid-column:span 2;grid-row:span 2;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:38px;border-radius:var(--r-lg);background:var(--ink);color:#fff;border:1px solid var(--ink)}
.cat-lead::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(125% 115% at 82% 8%,#000,transparent 72%);mask-image:radial-gradient(125% 115% at 82% 8%,#000,transparent 72%)}
.cat-lead::after{content:"";position:absolute;z-index:-1;width:440px;height:440px;border-radius:50%;top:-170px;right:-130px;background:radial-gradient(circle,rgba(3,105,161,.5) 0%,rgba(3,105,161,0) 64%)}
.cat-lead .eyebrow{margin-bottom:20px}
.cat-lead h3{font-size:clamp(26px,2.5vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin-bottom:14px;color:#fff}
.cat-lead p{color:rgba(255,255,255,.6);font-size:15.5px;line-height:1.55;max-width:380px;text-wrap:pretty}
.cat-lead-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;margin-bottom:auto}
.cat-lead-tags span{font-size:12px;font-weight:700;letter-spacing:.03em;color:#bfdbfe;background:rgba(96,165,250,.13);border:1px solid rgba(96,165,250,.24);padding:7px 13px;border-radius:100px}
.cat-lead .btn{align-self:flex-start;margin-top:30px}
.cat-lead-glyph{position:absolute;right:26px;bottom:22px;width:128px;height:128px;color:rgba(96,165,250,.14);z-index:-1;pointer-events:none}
.cat-lead-glyph svg{width:100%;height:100%}

/* стандартная карточка категории (эталонный вариант) */
.cat{display:flex;flex-direction:column;min-height:168px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);position:relative;overflow:hidden;transition:transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1),border-color .18s cubic-bezier(.22,.61,.36,1)}
.cat::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--grad-blue);transform:scaleX(0);transform-origin:left;transition:transform .26s cubic-bezier(.22,.61,.36,1)}
.cat:hover{transform:translateY(-3px);box-shadow:0 6px 28px rgba(8,15,32,.08);border-color:rgba(3,105,161,.22)}
.cat:hover::after{transform:scaleX(1)}
.cat-ghost{position:absolute;right:-18px;bottom:-22px;width:108px;height:108px;color:var(--bg-3);pointer-events:none;z-index:0;transition:color .22s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1)}
.cat-ghost svg{width:100%;height:100%}
.cat:hover .cat-ghost{color:var(--blue-l);transform:scale(1.07) rotate(-6deg)}
.cat-ic{width:50px;height:50px;border-radius:12px;background:var(--bg-3);display:grid;place-items:center;position:relative;z-index:1;transition:background .2s cubic-bezier(.22,.61,.36,1)}
.cat-ic svg{width:25px;height:25px;color:var(--blue);transition:transform .2s cubic-bezier(.22,.61,.36,1)}
.cat:hover .cat-ic{background:var(--blue-l)}
.cat:hover .cat-ic svg{transform:scale(1.08)}
.cat-body{margin-top:auto;padding-top:18px;position:relative;z-index:1;display:flex;flex-direction:column;gap:9px}
.cat-name{font-size:15.5px;font-weight:var(--fw-sb,600);line-height:1.3;color:var(--ink)}
.cat-count{font-size:13.5px;font-weight:var(--fw-sb,600);color:var(--blue);display:inline-flex;align-items:center;gap:7px}
.cat-count svg{width:15px;height:15px;transition:transform .18s cubic-bezier(.22,.61,.36,1)}
.cat:hover .cat-count svg{transform:translateX(3px)}

/* ---- PROMO SECTION (эталонный вариант) ---- */
.promo{padding:64px 0}
.promo .container{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center}
.promo-copy{/* левая часть промо */}
.promo .eyebrow{margin-bottom:18px}
.promo h2{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px}
.promo p{color:rgba(255,255,255,.62);font-size:17px;max-width:560px;text-wrap:pretty}
.promo-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.promo-right{/* правая часть промо */}
.promo-disc{font-size:clamp(56px,7vw,92px);font-weight:800;letter-spacing:-.04em;line-height:.9;background:var(--grad-blue-dark,linear-gradient(135deg,#60A5FA,#93C5FD));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.promo-feats{display:flex;flex-direction:column;gap:14px}
.promo-feat{display:flex;align-items:center;gap:13px;padding:16px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);font-weight:var(--fw-m,500);font-size:15px}
.promo-feat svg{width:22px;height:22px;color:var(--blue-accent);flex-shrink:0}

/* ---- TABS (эталонный aria-selected вариант) ---- */
.tabs{display:inline-flex;gap:6px;padding:5px;background:var(--bg-3);border-radius:11px;margin-bottom:0}
.tab{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--r);font-size:14.5px;font-weight:var(--fw-sb,600);color:var(--steel);transition:all .16s cubic-bezier(.22,.61,.36,1);background:none;border:none;cursor:pointer;font-family:inherit}
.tab svg{width:16px;height:16px}
.tab[aria-selected="true"]{background:var(--blue);color:#fff;box-shadow:0 2px 10px rgba(3,105,161,.28)}
.tab:not([aria-selected="true"]):hover{color:var(--ink);background:rgba(255,255,255,.7)}
.tabpanel[hidden]{display:none}

/* ---- PRODUCT CARD (эталонный вариант для главной) ---- */
/* prod-grid уже есть; добавляем только отсутствующие модификаторы */
.prod--design{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1),border-color .18s cubic-bezier(.22,.61,.36,1)}
.prod--design:hover{transform:translateY(-3px);box-shadow:0 6px 28px rgba(8,15,32,.08);border-color:rgba(3,105,161,.22)}
.prod--design .prod-media{position:relative;aspect-ratio:4/3;background:#fff;display:grid;place-items:center;border-bottom:1px solid var(--line);overflow:hidden}
.ph{display:block;width:100%;height:100%}
.prod-media .ph{width:64%;height:64%}
.pill{display:inline-flex;align-items:center;gap:7px;border-radius:100px;font-size:12px;font-weight:var(--fw-sb,600);letter-spacing:.02em;padding:6px 13px}
.pill-new{background:var(--blue-l);color:var(--blue)}
.pill-hit{background:#FEF3C7;color:#92400E}
.pill-sale{background:#FEE2E2;color:#B91C1C}
/* prod-badge уже есть в теме; добавляем для .prod (не .prod-card) */
.prod .prod-badge{position:absolute;top:13px;left:13px}
/* prod-body у .prod (не .prod-card) */
.prod--design .prod-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.prod--design .prod-cat{font-size:12px;font-weight:var(--fw-sb,600);letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:9px}
.prod--design .prod-name{font-size:15px;font-weight:var(--fw-sb,600);line-height:1.35;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px}
.prod--design .prod-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.prod--design .prod-price{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.prod--design .prod-price small{display:block;font-size:11.5px;font-weight:var(--fw-m,500);color:var(--sub);letter-spacing:0}
.prod--design .prod-req{font-size:14px;font-weight:var(--fw-sb,600);color:var(--steel)}
.prod--design .prod-price s{color:var(--mist);font-weight:var(--fw-m,500)}
.prod-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:var(--fw-sb,600);color:var(--blue);transition:gap .16s cubic-bezier(.22,.61,.36,1)}
.prod-more svg{width:16px;height:16px}
.prod--design:hover .prod-more{gap:10px}

/* ---- PRODUCT CARD — stretched-link + image + price (A1-A4) ---- */
.prod--design{position:relative}
.prod-link-full{position:absolute;inset:0;z-index:1;font-size:0;color:transparent;overflow:hidden}
.prod--design .prod-media,.prod--design .prod-body{position:relative;z-index:0}
.prod--design .prod-more{position:relative;z-index:2}
.prod--design .prod-media img,.prod--design .prod-media .prod-img{width:auto;height:auto;max-width:80%;max-height:80%;object-fit:contain;transition:transform .3s var(--ease,ease);margin:0;display:block}
.prod--design:hover .prod-media img{transform:scale(1.05)}
.prod--design .prod-price .pl-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.prod--design .prod-price .pl-now{font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.prod--design .prod-price .pl-old{font-size:13px;color:var(--mist);text-decoration:line-through;font-weight:500}
.prod--design .prod-price .pl-disc{font-size:11px;font-weight:700;color:#B91C1C;background:#FEE2E2;padding:2px 7px;border-radius:6px}
.prod-varrow{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.vlabel{font-size:11.5px;font-weight:var(--fw-m,500);color:var(--sub);margin-right:2px}
.var-dot{width:20px;height:20px;border-radius:6px;border:1.5px solid;display:grid;place-items:center;flex-shrink:0}
.var-dot svg{width:12px;height:12px;color:#fff}
.var-more{font-size:11.5px;font-weight:var(--fw-sb,600);color:var(--sub)}
.chiprow{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.af{display:inline-flex;align-items:center;gap:8px;padding:7px 8px 7px 13px;background:var(--blue-l);color:var(--blue);border-radius:100px;font-size:13px;font-weight:var(--fw-sb,600);white-space:nowrap}
.af button{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:none;background:rgba(3,105,161,.16);color:var(--blue);cursor:pointer;padding:0;transition:background .15s}
.af button:hover{background:rgba(3,105,161,.28)}
.af button svg{width:11px;height:11px}

/* ---- DELIVERY (эталонный вариант) ---- */
.delivery{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.delivery .container{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-top:44px;padding-bottom:44px}
.dlv{display:flex;align-items:flex-start;gap:16px;padding:0 30px;border-left:1px solid var(--line)}
.dlv:first-child{padding-left:0;border-left:none}
.dlv:last-child{padding-right:0}
.dlv-ic{width:48px;height:48px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex-shrink:0;box-shadow:0 1px 2px rgba(8,15,32,.04)}
.dlv-ic svg{width:24px;height:24px;color:var(--blue)}
.dlv b{display:block;font-size:15.5px;font-weight:var(--fw-sb,600);margin-bottom:5px}
.dlv p{font-size:13.5px;color:var(--sub);line-height:1.5}

/* ---- BRAND GRID (эталонный вариант) ---- */
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.brand{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);min-height:172px;transition:transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1),border-color .18s cubic-bezier(.22,.61,.36,1)}
.brand:hover{transform:translateY(-3px);box-shadow:var(--sh-hov);border-color:rgba(3,105,161,.22)}
.brand-logo{font-size:23px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.brand-logo span{color:var(--blue)}
.brand p{font-size:13.5px;color:var(--sub);line-height:1.45}
.brand-count{font-size:13px;font-weight:var(--fw-sb,600);color:var(--blue);display:flex;align-items:center;gap:6px}
.brand-count svg{width:14px;height:14px}

/* ---- CTA SECTION (эталонный .cta, не конфликтует с .cta-sec) ---- */
.cta{text-align:center}
.cta .container{max-width:760px}
.cta .eyebrow{margin-bottom:20px}
.cta h2{font-size:clamp(32px,4vw,52px);margin-bottom:20px}
.cta p{color:rgba(255,255,255,.62);font-size:19px;margin-bottom:38px;text-wrap:pretty}
.cta-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ---- CNT (счётчик отзывов под рейтингом) ---- */
.cnt{font-size:13.5px;color:var(--sub);margin-top:4px}

/* ---- RESPONSIVE для добавленных компонентов ---- */
@media(max-width:1200px){
  .hero.dark .container{gap:44px}
  .cat-grid--design,.brand-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1024px){
  .hero.dark .container{grid-template-columns:1fr;gap:48px}
  .hero-cards{max-width:560px}
  .promo .container{grid-template-columns:1fr;gap:32px}
  .promo-disc{order:-1}
  .delivery .container{grid-template-columns:repeat(2,1fr);gap:34px 0}
  .dlv:nth-child(3){padding-left:0;border-left:none}
  .cat-lead{grid-row:span 1}
}
@media(max-width:768px){
  .cat-grid--design,.brand-grid{grid-template-columns:repeat(2,1fr)}
  .hero-stats--grid{grid-template-columns:repeat(2,1fr);gap:30px 24px}
  .delivery .container{grid-template-columns:repeat(2,1fr);gap:34px 0}
}
@media(max-width:560px){
  .cat-grid--design{grid-template-columns:1fr 1fr;gap:12px}
  .cat-lead{grid-row:span 1;padding:26px}
  .cat-lead .btn{margin-top:22px}
  .brand-grid{grid-template-columns:1fr}
  .tabs{width:100%;overflow-x:auto}
  .delivery .container{grid-template-columns:1fr;gap:24px}
  .dlv{padding-left:0;border-left:none}
}

/* crumbs внутри cat-hero (каталог) */
.cat-hero .crumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,.4);margin-bottom:16px}
.cat-hero .crumbs a{color:rgba(255,255,255,.4);text-decoration:none}
.cat-hero .crumbs a:hover{color:rgba(255,255,255,.7)}
.cat-hero .crumbs svg{width:14px;height:14px;opacity:.5}
.cat-hero .crumbs .cur{color:rgba(255,255,255,.7)}

/* бейдж категории в галерее карточки */
.gallery-main .gtag{position:absolute;top:16px;left:16px;z-index:2}

/* WooCommerce-пагинация в стиле эталона .pagination */
.ep-theme .woocommerce-pagination ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:44px 0 0;padding:0;border:none;list-style:none}
.ep-theme .woocommerce-pagination ul li{border:none;margin:0}
.ep-theme .woocommerce-pagination .page-numbers{min-width:42px;height:42px;padding:0 12px;border-radius:9px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:600;color:var(--steel);font-variant-numeric:tabular-nums;transition:all .14s ease;background:#fff;text-decoration:none}
.ep-theme .woocommerce-pagination .page-numbers:hover{border-color:var(--blue);color:var(--blue)}
.ep-theme .woocommerce-pagination .page-numbers.current{background:var(--blue);border-color:var(--blue);color:#fff}
.ep-theme .woocommerce-pagination .page-numbers.dots{border:none;background:transparent;color:var(--mist)}

/* ── Cert gallery grid (page-sertifikaty) ── */
.cert-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.cert-thumb{display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;text-decoration:none;transition:box-shadow .18s,border-color .18s}
.cert-thumb:hover{box-shadow:0 4px 20px rgba(8,15,32,.08);border-color:rgba(3,105,161,.22)}
.cert-thumb img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.cert-thumb-cap{padding:10px 12px;font-size:12px;font-weight:600;color:var(--steel);text-align:center;background:var(--bg-2);width:100%;border-top:1px solid var(--line)}
@media(max-width:900px){.cert-gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.cert-gallery-grid{grid-template-columns:1fr}}

/* ── Certs wide grid — полноширинные карточки (lovato-lab стиль) ── */
.certs-wide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.cert-wide-card{display:flex;align-items:flex-start;gap:16px;padding:24px 20px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);transition:border-color .18s,box-shadow .18s}
.cert-wide-card:hover{border-color:rgba(3,105,161,.3);box-shadow:0 4px 20px rgba(8,15,32,.07)}
.cert-wide-ico{flex-shrink:0;width:44px;height:44px;border-radius:10px;background:rgba(3,105,161,.08);border:1px solid rgba(3,105,161,.15);display:flex;align-items:center;justify-content:center;color:var(--blue)}
.cert-wide-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.cert-wide-name{font-size:16px;font-weight:700;color:var(--ink);line-height:1.3}
.cert-wide-sub{font-size:13px;color:var(--steel);line-height:1.45}
@media(max-width:900px){.certs-wide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.certs-wide-grid{grid-template-columns:1fr}}

/* ── Контакты: contacts section layout (pixel-perfect эталон) ── */
.section.contacts .container{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
@media(max-width:900px){.section.contacts .container{grid-template-columns:1fr;gap:36px}}

/* ── cinfo-card .meta (подпись в карточке контакта) ── */
.cinfo-card .meta{display:block;font-size:13px;color:var(--sub);margin-top:5px}
.cinfo-card>span:last-child{min-width:0}

/* ── cmap — карта-заглушка ── */
.cmap{height:300px;border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;position:relative;background:#EAF0F6;background-image:linear-gradient(rgba(3,105,161,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(3,105,161,.06) 1px,transparent 1px);background-size:38px 38px}
.cmap-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:8px}
.cmap-pin .pinmark{width:48px;height:48px;border-radius:50% 50% 50% 0;background:var(--blue);transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 8px 22px rgba(3,105,161,.4)}
.cmap-pin .pinmark svg{width:22px;height:22px;color:#fff;transform:rotate(45deg)}
.cmap-label{background:#fff;border:1px solid var(--line);border-radius:100px;padding:7px 15px;font-size:13px;font-weight:600;color:var(--ink);box-shadow:0 1px 4px rgba(8,15,32,.07);white-space:nowrap}

/* ── LOVATO Lab prose — Gutenberg-контент внутри article-aside layout ── */
.lovato-lab-prose{max-width:none}
.lovato-lab-prose .wp-block-columns{display:flex!important;flex-wrap:nowrap!important;gap:32px;align-items:start;margin-bottom:32px}
.lovato-lab-prose .wp-block-columns > .wp-block-column:first-child{flex:0 0 36%!important;min-width:0}
.lovato-lab-prose .wp-block-columns > .wp-block-column:last-child{flex:1 1 0!important;min-width:0}
.lovato-lab-prose .wp-block-image{margin:0}
.lovato-lab-prose .wp-block-image img{width:100%;height:auto;border-radius:var(--r-lg);display:block}
.lovato-lab-prose p{font-size:15.5px;line-height:1.7;color:var(--ink-3);margin-bottom:14px}
.lovato-lab-prose p:last-child{margin-bottom:0}
.lovato-lab-prose ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin:12px 0 16px}
.lovato-lab-prose ul li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.6;color:var(--ink-3)}
.lovato-lab-prose ul li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue);flex-shrink:0;margin-top:7px}
.lovato-lab-prose figure.wp-block-image{margin:24px 0}
.lovato-lab-prose figure.wp-block-image img{border-radius:var(--r-lg);width:100%;height:auto;object-fit:cover;max-height:320px}
@media(max-width:768px){
  .lovato-lab-prose .wp-block-columns{flex-direction:column!important;gap:20px}
  .lovato-lab-prose .wp-block-columns > .wp-block-column:first-child,.lovato-lab-prose .wp-block-columns > .wp-block-column:last-child{flex:1 1 auto!important}
}

/* ── news-ph — заглушка для карточки без миниатюры ── */
.news-ph{width:100%;height:100%;display:grid;place-items:center;background:var(--bg-3)}
.news-ph svg{width:34px;height:34px;color:#C2CEDD}
.news-ph .lbl{font:600 10.5px/1 ui-monospace,'SFMono-Regular',monospace;letter-spacing:.14em;color:var(--mist);text-transform:uppercase;margin-top:10px}
.news-ph .col{display:flex;flex-direction:column;align-items:center}

/* ── cform: consent & note (эталон Контакты) ── */
.cform .consent{display:flex;gap:11px;align-items:flex-start;margin:6px 0 18px;font-size:12.5px;color:var(--sub);line-height:1.5}
.cform .consent input{margin-top:2px;width:17px;height:17px;flex-shrink:0;accent-color:var(--blue)}
.cform .consent a{color:var(--blue)}
.cform-note{font-size:13px;color:var(--sub);margin-top:14px;display:flex;align-items:center;gap:8px}
.cform-note svg{width:16px;height:16px;color:var(--blue);flex-shrink:0}

/* ── news-filter-bar active tab ── */
.tag--active{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}

/* ============================================================
   PRODUCT PAGE v3 — карточка товара (_design2/v3)
   Дополнения к старому блоку PRODUCT PAGE: ordercode-lg, pblock-grid,
   doc-primary, media-grid, tag-chip, logi-grid, kp-aside, empty-note,
   prod-ph/prod-photo (галерея + related stretched-link).
   ============================================================ */

/* галерея: фото поверх плейсхолдера */
.prod-ph{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:9px;background:repeating-linear-gradient(135deg,#EEF3F8 0 12px,#F4F8FC 12px 24px)}
.prod-ph svg{width:34px;height:34px;color:#C2CEDD}
.prod-ph .lbl{font:600 10px/1 ui-monospace,'SFMono-Regular',monospace;letter-spacing:.12em;color:var(--mist);text-transform:uppercase}
.gallery-main .prod-ph{position:absolute;inset:0}
.gallery-main img.gmain-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%;background:#fff}
.prod-media .prod-ph{position:absolute;inset:0}
.prod-media img.prod-photo{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;padding:10%;background:#fff;z-index:1}
.prod-media:has(img.prod-photo) .prod-ph{display:none}
.thumb{position:relative}
.thumb .prod-ph{position:absolute;inset:0;background:none}
.thumb .prod-ph svg{width:42%;height:42%}
.thumb .prod-ph .lbl{display:none}
.thumb img.prod-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14%;background:#fff;border-radius:7px}

/* код заказа крупно */
.pinfo .ordercode-lg{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ordercode-lg .oc-k{font-size:12px;font-weight:var(--fw-sb);letter-spacing:.1em;text-transform:uppercase;color:var(--sub)}
.ordercode-lg .oc-v{font:700 17px/1 ui-monospace,'SFMono-Regular',monospace;letter-spacing:.04em;color:var(--blue);background:var(--blue-l);padding:8px 13px;border-radius:8px}
.ordercode-lg .oc-copy{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--steel);flex-shrink:0;cursor:pointer;transition:border-color .14s var(--ease),color .14s var(--ease)}
.ordercode-lg .oc-copy:hover{border-color:var(--blue);color:var(--blue)}
.ordercode-lg .oc-copy.copied{border-color:#1F8A5B;color:#1F8A5B}
.ordercode-lg .oc-copy svg{width:16px;height:16px}

/* блоки spec/docs/logi + sticky kp */
.pblock-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:start}
.pblock{padding:46px 0;border-top:1px solid var(--line)}
.pblock:first-child{border-top:none;padding-top:8px}
.pblock-head{display:flex;align-items:center;gap:13px;margin-bottom:24px}
.pblock-head .pb-ic{width:44px;height:44px;border-radius:12px;background:var(--blue-l);display:grid;place-items:center;flex-shrink:0}
.pblock-head .pb-ic svg{width:22px;height:22px;color:var(--blue)}
.pblock-head h2{font-size:clamp(20px,2.2vw,27px);font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.15}
.pblock-head .pb-cnt{margin-left:auto;font-size:13px;color:var(--sub);font-weight:var(--fw-sb);white-space:nowrap}

/* документация — заметная карточка даташита */
.doc-primary{display:flex;align-items:center;gap:20px;padding:24px 26px;border-radius:var(--r-lg);background:var(--ink);color:#fff;position:relative;overflow:hidden;isolation:isolate;margin-bottom:16px;text-decoration:none}
.doc-primary::after{content:"";position:absolute;z-index:-1;width:340px;height:340px;border-radius:50%;top:-160px;right:-70px;background:radial-gradient(circle,rgba(3,105,161,.42),transparent 64%)}
.doc-primary .dp-ic{width:56px;height:56px;border-radius:13px;background:rgba(96,165,250,.16);border:1px solid rgba(96,165,250,.28);display:grid;place-items:center;flex-shrink:0}
.doc-primary .dp-ic svg{width:28px;height:28px;color:var(--blue-accent)}
.doc-primary .dp-txt{flex:1;min-width:0}
.doc-primary .dp-txt b{display:block;font-size:17px;font-weight:var(--fw-sb);line-height:1.3}
.doc-primary .dp-txt span{font-size:13px;color:rgba(255,255,255,.6)}
.doc-primary .btn{flex-shrink:0}

/* медиа-карточки 360/видео/схема */
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.media-card{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);text-decoration:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease),transform .15s var(--ease)}
.media-card:hover{border-color:rgba(3,105,161,.22);box-shadow:var(--sh-hov);transform:translateY(-2px)}
.media-card .mc-ic{width:44px;height:44px;border-radius:11px;background:var(--blue-l);display:grid;place-items:center;flex-shrink:0}
.media-card .mc-ic svg{width:22px;height:22px;color:var(--blue)}
.media-card b{display:block;font-size:14.5px;font-weight:var(--fw-sb);color:var(--ink);line-height:1.25}
.media-card span{font-size:12.5px;color:var(--sub)}

/* чипы сертификатов */
.tag-list{display:flex;flex-wrap:wrap;gap:10px}
.tag-chip{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line);font-size:14px;font-weight:var(--fw-sb);color:var(--ink-3)}
.tag-chip svg{width:18px;height:18px;color:var(--blue);flex-shrink:0}

/* логистика */
.logi-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.logi-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.logi-row .k{color:var(--steel);min-width:0;font-weight:var(--fw-m)}
.logi-row .v{font-weight:var(--fw-sb);color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}

/* sticky aside КП */
.kp-aside{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:28px;position:relative;overflow:hidden;isolation:isolate;position:sticky;top:108px}
.kp-aside::after{content:"";position:absolute;z-index:-1;width:280px;height:280px;border-radius:50%;top:-120px;right:-90px;background:radial-gradient(circle,rgba(3,105,161,.4),transparent 64%)}
.kp-aside h3{font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px;color:#fff}
.kp-aside p{font-size:14px;color:rgba(255,255,255,.62);line-height:1.55;margin-bottom:20px}
.kp-aside .btn{margin-bottom:10px}
.kp-field{margin-bottom:12px}
.kp-field input,.kp-field textarea{width:100%;font-family:inherit;font-size:14.5px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--r,10px);padding:11px 13px;transition:border-color .15s var(--ease),background .15s var(--ease)}
.kp-field input::placeholder,.kp-field textarea::placeholder{color:rgba(255,255,255,.42)}
.kp-field input:focus,.kp-field textarea:focus{outline:none;border-color:var(--blue-accent);background:rgba(255,255,255,.1)}
.kp-field textarea{resize:vertical;min-height:74px}
.kp-mgr{display:flex;align-items:center;gap:11px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.kp-mgr svg{width:18px;height:18px;color:var(--blue-accent);flex-shrink:0}
.kp-mgr b{font-size:15px;font-weight:700;display:block;line-height:1.2}
.kp-mgr span{font-size:12.5px;color:rgba(255,255,255,.5)}

/* пустой блок-заглушка */
.empty-note{display:flex;align-items:center;gap:13px;padding:18px 20px;background:var(--bg-2);border:1px dashed var(--line);border-radius:var(--r-lg);color:var(--sub);font-size:14px;line-height:1.45}
.empty-note svg{width:20px;height:20px;color:var(--mist);flex-shrink:0}
.empty-note b{color:var(--ink-3);font-weight:var(--fw-sb)}

/* related: 4 колонки + stretched-link */
.relprod-grid{grid-template-columns:repeat(4,1fr);gap:18px}
.relprod-grid .prod{position:relative}
.relprod-grid .prod-name{-webkit-line-clamp:3;min-height:60px}
.prod-link{position:absolute;inset:0;z-index:1;border-radius:var(--r-lg)}
.prod-link .sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.prod-more{position:relative;z-index:2}

@media(max-width:1024px){
  .pblock-grid{grid-template-columns:1fr;gap:32px}
  .relprod-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .media-grid{grid-template-columns:1fr}
  .logi-grid{grid-template-columns:1fr;gap:0}
}
@media(max-width:640px){
  .relprod-grid{grid-template-columns:1fr 1fr;gap:12px}
}
@media(max-width:560px){
  .doc-primary{flex-direction:column;align-items:flex-start;gap:16px}
  .doc-primary .btn{width:100%}
}

/* === HUB === */
.hub-intro{max-width:680px;margin-bottom:40px}
.hub-section{margin-top:56px}
.hub-section:first-of-type{margin-top:0}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:1024px){.hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hub-grid{grid-template-columns:1fr}}
.hubcard{display:flex;flex-direction:column;min-height:170px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);position:relative;overflow:hidden;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}
.hubcard::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--grad-blue);transform:scaleX(0);transform-origin:left;transition:transform .26s var(--ease)}
.hubcard:hover{transform:translateY(-3px);box-shadow:var(--sh-hov);border-color:rgba(3,105,161,.22)}
.hubcard:hover::after{transform:scaleX(1)}
.hubcard-ic{width:50px;height:50px;border-radius:12px;background:var(--bg-3);display:grid;place-items:center;transition:background .2s var(--ease)}
.hubcard-ic svg{width:25px;height:25px;color:var(--blue)}
.hubcard:hover .hubcard-ic{background:var(--blue-l)}
.hubcard-name{font-size:16px;font-weight:var(--fw-sb);line-height:1.3;color:var(--ink);margin-top:auto;padding-top:18px}
.hubcard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.hubcard-count{font-size:13.5px;font-weight:var(--fw-sb);color:var(--blue);display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.hubcard-count svg{width:15px;height:15px;transition:transform .18s var(--ease)}
.hubcard:hover .hubcard-count svg{transform:translateX(3px)}
.hubcard.is-empty{opacity:.72}
.hubcard.is-empty .hubcard-count{color:var(--mist)}
.brand-note{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:var(--fw-sb);letter-spacing:.04em;text-transform:uppercase;color:var(--steel);background:var(--bg-3);border:1px solid var(--line);padding:6px 12px;border-radius:100px}
.brand-note svg{width:14px;height:14px;color:var(--blue)}

/* === BRAND GRID === */
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.brand{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);min-height:172px;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}
.brand:hover{transform:translateY(-3px);box-shadow:var(--sh-hov);border-color:rgba(3,105,161,.22)}
.brand-logo{font-size:23px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.brand-logo span{color:var(--blue)}
.brand p{font-size:13.5px;color:var(--sub);line-height:1.45}
.brand-count{font-size:13px;font-weight:var(--fw-sb);color:var(--blue);display:flex;align-items:center;gap:6px}
.brand-count svg{width:14px;height:14px}

/* ═══════════════════════════════════════════════════
   PAGE: КОМПЛЕКТНЫЕ РЕШЕНИЯ (page-resheniya.php)
   ═══════════════════════════════════════════════════ */

/* Hero layout */
.sol-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.sol-hero-copy{padding-top:8px}
.sol-hero-copy h1{margin-bottom:18px}
.sol-hero-copy .lead{margin-bottom:28px}
.sol-hero-cards{display:flex;flex-direction:column;gap:14px}

/* Sol-grid — сетка 3 колонки */
.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}

/* Базовая карточка решения */
.sol{display:flex;flex-direction:column;border:1.5px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}
.sol:hover{transform:translateY(-3px);box-shadow:var(--sh-hov);border-color:rgba(3,105,161,.25)}

.sol-head{padding:26px 26px 20px;border-bottom:1px solid var(--line)}
.sol-ico{width:52px;height:52px;border-radius:12px;background:var(--blue-l);display:grid;place-items:center;margin-bottom:16px;border:1px solid rgba(3,105,161,.12)}
.sol-ico svg{width:26px;height:26px;color:var(--blue)}
.sol-head h3{font-size:18px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.sol-desc{font-size:13.5px;color:var(--sub);line-height:1.45;margin:0}
.sol-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:rgba(245,158,11,.14);color:#92400e;border:1px solid rgba(245,158,11,.26);margin-bottom:10px}

/* Hit-вариант — тёмный header */
.sol--hit .sol-head{background:linear-gradient(135deg,var(--ink) 0%,#0f2244 100%);border-bottom:none;position:relative;overflow:hidden}
.sol--hit .sol-head::after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:rgba(3,105,161,.18);pointer-events:none}
.sol--hit .sol-ico{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}
.sol--hit .sol-ico svg{color:#93c5fd}
.sol--hit .sol-head h3{color:#fff}
.sol--hit .sol-desc{color:rgba(255,255,255,.55)}
.sol--hit .sol-badge{background:rgba(245,158,11,.22);border-color:rgba(245,158,11,.4);color:#fcd34d}

/* Sol body */
.sol-body{padding:22px 26px;flex:1;display:flex;flex-direction:column;gap:18px}
.sol-items{list-style:none;display:flex;flex-direction:column;gap:9px}
.sol-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ink-3)}
.sol-item svg{width:16px;height:16px;color:var(--blue);flex-shrink:0;margin-top:2px}
.sol-tags{display:flex;flex-wrap:wrap;gap:7px}
.sol-tag{font-size:12px;font-weight:600;color:var(--steel);background:var(--bg-2);border:1px solid var(--line);padding:4px 11px;border-radius:100px}

/* Sol foot */
.sol-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 26px;border-top:1px solid var(--line);margin-top:auto}

/* Sol-types — отраслевые решения */
.sol-types{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sol-type{display:flex;align-items:center;gap:16px;padding:22px 22px;border:1.5px solid var(--line);border-radius:var(--r-lg);background:#fff;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease)}
.sol-type:hover{transform:translateY(-2px);box-shadow:var(--sh-hov);border-color:rgba(3,105,161,.25)}
.sol-type-ic{width:46px;height:46px;border-radius:10px;background:var(--blue-l);display:grid;place-items:center;flex-shrink:0;border:1px solid rgba(3,105,161,.1)}
.sol-type-ic svg{width:22px;height:22px;color:var(--blue)}
.sol-type-title{flex:1;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.3}
.sol-type-arrow{width:18px;height:18px;color:var(--mist);flex-shrink:0;transition:transform .18s var(--ease),color .18s var(--ease)}
.sol-type:hover .sol-type-arrow{transform:translateX(3px);color:var(--blue)}

/* How-grid — 4 шага */
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:start;margin-top:48px}
.how-step{position:relative;padding:0 28px}
.how-step:first-child{padding-left:0}
.how-step:last-child{padding-right:0}
.how-num{font-size:15px;font-weight:800;color:#fff;background:var(--grad-blue);width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:22px;box-shadow:0 6px 18px rgba(3,105,161,.28)}
.how-step h3{font-size:17px;font-weight:700;margin-bottom:10px}
.how-step p{font-size:14px;color:var(--sub);line-height:1.55}
.how-arrow{position:absolute;top:11px;right:-10px;color:var(--line)}
.how-arrow svg{width:20px;height:20px}

/* Responsive */
@media(max-width:1100px){
  .sol-hero-inner{grid-template-columns:1fr}
  .sol-hero-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  .sol-grid{grid-template-columns:repeat(2,1fr)}
  .sol-types{grid-template-columns:repeat(2,1fr)}
  .how-grid{grid-template-columns:repeat(2,1fr);gap:32px}
  .how-step{padding:0}
  .how-arrow{display:none}
}
@media(max-width:640px){
  .sol-hero-cards{grid-template-columns:1fr}
  .sol-grid{grid-template-columns:1fr}
  .sol-types{grid-template-columns:1fr}
  .how-grid{grid-template-columns:1fr}
}

/* ─── META CHIPS (hero) ──────────────────────────────────── */
.meta-chips{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 28px}
.meta-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:100px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:600;color:rgba(255,255,255,.82);backdrop-filter:blur(4px)}
.meta-chip svg{width:14px;height:14px;color:var(--blue-accent);flex-shrink:0}
.meta-chip.accent{background:rgba(3,105,161,.22);border-color:rgba(3,105,161,.4);color:#93c5fd}

/* ─── FEATURE CARDS in hero (right column) ──────────────── */
.hero-fcards{display:flex;flex-direction:column;gap:12px}
.fcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:20px 22px;transition:background .2s}
.fcard:hover{background:rgba(255,255,255,.09)}
.fcard::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
.fcard{position:relative}
.fcard-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:9px}
.fcard-ic{width:38px;height:38px;border-radius:9px;background:rgba(3,105,161,.22);border:1px solid rgba(3,105,161,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fcard-ic svg{width:18px;height:18px;color:#93c5fd}
.fcard-name{font-size:14px;font-weight:700;color:#fff;line-height:1.3;margin-bottom:3px}
.fcard-desc{font-size:12.5px;color:rgba(255,255,255,.52);line-height:1.5}

/* ─── page-hero .container adaptive ─────────────────────── */
@media(max-width:900px){
  .page-hero.dark .container:has(.page-hero-art){grid-template-columns:1fr;gap:40px}
  .hero-fcards{display:grid;grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .page-hero.dark{padding:48px 0 52px}
  .hero-fcards{grid-template-columns:1fr}
}

/* ═══════════════════════════════════════════════════════════
   BRAND PAGES — Terasaki / Mitsubishi Electric
   ═══════════════════════════════════════════════════════════ */

/* Brand hero logo */
.brand-hero-logo{margin-bottom:24px}
.brand-hero-logo .brand-logo-text{font-size:clamp(42px,6vw,68px);font-weight:900;color:#fff;letter-spacing:-2px;line-height:1;display:flex;align-items:baseline;gap:0}
.brand-hero-logo .brand-accent{color:var(--blue-accent)}

/* Mitsubishi logo */
.me-hero-logo{display:flex;align-items:center;gap:18px;margin-bottom:28px}
.me-logo-diamond{width:52px;height:52px;background:var(--grad-blue);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);flex-shrink:0}
.me-name{font-size:clamp(22px,3vw,34px);font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1.1}
.me-sub{font-size:14px;font-weight:500;color:rgba(255,255,255,.5);margin-top:3px;letter-spacing:.02em}

/* page-hero-meta chips for dark hero */
.page-hero.dark .page-hero-meta{margin-top:20px;margin-bottom:28px}
.page-hero.dark .page-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* bfact strip */
.brand-about{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0}
.brand-about .container{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.bfact{padding:20px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.bfact:last-child{border-right:none}
.bfact-num{font-size:clamp(28px,3.5vw,40px);font-weight:900;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.bfact-lbl{font-size:13px;color:var(--sub);font-weight:500}

/* Terasaki category cards */
.tera-cats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.tera-cat{display:flex;flex-direction:column;border:1.5px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s,transform .2s}
.tera-cat:hover{box-shadow:var(--sh-lift);border-color:rgba(3,105,161,.3);transform:translateY(-3px)}
.tera-cat-head{padding:28px 32px 20px;background:linear-gradient(135deg,var(--ink) 0%,var(--ink-2) 100%);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative;overflow:hidden}
.tera-cat-head::after{content:"";position:absolute;right:-24px;top:-24px;width:110px;height:110px;border-radius:50%;background:rgba(3,105,161,.14)}
.tera-cat-ic{width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}
.tera-cat-ic svg{width:26px;height:26px;color:#93c5fd}
.tera-cat-count{font-size:clamp(38px,5vw,56px);font-weight:900;color:rgba(255,255,255,.12);line-height:1;letter-spacing:-.04em;position:relative;z-index:1}
.tera-cat-body{padding:24px 32px;flex:1;display:flex;flex-direction:column;gap:10px}
.tera-cat-body h3{font-size:19px;font-weight:700;color:var(--ink);margin:0}
.tera-cat-body p{font-size:13.5px;color:var(--sub);line-height:1.55;margin:0}
.tera-cat-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}
.tera-cat-tag{font-size:11.5px;font-weight:600;color:var(--steel);background:var(--bg-3);border:1px solid var(--line);padding:4px 10px;border-radius:100px}
.tera-cat-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-top:1px solid var(--line);background:var(--bg-2)}
.tera-cat-foot span{font-size:13px;color:var(--sub);font-weight:500}
.tera-cat-foot .tera-more{display:flex;align-items:center;gap:5px;font-size:13.5px;font-weight:700;color:var(--blue);transition:gap .15s}
.tera-cat:hover .tera-more{gap:9px}

/* Brand about grid (2-col: text + cards) */
.brand-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.brand-checklist{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.brand-check{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--ink-3);line-height:1.5}
.brand-check svg{width:18px;height:18px;color:var(--blue);flex-shrink:0;margin-top:2px}
.bfact-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bfact-card{padding:22px 20px;border:1.5px solid var(--line);border-radius:var(--r-lg);background:#fff;display:flex;flex-direction:column;gap:8px;transition:box-shadow .18s,border-color .18s}
.bfact-card:hover{border-color:rgba(3,105,161,.25);box-shadow:var(--sh-hov)}
.bfact-card-num{font-size:22px;font-weight:900;color:var(--ink);line-height:1;letter-spacing:-.02em}
.bfact-card-lbl{font-size:12.5px;color:var(--sub);line-height:1.4}

/* Mitsubishi product lines */
.me-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.me-cat{display:flex;flex-direction:column;padding:24px;border:1.5px solid var(--line);border-radius:var(--r-lg);background:#fff;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s,transform .2s;position:relative;overflow:hidden}
.me-cat::after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--grad-blue);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}
.me-cat:hover{box-shadow:var(--sh-hov);border-color:rgba(3,105,161,.25);transform:translateY(-2px)}
.me-cat:hover::after{transform:scaleX(1)}
.me-cat-ic{width:48px;height:48px;border-radius:11px;background:var(--blue-l);display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid rgba(3,105,161,.12)}
.me-cat-ic svg{width:24px;height:24px;color:var(--blue)}
.me-cat h3{font-size:15px;font-weight:700;color:var(--ink);line-height:1.35;margin-bottom:6px}
.me-cat p{font-size:13px;color:var(--sub);line-height:1.5;flex:1;margin:0}
.me-cat-series{font-size:11px;font-weight:700;color:var(--mist);text-transform:uppercase;letter-spacing:.06em;margin-top:12px;margin-bottom:14px}
.me-cat-foot{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--blue);margin-top:auto;transition:gap .15s}
.me-cat:hover .me-cat-foot{gap:9px}
.me-cat-foot svg{width:14px;height:14px}

/* ═══════════════════════════════════════════════════════════
   ИЗБРАННОЕ
   ═══════════════════════════════════════════════════════════ */
.fav-hero{background:var(--bg-2);border-bottom:1px solid var(--line);padding:36px 0}
.fav-hero h1{font-size:clamp(26px,3vw,38px);font-weight:800;color:var(--ink);margin:12px 0 0}
.fav-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.fav-count{font-size:15px;font-weight:600;color:var(--sub)}
.fav-count strong{color:var(--ink)}
.fav-actions{display:flex;gap:10px}
.fav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}
.fav-prod{position:relative;border:1.5px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:#fff;transition:box-shadow .18s,border-color .18s}
.fav-prod:hover{box-shadow:var(--sh-hov);border-color:rgba(3,105,161,.2)}
.fav-remove{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:7px;border:1.5px solid var(--line);background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mist);transition:all .15s;z-index:2;opacity:0}
.fav-prod:hover .fav-remove{opacity:1}
.fav-remove:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}
.fav-remove svg{width:13px;height:13px}
.fav-media{aspect-ratio:4/3;background:var(--bg-3);display:flex;align-items:center;justify-content:center;overflow:hidden}
.fav-media img{width:100%;height:100%;object-fit:contain;padding:16px}
.fav-body{padding:14px 16px 16px}
.fav-brand{font-size:10.5px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}
.fav-name{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;margin-bottom:6px}
.fav-art{font-size:11.5px;color:var(--mist);font-family:'Courier New',monospace;letter-spacing:.03em;margin-bottom:14px}
.fav-foot{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:12px}
.fav-foot .btn{flex:1;padding:8px 12px;font-size:12.5px}
.fav-compare{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1.5px solid var(--line);border-radius:7px;color:var(--mist);cursor:pointer;transition:all .15s;flex-shrink:0;background:#fff}
.fav-compare:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-l)}
.fav-compare svg{width:15px;height:15px}
.empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 24px;text-align:center}
.empty-state.hidden,.empty-cmp-state.hidden{display:none!important}
.empty-state.is-visible{display:flex}
.empty-state svg{width:48px;height:48px;color:var(--line)}
.empty-state h2{font-size:20px;font-weight:700;color:var(--ink)}
.empty-state p{font-size:14.5px;color:var(--sub);max-width:360px}
.kp-banner{background:var(--ink);border-radius:var(--r-lg);padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:16px}
.kp-banner-left{display:flex;align-items:center;gap:18px}
.kp-banner-ic{width:48px;height:48px;border-radius:50%;background:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kp-banner-ic svg{width:22px;height:22px;color:var(--blue-accent)}
.kp-banner-text b{display:block;font-size:16px;font-weight:700;color:#fff;margin-bottom:3px}
.kp-banner-text p{font-size:13.5px;color:rgba(255,255,255,.55);margin:0}
.kp-banner-actions{display:flex;gap:10px;flex-shrink:0}

/* ═══════════════════════════════════════════════════════════
   СРАВНЕНИЕ
   ═══════════════════════════════════════════════════════════ */
.cmp-hero{background:var(--bg-2);border-bottom:1px solid var(--line);padding:36px 0}
.cmp-hero-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cmp-hero h1{font-size:clamp(26px,3vw,38px);font-weight:800;color:var(--ink);margin:10px 0 0}
.diff-toggle{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--sub);cursor:pointer;margin-top:auto;flex-shrink:0}
.diff-toggle input{width:16px;height:16px;accent-color:var(--blue);cursor:pointer}
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp-table{width:100%;border-collapse:collapse;min-width:600px}
.cmp-table th.row-lbl,.cmp-table td.row-lbl{text-align:left;position:sticky;left:0;background:#fff;z-index:2;min-width:200px;max-width:220px;padding:12px 16px;border-right:2px solid var(--line);font-size:13px;font-weight:600;color:var(--sub)}
.cmp-table th.prod-col{min-width:220px;padding:0;border-bottom:2px solid var(--blue);vertical-align:top;position:relative}
.prod-col-inner{padding:20px 18px 16px;display:flex;flex-direction:column;gap:8px;position:relative}
.prod-col-remove{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:6px;border:1.5px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mist);transition:all .15s}
.prod-col-remove:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}
.prod-col-remove svg{width:11px;height:11px}
.prod-img{aspect-ratio:4/3;background:var(--bg-3);border-radius:var(--r);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.prod-img img{width:100%;height:100%;object-fit:contain;padding:12px}
.prod-col-brand{font-size:10.5px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.07em}
.prod-col-name{font-size:13px;font-weight:700;color:var(--ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prod-col-art{font-size:11.5px;color:var(--mist);font-family:'Courier New',monospace}
.prod-col-btns{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.prod-col-btns .btn{padding:8px 14px;font-size:12.5px;width:100%;text-align:center}
th.add-col{min-width:180px;padding:20px 18px;border-bottom:2px solid var(--line);vertical-align:middle}
.add-col-inner{border:2px dashed var(--line);border-radius:var(--r-lg);padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:border-color .15s,background .15s}
.add-col-inner:hover{border-color:var(--blue);background:var(--blue-l)}
.add-col-inner svg{width:28px;height:28px;color:var(--mist)}
.add-col-inner span{font-size:13px;font-weight:600;color:var(--sub)}
.cmp-table td.val{padding:11px 18px;text-align:center;font-size:13.5px;color:var(--ink);border-bottom:1px solid var(--line)}
.cmp-table td.val.highlight{background:var(--blue-l);color:var(--blue);font-weight:700}
.cmp-table td.row-lbl{border-bottom:1px solid var(--line);background:#fff}
.cmp-table tr.section-row td,.cmp-table tr.section-row th{background:var(--bg-3);font-size:11px;font-weight:800;color:var(--mist);text-transform:uppercase;letter-spacing:.07em;padding:8px 16px;border-top:2px solid var(--line);border-bottom:1px solid var(--line)}
.cmp-table .check{color:#22c55e}
.cmp-table .cross{color:var(--mist)}
.empty-cmp-state svg{width:48px;height:48px;color:var(--line)}
.empty-cmp-state h2{font-size:20px;font-weight:700;color:var(--ink)}
.empty-cmp-state p{font-size:14.5px;color:var(--sub)}

/* Responsive: brand + fav + cmp */
@media(max-width:1100px){
  .brand-about .container{grid-template-columns:repeat(2,1fr)}
  .bfact{padding:18px 22px}
  .tera-cats{grid-template-columns:1fr}
  .me-grid{grid-template-columns:repeat(2,1fr)}
  .brand-about-grid{grid-template-columns:1fr;gap:40px}
  .bfact-cards{grid-template-columns:repeat(4,1fr)}
  .fav-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .brand-about .container{grid-template-columns:1fr 1fr}
  .me-grid{grid-template-columns:1fr}
  .fav-grid{grid-template-columns:repeat(2,1fr)}
  .bfact-cards{grid-template-columns:repeat(2,1fr)}
  .kp-banner{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
  .fav-grid{grid-template-columns:1fr}
  .brand-about .container{grid-template-columns:1fr}
  .bfact:not(:first-child){border-left:none;border-top:1px solid var(--line)}
}

/* ─── FAV HERO / TOOLBAR / KP ──────────────────────────────── */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fav-hero-section,.cmp-hero-section{padding:40px 0 48px}
.fav-hero-head{display:flex;align-items:center;gap:16px;margin-top:20px}
.fav-hero-icon{flex-shrink:0;color:#fff;opacity:.9}
.fav-hero-title{font-size:clamp(24px,2.8vw,38px);font-weight:800;color:#fff;margin:0}
.fav-hero-sub{margin:4px 0 0;color:rgba(255,255,255,.65);font-size:14px}
.fav-toolbar-bar{background:var(--bg-2);border-bottom:1px solid var(--line);padding:12px 0;display:none}
.fav-toolbar-bar.is-visible{display:block}
.fav-toolbar-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.fav-toolbar-count{font-weight:600;font-size:15px;color:var(--ink)}
.fav-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}
.section--fav{padding:40px 0 72px}
.fav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.fav-kp-section{background:var(--blue);padding:48px 0}
.fav-kp-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;color:#fff}
.fav-kp-title{font-size:22px;font-weight:700;margin:0 0 6px;color:#fff}
.fav-kp-sub{margin:0;opacity:.85;font-size:15px;color:rgba(255,255,255,.85)}
.cmp-hero-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:20px}
.cmp-hero-title-wrap{display:flex;align-items:center;gap:16px}
.cmp-hero-h1{font-size:clamp(24px,2.8vw,38px);font-weight:800;color:#fff;margin:0}
.section--cmp{padding:32px 0 72px}
.empty-cmp-state{padding:80px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}

/* ─── FAV / CMP — дополнительные стили страниц ─────────────── */
@keyframes fav-remove-anim{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.95)}100%{opacity:0;transform:scale(.9)}}
.fav-prod--removing{animation:fav-remove-anim .28s ease forwards;pointer-events:none}
.fav-media-placeholder,.prod-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-2)}
.cmp-hero h1,.fav-hero-title{font-size:clamp(24px,2.8vw,38px);font-weight:800;color:#fff;margin:0}
.diff-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:rgba(255,255,255,.85);user-select:none}
.toggle-track{position:relative;display:inline-block;width:40px;height:22px;background:rgba(255,255,255,.25);border-radius:11px;flex-shrink:0;transition:background .2s}
.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}
.toggle-track--on{background:var(--blue)!important}
.toggle-track--on .toggle-thumb,.toggle-thumb--on{transform:translateX(18px)}
tr[data-same="true"].hidden-diff{display:none}
.cmp-table{width:100%;border-collapse:collapse;table-layout:fixed}
.cmp-table th,.cmp-table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}
.cmp-table td:first-child,.cmp-table th:first-child{font-weight:600;color:var(--sub);font-size:12.5px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:var(--bg-2);position:sticky;left:0;z-index:2;min-width:180px;max-width:220px}
.cmp-table thead th{background:var(--bg-2)}
.cmp-prod-brand{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--sub);margin-bottom:4px}
.cmp-prod-name{font-size:14px;font-weight:600;color:var(--ink);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:5px}
.cmp-prod-art{font-size:12px;color:var(--mist);margin-bottom:10px}
.cmp-prod-btns{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:6px 0 8px}
.cmp-prod-btns .btn{font-size:12px;padding:6px 10px}
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.section-row td{background:var(--bg-2);font-weight:700;font-size:13px;color:var(--ink);text-transform:uppercase;letter-spacing:.4px;padding:10px 14px;border-bottom:2px solid var(--line)}
td.val{color:var(--ink)}
td.val.highlight{background:#fffbeb;font-weight:600}
td.val-empty{color:var(--mist);font-style:italic}
.row-lbl{width:200px;min-width:180px}
.prod-col{min-width:220px;width:240px;vertical-align:top;text-align:center;position:relative}
.prod-col-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--bg-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sub);transition:color .15s}
.prod-col-remove:hover{color:#dc2626}
.prod-img{width:110px;height:110px;object-fit:contain;margin:0 auto 10px;display:block;padding:6px}
.add-col-btn{white-space:nowrap}
.cmp-name-link{color:inherit}
.empty-state{text-align:center;padding:80px 24px}
.empty-state h2,.empty-cmp-state h2{font-size:22px;font-weight:700;margin-bottom:10px;color:var(--ink)}
.empty-state p,.empty-cmp-state p{color:var(--sub);margin-bottom:24px}

/* ─── WooCommerce single product ───────────────────────── */
.prod-breadcrumb-bar{background:var(--bg-2);border-bottom:1px solid var(--line)}
.prod-breadcrumb-inner{padding-top:16px;padding-bottom:16px}
.product-hero--main{padding:44px 0 56px}
.section--product-detail{padding-top:0;padding-bottom:72px}
.pblock-sublabel{margin:22px 0 10px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--sub)}
.pblock-sublabel--mt{margin-top:24px}
.btn-mt{margin-top:10px}

/* ─── WooCommerce archive / group ───────────────────────── */
.section--hub{padding:56px 0 72px}
.h2-mt{margin-top:14px}
.sec-head--brands{margin-bottom:28px}
.catalog-pg--search{padding:40px 0 80px}

/* ─── Utility ───────────────────────────────────────────── */
.is-disabled{opacity:.45;pointer-events:none}
.prod-thumb-img{width:82%;height:82%;object-fit:contain}
/* ─── Lightbox ──────────────────────────────────────────── */
#ep-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;align-items:center;justify-content:center}
#ep-lightbox.is-open{display:flex}
#ep-lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px}