/* Нотикс 2026-10-13: мобильная версия лендинга /razrabotka-lendingov. Десктоп (от 980px) не меняется. */
@media (max-width: 979px) {
  html, body, #box9 { min-width: 0 !important; }
  body { overflow-x: hidden; }
  img { max-width: 100%; height: auto; }
  .grid12, body .grid12, #box3, #box4, #box5, #box6, #box7 .grid12, #box7 .wrap, #box9 > div, .nav > div {
    width: auto !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;
    padding-left: 14px !important; padding-right: 14px !important; box-sizing: border-box;
  }
  .box { height: auto !important; background-size: cover !important; }
  .box h1, #box1 h1 { font-size: 26px !important; line-height: 1.25 !important; float: none !important; padding: 18px 0 8px !important; text-align: center; }
  .box h2 { font-size: 20px !important; line-height: 1.3 !important; }
  .box p, .box li { font-size: 16px !important; line-height: 1.5 !important; }

  /* первый экран */
  #box1 .item1, #box1 .item2, #box1 form { float: none !important; width: auto !important; max-width: 340px; margin: 14px auto !important; padding: 0 !important; height: auto !important; }
  #box1 .item2 .arr { display: none !important; }
  #box1 .item2 ul li img { float: none !important; }
  #box1 form input, #box11 form input, #box10 form input { width: 100% !important; box-sizing: border-box; }
  #box1 form button, #box11 form button, #box10 form button { width: 100% !important; max-width: 340px; }

  /* выгоды */
  #box3 ul li { float: none !important; width: 100% !important; margin: 0 0 18px !important; display: block !important; }
  #box3 ul li img { float: none !important; display: block; margin: 0 auto 10px; padding: 0 !important; }

  #box3 ul li p { padding-left: 0 !important; text-align: center; }
  #box3 ul li img { margin-left: auto !important; margin-right: auto !important; }
  #box1 h1 span { font-size: 21px !important; display: inline !important; white-space: normal !important; overflow-wrap: anywhere; letter-spacing: 0 !important; }
  #box1 .nxl-consent, #box1 .nxl-consent * { color: #3a4250 !important; line-height: 1.45 !important; }
  html body #box1 form .nxl-consent:not(#nxl), html body #box1 form .nxl-consent:not(#nxl) * { font-size: 12px !important; }
  html body #box1 h1:not(#nxl) span:not(#nxl), html body #box1 h1:not(#nxl) { font-size: 22px !important; line-height: 1.3 !important; }
  html body #box1 form .title1:not(#nxl), html body #box1 form .title1:not(#nxl) * { color: #0d1526 !important; font-size: 15px !important; line-height: 1.35 !important; }
  #box1 .item2 ul li { display: flex !important; align-items: center; gap: 12px; margin-bottom: 14px; }
  #box1 .item2 ul li img { flex: 0 0 auto; width: 46px; height: auto; margin: 0 !important; }
  #box1 .nxl-consent a { color: #1b47b5 !important; text-decoration: underline; }

  /* тарифы */
  #box4 .col { float: none !important; width: auto !important; max-width: 340px; margin: 0 auto 22px !important; }

  /* клиенты, кейсы */
  #box6 .container .col1, #box6 .container .col2, #box6 .container .col3 { float: none !important; width: auto !important; margin: 0 auto 14px !important; }
  #box6 .container .col2 span.item1, #box6 .container .col2 span.item2 { width: auto !important; }

  /* портфолио */
  #box7 a, #box7 a .wrap2 { width: calc(50% - 4px) !important; height: auto !important; aspect-ratio: 236 / 116; }
  #box7 a .wrap2 { width: 100% !important; }
  #box7 a.big, #box7 a.big .wrap2 { width: 100% !important; height: auto !important; aspect-ratio: 476 / 236; }
  #box7 a.big .wrap2 { width: 100% !important; }
  #box7 a:hover .wrap2 { margin: 0 !important; }

  /* формы заявок на фоновых картинках */
  #box10 form, #box11 form { width: auto !important; max-width: 340px; margin: 24px auto !important; padding: 0 14px; float: none !important; }

  /* подвал лендинга */
  #box9 .item1, #box9 .item2, #box9 .item3 { float: none !important; width: auto !important; height: auto !important; margin: 14px 0 !important; padding: 0 !important; }

  /* всплывающие окна */
  .popup, .popupMain form, #box4 .popupTarif form, #popup-cert-zakiev { width: 92% !important; max-width: 360px; box-sizing: border-box; }
  .popup form input, .popupMain form input, #box4 .popupTarif form input { width: 100% !important; box-sizing: border-box; }
  .popup form button, .popupMain form button, #box4 .popupTarif form button { width: 100% !important; }

  /* верхнее меню лендинга: на телефоне только логотип, навигация в меню сайта */
  .nav ul { display: none !important; }
  .nav h1 { font-size: 28px !important; float: none !important; }
}