/* База: сброс, токены, контейнер, шапка и подвал. Сгенерировано build-php.py. */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:'Inter Tight',system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{max-width:var(--container);margin:0 auto;padding:0 26px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.display{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 112;font-weight:700;letter-spacing:-.025em;line-height:1.03}
.btn-primary{background:linear-gradient(120deg,#3a52f0 0%,var(--accent) 48%,#4b34c8 100%);color:#fff;
    box-shadow:0 5px 16px rgba(31,59,224,.16)}
.btn-primary:hover{filter:brightness(1.06);box-shadow:0 7px 20px rgba(31,59,224,.24);transform:translateY(-1px)}
.btn-ghost{background:var(--paper);color:var(--ink);border-color:var(--line-hard)}
.btn-ghost:hover{border-color:var(--ink);background:var(--paper-2)}
.btn-sm{padding:11px 20px;font-size:15px;border-radius:9px}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--ink-2)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 26px;max-width:var(--container);margin:0 auto}
.logo{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 125;font-weight:800;font-size:20px;letter-spacing:.02em}
.logo i{font-style:normal;color:var(--accent)}
.nav{display:flex;gap:26px;font-size:15px;font-weight:500;color:var(--ink-soft)}
.nav a:hover{color:var(--accent)}
.hdr-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.hdr-phones{display:flex;flex-direction:row;gap:22px;align-items:center}
.hdr-tel{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;white-space:nowrap;transition:.15s}
.hdr-tel:hover{color:var(--accent)}
.hdr-hours{font-size:11.5px;color:var(--ink-dim);letter-spacing:.02em}
.crumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:20px 0 0;font-size:14px;color:var(--ink-dim)}
.crumbs a:hover{color:var(--accent)}
.crumbs span{color:var(--line-hard)}
.crumbs span{color:var(--line-hard)}
.chan-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;transition:.2s;display:block}
.chan-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,20,26,.09)}
.chan-ic{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.chan-ic svg{width:48px;height:48px}
.chan-ic img{width:48px;height:48px;display:block}
.chan-tg{color:#29B6F6}
.chan-card h4{font-size:19px;font-weight:600;margin-bottom:8px;line-height:1.2}
.chan-card p{font-size:14px;color:var(--ink-soft);line-height:1.5}
.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1.25fr 1.05fr;gap:40px}
.ftr-about .logo{color:#fff;margin-bottom:20px;display:inline-block}
.ftr-about p{color:#98a2ac;font-size:14px;line-height:1.7;max-width:460px}
.ftr-req{margin-top:20px;font-family:'Roboto Mono',monospace;font-size:13px;line-height:1.9;color:#6d7781}
.ftr-col h5{font-size:15px;font-weight:700;margin-bottom:18px;color:#fff}
.ftr-col a{display:flex;align-items:center;gap:8px;color:#98a2ac;font-size:14px;padding:6px 0;transition:.15s}
.fic{width:18px;height:18px;flex:none;display:block}
.fic-tg{color:#29B6F6}
.ftr-col a:hover{color:#8b9aff}
.ftr-col .fc-group{font-family:'Roboto Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8b9aff;margin:16px 0 6px}
.ftr-col .fc-group:first-of-type{margin-top:0}
.ftr-note{font-size:13px;color:#6d7781;line-height:1.7;margin-top:18px}
.ftr-map{border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden;height:160px;background:#1a2027;margin-bottom:8px}
.ftr-map iframe{display:block;width:100%;height:100%;border:0}
.ftr-disclaimer{margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px;line-height:1.75;color:#5d666f}
.ftr-disclaimer + .ftr-bottom{margin-top:24px;padding-top:20px;border-top:0}
.ftr-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#6d7781}
.ftr-bottom a{color:#6d7781;margin-left:20px;transition:.15s}
.ftr-bottom a:hover{color:#8b9aff}
.hp-field{position:absolute;left:-9999px;opacity:0}
.form-status{font-size:14px;padding:12px;border-radius:10px;display:none;margin-top:12px}
.form-status.err{display:block;background:var(--bad-wash);color:var(--bad);border:1px solid rgba(196,35,26,.28)}
.logo{display:inline-flex;align-items:center;gap:9px}
.logo img{height:30px;width:auto;display:block}
.logo span{display:block;line-height:1}
.ftr-about .logo{display:inline-flex}

/* ── Телефоны в шапке на мобильном ───────────────────────────
   Как на gac-aion-china.ru и changan-qiyuan-china.ru: оба номера
   переносятся отдельной строкой под логотипом, по центру, через точку.
   Раньше второй номер просто скрывался — половина контактов терялась. */
@media(max-width:900px){
    .hdr-in{flex-wrap:wrap;row-gap:0;align-items:center}
    .logo{order:1;margin-right:auto}
    .hdr-right{order:2;display:contents}
    .hdr-hours{order:2;font-size:11px;color:var(--ink-dim);align-self:center}
    .hdr-phones{order:3;flex-basis:100%;width:100%;display:flex;justify-content:center;
        align-items:center;gap:0;margin-top:11px;padding-top:10px;
        border-top:1px solid var(--line)}
    .hdr-phones .hdr-tel,
    .hdr-phones .hdr-tel:nth-child(2){display:inline-flex}   /* оба номера видны */
    .hdr-tel{font-size:15px;padding:0 13px;position:relative;white-space:nowrap}
    .hdr-tel .tel-ic{display:none}
    .hdr-tel+.hdr-tel::before{content:'';position:absolute;left:0;top:50%;
        transform:translateY(-50%);width:3px;height:3px;border-radius:50%;
        background:var(--accent);opacity:.6}
}
@media(max-width:400px){
    .hdr-in{padding:12px 14px}
    .hdr-tel{font-size:13.5px;padding:0 9px}
    .hdr-hours{display:none}
}

/* Базовая раскладка телефонов — нужна калькулятору,
   где своего правила .hdr-phones нет */
.hdr-phones{display:flex;flex-direction:row;align-items:center;gap:22px}

/* Блок «Другие модели»: статус вместо цены у недоступных */
.xcard-p-off{color:#8f5406;font-size:14px;letter-spacing:0}

/* Подвал: адаптив жил в home.css, а подвал общий для всех страниц —
   на калькуляторе четыре колонки не помещались и распирали страницу */
@media(max-width:1100px){ .ftr-grid{grid-template-columns:1fr 1fr} }
@media(max-width:600px){ .ftr-grid{grid-template-columns:1fr;gap:28px} }


/* ── Экран успеха после отправки формы (Stage 13) ────────────
   Показывается только после ответа сервера, вместо текстовой строки. */
.lf-done{display:none;text-align:center;padding:26px 6px 12px}
.lf-done.show{display:block}
.lf-done .fs-check{width:70px;height:70px;border-radius:50%;
    background:var(--good-wash,#e7f6ee);border:2px solid var(--good,#0a7c45);
    display:flex;align-items:center;justify-content:center;font-size:36px;
    color:var(--good,#0a7c45);margin:0 auto 18px;animation:pop .4s ease}
.lf-done h3{color:var(--good,#0a7c45);margin:0 0 9px;font-size:22px}
.lf-done p{color:var(--ink-soft);font-size:16px;margin:0}
@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.12)}100%{transform:scale(1)}}