/* ==========================================================================
   mobile.css — адаптив екапласт.рф. Только @media (max-width:767px).
   Десктоп НЕ затрагивается. Задача: сетка на col-xs-* стекается на телефоне.
   ========================================================================== */
@media (max-width: 767px) {

  /* --- КОРЕНЬ ПРОБЛЕМЫ: style.css задаёт .container{width:1200px !important} --- */
  /* сбрасываем фикс-ширину у ВСЕХ обёрток (иначе width:auto тянется к родителю 1200) */
  html body .container,
  html body .header,
  html body .footer,
  html body .main-bg {
    width: auto !important; min-width: 0 !important; max-width: 100% !important;
  }
  html body .container { padding-left: 10px; padding-right: 10px; }

  /* --- защита от горизонтального скролла --- */
  html, body { overflow-x: hidden; max-width: 100%; }
  img { max-width: 100%; height: auto; }
  /* поля ввода не вылезают за экран */
  input[type="text"], input[type="tel"], input[type="email"], input[type="password"],
  textarea, select { max-width: 100% !important; box-sizing: border-box; }

  /* --- ВСЕ стандартные bootstrap-колонки (1..12) в стек на телефоне.
         Шапку/футер/поиск держат более специфичные правила ниже.
         Кастомный .col-xs-15 (плитки каталога) НЕ входит — остаётся 2-в-ряд. --- */
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
  .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    width: 100% !important; float: none !important;
  }

  /* бейдж «Портал поставщиков» — прячем на мобиле (не критично, мешает) */
  .supplier-widget { display: none !important; }

  /* --- ВЕРХНЯЯ ПЛАШКА (город/соцсети/почта/тел/звонок/часы) --- */
  .header .row { text-align: center; }
  .header [class^="col-xs-"],
  .header [class*=" col-xs-"] {
    width: auto; float: none; display: inline-block;
    vertical-align: middle; padding: 3px 8px;
  }
  .header .d-flex { display: inline-flex; align-items: center; gap: 8px; }
  .header .time.text-right { text-align: center !important; }
  .header .phone p { margin: 0; }
  .header .btn-transparent { padding: 4px 12px; }

  /* --- ЛОГО / ПОИСК / КОРЗИНА --- */
  .search-block > .row > [class^="col-xs-"],
  .search-block > .row > [class*=" col-xs-"] { width: 100%; float: none; }
  .search-block img.center-block,
  .search-block img.img-responsive { margin: 0 auto; }
  .search-block .ml30 { margin-left: 0; text-align: center; margin-top: 8px; }
  .search-block form.form { margin: 10px 0 6px; }
  input.search { width: 100% !important; box-sizing: border-box; }

  /* --- ГЛАВНОЕ МЕНЮ (стек, крупные кнопки) --- */
  .menu-main { text-align: center; padding-left: 0; margin-bottom: 0; }
  .menu-main > li { display: block; margin: 0; }
  .menu-main > li > a { display: block; padding: 11px 10px !important; }
  /* мега-дропдаун каталога — разворачиваем в поток по тапу/фокусу */
  .menu-main .inner-menu {
    position: static !important; width: 100% !important;
    box-shadow: none !important; border: 0 !important;
  }
  .menu-main .inner-menu .list-main { column-count: 1; }

  /* --- ГЛАВНЫЙ ЭКРАН (слайдер) --- */
  .slider-1 .col-xs-9 { width: 100%; float: none; }
  .slider-title, .slider-title * { font-size: 22px !important; line-height: 1.15 !important; }
  .slider-1 .slide { background-size: cover !important; min-height: 220px; }
  .slider-1 .pt40 { padding-top: 14px !important; }

  /* --- ПРЕИМУЩЕСТВА и СЕТКА КАТАЛОГА: 5→2 в ряд --- */
  .advantages .col-xs-15,
  .catalogue .col-xs-15 { width: 50%; }
  .catalogue { padding-left: 6px !important; padding-right: 6px !important; }
  /* сброс фикс-ширины плиток (style.css: 205px / 247px) */
  html body .catalogue-wrapper,
  html body .right-part-page .catalogue-wrapper { width: auto !important; margin-bottom: 8px; }
  /* товары на странице категории (col-xs-4) — 2 в ряд (float + очистка нечётных, ровные ряды) */
  .right-part-page .col-xs-4 { width: 50% !important; float: left !important; padding-left: 5px; padding-right: 5px; }
  .right-part-page .col-xs-4:nth-of-type(2n+1) { clear: left; }

  /* --- ВНУТРЕННИЕ СТРАНИЦЫ (левый фильтр + контент) стекаются --- */
  .right-part-page { margin-top: 12px; }
  .right-part-page img { max-width: 100%; height: auto; }

  /* характеристики товара (dl в .tech-info-block) — без широкого отступа, значения по ширине */
  .tech-info-block { padding-left: 0 !important; }
  .tech-info-block dl, .tech-info-block dt, .tech-info-block dd {
    margin-left: 0 !important; width: auto !important; max-width: 100% !important;
    float: none !important; word-wrap: break-word;
  }
  .tech-info-block dd { padding-left: 0 !important; }
  /* таблицы в описании товара прокручиваются, а не ломают страницу */
  .right-part-page table { display: block; max-width: 100%; overflow-x: auto; }

  /* --- ФУТЕР стек по центру --- */
  .footer [class^="col-xs-"],
  .footer [class*=" col-xs-"] { width: 100%; float: none; text-align: center; margin-bottom: 14px; }
  .footer img.img-responsive { display: inline-block; }

  /* --- кнопка «наверх» чуть компактнее --- */
  .gotop { width: 42px; height: 42px; line-height: 42px; }

  /* --- поп-ап формы: влезают по ширине --- */
  .pop-up-wrapper { width: auto !important; max-width: 92vw; }
  .pop-up-wrapper input[type="text"],
  .pop-up-wrapper input[type="email"] { width: 100% !important; box-sizing: border-box; }
}