/* ================================================================
   SH-FIX — накладка поверх style.css.
   Подключается последней, поэтому здесь только переопределения.
   ================================================================ */

@media (max-width: 1024px) {

  /* Фото панелей во всю карточку.
     В style.css у .panel__bg стоит background-size: 67vw auto без медиа-запроса,
     из-за чего на телефоне фото занимает ~2/3 ширины, а по краям остаётся фон. */
  .panel__bg {
    background-size: cover !important;
    background-position: center !important;
  }

  /* Карточки панелей до краёв экрана: убираем боковые отступы сетки и зазоры */
  .panels__grid {
    padding-inline: 0 !important;
    gap: 0 !important;
  }

  .panel {
    border-radius: 0 !important;
  }

  /* Горизонтальный свайп по лентам не должен блокировать прокрутку страницы */
  .videos__track-wrap,
  .videos__track,
  .video-card,
  .adv__track-wrap,
  .adv__track {
    touch-action: pan-x !important;
  }
}

/* Проекты: фото до краёв экрана.
   В style.css контейнер обнуляется только с 768px, ниже остаётся padding-inline. */
@media (max-width: 767px) {
  .proj-list .container {
    padding-inline: 0 !important;
  }

  /* Заголовки карточек оставляем с внутренним отступом */
  .proj-card__title {
    padding-inline: var(--pad-x) !important;
  }

  /* Индивидуальное проектирование: фото .id-split__media до краёв экрана.
     Оно лежит внутри .container (padding 48px / 20px), текст оставляем с отступом. */
  .id-section > .container {
    padding-inline: 0 !important;
  }

  .id-split__text {
    padding-inline: var(--pad-x) !important;
  }

  .id-split__media {
    border-radius: 0 !important;
  }
}

/* Преимущества: фото .kto-my__media до краёв экрана.
   Текст и факты остаются в контейнере. */
@media (max-width: 768px) {
  .kto-my--preim {
    overflow-x: hidden;
  }

  .kto-my--preim .kto-my__media {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
  }

  .kto-my--preim .kto-my__thumb {
    width: 100% !important;
    display: block !important;
  }
}


@media (max-width: 480px) {
  
}

main:has(.kto-my--preim) .hero,
main:has(.solutions-list) .hero {
  height: 86vh !important;
  min-height: unset !important;
}