/*
Theme Name: Zaryad Shop v3
Description: Редизайн-2026 кастомной темы WooCommerce «Заряд» (Владикавказ и Беслан): светлый премиальный стиль, bento-сервисы, крупный логотип. Две цены (при обмене / без обмена), чистый PHP, без jQuery, без внешних CDN, локальный Golos Text. Функциональные контракты v2 сохранены (см. /root/zaryad/design/CONTRACTS.md).
Author: Заряд
Version: 3.11.0
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zaryad-shop-v3
Tags: e-commerce
*/

/* ---------- Шрифты (локально, вариативный Golos Text 400–900) ---------- */
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/golos-text-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/golos-text-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400 900;font-display:swap;src:url(fonts/golos-text-currency.woff2) format('woff2');unicode-range:U+20A0-20C0}

/* ---------- Переменные (brand.md + токены редизайна) ---------- */
:root{
  --navy:#1B3E78;--navy-d:#0E2851;--navy-l:#2E5AA0;
  --orange:#F15A22;--orange-d:#D8480F;--orange-l:#FF7A3D;
  --ink:#1A1D21;--name:#1A2B47;--muted:#69727E;--line:#E6E8EC;
  --orange-text:#C2410C; /* оранжевый для мелкого текста: ≥4.5:1 на белом и paper2 (WCAG AA) */
  --paper:#FFFFFF;--paper2:#F6F8FB;--topbar:#ECEEF0;
  --wa:#1FAF52;--wa-d:#178F43;
  --r-card:14px;--r-btn:10px;
  --shadow-1:0 1px 2px rgba(14,40,81,.06),0 4px 16px rgba(14,40,81,.06);
  --shadow-2:0 2px 4px rgba(14,40,81,.08),0 16px 40px rgba(14,40,81,.14);
  --tint:radial-gradient(700px 340px at 82% -10%,rgba(46,90,160,.07),transparent 70%),
         radial-gradient(520px 300px at -8% 110%,rgba(241,90,34,.05),transparent 70%);
}

