/* ============================================================
   Страница «Контакты».
   Типографика текстового блока — из article.css, он подключается раньше.
   ============================================================ */

/* .section даёт margin-top:100px — для первого блока страницы это много */
.contacts{margin-top:30px;}

/* В заголовке из TV вторая строка обёрнута в <span> — красим её градиентом,
   как .accent в остальных заголовках сайта */
.contacts__title span{background:var(--grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;}

.contacts__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start;}
.contacts__info{display:flex;flex-direction:column;gap:30px;}

.contacts__lead-row{display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.contacts__phone{font-size:36px;line-height:42px;font-weight:500;color:var(--navy);}
.contacts__phone:hover{opacity:.75;}
.contacts__mail{font-size:20px;line-height:28px;color:var(--navy);
  text-decoration:underline;text-underline-offset:3px;}
.contacts__mail:hover{text-decoration:none;}

.contacts__cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.contact-card{padding:22px 24px;border:1px solid rgba(15,22,40,.15);border-radius:20px;}
.contact-card__title{font-size:14px;line-height:20px;color:rgba(15,22,40,.5);margin-bottom:10px;}
.contact-card__text{font-size:17px;line-height:27px;color:var(--navy);}
.contact-card__text span{display:block;}

.contacts__actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;}
.contacts__socials{display:flex;gap:12px;}

.contacts__map{border-radius:20px;overflow:hidden;background:var(--gray);min-height:540px;}
.contacts__map iframe{display:block;width:100%;height:100%;min-height:540px;border:0;}

.contacts-text__inner{max-width:900px;}

/* ---------- Адаптив ---------- */
@media (max-width:1024px){
  .contacts__grid{grid-template-columns:1fr;gap:30px;}
  .contacts__map,.contacts__map iframe{min-height:400px;}
}
@media (max-width:768px){
  .contacts{margin-top:20px;}
  .contacts__phone{font-size:28px;line-height:34px;}
  .contacts__mail{font-size:17px;}
  .contacts__cards{grid-template-columns:1fr;gap:15px;}
  .contact-card{padding:18px 20px;border-radius:15px;}
  .contacts__map{border-radius:15px;}
  .contacts__map,.contacts__map iframe{min-height:320px;}
  .contacts__actions{gap:12px;}
  .contacts__actions .btn{width:100%;justify-content:center;}
}

/* Отзывы с Яндекс.Карт — во всю ширину под картой и контактами */
.contacts__revs{margin-top:40px;border-radius:20px;overflow:hidden;max-width:780px;}
@media (max-width:768px){
  .contacts__revs{margin-top:25px;border-radius:15px;}
}