/* ===== Safari-fix для блока FR201 (карточки) =====
   Вставь в "Дополнительный CSS" в настройках сайта или страницы.
   Меняй 40px на нужный тебе вертикальный отступ.
--------------------------------------------------*/

@supports (-webkit-touch-callout: none) {
  /* цель: поймать Safari (и WebKit-браузеры на Mac) */

  /* 1) усиливаем правило для контейнера карточек */
  .t-container_flex,
  .t-fr201__wrapper,
  .fr201 .t-container {
    row-gap: 40px !important;
    grid-row-gap: 40px !important;
  }

  /* 2) если gap всё равно игнорируется — делаем запасной margin у самих карточек */
  .t-fr201__card,
  .fr201 .t-card,
  .t-fr201__item {
    margin-bottom: 40px !important;
  }

  /* 3) убираем возможные побочные эффекты */
  .t-fr201__card img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  /* 4) мелкая полировка для адаптива (если карточки в одну колонку на мобильных) */
  @media (max-width: 640px) {
    .t-fr201__card,
    .fr201 .t-card,
    .t-fr201__item {
      margin-bottom: 24px !important;
    }
  }
}

/* ===== Конец фикса ===== */