/* ======================================================================
   responsive.css — только адаптивные уточнения и правки для крупных экранов
   ====================================================================== */

/* ========== МОБИЛЬНЫЕ/ПЛАНШЕТ (до 900px) — база уже в style.css ========== */
/* Дополнительные мелкие правки — при необходимости */
/* пример: уменьшить высоту превью инструкции на очень маленьких экранах */
@media (max-width: 360px) {
  .howto__media { height: 220px; }
}

/* ========== ДЕСКТОП (от 900px) ========== */
@media (min-width: 900px) {
  .hero { padding: 42px 0 20px; }
  .hero__phones { margin: 16px auto 8px; }
  .store-badges img { width: 210px; }

  .section { padding: 36px 0; }
  .faq { padding: 36px 0; }
  .cta { padding: 36px 0 44px; }
 .howworks__dots,
  .howto__dots {
    display: none !important;
  }
}

/* ========== КРУПНЫЕ ЭКРАНЫ (от 1280px) ========== */
@media (min-width: 1280px) {
  .container { padding: 0 20px; }
  .howworks__media { height: 250px; }
  .howto__media { height: 360px; }
}