/* Start:/contacts/contacts.css?17923262042965*/
/* Страница «Контакты» (/contacts/).
   Подключается только на этой странице. Оформление карточек повторяет блок «Магазины» на главной,
   шрифты, размеры и цвета — токены из bibi-typography.css (--bh-*).
   Брейкпоинты как в шаблоне: 1480 / 1240 / 767. */

.contacts_page .contacts_list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 25px;
}

.contacts_page .contacts_card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 30px;
  padding: 30px;
  border: 1px solid #E4E4E4;
  border-radius: 42px;
}

.contacts_page .contacts_map {
  min-height: 436px;
  border-radius: 42px;
  overflow: hidden;
  background: var(--bh-tint, #F2F4F7);
}

.contacts_page .contacts_info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.text_page_section.contacts_page h2.contacts_title {
  margin: 0;
  font-size: var(--bh-fs-subtitle);
  line-height: var(--bh-lh-subtitle);
  letter-spacing: var(--bh-ls-subtitle);
  font-weight: var(--bh-fw-ui);
  color: var(--bh-ink);
  text-align: left;
}

.contacts_page .contacts_metro {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-size: var(--bh-fs-small);
  line-height: var(--bh-lh-snug);
  color: var(--bh-ink-3);
}

.contacts_page .contacts_items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.contacts_page .contacts_item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 20px;
  border-radius: 20px;
  background: #F7F7F7;
}

.contacts_page .contacts_item_wide {
  grid-column: 1 / -1;
}

.contacts_page .contacts_item img {
  flex: 0 0 25px;
}

.contacts_page .contacts_item_body {
  min-width: 0;
}

.contacts_page .contacts_item_label {
  margin-bottom: 2px;
  font-size: var(--bh-fs-meta);
  line-height: var(--bh-lh-snug);
  letter-spacing: var(--bh-ls-meta);
  color: var(--bh-ink-3);
}

.contacts_page .contacts_item_value {
  font-size: var(--bh-fs-ui);
  line-height: var(--bh-lh-snug);
  color: var(--bh-ink-2);
  overflow-wrap: anywhere;
}

.contacts_page .contacts_item_value a {
  color: inherit;
  text-decoration: none;
  transition: color .2s;
}

.contacts_page .contacts_item_value a:hover {
  color: #0047AB;
}

@media screen and (max-width: 1240px) {
  .contacts_page .contacts_card {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .contacts_page .contacts_items {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .contacts_page .contacts_list {
    gap: 20px;
    margin-top: 20px;
  }
  .contacts_page .contacts_card {
    grid-template-columns: minmax(0, 1fr);
    padding: 30px 20px;
  }
  .contacts_page .contacts_map {
    min-height: 320px;
  }
  .contacts_page .contacts_item {
    padding: 18px 20px;
  }
}

/* End */
/* /contacts/contacts.css?17923262042965 */