/* ─────────────────────────────────────────────────────────────
   c4 — «Режим работы подразделений» (страница «Контакты»)
   Эталон: высота секции 726px.
   Подложка 1296×626 на y=50 (по 50px воздуха сверху и снизу),
   внутри — заголовок и сетка 3×2 из карточек 405×240.
   ───────────────────────────────────────────────────────────── */
.cshed {
  /* 50 (воздух) + 626 (подложка) + 50 (воздух) = 726 */
  padding: 50px 0;
}

/* ─── Светлая подложка со скруглением ───────────────────────── */
.cshed__panel {
  /* 40 сверху/снизу, 20 по бокам + 1px рамки → заголовок и карточки на x=93 */
  padding: 40px 20px;
  border: 1px solid rgba(var(--brand-rgb), 0.1);
  border-radius: var(--radius);
  /* Градиент из эталона: #39929A0D → #39929A21 (оттенков нет в токенах) */
  background: linear-gradient(
    180deg,
    rgba(var(--brand-rgb), 0.05) 0%,
    rgba(var(--brand-rgb), 0.13) 100%
  );
}

/* ─── Заголовок блока (y=91, высота 34) ─────────────────────── */
.cshed__title {
  margin-bottom: 10px;      /* низ заголовка 125 + 10 → карточки на y=135 */
  font-family: var(--font-ui);
  font-size: 28px;
  line-height: 33.6px;
  font-weight: 700;
  color: var(--ink);
}

/* ─── Сетка 3×2 ─────────────────────────────────────────────────
   Ширина контента подложки: 1296 − 2 (рамки) − 40 (паддинги) = 1254.
   (1254 − 2×19.5) / 3 = 405 → колонки на x = 93 / 518 / 942.
   ───────────────────────────────────────────────────────────── */
.cshed__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 19.5px;
  row-gap: 20px;            /* низ первого ряда 375 + 20 → второй ряд на y=395 */
}

/* ─── Карточка ──────────────────────────────────────────────── */
.cshed__card {
  display: flex;
  flex-direction: column;
  min-height: 240px;        /* высота карточки из эталона */
  /* 27 сверху → надзаголовок на y = верх карточки + 28; текст на x=114.
     Нижний паддинг 21px, чтобы самая длинная карточка (Администрация)
     осталась ровно в 240px и второй ряд начался на y=395. */
  padding: 27px 20px 21px;
  background: var(--white);
  border: 1px solid rgba(var(--brand-rgb), 0.1);
  border-radius: var(--radius);
}

/* Надзаголовок мелким бирюзовым */
.cshed__label {
  font-family: var(--font-ui);
  font-size: 13px;
  line-height: 16.9px;
  font-weight: 600;
  color: var(--brand);
}

/* Заголовок-описание, ширина строки 363px */
.cshed__name {
  margin-top: 23px;         /* низ надзаголовка 180 + 23 → y=203 */
  font-family: var(--font-ui);
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  /* Цвет из эталона: rgba(var(--ink-rgb), 0.86) — в токенах такого нет */
  color: rgba(var(--ink-rgb), 0.86);
}

/* Строки с графиком работы */
.cshed__hours {
  display: flex;
  flex-direction: column;
  gap: 28px;                /* шаг между строками графика ≈47px по верхам */
  margin-top: 26px;         /* низ описания + 26 → первая строка графика */
}

.cshed__hour {
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 19.5px;
  font-weight: 500;
  color: var(--muted);
}

/* ─────────────────────────────────────────────────────────────
   Планшет: две колонки, отступы поменьше
   ───────────────────────────────────────────────────────────── */
@media (max-width: 1199px) {
  .cshed {
    padding: 36px 0;
  }
  .cshed__panel {
    padding: 30px 20px;
  }
  .cshed__grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
  }
  .cshed__card {
    min-height: 0;
    padding: 24px 20px;
  }
}

/* ─────────────────────────────────────────────────────────────
   Телефон: одна колонка
   ───────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .cshed {
    padding: 28px 0;
  }
  .cshed__panel {
    padding: 24px 16px;
    border-radius: var(--radius-sm);
  }
  .cshed__title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 16px;
  }
  .cshed__grid {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .cshed__card {
    padding: 20px 18px;
    border-radius: var(--radius-sm);
  }
  .cshed__name {
    margin-top: 16px;
    font-size: 18px;
    line-height: 24px;
  }
  .cshed__hours {
    margin-top: 18px;
    gap: 18px;
  }
}