/* АВТО ИЗ КИТАЯ - gac-m6-iz-kitaya.ru */
:root{
  --ink:#101012; --dark:#0E0E10; --dark-2:#17171A;
  --yellow:#FECB00; --yellow-press:#E6B800; --coral:#FF8562;
  --white:#FFFFFF; --paper:#F6F6F4;
  --muted:#6B6B70; --muted-dark:#B4B4BC;
  --border:#E7E7E9; --border-dark:#2A2A2F;
  --font:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --r-md:8px; --r-lg:12px; --r-xl:18px; --r-pill:999px;
  --tr:150ms ease-out;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--white);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.wrap{padding:0 32px}}

/* Шапка */
.dark-top{background:var(--dark);color:var(--white);position:relative;overflow:hidden}
.dark-top::before{content:"";position:absolute;right:-120px;top:-80px;width:520px;height:520px;
  background:radial-gradient(circle at center, rgba(254,203,0,.20), rgba(254,203,0,0) 62%);pointer-events:none}
header{position:relative;z-index:5}
.head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.logo{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.3px;font-size:17px;white-space:nowrap}
.logo .mark{width:30px;height:30px;border-radius:8px;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.logo b{color:#fff;font-weight:800}
.logo .accent{color:var(--yellow)}
.head-right{display:flex;align-items:center;gap:18px}
.head-phone{font-weight:700;font-size:16px;white-space:nowrap;color:#fff}
.head-phone small{display:block;font-size:11px;font-weight:500;color:var(--muted-dark);letter-spacing:.2px}
.head-phone:hover{color:var(--yellow)}
@media(max-width:820px){.head-phone small{display:none}}
@media(max-width:640px){.head .btn-yellow{display:none}}

/* Навигация */
.nav-toggle{display:none}
.burger{display:none;cursor:pointer;width:40px;height:40px;border:1.5px solid rgba(255,255,255,.3);border-radius:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{display:block;width:18px;height:2px;background:#fff;border-radius:2px;transition:transform var(--tr)}
nav.main{display:flex;gap:4px;flex-wrap:wrap}
nav.main a{padding:8px 13px;border-radius:var(--r-pill);font-size:14px;font-weight:600;color:var(--muted-dark)}
nav.main a:hover{color:#fff}
nav.main a.active{background:var(--dark-2);color:var(--yellow)}
.navbar{border-top:1px solid var(--border-dark);padding:8px 0}
@media(max-width:900px){
  .burger{display:flex;flex-shrink:0}
  .navbar{display:none;padding:10px 0 14px}
  .nav-toggle:checked ~ .navbar{display:block}
  nav.main{flex-direction:column;gap:2px}
  nav.main a{padding:11px 14px;font-size:15px}
}
@media(max-width:480px){
  .wrap{padding:0 16px}
  .logo{font-size:15px}
  .logo .mark{width:26px;height:26px;font-size:12px}
  .head-phone{font-size:14px}
  .head,.head-right{gap:8px}
}

/* Кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-lg);font-weight:700;font-size:15px;line-height:1;cursor:pointer;transition:background var(--tr),border-color var(--tr),color var(--tr);border:none;white-space:nowrap}
.btn-yellow{background:var(--yellow);color:var(--ink);height:50px;padding:0 24px}
.btn-yellow:hover{background:var(--yellow-press)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);height:50px;padding:0 22px}
.btn-ghost:hover{border-color:var(--yellow);color:var(--yellow)}
.btn-dark{background:var(--ink);color:#fff;height:50px;padding:0 24px}
.btn-dark:hover{background:#2A2A2F}
.btn-lg{height:56px;padding:0 30px;font-size:16px}
.head .btn-yellow{height:44px;padding:0 18px;font-size:14px}

/* Хиро главной */
.hero{position:relative;z-index:2;padding:26px 0 56px}
@media(min-width:768px){.hero{padding:40px 0 72px}}
.hero-grid{display:grid;gap:30px;align-items:center}
@media(min-width:900px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:48px}}
.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(254,203,0,.12);color:var(--yellow);font-size:12px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;padding:7px 14px;border-radius:var(--r-pill);margin-bottom:18px}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--yellow)}
h1{font-size:32px;line-height:1.12;font-weight:800;letter-spacing:-.5px;margin-bottom:18px}
.dark-top h1{color:#fff}
@media(min-width:768px){h1{font-size:44px}}
h1 .price{color:var(--yellow);white-space:nowrap}
.hero-sub{font-size:16px;line-height:1.6;color:var(--muted-dark);margin-bottom:24px;max-width:560px}
@media(min-width:768px){.hero-sub{font-size:18px}}
.hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.chip{background:var(--dark-2);border:1px solid var(--border-dark);border-radius:var(--r-pill);padding:8px 15px;font-size:13px;font-weight:500;color:#EDEDF0}
.chip b{color:var(--yellow);font-weight:700}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cta-note{font-size:13px;color:var(--muted-dark);margin-top:14px}
.hero-photo{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.hero-photo::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);border-radius:var(--r-xl)}
.hero-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.hero-photo .tag{position:absolute;left:14px;top:14px;background:var(--yellow);color:var(--ink);font-size:12px;font-weight:700;padding:6px 12px;border-radius:var(--r-pill)}

/* Секции */
section{padding:52px 0}
@media(min-width:768px){section{padding:72px 0}}
.sec-paper{background:var(--paper)}
.eyebrow{color:var(--coral);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}
h2{font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-.4px;margin-bottom:8px}
@media(min-width:768px){h2{font-size:34px}}
.sec-sub{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:30px;max-width:620px}

.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:768px){.gallery{grid-template-columns:repeat(3,1fr);gap:14px}}
.gallery a{border-radius:var(--r-lg);overflow:hidden;display:block;background:#eee}
.gallery img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform 300ms ease}
.gallery a:hover img{transform:scale(1.04)}

.specs-wrap{display:grid;gap:28px}
@media(min-width:900px){.specs-wrap{grid-template-columns:1.05fr .95fr;gap:48px}}
.specs{border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;background:#fff}
.specs div{display:flex;justify-content:space-between;gap:16px;padding:14px 20px;font-size:14px}
.specs div:nth-child(odd){background:var(--paper)}
.specs dt{color:var(--muted)}
.specs dd{font-weight:700;text-align:right}
.specs-text p{color:var(--muted);font-size:15px;line-height:1.65;margin-bottom:14px}
.specs-text p b{color:var(--ink);font-weight:700}

.cards{display:grid;gap:14px}
@media(min-width:768px){.cards{grid-template-columns:repeat(2,1fr);gap:18px}}
.cards-4{display:grid;gap:14px}
@media(min-width:768px){.cards-4{grid-template-columns:repeat(4,1fr);gap:18px}}
.cards-3{display:grid;gap:14px}
@media(min-width:768px){.cards-3{grid-template-columns:repeat(3,1fr);gap:18px}}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);padding:22px}
.card .num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:800;font-size:15px;margin-bottom:14px}
.card h3{font-size:17px;font-weight:700;margin-bottom:8px}
.card p{font-size:14px;line-height:1.6;color:var(--muted)}

