/* 
 * Мобильные исправления для сайта domain.com
 * Предотвращает горизонтальный скролл на мобильных устройствах
 */

/* Глобальные правила для предотвращения горизонтального скролла */
*, *::before, *::after {
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Базовые правила для всех размеров экранов */
html {
  overflow-x: hidden;
  max-width: 100%;
}

body {
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  position: relative;
}

/* Правила для изображений */
img {
  max-width: 100%;
  height: auto;
}

/* Правила для таблиц */
table {
  width: 100%;
  max-width: 100%;
}

/* Правила для элементов формы */
input, select, textarea, button {
  max-width: 100%;
}

/* Правила для мобильных устройств */
@media screen and (max-width: 768px) {
  /* Дополнительное ограничение для мобильных устройств */
  .container {
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    min-width: 0 !important;
  }
  
  /* Предотвращение переполнения контентом */
  .service-card,
  .testimonial-card,
  .pricing-card,
  .faq-item,
  .benefit-item {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  /* Предотвращение слишком длинных непрерывных строк текста */
  p, h1, h2, h3, h4, h5, h6, span, a, li {
    word-break: break-word;
  }
  
  /* Исправление для сервисных карточек */
  .service-image {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }
}