/* ════════════════════════════════════════════
   АвтоПарк — страница «Контакты» (стиль v2)
   дополняет autopark.css + services.css (nav, foot)
   ════════════════════════════════════════════ */

.contacts-page h1,.contacts-page h2,.contacts-page h3,
.cn-hero-card-v,.form-success h3,.tadv-num,.ct-rail-hours-t{font-family:'Geologica',sans-serif}

/* ── HERO (navy + быстрые контакты) ── */
.cn-hero{background:var(--navy);position:relative;overflow:hidden}
.cn-hero-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1.4px,transparent 1.4px);background-size:30px 30px}
.cn-hero-glow{position:absolute;top:-160px;right:-100px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(26,95,168,.42) 0%,rgba(26,95,168,0) 70%);pointer-events:none}
.cn-hero-in{max-width:1280px;margin:0 auto;padding:80px 64px;position:relative;z-index:1}
.cn-hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:rgba(255,255,255,.55);letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px;line-height:100%}
.cn-hero-eyebrow::before{content:"";width:28px;height:1px;background:rgba(255,255,255,.3)}
.cn-hero h1{font-family:'Geologica',sans-serif;font-size:52px;font-weight:600;color:#fff;letter-spacing:-.025em;line-height:108%;margin-bottom:18px}
.cn-hero h1 em{font-weight:600;color:#B5D4F4}
.cn-hero-lead{font-size:17px;color:rgba(255,255,255,.6);line-height:172%;max-width:560px;margin-bottom:44px}
/* карточки быстрых контактов */
.cn-hero-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cn-hero-card{display:flex;flex-direction:column;gap:14px;padding:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;transition:background .18s,border-color .18s;min-width:0}
.cn-hero-card:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22)}
.cn-hero-card-ic{width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cn-hero-card-ic svg{width:19px;height:19px;stroke:#B5D4F4;fill:none;stroke-width:1.7}
.cn-hero-card-ic.filled svg{fill:#B5D4F4;stroke:none}
.cn-hero-card-l{display:block;font-size:11px;font-weight:600;color:rgba(255,255,255,.45);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;line-height:100%}
.cn-hero-card-v{display:block;font-size:16px;font-weight:600;color:#fff;line-height:128%;letter-spacing:-.01em;word-break:break-word}

/* ── ОСНОВНОЙ БЛОК: рельс + форма ── */
.cn-main{max-width:1280px;margin:0 auto;padding:80px 64px;display:grid;grid-template-columns:340px 1fr;gap:56px;align-items:start}

/* контактный рельс (sticky) */
.ct-rail{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px}
.ct-rail-card{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}
.ct-rail-hd{padding:16px 22px;border-bottom:1px solid var(--line);font-size:11px;font-weight:600;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;line-height:100%}
.ct-rail-body{padding:8px 22px}
.ct-rail-row{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line);transition:opacity .18s}
.ct-rail-row:last-child{border-bottom:none}
a.ct-rail-row:hover{opacity:.7}
.ct-rail-ic{width:38px;height:38px;border-radius:10px;background:#EAF2FB;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ct-rail-ic svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:1.7}
.ct-rail-ic.filled svg{fill:var(--blue);stroke:none}
.ct-rail-l{display:block;font-size:11px;font-weight:600;color:var(--faint);letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px;line-height:110%}
.ct-rail-v{display:block;font-size:14px;font-weight:600;color:var(--ink);line-height:135%}
/* режим работы */
.ct-rail-hours-t{font-size:11px;font-weight:700;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;padding:16px 22px;border-bottom:1px solid var(--line);background:var(--alt)}
.ct-rail-hours-row{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;border-bottom:1px solid var(--line);font-size:13px}
.ct-rail-hours-row .d{color:var(--mute)}
.ct-rail-hours-row .t{font-weight:600;color:var(--ink)}
.ct-rail-hours-row .badge{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:var(--alt);color:var(--faint)}
.ct-rail-status{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;background:#E4F3EC}
.ct-rail-status .s1{font-size:12px;font-weight:600;color:#0F7A56;display:flex;align-items:center;gap:7px}
.ct-rail-status .s1::before{content:"";width:7px;height:7px;border-radius:50%;background:#0F7A56}
.ct-rail-status .s2{font-size:12px;color:#0F7A56;opacity:.7}

/* ── ФОРМА ── */
.cn-form-wrap{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden}
.cn-form-hd{padding:30px 36px 0}
.cn-form-hd h2{font-size:27px;font-weight:600;letter-spacing:-.02em;line-height:118%;margin-bottom:8px}
.cn-form-hd h2 em{font-weight:600;color:var(--blue)}
.cn-form-hd p{font-size:14.5px;color:var(--mute);line-height:165%}
/* сегментный переключатель типа обращения */
.cn-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:26px 36px 0}
.cn-seg-btn{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:16px 18px;border-radius:14px;border:1.5px solid var(--line);background:#fff;cursor:pointer;transition:all .18s;text-align:left;font-family:'Geologica',sans-serif;outline:none}
.cn-seg-btn:hover{border-color:rgba(14,17,22,.2)}
.cn-seg-btn.active{background:var(--navy);border-color:var(--navy)}
.cn-seg-ic{width:34px;height:34px;border-radius:9px;background:#EAF2FB;display:flex;align-items:center;justify-content:center;transition:background .18s}
.cn-seg-btn.active .cn-seg-ic{background:rgba(255,255,255,.14)}
.cn-seg-ic svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.7}
.cn-seg-btn.active .cn-seg-ic svg{stroke:#fff}
.cn-seg-t{font-size:14px;font-weight:600;color:var(--ink);line-height:115%}
.cn-seg-btn.active .cn-seg-t{color:#fff}
.cn-seg-s{font-size:11.5px;color:var(--faint);line-height:125%}
.cn-seg-btn.active .cn-seg-s{color:rgba(255,255,255,.6)}

.cn-form{padding:28px 36px 36px;display:flex;flex-direction:column;gap:14px}
.cn-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cn-field{display:flex;flex-direction:column}
.cn-field label{font-size:12px;font-weight:600;color:var(--faint);margin-bottom:7px;letter-spacing:.02em}
.cn-field input,.cn-field textarea,.cn-field select{width:100%;background:var(--alt);border:1px solid var(--line);border-radius:10px;padding:13px 15px;font-size:14px;font-family:'Geologica',sans-serif;color:var(--ink);outline:none;transition:border-color .18s,background .18s;resize:none}
.cn-field input:focus,.cn-field textarea:focus,.cn-field select:focus{border-color:var(--blue);background:#fff}
.cn-field input::placeholder,.cn-field textarea::placeholder{color:var(--faint)}
.cn-field textarea{height:104px}
.cn-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%238C95A4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}
.cn-row-tender,.cn-row-request,.cn-row-question{display:flex;flex-direction:column;gap:14px}
.cn-consent{font-size:12px;color:var(--faint);line-height:155%}
.cn-consent a{color:var(--blue);border-bottom:1px solid rgba(26,95,168,.25)}
.cn-submit{width:100%;background:var(--blue);color:#fff;font-family:'Geologica',sans-serif;font-size:14px;font-weight:600;padding:15px;border-radius:11px;border:none;cursor:pointer;transition:background .18s,transform .18s;line-height:100%}
.cn-submit:hover{background:var(--blue-d);transform:translateY(-2px)}
.form-success{display:none;text-align:center;padding:44px 30px;margin:28px 36px 36px;background:#E4F3EC;border-radius:18px;border:1px solid #CDE8DA}
.form-success.show{display:block}
.form-success-ic{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#0F7A56;color:#fff;font-size:26px;margin-bottom:16px}
.form-success h3{font-size:23px;font-weight:600;color:#0C4733;margin-bottom:8px;line-height:124%}
.form-success p{font-size:14px;color:#3C6253;line-height:165%;max-width:340px;margin:0 auto}

/* ── ТЕНДЕРНЫЕ ПРЕИМУЩЕСТВА ── */
.tadv-sec{background:var(--alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tadv-in{max-width:1280px;margin:0 auto;padding:72px 64px}
.tadv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tadv-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;transition:transform .22s,box-shadow .22s}
.tadv-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(14,17,22,.08)}
.tadv-num{font-size:34px;font-weight:600;color:#D7E6F6;letter-spacing:-.03em;line-height:90%;margin-bottom:14px}
.tadv-card h4{font-size:15px;font-weight:600;margin-bottom:9px;line-height:132%}
.tadv-card p{font-size:13px;color:var(--mute);line-height:166%}

/* ── КАРТА ── */
.cn-map{background:var(--paper)}
.cn-map-in{max-width:1280px;margin:0 auto;padding:72px 64px}
.cn-map-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}
.cn-map-hd h2{font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:114%}
.cn-map-hd p{font-size:14.5px;color:var(--mute);margin-top:8px}
.cn-map-link{font-size:14px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:7px;line-height:100%;white-space:nowrap}
.cn-map-box{height:340px;background:#fff;border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.cn-map-bg{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 47px,var(--line) 47px,var(--line) 48px),repeating-linear-gradient(90deg,transparent,transparent 47px,var(--line) 47px,var(--line) 48px);opacity:.6}
.cn-map-pin{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}
.cn-map-pin-dot{width:52px;height:52px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(26,95,168,.1)}
.cn-map-pin-dot svg{width:23px;height:23px;stroke:#fff;fill:none;stroke-width:1.8}
.cn-map-pin-addr{font-size:15px;font-weight:600;color:var(--ink)}
.cn-map-pin-sub{font-size:13px;color:var(--faint)}

/* ── АДАПТИВ ── */
@media (max-width:991px){
  .cn-hero-in{padding:60px 32px}
  .cn-hero h1{font-size:40px}
  .cn-hero-cards{grid-template-columns:1fr 1fr}
  .cn-main{grid-template-columns:1fr;gap:40px;padding:56px 32px}
  .ct-rail{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .cn-seg{grid-template-columns:1fr}
  .cn-seg-btn{flex-direction:row;align-items:center}
  .tadv-in{padding:56px 32px}
  .tadv-grid{grid-template-columns:1fr 1fr}
  .cn-map-in{padding:56px 32px}
}
@media (max-width:767px){
  .cn-hero-in{padding:48px 20px}
  .cn-hero h1{font-size:32px;line-height:114%}
  .cn-hero-lead{font-size:15px}
  .cn-hero-cards{grid-template-columns:1fr}
  .cn-main{padding:44px 20px}
  .ct-rail{grid-template-columns:1fr}
  .cn-form-hd{padding:24px 22px 0}
  .cn-seg{padding:22px 22px 0}
  .cn-form{padding:22px 22px 28px}
  .cn-form-row{grid-template-columns:1fr}
  .form-success{margin:22px 22px 28px}
  .tadv-in{padding:44px 20px}
  .tadv-grid{grid-template-columns:1fr}
  .cn-map-in{padding:44px 20px}
  .cn-map-hd{flex-direction:column;align-items:flex-start;gap:12px}
  .cn-map-hd h2{font-size:25px}
}