/* ---------- База ---------- */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:'Golos Text',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:16px;line-height:1.55}
img{max-width:100%;height:auto}
a{color:var(--navy)}
h1,h2,h3{line-height:1.2;color:var(--ink);text-wrap:balance}
/* .wrap: ТОЛЬКО max-width + боковые поля (см. brand.md, адаптив) */
.wrap{max-width:1220px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.section{padding-top:clamp(52px,7vw,84px);padding-bottom:clamp(52px,7vw,84px)}
.section h2{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.01em;margin:0 0 26px}
.sec-lead{margin:-16px 0 30px;color:var(--muted);font-size:15.5px;max-width:44em}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-text);margin:0 0 12px}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--orange);border-radius:2px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--navy-d);color:#fff;padding:10px 16px;z-index:100}
.skip-link:focus{left:8px;top:8px}
.screen-reader-text{position:absolute!important;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---------- Кнопки ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 24px;border:0;border-radius:var(--r-btn);background:var(--orange);color:#fff;font:inherit;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .2s}
.btn:hover{background:var(--orange-d);color:#fff}
.btn-ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line)}
.btn-ghost:hover{background:#fff;color:var(--navy);border-color:var(--navy)}
.btn-wa{background:var(--wa)}
.btn-wa:hover{background:var(--wa-d)}
.btn-buy{width:100%;text-transform:uppercase;letter-spacing:.05em;border-radius:8px;font-size:14px}

/* ---------- Шапка ---------- */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}
.topbar{background:var(--navy-d);font-size:13.5px;color:#B9C6DC;overflow:hidden}
.topbar-in{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:8px;padding-bottom:8px}
.header-in{display:flex;align-items:center;gap:clamp(14px,2.5vw,28px);padding-top:12px;padding-bottom:12px}
.brand{display:block;flex:none;text-decoration:none;line-height:0;color:var(--name)}
.brand-logo{display:block;height:52px;width:auto}
.header-search{display:flex;flex:1;max-width:520px;border:1.5px solid var(--line);border-radius:var(--r-btn);overflow:hidden;background:var(--paper2);transition:border-color .2s,background .2s}
.header-search:focus-within{border-color:var(--navy);background:#fff}
.header-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;outline-offset:-2px;padding:11px 14px;font:inherit;font-size:15px}
.header-search button{min-height:44px;border:0;background:var(--navy);color:#fff;padding:0 20px;font:inherit;font-weight:600;cursor:pointer}
.header-search button:hover{background:var(--navy-l)}
.header-phone{margin-left:auto;text-align:right;font-weight:800;font-size:18px;color:var(--ink);text-decoration:none;white-space:nowrap;padding:8px 0;font-variant-numeric:tabular-nums}
.header-phone small{display:block;font-size:12px;font-weight:500;color:var(--muted)}
.header-phone:hover{color:var(--orange)}
.header-cta{flex:none;min-height:42px;padding:10px 18px;font-size:13.5px;text-transform:uppercase;letter-spacing:.03em}
.header-call,.burger{display:none}
.site-nav{background:transparent;border-top:1px solid var(--line)}
.site-nav .wrap{display:flex;align-items:center}
.site-nav .menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.site-nav .menu a{display:flex;align-items:center;min-height:44px;padding:10px 14px;color:var(--name);font-weight:600;font-size:14.5px;text-decoration:none;border-bottom:2.5px solid transparent}
.site-nav .menu a:hover{color:var(--orange)}
.site-nav .current-menu-item>a,.site-nav .current_page_item>a{color:var(--orange);border-bottom-color:var(--orange)}

/* ---------- Хлебные крошки ---------- */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px;font-size:13px;color:var(--muted)}
.breadcrumbs a{color:var(--navy);text-decoration:none}
.breadcrumbs a:hover{color:var(--orange)}

/* ---------- Hero (светлый, с фирменными подсветками) ---------- */
.hero{background:var(--tint),var(--paper2);border-bottom:1px solid var(--line);padding-top:clamp(44px,6vw,76px);padding-bottom:clamp(44px,6vw,76px)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:center}
.hero h1{color:var(--ink);font-size:clamp(29px,4.2vw,48px);font-weight:900;letter-spacing:-.01em;margin:0 0 16px}
.hero .hero-sub{color:#4A5261;font-size:clamp(16px,1.7vw,18.5px);max-width:34em;margin:0 0 28px}
.hero .hero-sub b{color:var(--ink)}
.hero-btns{display:flex;flex-wrap:wrap;gap:12px}
.hero-trust{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}
.hero-trust span{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#4A5261}
.hero-trust svg{width:19px;height:19px;stroke:var(--orange);stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hero-trust b{color:var(--ink)}
/* карточка подбора в hero */
.hero-pick{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-2);padding:clamp(22px,2.5vw,30px)}
.hero-pick::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--orange),var(--orange-l))}
.hero-pick h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--name);margin:0 0 8px}
.hero-pick h2 svg{width:22px;height:22px;stroke:var(--orange);stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hero-pick>p{font-size:14px;color:var(--muted);margin:0 0 16px}
.hero-pick ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px;color:#3C4149}
.hero-pick li{position:relative;padding-left:24px}
.hero-pick li::before{content:"\2713";position:absolute;left:0;color:var(--orange);font-weight:800}
.hero-pick .btn{width:100%}
.hero-pick .hp-alt{margin:12px 0 0;text-align:center;font-size:13.5px;color:var(--muted)}
.hero-pick .hp-alt a{color:var(--navy);font-weight:600}
/* каскадные селекты подбора */
.hp-form{display:flex;flex-direction:column;gap:12px;margin:0 0 4px}
.hp-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.hp-form select{
  appearance:none;width:100%;border:1.5px solid var(--line);border-radius:var(--r-btn);
  padding:11px 36px 11px 13px;font:inherit;font-size:15px;letter-spacing:0;text-transform:none;color:var(--ink);
  background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%236E7683" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>') no-repeat right 12px center;
  cursor:pointer;
}
.hp-form select:focus{outline:none;border-color:var(--navy)}
.hp-form select:disabled{background-color:var(--paper2);color:var(--muted);cursor:not-allowed}
.hp-form .btn{margin-top:4px}

/* ---------- «Больше, чем магазин»: bento-сервисы ---------- */
.perks{background:var(--paper2);border-bottom:1px solid var(--line)}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.t-4{grid-column:span 4}
.t-8{grid-column:span 8;display:grid;gap:16px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(20px,2.4vw,28px);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:10px;transition:box-shadow .22s,transform .22s}
.tile:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}
.tile .ico{width:46px;height:46px;border-radius:12px;background:rgba(241,90,34,.1);color:var(--orange);display:flex;align-items:center;justify-content:center;flex:none}
.tile h3{font-size:17.5px;font-weight:800;margin:0;color:var(--ink)}
.tile p{color:#5A6270;font-size:14px;line-height:1.55;margin:0}
.tile.dark{background:linear-gradient(135deg,var(--navy-d),var(--navy) 55%,var(--navy-l));border:0;color:#fff}
.tile.dark h3{color:#fff;font-size:clamp(19px,2vw,23px)}
.tile.dark p{color:rgba(255,255,255,.75)}
.tile.dark .ico{background:rgba(255,255,255,.12);color:var(--orange-l)}
.tiers{margin-top:8px;width:100%;border-collapse:collapse;font-size:13.5px}
.tiers td{padding:7px 0;border-top:1px solid rgba(255,255,255,.14);font-variant-numeric:tabular-nums}
.tiers td:first-child{color:rgba(255,255,255,.85)}
.tiers td:last-child{text-align:right;font-weight:800;color:var(--orange-l)}


/* ---------- Карточки категорий ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cat-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px 22px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.cat-card:hover{border-color:transparent;box-shadow:var(--shadow-2);transform:translateY(-3px)}
.cat-card svg{width:44px;height:44px;stroke:var(--navy);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}
.cat-name{color:var(--name);font-weight:800;font-size:17px}
.cat-count{color:var(--muted);font-size:13px;margin-top:5px}
.cat-arrow{color:var(--orange-text);font-weight:800;margin-top:14px}

/* ---------- Сетка товаров и карточка ---------- */
ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;clear:both}
li.product{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:14px;padding-top:44px;transition:box-shadow .2s,transform .2s}
li.product:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}
.card-badge{position:absolute;top:12px;left:0;background:var(--navy);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px 5px 13px;border-radius:0 6px 6px 0;z-index:2}
.card-stock{position:absolute;top:14px;right:12px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#1E7B3C;z-index:2}
.card-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:#2FAE58}
.card-thumb{display:block;background:var(--paper2);border-radius:10px;padding:10px}
.card-thumb img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply}
.card-title{display:block;color:var(--name);font-weight:700;font-size:15px;line-height:1.35;text-decoration:none}
.card-title:hover{color:var(--orange)}
.card-attrs{display:flex;flex-direction:column;gap:4px;font-size:13px}
.attr-row{display:flex;justify-content:space-between;gap:10px}
.attr-label{color:var(--muted)}
.attr-val{color:var(--ink);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.card-buy{margin-top:4px}

/* ---------- Две цены (mu-plugin: zaryad-price-*) ---------- */
.price{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:4px 12px;color:var(--ink);font-weight:700;font-size:18px}
li.product .card-price{margin-top:auto;border-top:1px solid var(--line);padding-top:11px}
.zaryad-price-exchange{color:var(--orange);font-weight:900;font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.zaryad-price-exchange small{display:block;font-size:12px;font-weight:600;color:var(--orange-text)}
.zaryad-price-regular{color:#565D66;font-weight:700;font-size:15px;line-height:1.15;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.zaryad-price-regular small{display:block;font-size:12px;font-weight:500;color:var(--muted)}
.price del{color:var(--muted);font-weight:400}
.price ins{text-decoration:none}
/* архивные товары: без цены, «Уточнить наличие» */
li.product .card-request{margin-top:auto;border-top:1px solid var(--line);padding-top:11px;font-size:13px;font-weight:500;color:var(--muted)}
.btn-request{background:var(--navy)}
.btn-request:hover{background:var(--navy-l);color:#fff}
.product-archived-note{margin:0 0 22px;padding:14px 18px;background:var(--paper2);border-left:4px solid var(--navy);border-radius:8px;font-size:15px;color:#3C4149;max-width:36em}

/* ---------- Trade-in ---------- */
.tradein{background:var(--paper2)}
.tradein-box{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-1);display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,52px);align-items:center;padding:clamp(26px,4vw,48px)}
.tradein-box h2{margin:0 0 12px}
.tradein-box h2 em{font-style:normal;color:var(--orange);font-weight:900;white-space:nowrap}
.tradein-box .tr-lead{max-width:36em;margin:0 0 24px;color:var(--muted);font-size:15.5px}
.trade-steps{display:flex;flex-direction:column;gap:16px}
.step{display:flex;gap:14px;align-items:flex-start}
.step i{font-style:normal;flex:none;width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.step p{font-size:14.5px;color:var(--ink);margin:0}
.step p b{display:block;font-weight:700}
.step p span{color:var(--muted);font-size:13.5px}

/* ---------- FAQ ---------- */
.faq{max-width:840px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);margin-bottom:12px;overflow:hidden}
.faq details[open]{border-color:var(--navy);box-shadow:var(--shadow-1)}
.faq summary{position:relative;min-height:44px;padding:16px 46px 16px 20px;font-weight:700;font-size:16px;color:var(--name);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--orange);font-size:24px;font-weight:700;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq .faq-a{padding:0 20px 18px;color:#454B53;font-size:15px;max-width:60ch}
.faq .faq-a a{color:var(--navy);font-weight:600}

/* ---------- Магазины ---------- */
.stores{background:var(--paper2)}
.stores-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.store{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:20px;display:flex;flex-direction:column;gap:7px}
.store-city{font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--orange-text)}
.store-addr{color:var(--name);font-weight:700;line-height:1.35}
.store-phone{display:inline-block;color:var(--ink);font-weight:700;text-decoration:none;padding:6px 0;margin-top:auto;font-variant-numeric:tabular-nums}
.store-phone:hover{color:var(--orange)}
.store-hours{color:var(--muted);font-size:13px}

/* ---------- Страница товара ---------- */
.product-page{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:34px;align-items:start}
.product-media{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:18px}
.product-media img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.product-summary h1{font-size:clamp(22px,3vw,30px);font-weight:800;margin:0 0 16px}
.product-price{margin:0 0 22px;justify-content:flex-start;gap:6px 28px}
.product-price .zaryad-price-exchange{font-size:31px}
.product-price .zaryad-price-regular{font-size:17px;text-align:left}
.attrs-table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:14px}
.attrs-table th{width:45%;padding:9px 12px 9px 0;border-bottom:1px solid var(--line);color:var(--muted);font-weight:500;text-align:left}
.attrs-table td{padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.product-cta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}
.product-benefits{background:var(--paper2);border-radius:12px;padding:16px 20px;font-size:14px}
.product-benefits ul{list-style:none;margin:0;padding:0}
.product-benefits li{position:relative;padding-left:24px;margin:7px 0;color:#3C4149}
.product-benefits li::before{content:"\2713";position:absolute;left:0;color:var(--orange);font-weight:800}
.product-podbor{margin:16px 0 0;font-size:14px}
.product-podbor a{color:var(--navy);font-weight:600;text-decoration:none;border-bottom:1px solid transparent}
.product-podbor a:hover{border-bottom-color:currentColor}
.read-more a{color:var(--orange);font-weight:700;text-decoration:none}
.read-more a:hover{text-decoration:underline}
.product-desc{margin-top:38px;max-width:880px}

/* ---------- Каталог: сервисные элементы Woo ---------- */
.woocommerce-result-count{float:left;margin:9px 0 18px;color:var(--muted);font-size:14px}
.woocommerce-ordering{float:right;margin:0 0 18px}
.woocommerce-ordering select{padding:9px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:14px;background:#fff}
.woocommerce-pagination{margin-top:30px;text-align:center}
.woocommerce-pagination ul{list-style:none;display:inline-flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.woocommerce-pagination a,.woocommerce-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;color:var(--navy);font-weight:600;text-decoration:none}
.woocommerce-pagination a:hover{border-color:var(--orange);color:var(--orange)}
.woocommerce-pagination .current{background:var(--orange);border-color:var(--orange);color:#fff}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:8px;padding:13px 16px;margin:0 0 18px;list-style:none}
.woocommerce-error{border-left-color:#C0392B}
.woocommerce-products-header__title{font-size:clamp(22px,3vw,32px);font-weight:800;margin:0 0 22px}
.entry-content a{color:var(--navy)}
.entry-title{font-size:clamp(24px,3vw,34px);font-weight:800;margin:0 0 20px}

/* ---------- Подвал ---------- */
.site-footer{background:var(--navy-d);color:#B9C6DC;margin-top:60px;font-size:14px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.1fr;gap:clamp(26px,4vw,48px);padding-top:clamp(38px,5vw,56px);padding-bottom:36px}
.site-footer h3{margin:0 0 14px;color:#fff;font-size:12.5px;text-transform:uppercase;letter-spacing:.1em}
.f-brand{display:inline-block;line-height:0;color:#fff;margin-bottom:16px}
.f-logo{display:block;height:56px;width:auto}
.f-desc{margin:0 0 16px;line-height:1.6;max-width:30em}
.f-hours{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:#fff;margin:0}
.f-hours svg{width:16px;height:16px;stroke:var(--orange-l);stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
.f-stores{display:grid;grid-template-columns:1fr;gap:10px}
.f-store b{display:block;color:#fff;font-weight:600}
.f-store span{color:#7E92B4;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}
.f-store a{color:var(--orange-l);font-weight:700;text-decoration:none;display:inline-block;padding:4px 0;font-variant-numeric:tabular-nums}
.f-store a:hover{color:#fff}
.footer-menu{list-style:none;margin:0;padding:0}
.footer-menu a{display:inline-block;color:#B9C6DC;text-decoration:none;padding:5px 0}
.footer-menu a:hover{color:#fff}
.f-wa{margin-top:14px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12)}
.footer-bottom-in{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;padding-top:16px;padding-bottom:16px;font-size:13px;color:#7E92B4}
.footer-bottom-in a{color:#7E92B4}
.footer-bottom-in a:hover{color:#fff}
.fb-grow{flex:1}

/* ---------- Мобильная sticky-панель ---------- */
.mobile-bar{display:none}

/* ---------- Мобильные элементы макета m1 (на десктопе скрыты) ---------- */
.topbar-mob,.hp-call,.usp-chips,.consult-m,.card-wa{display:none}

/* ---------- Адаптив: 4 -> 3 -> 2 -> 1 ---------- */
@media (max-width:1024px){
  ul.products{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stores-grid{grid-template-columns:repeat(3,1fr)}
  .t-4,.t-8{grid-column:span 12}
}
@media (max-width:900px){
  .hero-grid,.tradein-box{grid-template-columns:1fr}
  .product-page{grid-template-columns:1fr;gap:20px} /* карточка товара: фото над описанием, а не узкие колонки */
}
@media (max-width:767px){
  .section{padding-top:44px;padding-bottom:44px}
  /* --- топбар: город + живой статус работы (макет m1) --- */
  .topbar-in{display:none}
  .topbar-mob{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:7px;padding-bottom:7px;font-size:13px;color:#5b636e}
  .tb-status{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#15803d;white-space:nowrap}
  .tb-dot{width:8px;height:8px;border-radius:50%;background:#1FAF52;animation:zar-pulse 2s infinite}
  @keyframes zar-pulse{50%{opacity:.4}}
  .tb-status.is-closed{color:#b45309}
  .tb-status.is-closed .tb-dot{background:#d97706;animation:none}
  /* --- компактная шапка: логотип + звонок + бургер, поиск всегда виден --- */
  .header-phone,.header-cta{display:none}
  .header-in{flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:10px}
  .brand-logo{height:42px}
  .header-call{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-left:auto;border-radius:12px;background:var(--orange);color:#fff;text-decoration:none}
  .header-call svg{width:22px;height:22px}
  .burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;padding:12px;border:0;border-radius:12px;background:var(--paper2);cursor:pointer}
  .burger span{display:block;height:2px;width:100%;background:var(--navy-d);border-radius:2px}
  .header-search{display:flex;flex-basis:100%;order:10;max-width:none}
  .header-search input{height:48px}
  .site-nav{display:none}
  .site-header.nav-open .site-nav{display:block}
  .site-nav .wrap{flex-direction:column;align-items:stretch}
  .site-nav .menu{flex-direction:column}
  .site-nav .menu a{min-height:48px;border-bottom:1px solid var(--line)}
  /* --- hero: заголовок + форма подбора + «позвоните» (кнопки и траст-бейджи убраны) --- */
  .hero-btns,.hero-trust,.hp-alt{display:none}
  .hero .eyebrow{display:none}
  .hero h1{font-size:27px}
  .hp-call{display:block;margin:14px 0 0;text-align:center;font-size:15px;color:#4a5568}
  .hp-call a{color:var(--navy);font-weight:700;text-decoration:none;border-bottom:1.5px dashed var(--navy-l)}
  /* --- лента преимуществ-чипов --- */
  .usp-chips{display:flex;gap:8px;overflow-x:auto;padding:14px 16px;scrollbar-width:none;background:var(--paper);border-bottom:1px solid var(--line)}
  .usp-chips::-webkit-scrollbar{display:none}
  .uchip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;background:var(--paper2);border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:13.5px;font-weight:600;color:var(--name);white-space:nowrap}
  .uchip svg{width:16px;height:16px;stroke:var(--orange);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
  /* --- каталог: компактные плитки 2×2 --- */
  .cat-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .cat-card{padding:14px;border-radius:14px}
  .cat-card svg{width:36px;height:36px;margin-bottom:8px}
  .cat-card .cat-name{font-size:15px}
  .cat-arrow{display:none}
  .stores-grid{grid-template-columns:repeat(2,1fr)}
  /* --- карточки товара: список «фото слева — инфо справа» (макет m1) --- */
  ul.products{grid-template-columns:1fr;gap:12px}
  li.product{display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto 1fr auto;gap:4px 12px;padding:14px}
  li.product:hover{transform:none}
  .card-thumb{grid-column:1;grid-row:1/span 3;align-self:start;padding:6px}
  .card-title{grid-column:2;grid-row:1;font-size:15px}
  .card-attrs{grid-column:2;grid-row:2}
  li.product .card-price,li.product .card-request{grid-column:2;grid-row:3;align-self:start;margin-top:4px;border-top:0;padding-top:0}
  .price{justify-content:flex-start;gap:4px 16px;align-items:baseline}
  .zaryad-price-exchange{font-size:21px}
  .zaryad-price-regular{text-align:left}
  .card-buy{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:1fr 48px;gap:8px;margin-top:8px}
  .card-buy .btn-buy{min-height:48px}
  .card-buy:not(:has(.card-wa)){grid-template-columns:1fr}
  .card-wa{display:grid;place-items:center;min-height:48px;border-radius:8px;background:#E9F8EF;border:1.5px solid #BEEACD;color:var(--wa)}
  .card-wa svg{width:22px;height:22px}
  .card-badge{top:10px;left:8px;border-radius:6px;padding:3px 6px;max-width:96px;white-space:normal;text-align:center;line-height:1.3;font-size:9.5px} /* плашка не шире фото — не налезает на название */
  .card-stock{display:none} /* в списке m1 чип «В наличии» не выводится — налезал бы на название */
  /* --- консультация: «Не уверены, какой нужен?» --- */
  .consult-m{display:block;padding:6px 0 34px}
  .consult-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 16px;box-shadow:var(--shadow-1)}
  .cc-row{display:flex;gap:12px;align-items:center}
  .cc-ava{position:relative;width:56px;height:56px;border-radius:50%;background:var(--paper2);border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto}
  .cc-ava svg{width:32px;height:32px;stroke:var(--navy);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .cc-ava::after{content:"";position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;background:#1FAF52;border:2.5px solid #fff}
  .cc-row b{display:block;color:var(--navy-d);font-size:16px}
  .cc-row span{font-size:13.5px;color:var(--muted)}
  .cc-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
  .cc-btns .btn{min-height:52px;font-weight:800}
  .cc-hint{margin:10px 0 0;text-align:center;font-size:13px;color:var(--muted)}
  /* --- магазины: строки с кнопкой звонка --- */
  .stores-grid{grid-template-columns:1fr;gap:10px}
  .store{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1px 12px;padding:12px 14px}
  .store-city{grid-column:1;order:2;font-size:12px;letter-spacing:.04em}
  .store-addr{grid-column:1;order:1;font-size:14.5px}
  .store-hours{grid-column:1;order:3;font-size:12px;color:var(--muted)}
  .store-phone{grid-column:2;grid-row:1/span 3;margin:0;padding:12px 14px;background:var(--paper2);border-radius:10px;color:var(--navy);font-size:14px}
  .footer-grid{grid-template-columns:1fr;gap:26px}
  /* --- sticky-панель m1: Позвонить (главная) + WhatsApp + Подбор --- */
  body{padding-bottom:86px}
  .mobile-bar{display:grid;grid-template-columns:1fr 56px 56px;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  .mobile-bar a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:56px;border-radius:12px;font-weight:800;font-size:16px;text-decoration:none;transition:background .15s}
  .mb-call{background:var(--orange);color:#fff}
  .mb-call:hover,.mb-call:active{background:var(--orange-d);color:#fff}
  .mb-call svg{width:21px;height:21px}
  .mb-wa{background:var(--wa);color:#fff}
  .mb-wa:hover,.mb-wa:active{background:var(--wa-d);color:#fff}
  .mb-wa svg{width:24px;height:24px}
  .mb-pick{background:var(--navy);color:#fff}
  .mb-pick:hover,.mb-pick:active{background:var(--navy-d);color:#fff}
  .mb-pick svg{width:24px;height:24px}
}
@media (max-width:560px){.duo{grid-template-columns:1fr}}
@media (max-width:480px){
  .wrap{padding-left:14px;padding-right:14px}
  /* cat-grid остаётся 2×2 (макет m1); товары и магазины уже в одну колонку с 767px */
  .product-cta .btn{width:100%}
}

/* ---------- Модалка «Купить в 1 клик» (контракт zaryad-oneclick) ---------- */
.oc-overlay[hidden]{display:none}
.oc-overlay{position:fixed;inset:0;background:rgba(14,40,81,.55);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}
.oc-dialog{position:relative;background:var(--paper);border-radius:18px;box-shadow:var(--shadow-2);padding:28px 24px;max-width:420px;width:100%;max-height:90vh;overflow:auto}
.oc-close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:28px;line-height:1;color:var(--muted);cursor:pointer;padding:8px}
.oc-dialog h3{margin:0 0 4px;font-size:22px;font-weight:800;color:var(--ink)}
.oc-product{margin:0 0 14px;color:var(--name);font-weight:600;font-size:14px}
.oc-dialog form label{display:block;margin:0 0 12px;font-size:13px;color:var(--muted)}
.oc-dialog form input[type=text],.oc-dialog form input[type=tel]{display:block;width:100%;margin-top:4px;padding:11px 12px;border:1.5px solid var(--line);border-radius:var(--r-btn);font:inherit;font-size:16px;color:var(--ink)}
.oc-dialog form input[type=text]:focus,.oc-dialog form input[type=tel]:focus{outline:none;border-color:var(--navy)}
.oc-hp{position:absolute !important;left:-9999px;width:1px;height:1px;opacity:0}
.oc-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px !important;line-height:1.45}
.oc-consent input{width:18px;height:18px;margin-top:1px;flex:none;accent-color:var(--orange)}
.oc-consent a{color:var(--navy);text-decoration:underline}
.oc-submit{width:100%;margin-top:4px}
.oc-msg{margin:10px 0 0;font-size:14px;color:var(--navy);min-height:1.2em}
.oc-alt{margin:14px 0 0;font-size:13px;color:var(--muted);text-align:center}
.oc-alt a{color:var(--orange-text);font-weight:700;white-space:nowrap}

/* ---------- Подбор по авто (плагин zaryad-podbor) ---------- */
.zp-selector{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 28px}
.zp-selector select{padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--r-btn);font:inherit;font-size:16px;color:var(--ink);min-width:220px;background:#fff}
.zp-specs{color:var(--muted);margin:6px 0 18px}
.zp-specs b{color:var(--ink)}
.zp-popular{columns:2;gap:24px;padding:0;margin:12px 0 20px;list-style:none}
.zp-popular li{margin:0 0 8px}
.zp-popular a{color:var(--navy);text-decoration:underline}
.zp-seo{margin-top:32px;max-width:760px}
.zp-note{color:var(--muted)}
@media (max-width:600px){.zp-popular{columns:1}.zp-selector select{width:100%}}
.zp-brandgrid,.zp-modelgrid{list-style:none;padding:0;margin:18px 0 24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.zp-brandgrid a,.zp-modelgrid a{display:block;padding:11px 14px;border:1px solid var(--line);border-radius:8px;color:var(--name);text-decoration:none;font-size:14px;background:#fff}
.zp-brandgrid a:hover,.zp-modelgrid a:hover{border-color:var(--orange);color:var(--orange)}
.zp-allbrands{margin:-8px 0 24px}
.zp-allbrands summary{cursor:pointer;color:var(--orange);font-size:15px;padding:6px 0;list-style-position:inside}
.zp-allbrands summary:hover{text-decoration:underline}
.zp-allbrands[open] summary{color:var(--muted)}
.zp-allbrands .zp-brandgrid{margin-top:10px}
.zp-spec{display:flex;flex-wrap:wrap;gap:8px 18px;margin:6px 0 20px;padding:14px;background:var(--paper2);border-radius:12px;font-size:15px;color:var(--muted)}
.zp-spec b{color:var(--ink)}
.zp-extra-h{margin-top:32px;font-size:20px;color:var(--name)}

/* ---------- Фильтры каталога ---------- */
.cat-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:6px 0 22px;padding:14px;background:var(--paper2);border:1px solid var(--line);border-radius:var(--r-card)}
.cat-filters select{padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;font:inherit;font-size:15px;color:var(--ink);background:#fff;max-width:230px}
.cat-filters-reset{color:var(--muted);text-decoration:underline;font-size:14px}
@media (max-width:600px){.cat-filters select{width:100%;max-width:none}.cat-filters .btn{width:100%}}

/* ---------- SEO-перелинковка в подвале (zaryad-landings) ---------- */
.footer-seo{background:#0a1f42;border-top:1px solid rgba(255,255,255,.08)}
.footer-seo-in{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:22px;padding-bottom:22px}
.footer-seo-col summary{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#F15A22;list-style:none}
.footer-seo-col summary::-webkit-details-marker{display:none}
.footer-seo-col ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.footer-seo-col a{color:rgba(255,255,255,.72);font-size:13px;text-decoration:none}
.footer-seo-col a:hover{color:#fff;text-decoration:underline}
.zl-seo{max-width:800px;margin-top:28px}
.zl-links{margin-top:24px}
.zl-related{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.zl-related a{color:var(--navy);text-decoration:underline}
@media (max-width:700px){.footer-seo-in{grid-template-columns:1fr;gap:4px}
  .footer-seo-col summary{position:relative;margin:0;padding:10px 30px 10px 0;cursor:pointer}
  .footer-seo-col summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:var(--orange-l);font-size:20px;font-weight:700;line-height:1}
  .footer-seo-col[open] summary::after{content:"\2212"}
  .footer-seo-col ul{padding-bottom:10px}}

/* ---------- Фото товара: триггер + лайтбокс ---------- */
.product-media-trigger{position:relative;display:block;width:100%;border:0;background:none;padding:0;cursor:zoom-in}
.product-media-zoom{position:absolute;right:12px;bottom:12px;width:38px;height:38px;line-height:38px;text-align:center;border-radius:50%;background:var(--orange);color:#fff;font-size:22px;font-weight:700}
.product-oos{display:block;color:var(--muted);margin:4px 0}
.product-oos a{color:var(--orange);font-weight:700}
.zaryad-lightbox{position:fixed;inset:0;z-index:1100;background:rgba(14,40,81,.9);display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.zaryad-lightbox img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;border-radius:8px}
@media (max-width:767px){.zaryad-lightbox{padding:10px}.zaryad-lightbox img{width:100%;height:auto}}
.zl-close{position:absolute;top:16px;right:22px;background:none;border:0;color:#fff;font-size:44px;line-height:1;cursor:pointer}

/* ─── Выбор ёмкости сдаваемого АКБ (плашка «жидкое стекло» у цены) ─── */
.product-price{position:relative}
.zar-ti-info{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:8px;padding:0;border:0;border-radius:50%;background:rgba(142,142,147,.45);color:#fff;font-size:10px;font-style:italic;font-weight:700;font-family:Georgia,serif;line-height:1;cursor:pointer;vertical-align:middle}
.zar-ti-info:hover{background:rgba(142,142,147,.75)}
.zar-tradein{position:fixed;top:0;left:0;z-index:1090;width:min(340px,92vw)}
.zar-tradein-beak{width:14px;height:14px;margin:0 0 -8px 24px;border-radius:2px;transform:rotate(45deg);background:rgba(28,28,32,.6);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(255,255,255,.18)}
.zar-tradein-panel{background:rgba(28,28,32,.6);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:14px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 32px rgba(0,0,0,.35)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.zar-tradein-beak,.zar-tradein-panel{background:rgba(28,28,32,.96)}}
.zar-tradein-title{font-size:13px;color:rgba(235,235,245,.6);margin-bottom:2px}
.zar-tradein-row{display:flex;align-items:center;gap:12px;padding:9px 0;cursor:pointer;border-bottom:.5px solid rgba(255,255,255,.1);color:#fff;font-size:15px;font-weight:400}
.zar-tradein-row:last-child{border-bottom:0}
.zar-tradein-row:focus-visible{outline-offset:-2px}
.zar-ti-dot{width:20px;height:20px;border-radius:50%;flex:none;border:1.5px solid rgba(255,255,255,.35);box-sizing:border-box}
.zar-tradein-row[aria-checked="true"] .zar-ti-dot{background:var(--orange);border-color:var(--orange);box-shadow:inset 0 1px 1px rgba(255,255,255,.35)}
.zar-ti-disc{margin-left:auto;font-size:14px}

/* ─── Архив статей («Советы») — карточная сетка в стиле инфостраниц ─── */
.archive-lead{margin:-6px 0 26px;color:var(--muted);font-size:15.5px;max-width:44em}
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 30px}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.post-card:hover{border-color:transparent;box-shadow:var(--shadow-2);transform:translateY(-2px)}
.post-card b{color:var(--name);font-size:16.5px;line-height:1.35;margin-bottom:8px}
.post-card p{margin:0 0 14px;font-size:14px;color:#3C4149;line-height:1.55}
.post-card .post-more{margin-top:auto;color:var(--orange-text);font-weight:700;font-size:14px}
@media (max-width:900px){.posts-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.posts-grid{grid-template-columns:1fr}}

/* ─── SEO-текст категории под сеткой товаров ─── */
.cat-seo{margin-top:44px;padding-top:28px;border-top:1px solid var(--line);color:#4B5158;font-size:14.5px;max-width:52em}
.cat-seo h2,.cat-seo h3{font-size:18px}

/* ---------- Инфостраницы: компоненты (контент в БД использует ip-*) ---------- */
.ip-hero{margin:0 calc(50% - 50vw) 34px;padding:40px 20px;background:linear-gradient(135deg,var(--navy-d),var(--navy) 55%,var(--navy-l));color:#fff}
.ip-hero-in{max-width:1180px;margin:0 auto}
.ip-hero .h{color:#fff;font-size:clamp(22px,3.2vw,34px);font-weight:800;margin:0}
.ip-hero p{color:#D9E1EF;font-size:17px;max-width:660px;margin:10px 0 0}
.entry-content ul.ip-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 34px;padding:0;list-style:none}
.ip-facts li{background:var(--paper2);border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center}
.ip-facts b{display:block;font-size:26px;color:var(--orange);line-height:1.1}
.ip-facts span{font-size:13px;color:#4B5158}
.entry-content ul.ip-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 30px;padding:0;list-style:none}
.ip-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;transition:border-color .15s,box-shadow .15s}
.ip-card:hover{border-color:var(--orange);box-shadow:0 8px 20px rgba(14,40,81,.08)}
.ip-card .ico{width:42px;height:42px;border-radius:10px;background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}
.ip-card b{display:block;color:var(--name);font-size:16px;margin-bottom:6px}
.ip-card p{margin:0;font-size:14px;color:#3C4149}
.ip-cta{background:linear-gradient(120deg,var(--orange-d),var(--orange));border-radius:16px;color:#fff;padding:26px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:34px 0 0}
.ip-cta b{font-size:20px}
.ip-cta p{margin:4px 0 0;color:#FFE3D5;font-size:14px}
.ip-cta .btn{background:#fff;color:var(--orange-d)}
.ip-cta .btn:hover{background:var(--paper2);color:var(--orange-d)}
.ip-2col{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}
.ip-aside{position:sticky;top:16px;background:var(--navy-d);border-radius:16px;color:#fff;padding:22px}
.ip-aside b{font-size:17px}
.ip-aside .btn{width:100%;margin-top:10px}
.entry-content .ip-aside ul{list-style:none;margin:12px 0 0;padding:0;font-size:14px;color:#D9E1EF}
.ip-aside li{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.ip-aside li:last-child{border-bottom:0}
.ip-aside a{color:#FF9E6E;font-weight:700;text-decoration:none}
.ip-num{counter-reset:ipn}
.ip-num h2{counter-increment:ipn;display:flex;gap:12px;align-items:baseline}
.ip-num h2::before{content:"0" counter(ipn);color:var(--orange);font-size:15px;font-weight:800;letter-spacing:.05em}
.entry-content ol.ip-steps{counter-reset:ips;list-style:none;margin:0 0 30px;padding:0}
.ip-steps li{position:relative;padding:0 0 24px 52px}
.ip-steps li::before{content:counter(ips);counter-increment:ips;position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.ip-steps li::after{content:"";position:absolute;left:16px;top:40px;bottom:4px;width:2px;background:var(--line)}
.ip-steps li:last-child{padding-bottom:0}
.ip-steps li:last-child::after{display:none}
.ip-steps b{display:block;color:var(--name);margin-bottom:2px}
.ip-band{margin:0 calc(50% - 50vw);padding:36px 20px}
.ip-band.alt{background:var(--paper2)}
.ip-band-in{max-width:1180px;margin:0 auto}
.ip-band-2{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.ip-band h2{margin-top:0}
.ip-store{display:flex;flex-direction:column;gap:2px}
.ip-store span{color:var(--muted);font-size:13px}
.ip-store a{color:var(--navy);font-weight:700;text-decoration:none}
@media (max-width:900px){.ip-2col{grid-template-columns:1fr}.ip-aside{position:static}.entry-content ul.ip-cards{grid-template-columns:repeat(2,1fr)}.entry-content ul.ip-facts{grid-template-columns:repeat(2,1fr)}.ip-band-2{grid-template-columns:1fr}}
@media (max-width:540px){.entry-content ul.ip-cards,.entry-content ul.ip-facts{grid-template-columns:1fr}.ip-cta{padding:20px}}

/* Мобильная главная: каталог и хиты выше секции «Сервис» (просьба владельца 2026-07-04).
   Порядок на ≤767px: hero → чипы → каталог → хиты → сервис → trade-in → консультация → FAQ(8, базовый) → магазины. */
@media (max-width:767px){
  .home .site-main{display:flex;flex-direction:column}
  .home .site-main>*{order:8}
  .home .site-main>.hero{order:1}
  .home .site-main>.usp-chips{order:2}
  .home .site-main>#katalog{order:3}
  .home .site-main>#katalog+.section{order:4}
  .home .site-main>#uslugi{order:5}
  .home .site-main>.tradein{order:6}
  .home .site-main>.consult-m{order:7}
  .home .site-main>#magaziny{order:9}
}