/* ponytail: мобильная адаптация поверх инлайновых стилей дизайн-канваса — медиазапросов
   в самом канвасе нет, поэтому селекторы цепляются к свойствам в style="".
   Появятся брейкпоинты в редакторе — файл выкинуть целиком. */
@media (max-width: 900px) {
  /* холст 1440px → по ширине экрана */
  #dc-root > .sc-host > div { width: 100% !important; }

  /* поля секций 80px → 20px (совпадает и с ячейками полосы показателей) */
  [style*="px 80px"] { padding-left: 20px !important; padding-right: 20px !important; }

  /* любая сетка в одну колонку; разделители gap:1px остаются линиями между строк */
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="gap: 80px"], [style*="gap: 64px"], [style*="gap: 56px"], [style*="gap: 40px"] { gap: 32px !important; }

  /* ряды кнопок, навигация, поля формы переносятся вместо сжатия */
  [style*="display: flex"] { flex-wrap: wrap !important; }
  [style*="justify-content: space-between"] { gap: 14px !important; }
  input, textarea { min-width: 0 !important; flex: 1 1 100% !important; }

  /* карточки услуг свёрстаны с боковыми полями «в шахматку» под три колонки */
  [style*="1fr 1fr 1fr"] > div { padding: 24px 0 !important; }
  [style*="1fr 1fr 1fr"] > div[style*="oklch(0.955"] { padding: 24px 20px !important; }
  /* то же для карточек кейсов на EN-главной: там сетка в две колонки */
  [data-cards] > div { padding: 24px 0 !important; }

  /* вертикальные разделители колонок в одну колонку не нужны */
  [style*="border-right"] { border-right: 0 !important; }

  /* модалка: 40px отступов на 360px экрана съедают ширину */
  [style*="position: fixed"] { padding: 16px !important; }
  /* шапка модалки: перенос увёл бы крестик на вторую строку */
  [style*="padding: 20px 30px"] { flex-wrap: nowrap !important; }

  h1 { font-size: 40px !important; }
  h2 { font-size: 30px !important; }
  /* крупная цена на EN-оффере — тот же размер, что у h2 */
  [style*="font-size: 58px"] { font-size: 30px !important; }
  img { max-width: 100% !important; }
}