/* Форма */
.lead{background:var(--dark);color:#fff;position:relative;overflow:hidden}
.lead::before{content:"";position:absolute;left:-140px;bottom:-140px;width:460px;height:460px;background:radial-gradient(circle at center, rgba(255,133,98,.20), rgba(255,133,98,0) 62%);pointer-events:none}
.lead-grid{position:relative;z-index:2;display:grid;gap:32px}
@media(min-width:900px){.lead-grid{grid-template-columns:1fr 1fr;gap:60px;align-items:start}}
.lead h2{color:#fff}
.lead-text{color:var(--muted-dark);font-size:15px;line-height:1.65;margin-bottom:22px}
.lead-alt{margin-top:22px;padding-top:22px;border-top:1px solid var(--border-dark)}
.lead-alt p{font-size:14px;color:var(--muted-dark);margin-bottom:12px}
form.lead-form{background:#fff;border-radius:var(--r-xl);padding:26px;color:var(--ink)}
@media(min-width:768px){form.lead-form{padding:32px}}
label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}
input[type=text],input[type=tel]{width:100%;height:52px;border:1px solid var(--border);border-radius:var(--r-md);padding:12px 14px;font-family:inherit;font-size:16px;margin-bottom:16px;color:var(--ink)}
input:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 3px rgba(254,203,0,.25)}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;color:var(--muted);margin:2px 0 18px}
.agree input{margin-top:2px;accent-color:var(--yellow)}
.agree a{color:var(--coral);text-decoration:underline}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form.lead-form .btn-yellow{width:100%;height:54px}
.form-note{font-size:12px;color:var(--muted);margin-top:12px;text-align:center}
.form-ok{display:none;text-align:center;padding:20px 0}
.form-ok b{display:block;font-size:19px;margin-bottom:8px}
.form-ok p{color:var(--muted);font-size:14px}

/* FAQ */
.faq details{border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:10px;background:#fff}
.faq summary{cursor:pointer;padding:16px 20px;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--coral);font-weight:800;font-size:18px;flex-shrink:0}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 20px 16px;color:var(--muted);font-size:14px;line-height:1.6}

