/* Телефоны: мобильная вёрстка сайта была рассчитана на экран ровно 640px */
@media (max-width: 640px) {
  html, body { min-width: 0 !important; }
  body { overflow-x: hidden; }
  img { max-width: 100%; height: auto; }

  /* Закреплённая шапка */
  .mobile_header { min-width: 0; box-sizing: border-box; padding: 10px 16px; }
  .mobile_header .back_call { width: auto; max-width: calc(100% - 50px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }

  /* Поля по краям */
  .container { box-sizing: border-box; padding-left: 16px; padding-right: 16px; }
  .text_block_box p { line-height: 1.35; padding: 10px 0; height: auto; }
  h1, h2 { font-size: 24px !important; line-height: 1.25 !important; overflow-wrap: break-word; }

  /* Блоки с жёсткой высотой под компьютер */
  /* Все услуги: вместо квадратных плиток — строки «иконка + текст» */
  .service_bl { display: block !important; width: 100% !important; height: auto !important; margin: 0 !important; border: none !important; border-top: 1px solid #EBECED !important; }
  .service_bl:first-child { border-top: none !important; }
  .service_bl::after { display: none !important; }
  .service_bl_body { position: static !important; display: flex; align-items: center; gap: 16px; height: auto !important; padding: 16px 0 !important; text-align: left; }
  .service_bl_img { flex: 0 0 72px; width: 72px !important; height: auto !important; }
  .service_bl_text { padding: 0 !important; text-align: left; }
  .service_bl_text p { width: auto !important; }
  .big_mail_block, .big_mail_block > .container, .big_mail { height: auto !important; }
  .big_mail > p:first-child { font-size: 24px !important; line-height: 1.25 !important; }
  .logo, .logo > a { height: auto !important; }

  /* Факты о компании */
  .about_block { height: auto !important; padding-bottom: 40px; background-size: cover !important; }
  .about_h_slider { width: auto; max-width: 260px; }
  .about_body_slide { height: auto !important; }
  .about_body_slide_btn { padding-top: 24px; height: auto; }

  /* Почему нам доверяют: сетка в две колонки (на главной 3 пункта, на разработке 4) */
  .trust_box { display: flex !important; flex-wrap: wrap; justify-content: center; row-gap: 28px; }
  .trust_bl { display: block !important; width: 50% !important; max-width: none !important; margin: 0 !important; padding: 0 8px !important; box-sizing: border-box; }
  .trust_bl p, .trust_bl span { width: auto !important; }

  /* Страница SEO: цифры первого экрана, форма спецпредложения, тарифы, преимущества */
  .seo_block_area_content_first_desc { flex-direction: column; align-items: center; gap: 24px; }
  .seo_block_area_content_first_desc_column { width: auto !important; max-width: 280px; }
  .seoform_button { margin-left: 0 !important; width: auto !important; }
  .seoform_button input { width: 100% !important; white-space: normal !important; }
  .services_slide a { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
  .advantage_item { width: 100% !important; margin-left: 0 !important; margin-top: 32px !important; }
  .advantage_item:first-child { margin-top: 0 !important; }

  /* Разработка: карусель «Наши работы» — только центральный слайд на всю ширину, стрелки под ним */
  .monitor_slider_block { overflow: hidden; }
  #carousel { height: auto !important; }
  .carousel-feature:not(.center_slide) { display: none !important; }
  .carousel-feature.center_slide { position: relative !important; left: 0 !important; top: 0 !important; width: 100% !important; height: auto !important; }
  .carousel-feature.center_slide img.carousel-image { width: 100% !important; height: auto !important; }
  .carousel_wrap { padding-bottom: 56px; }
  #carousel-left, #carousel-right { top: auto !important; bottom: 8px; height: 36px !important; }
  #carousel-left { left: calc(50% - 46px) !important; right: auto !important; }
  #carousel-right { left: calc(50% + 10px) !important; right: auto !important; }

  /* Услуги: промо-баннеры */
  .text_banners_flex { box-sizing: border-box; width: auto !important; max-width: calc(100% - 130px); margin-left: auto; }
  [class^=text_banners_top] { font-size: 20px !important; line-height: 1.2 !important; }

  /* Контекст: точки слайдера тарифов не наезжают на кнопку «Заказать» */
  .advert_slide { padding-bottom: 44px !important; }

  /* Блог */
  ul.pagination { margin-top: 24px; }

  /* Подвал */
  .footer_right_info { float: none; width: auto !important; padding-left: 0; margin-top: 10px; }
}