/* Стили страницы /contact/. Общий костяк (.page/.section-title/.svc-desc/
   toolbar/.bc, кнопки .fcta-main/.fcta-sub/.fcta-row) — canonical в
   shared.css, здесь только своё: hero CTA-ряд прижат влево (не по центру,
   как в финальном .fcta внизу страницы — это сама hero-секция), сетка из
   3 информационных карточек и карта. */

/* .fcta-row по умолчанию центрирует кнопки (см. shared.css, финальный CTA
   внизу страницы) — здесь это верхний hero-блок, кнопки прижаты к левому
   краю вслед за заголовком/подзаголовком. На мобильном — друг под другом
   на всю ширину (по прямому запросу задачи). */
.contact-hero-cta{justify-content:flex-start;margin-top:26px}
@media(max-width:560px){
  .contact-hero-cta{flex-direction:column;align-items:stretch}
  .contact-hero-cta a{text-align:center}
}

.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}

/* .contact-card — тот же язык, что .svc-card (bg-card/border/var(--r), см.
   shared.css "INFO-CARD FAMILY") — не переиспользую класс напрямую, своя
   внутренняя структура (главная иконка 100×100 без подложки + лейбл +
   заметка + список ссылок), не просто заголовок+абзац. Карточки/ссылки —
   свободный список (contact_cards/contact_card_links), редактируется в
   admin/adm-contact.php (2026-08-21, раньше — 3 захардкоженных карточки
   Phone/Email/Address с круглой цветной подложкой под иконкой). */
.contact-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r);padding:24px 22px}
.contact-card-icon{display:block;width:100px;height:100px;margin-bottom:16px}
.contact-card-icon img{display:block;width:100%;height:100%;object-fit:contain}
.contact-card-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}
.contact-card-value{display:flex;align-items:center;gap:6px;font-family:var(--display);font-size:17px;font-weight:700;color:var(--ink);line-height:1.35;margin-top:8px}
a.contact-card-value:hover{color:var(--accent)}
.contact-card-icon-img{width:var(--contact-icon-size,16px);height:var(--contact-icon-size,16px);object-fit:contain;flex:0 0 auto} /* --contact-icon-size печатается из contact.php — site_settings.contact_card_link_icon_size_px, adm-contact.php */
.contact-card-sub{font-size:13px;color:var(--ink-dim);margin-top:6px;line-height:1.5}

/* Карта — тот же var(--r), что и карточки/фото по всему сайту, чтобы не
   выбивалась из системы (по прямому запросу задачи). overflow:hidden на
   обёртке — border-radius сам iframe не обрежет. */
.contact-map{margin-top:32px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.contact-map iframe{display:block}

/* Строка "зона обслуживания" над картой (2026-08-20) — заменила полный
   блок Service Areas, убранный со страницы (см. $hideServiceAreas в
   contact.php). .section-subtitle — canonical класс из shared.css. */
.contact-area-served{margin-top:32px}
.contact-area-served + .contact-map{margin-top:12px}