/* ═══════════════════════════════════════════════════════════
   pages/contact.css — стили страницы контактов
   ═══════════════════════════════════════════════════════════ */

/* ─── Layout ────────────────────────────────────────────────── */
.contact-banner__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: 24px;
  align-items: stretch;
}

.contact-info__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
}

.contact-form__row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  margin: 0 !important;
  padding: 0 !important;
}

.home-contact__row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.home-contact__row--full,
.home-contact__row--inline {
  grid-template-columns: minmax(0, 1fr);
}

/* ─── Hero text reset (parent-theme override) ──────────────── */
/* Удаляет любые фоны/тени/рамки с hero-элементов страницы контактов */

body.page-template-page-contact .contact-hero__content,
body.page-template-page-contact .contact-hero__title,
body.page-template-page-contact .contact-hero__subtitle,
body.page-template-page-contact .dag-contact-hero__content,
body.page-template-page-contact .dag-contact-hero__title,
body.page-template-page-contact .dag-contact-hero__subtitle,
body.page-template-page-contact .contact-banner__title,
body.page-template-page-contact .contact-banner__subtitle {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
  outline: 0 !important;
  filter: none !important;
  -webkit-filter: none !important;
  backdrop-filter: none !important;
}

body.page-template-page-contact .contact-hero__content,
body.page-template-page-contact .dag-contact-hero__content {
  border: 0 !important;
  box-shadow: none !important;
}

body.page-template-page-contact .contact-hero__title::before,
body.page-template-page-contact .contact-hero__title::after,
body.page-template-page-contact .contact-hero__subtitle::before,
body.page-template-page-contact .contact-hero__subtitle::after,
body.page-template-page-contact .dag-contact-hero__title::before,
body.page-template-page-contact .dag-contact-hero__title::after,
body.page-template-page-contact .contact-banner__title::before,
body.page-template-page-contact .contact-banner__title::after {
  content: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* ─── Responsive ─────────────────────────────────────────────── */
@media (max-width: 991px) {
  .home-contact__row { grid-template-columns: minmax(0, 1fr); }
}

/* iz-css-clean contact-mobile: stack the 3-col info grid + tame the hero on phones */
@media (max-width: 820px){
  .contact-info__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
  .contact-hero{padding:96px 0 72px;}
  .contact-hero__title{font-size:34px;margin-bottom:22px;}
}
@media (max-width: 560px){
  .contact-info__grid{grid-template-columns:1fr;}
  .contact-hero{padding:80px 0 60px;}
  .contact-hero__title{font-size:26px;letter-spacing:.06em;margin-bottom:18px;}
  .contact-hero__buttons{flex-wrap:wrap;gap:12px;justify-content:center;}
  .contact-hero__buttons .contact-btn{flex:1 1 auto;text-align:center;}
}