/* Contacts page */

.contactsPage .breadcrumbsWrap { margin: 0px 0 16px; }

.contacts-title { margin: 0 0 36px; font-weight: 400; font-size: 32px; line-height: 36px; color: #000; }

.contactsMap { max-width: 1010px; width: 100%; }
.contactsMap__canvas { width: 100%; height: 416px; border-radius: 8px; background: #F3F5FF; overflow: hidden; position: relative; }
.contactsMap__frame { width: 100%; height: 100%; border: 0; display: block; }
.contactsHero { margin-bottom: 25px; }

.contactsInfo .container {
  display: flex;
  justify-content: left;
}

.contactsGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;    /* можно 28–36, подбирай */
  row-gap: 32px;
  max-width: 840px;    /* ключевой момент: сетка уже контейнера */
  width: 100%;
  justify-items: start;
}
.contactsGrid .cCard {
  width: 100%;
  max-width: 360px;    /* чтобы карточка не тянулась */
}
.cCard__title { font-size: 18px; line-height: 20px; color: #242C6E; font-weight: 600; margin: 0 0 10px; }
.cCard__text { font-size: 16px; line-height: 22px; color: #000; margin: 0 0 16px; font-weight: 400; }
.cCard__text a { color: inherit; text-decoration: none; }
/* Усиливаем только телефоны и время работы */
.cCard__text a[href^="tel:"] { font-weight: 500; }
.cCard__hours { font-weight: 500; }

.contactsPage {
  margin: 8px;
}

@media (max-width: 1100px) {
  .contactsGrid { column-gap: 60px; }
}
@media (max-width: 760px) {
  .contactsGrid { grid-template-columns: 1fr; column-gap: 0; row-gap: 28px; }
  .contactsMap { max-width: 100%; }
}

@media (max-width: 768px) {
  .contactsPage .breadcrumbs {
    gap: 6px;
  }

  .contactsPage .breadcrumbs a { display: none; }
  .contactsPage .breadcrumbs a:last-of-type {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  .contactsPage .breadcrumbs a:last-of-type::before {
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    background: #242C6E;
    -webkit-mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') center/18px 18px no-repeat;
            mask: url('/local/templates/centino-heat/assets_new/icons/main-page/arrow-long-right.svg') center/18px 18px no-repeat;
    transform: scaleX(-1);
  }

  .contactsPage .breadcrumbs .current,
  .contactsPage .breadcrumbs .sep { display: none; }
}