/* Контакты — свои стили страницы (общие компоненты в /_assets/styles.css, не правим).
   03.10, v2 по дизайн-аудиту: компактная шапка, карточки каналов, горизонтальные шаги, география + реквизиты в две колонки */

/* 1. Компактная шапка (как .phead--ceny) */
.phead--contacts{padding-bottom:clamp(24px,3vw,40px)}
.phead--contacts .phead__grid{grid-template-columns:1.3fr .7fr;gap:24px 48px;align-items:end}
.phead--contacts .sub{max-width:36ch;font-size:clamp(17px,1.3vw,20px);line-height:1.4;padding-bottom:.35em}

/* 2. Три карточки каналов */
.contacts{padding-top:0}
.chan{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;list-style:none}.chan>li{grid-column:span 2;display:grid}.chan>li:nth-child(n+4){grid-column:span 3}
.chan__card{display:grid;gap:10px;align-content:start;min-height:200px;padding:clamp(20px,2vw,28px);border-radius:var(--r-card);background:var(--night-2);box-shadow:inset 0 0 0 1px var(--line-d);transition:box-shadow .3s,background .3s}
.chan__card:hover{box-shadow:inset 0 0 0 1px rgba(244,238,230,.35);background:#2a2320}
.chan__k{font-size:var(--small);color:var(--mute-d);line-height:1.4}
.chan__card b{font-weight:400;font-size:clamp(24px,2.1vw,32px);letter-spacing:-.03em;line-height:1.05;word-break:break-word}
.chan__d{font-size:14.5px;line-height:1.4;color:var(--mute-d);max-width:30ch;margin-top:auto;padding-top:14px}

/* Заголовки без надзаголовка — плотнее к контенту */
.chap__head--tight{margin-bottom:clamp(28px,3.5vw,44px)}
.chap__head--tight h2{max-width:20ch}

/* 3. Три шага горизонтально (как на /partners/) */
.hsteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;counter-reset:hs}
.hsteps li{position:relative;display:grid;gap:12px;align-content:start;padding:22px 22px 24px;border-radius:var(--r-card);background:rgba(26,20,18,.05);box-shadow:inset 0 0 0 1px var(--line-l)}
.hsteps li::before{counter-increment:hs;content:"0" counter(hs);font-size:22px;letter-spacing:-.03em;color:var(--brick);line-height:1.2}
.hsteps li:not(:last-child)::after{content:"→";position:absolute;right:-16px;top:22px;width:16px;text-align:center;color:var(--mute-l);font-size:18px;line-height:1.2}
.hsteps b{font-weight:500;font-size:clamp(18px,1.5vw,22px);letter-spacing:-.015em;line-height:1.15}
.hsteps p{color:var(--mute-l);font-size:15px;line-height:1.5}

/* 4. География + реквизиты: две колонки «подпись — значение» */
.info{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,4vw,64px)}
.info__col{display:grid;gap:18px;align-content:start;min-width:0}
.info__col h2{font-size:clamp(26px,2.6vw,38px);max-width:14ch}
.info__lead{color:var(--mute-d);font-size:15.5px;line-height:1.5;max-width:46ch}
.clist{display:block;margin-top:6px}
.clist>div{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:8px 24px;padding:14px 0 16px;border-top:1px solid var(--line-d);align-items:start}
.clist>div:last-child{border-bottom:1px solid var(--line-d)}
.clist dt{font-size:var(--small);line-height:1.5;color:var(--mute-d);padding-top:2px}
.clist dd{font-size:16px;letter-spacing:-.01em;line-height:1.4}
.clist dd .link{font-size:inherit}
.clist dd br{display:block;content:"";margin-top:8px}

/* 5. Подробный бриф: форма шире текста */
.form__card--brief{grid-template-columns:.8fr 1.2fr}
.field select:invalid{color:rgba(244,238,230,.72)}  /* плейсхолдер селекта на бордовой форме, 5,3:1 */
.field select option[value=""]{color:#777}

@media (max-width:1100px){
  .chan__card b{font-size:22px}
}
@media (max-width:900px){
  .phead--contacts{padding-bottom:18px}
  .phead--contacts .phead__grid{grid-template-columns:1fr;gap:12px}
  .phead--contacts .sub{padding-bottom:0;font-size:16px;max-width:none}
  .chan{grid-template-columns:1fr;gap:8px}.chan>li,.chan>li:nth-child(n+4){grid-column:auto}
  .chan__card{min-height:0;padding:16px 16px 14px;gap:6px}
  .chan__card b{font-size:22px}
  .chan__d{padding-top:6px;max-width:none;font-size:14px}
  .chap__head--tight h2{max-width:none}
  .hsteps{grid-template-columns:1fr;gap:10px}
  .hsteps li{padding:18px 18px 20px}
  .hsteps li:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-14px;transform:translateX(-50%);width:auto;font-size:16px}
  .hsteps p{font-size:14.5px}
  .info{grid-template-columns:1fr;gap:40px}
  .info__col h2{max-width:none}
  .clist>div{grid-template-columns:1fr;gap:4px;padding:12px 0 14px}
  .clist dd{font-size:16px}
  .form__card--brief{grid-template-columns:1fr}
}

/* 07.10 (Алексей): стрелки между шагами убраны (на десктопе и мобайле) */
.hsteps li:not(:last-child)::after{content:none}