/*
  Общие стили сайта Поповкина.
  Вставляются в Tilda: Настройки сайта → Вставка кода → «Пользовательские CSS-стили» → «Редактировать CSS».
  Палитра: синий #2C5A87, тёмный #2B3B4E, текст #1E2A36, серый текст #5B6B78, светлый #EEF2F5.
  Ширины карточек повторяют сетку Zero: 1160 (от 1200), 920 (960–1199), 616 (640–959), 456 (480–639), 336 (до 479).
*/

/* 1. «Вопросы и ответы» (стандартный блок T1119) — карточкой, как остальные блоки */
#rec5161648501 { padding-top: 8px !important; padding-bottom: 8px !important; }
#rec5161648501 .t1119 { background: #EEF2F5; border-radius: 16px; margin: 0 auto; box-sizing: border-box; }
#rec5161648501 .t1119__title { font-weight: 700; color: #1E2A36; }
#rec5161648501 .t1119__descr { font-weight: 400; font-size: 18px; line-height: 1.5; color: #5B6B78; }
#rec5161648501 .t1119__descr a { color: #2C5A87; text-decoration: underline; text-underline-offset: 2px; }
@media (min-width: 960px) {
  #rec5161648501 .t1119 { padding: 40px 12px; }
  #rec5161648501 .t1119 .t-container { max-width: none; width: auto; }
  #rec5161648501 .t1119 .t-col_6 { width: calc(50% - 40px); max-width: none; }
}
@media (min-width: 1200px) { #rec5161648501 .t1119 { max-width: 1160px; } }
@media (min-width: 960px) and (max-width: 1199px) { #rec5161648501 .t1119 { max-width: 920px; } }
@media (max-width: 959px) {
  #rec5161648501 { padding-top: 6px !important; padding-bottom: 6px !important; }
  #rec5161648501 .t1119 { border-radius: 12px; padding: 24px 0; max-width: 616px; }
  #rec5161648501 .t1119__descr { font-size: 16px; }
}
@media (max-width: 639px) { #rec5161648501 .t1119 { max-width: 456px; } }
@media (max-width: 479px) { #rec5161648501 .t1119 { max-width: 336px; } }

/* 2. Ссылки на согласие и политику в форме записи — цветом сайта */
.t-form a, .t-checkbox__control a { color: #2C5A87 !important; }

/* 3. Фон под попапами — графитово-синий вместо чёрного (сплошной, полупрозрачный) */
.t-popup { background-color: rgba(30, 42, 54, 0.6) !important; }

/* 4. Зона нажатия ссылок и кнопок в Zero — на 4 px шире с каждой стороны (вид не меняется),
      чтобы мелкие кнопки было не меньше 44 px для пальца */
.t396 a.tn-atom::after, .t396 a.t396__group::after { content: ""; position: absolute; inset: -4px; }