/* local-mobile.css — наши правки под телефон */

@media (max-width: 767px) {
  /* фикс: чтобы ширина была не больше экрана */
  .container,
  .download-dist,
  .download-dist-specification,
  .download-items,
  .download-items .slick-slide {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* кнопка "Завантажити" — на всю ширину, не вылазит вправо */
  .download-dist-specification-item-box-btn .main-btn,
  .download-dist .main-btn,
  .download-dist .btn,
  .download-dist-specification-item-box-btn a {
    width: 100% !important;
    box-sizing: border-box;
  }

  /* убираем стрелки-слайдеры на мобилке, они и так не нужны */
  .download-dist-specification .slick-prev,
  .download-dist-specification .slick-next {
    display: none !important;
  }

  /* карта с пчёлами — прячем, чтобы не делала гигантский скролл */
  .main-map,
  .main-map-mob,
  .main-map__wrapper {
    max-height: 300px;
    overflow: hidden;
  }

  /* на всякий — картинки не вылезают */
  img {
    max-width: 100%;
    height: auto;
  }
}