@media (max-width: 768px) {
  /* Убирает любые боковые выезды */
  html, body {
      max-width: 100%;
      overflow-x: hidden !important;
  }

  /* Главные контейнеры (твои блоки) */
  div[style*="max-width:1600px"],
  div[style*="padding:40px"],
  div[style*="border-radius:12px"] {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box;
      overflow-x: hidden;
      padding: 16px !important; /* уменьшаем паддинги на мобильных */
  }

  /* Строки с иконками и текстами */
  .line {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      gap: 10px;
      box-sizing: border-box;
  }

  /* Левая колонка (заголовок строки) */
  .line > div:nth-child(2) {
      min-width: 120px;
      max-width: 100%; /* на мобилке может быть 100% */
      word-break: break-word;
  }

  /* Правая колонка (длинный текст) */
  .line > div:nth-child(3) {
      flex: 1 1 100%; /* чтобы занимала всю ширину под заголовком */
      min-width: 0;
      word-break: break-word;
  }

  /* SVG НЕ увеличиваются */
  .line svg {
      flex-shrink: 0;
      width: 20px;
      height: 20px;
  }

  /* Текстовые блоки */
  p, li {
      word-wrap: break-word;
      overflow-wrap: break-word;
  }

  /* Кнопки чтобы не растягивали контейнер */
  button {
      max-width: 100%;
      white-space: normal !important;
  }
}