/* Внутренние страницы */
.page{padding:36px 0 64px}
@media(min-width:768px){.page{padding:48px 0 80px}}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--coral);font-weight:600}
.page h1{font-size:28px;margin-bottom:14px}
@media(min-width:768px){.page h1{font-size:38px}}
.page .lead-p{font-size:17px;line-height:1.65;color:var(--muted);max-width:760px;margin-bottom:30px}
.article{max-width:800px}
.article h2{font-size:22px;margin:34px 0 12px}
@media(min-width:768px){.article h2{font-size:27px}}
.article h3{font-size:18px;font-weight:700;margin:24px 0 8px}
.article p{color:#3C3C42;font-size:15.5px;line-height:1.7;margin-bottom:14px}
.article ul,.article ol{margin:0 0 16px 22px;color:#3C3C42;font-size:15.5px;line-height:1.7}
.article li{margin-bottom:8px}
.article a{color:#C79E00;font-weight:600;text-decoration:underline;text-decoration-color:rgba(254,203,0,.5)}
.article .note{background:var(--paper);border-left:3px solid var(--yellow);border-radius:0 var(--r-lg) var(--r-lg) 0;padding:14px 18px;font-size:14.5px;color:#3C3C42;margin:18px 0}
table.t{width:100%;border-collapse:collapse;margin:16px 0 22px;font-size:14.5px}
table.t th{background:var(--dark);color:#fff;text-align:left;padding:11px 14px;font-weight:600}
table.t td{border:1px solid var(--border);padding:10px 14px;color:#3C3C42}
table.t tr:nth-child(even) td{background:var(--paper)}

/* CTA-полоса */
.cta-strip{background:var(--dark);color:#fff;border-radius:var(--r-xl);padding:26px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-top:40px}
@media(min-width:768px){.cta-strip{padding:30px 34px}}
.cta-strip b{font-size:19px;display:block;margin-bottom:4px}
.cta-strip p{color:var(--muted-dark);font-size:14px}
.cta-strip .btns{display:flex;gap:10px;flex-wrap:wrap}

/* Контакты */
.contact-grid{display:grid;gap:28px}
@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1fr;gap:48px}}
.contact-card{border:1px solid var(--border);border-radius:var(--r-xl);padding:24px;margin-bottom:14px}
.contact-card .lbl{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.contact-card .val{font-size:20px;font-weight:800}
.contact-card .val a:hover{color:#C79E00}
.contact-card p{font-size:14px;color:var(--muted);margin-top:6px}

/* Футер */
footer{background:var(--dark);color:var(--muted-dark);padding:34px 0 40px;font-size:13px}
.foot-top{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center;margin-bottom:18px}
.foot-links{display:flex;flex-wrap:wrap;gap:14px 18px}
.foot-links a:hover{color:var(--yellow)}
.legal{line-height:1.6;border-top:1px solid var(--border-dark);padding-top:18px}
.legal p{margin-bottom:6px}

/* Логотип-иконка */
.logo .mark-img{width:30px;height:30px;border-radius:8px;display:block}
@media(max-width:480px){.logo .mark-img{width:26px;height:26px}}

/* Контакты v2 */
.msgr{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.msgr-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:12px;font-weight:700;font-size:14px;border:1.5px solid rgba(255,255,255,.28);color:#fff;background:transparent;transition:.15s;cursor:pointer;text-decoration:none}
.msgr-btn svg{width:20px;height:20px;flex-shrink:0}
.msgr-btn.wa:hover{background:#25D366;border-color:#25D366;color:#0A0A0A}
.msgr-btn.tg:hover{background:#2AABEE;border-color:#2AABEE;color:#fff}
.msgr-btn.max:hover{background:#FECB00;border-color:#FECB00;color:#0E0E10}
.msgr-btn.copied{background:#FECB00;border-color:#FECB00;color:#0E0E10}
.on-light .msgr-btn{border-color:#E7E7E9;color:#101012}
/* яркие кнопки на главном экране */
.lead-msgr{margin-top:16px}
.lead-msgr .msgr-btn{border:none;color:#fff}
.lead-msgr .msgr-btn.wa{background:#25D366;color:#0A0A0A}
.lead-msgr .msgr-btn.tg{background:#2AABEE;color:#fff}
.lead-msgr .msgr-btn.max{background:#FECB00;color:#0E0E10}
.lead-msgr .msgr-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.foot-contact{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:center;padding:14px 0;border-top:1px solid var(--border-dark);margin:2px 0;font-size:13px}
.foot-contact a{color:#fff;font-weight:700;text-decoration:none}
.foot-contact a:hover{color:var(--yellow)}
.foot-contact span{color:var(--muted-dark)}