/* На промежуточных ширинах (1025–1919) карточки сужаются и текст занимает
   больше строк — даём рядам расти, чтобы ничего не обрезалось. */
@media (min-width: 1200px) and (max-width: 1919px) {
  .kt-contact-info__grid {
    grid-template-rows: minmax(174px, auto) minmax(262px, auto);
  }
}

/* ============================================================================
   Секция: Контактная информация (kt-contact-info)
   Узел Figma: 305:7248
   Сетка 3x2 из карточек с контактной информацией.
   ========================================================================== */

.kt-contact-info {
  /* Корневой элемент: размер ровно 1652px без собственных вертикальных отступов.
     Расстояния между секциями управляет rhythm.css (180px). */
  width: min(1652px, 100% - 2 * var(--page-gutter));
  max-width: 1652px;
  margin-inline: auto;
}

.kt-contact-info .container {
  width: 100%;
  padding-inline: 0;
}

/* Сетка: основной контейнер */
.kt-contact-info__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  grid-template-rows: 174px 262px; /* высоты рядов из макета */
}

/* Строка карточек — используется для семантики, но сетка настроена на родителе */
.kt-contact-info__row {
  display: contents;
}

/* Карточка */
.kt-contact-info__card {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px;
  border-radius: var(--radius-l);
  border: 2px solid var(--border-main-quarteary);
  background: var(--bg-main);
}

/* Карточки 2, 3, 5, 6 (Телефон, Телеграмм, Время работы, Юридическая инфо):
   используют space-between для распределения контента по высоте карточки */
.kt-contact-info__card:nth-child(2),
.kt-contact-info__card:nth-child(3),
.kt-contact-info__card:nth-child(5),
.kt-contact-info__card:nth-child(6) {
  justify-content: space-between;
  height: 100%;
}


/* Подпись карточки */
.kt-contact-info__label {
  font-size: 24px;
  font-weight: var(--weight-400);
  line-height: 1.4;
  color: var(--text-secondary);
}

/* Основное значение */
.kt-contact-info__value {
  font-size: 40px;
  font-weight: var(--weight-500);
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--text-constant-dark);
  word-break: break-word;
}

/* Ссылка в почте: цвет как у остальных значений (просьба дизайнера —
   синий выделялся из ряда, хотя в макете он синий). */
.kt-contact-info__link {
  color: var(--text-constant-dark);
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.17em;
  transition: color 0.18s ease;
  text-decoration-thickness: 2px;
}

.kt-contact-info__link:hover {
  color: var(--text-accent);
}

/* Юридическая информация (несколько строк) */
.kt-contact-info__legal {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 20px;
  font-weight: var(--weight-500);
  line-height: 1.1;
  letter-spacing: -0.01em;
  color: var(--text-constant-dark);
}

.kt-contact-info__legal p {
  /* Макет: 20px/1.10 вес 500, шаг между строками 8px.
     При 40px текст не помещался в карточку. */
  margin: 0;
  font-size: 20px;
  font-weight: var(--weight-500);
  line-height: 1.1;
  letter-spacing: -0.01em;
}

/* ============================================================================
   Адаптив
   ========================================================================== */

/* 1440px и выше — базовое состояние (3x2 сетка) */
@media (max-width: 1440px) {
  .kt-contact-info__label {
    font-size: clamp(20px, 1.5vw, 24px);
  }

  .kt-contact-info__value {
    font-size: clamp(32px, 2.5vw, 40px);
  }

  .kt-contact-info__legal p {
  /* Макет: 20px/1.10 вес 500, шаг между строками 8px.
     При 40px текст не помещался в карточку. */
    font-size: 20px;
  }
}

/* 1024px — сжатый вид, сохраняем 3x2 сетку */


/* 768px — переход на 2x3 (2 карточки в строке) */


/* 480px — одна колонка */


/* ============================================================================
   Планшет (≤1024) — узел 534:7604: карточки колонкой, 704x95, пад 20,
   подпись 14, значение 20.
   ============================================================================ */

@media (max-width: 1199px) {
  .kt-contact-info {
    max-width: calc(100% - 64px);
  }

  .kt-contact-info .container {
    padding: 0;
    max-width: none;
  }

  .kt-contact-info__grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 16px;
  }

  .kt-contact-info__card {
    padding: 20px;
    gap: 12px;
    border-radius: 16px;
    min-height: 0;
    height: auto;
    justify-content: flex-start;
  }

  .kt-contact-info__label {
    font-size: 14px;
    line-height: 1.26;
  }

  .kt-contact-info__value,
  .kt-contact-info__link {
    font-size: 20px;
    line-height: 1.26;
  }


}

/* ============================================================================
   Мобиль (≤767) — узел 534:7813: карточки колонкой, 343x501, пад 20,
   подпись 12, значение 18 w600, gap между карточками 12.
   ============================================================================ */

@media (max-width: 767px) {
  .kt-contact-info {
    max-width: calc(100% - 32px);
  }

  .kt-contact-info .container {
    padding: 0;
    max-width: none;
  }

  .kt-contact-info__grid {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(86px, auto) minmax(86px, auto) minmax(86px, auto) minmax(109px, auto) repeat(2, auto);
    gap: 12px;
  }

  .kt-contact-info__card {
    padding: 20px;
    gap: 8px;
    border-radius: 16px;
    min-height: 0;
    height: auto;
    justify-content: flex-start;
  }

  .kt-contact-info__label {
    font-size: 12px;
    line-height: 1.26;
    font-weight: var(--weight-400);
  }

  .kt-contact-info__value,
  .kt-contact-info__link {
    font-size: 18px;
    line-height: 1.26;
    font-weight: 600; /* токена --weight-600 нет — вес не применялся */
  }

  /* Карточка «Юридическая информация» показывается на всех брейкпоинтах
     по просьбе заказчика — в макетах ≤1024 её нет, это осознанное отклонение. */
}