/* Start:/local/templates/mir2026/assets/css/landing.css?178792042324733*/
/* ============================================================
   Лендинг ГК «МИР» — перенос макета newdesign/landing-mir.dc.html
   Инлайн-стили макета разложены в BEM-классы с префиксом mir-.
   Порядок блоков совпадает с порядком секций на странице.
   ============================================================ */

/* ---------- 1. Токены ---------- */
/* Шрифт Onest тянется с Google Fonts. В РФ доступ нестабилен, поэтому
   fallback-стек рабочий сам по себе; для продакшена положите woff2 в
   assets/fonts/ и замените @import на @font-face. */
@import url("https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700;800&display=swap");

.mir-landing {
  --mir-paper:  #f6f4f1;
  --mir-ink:    #15181d;
  --mir-orange: #f28c22;
  --mir-orange-dark: #d9761a;
  --mir-muted:  #6b7075;
  --mir-body:   #454a52;
  --mir-green:  #1c8c4a;
  --mir-faint:  #8b8f95;
  --mir-card:   #fff;
  --mir-hair:   rgba(21, 24, 29, .08);
  --mir-line:   rgba(21, 24, 29, .16);
  --mir-font:   Onest, "Segoe UI", system-ui, -apple-system, sans-serif;
  --mir-wrap:   1280px;
  --mir-pad:    32px;
}

/* ---------- 2. Ресет ---------- */
/* :where() — нулевая специфичность, любое правило блока перебивает ресет
   без !important и без гонки специфичностей. */
:where(.mir-landing) *,
:where(.mir-landing) *::before,
:where(.mir-landing) *::after { box-sizing: border-box; }
:where(.mir-landing) h1, :where(.mir-landing) h2,
:where(.mir-landing) h3, :where(.mir-landing) p { margin: 0; }

body.mir-landing {
  margin: 0;
  font-family: var(--mir-font);
  background: var(--mir-paper);
  color: var(--mir-ink);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
/* :where() — нулевая специфичность у селектора-предка, иначе `.mir-landing a`
   (0,1,1) перебивал бы блочные правила вида `.mir-footer__phone` (0,1,0),
   и все ссылки оставались бы оранжевыми вопреки макету. */
:where(.mir-landing) a { color: var(--mir-orange-dark); text-decoration: none; }
:where(.mir-landing) a:hover { color: var(--mir-ink); }
.mir-landing ::selection { background: var(--mir-orange); color: #fff; }
.mir-landing :focus-visible { outline: 2px solid var(--mir-orange); outline-offset: 3px; }

.mir-container { max-width: var(--mir-wrap); margin: 0 auto; padding-left: var(--mir-pad); padding-right: var(--mir-pad); }

/* ---------- 3. Кнопки ---------- */
.mir-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  border: 0; border-radius: 999px; font: inherit; font-weight: 600;
  cursor: pointer; white-space: nowrap; text-align: center;
}
.mir-btn--primary { background: var(--mir-orange); color: #fff; padding: 13px 24px; font-size: 15px; box-shadow: 0 6px 20px rgba(242,140,34,.32); }
.mir-btn--primary:hover { background: var(--mir-ink); color: #fff; box-shadow: 0 6px 20px rgba(21,24,29,.24); }
.mir-btn--ink { background: var(--mir-ink); color: #fff; padding: 19px 34px; font-size: 16.5px; }
.mir-btn--ink:hover { background: var(--mir-orange); color: #fff; }
.mir-btn--ghost { background: none; color: var(--mir-ink); padding: 19px 30px; font-size: 16.5px; border: 1px solid rgba(21,24,29,.18); }
.mir-btn--ghost:hover { border-color: var(--mir-ink); color: var(--mir-ink); }
.mir-btn--outline { background: none; color: var(--mir-ink); padding: 14px 26px; font-size: 15.5px; border: 1px solid rgba(21,24,29,.18); }
.mir-btn--outline:hover { border-color: var(--mir-ink); color: var(--mir-ink); }

/* ---------- 4. Шапка ---------- */
.mir-header {
  position: sticky; top: 0; z-index: 60;
  background: rgba(246,244,241,.88); backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--mir-hair);
}
.mir-header__bar { max-width: var(--mir-wrap); margin: 0 auto; padding: 12px var(--mir-pad); min-height: 76px; display: flex; align-items: center; gap: 40px; }
.mir-header__logo { display: flex; align-items: center; flex-shrink: 0; }
.mir-header__logo img { height: 34px; display: block; }
.mir-header__side { margin-left: auto; display: flex; align-items: center; gap: 20px; }

.mir-main-menu { display: flex; align-items: center; gap: 28px; font-size: 15px; font-weight: 500; margin-left: 8px; }
.mir-main-menu__link { color: var(--mir-ink); }
.mir-main-menu__link:hover { color: var(--mir-orange-dark); }
.mir-main-menu__toggle { display: flex; align-items: center; gap: 7px; background: none; border: 0; padding: 0; font: inherit; font-size: 15px; font-weight: 500; color: var(--mir-ink); cursor: pointer; }
.mir-main-menu__toggle:hover { color: var(--mir-orange-dark); }
.mir-main-menu__chevron { width: 7px; height: 7px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); margin-bottom: 3px; }

.mir-hotline { display: flex; align-items: center; gap: 10px; color: var(--mir-ink); }
.mir-hotline:hover { color: var(--mir-orange-dark); }
.mir-hotline__badge { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .1em; color: var(--mir-green); border: 1px solid rgba(28,140,74,.3); background: rgba(28,140,74,.08); padding: 4px 8px; border-radius: 999px; }
.mir-hotline__pulse { width: 6px; height: 6px; border-radius: 999px; background: var(--mir-green); animation: mir-pulse 2s ease-in-out infinite; }
.mir-hotline__num { font-size: 18px; font-weight: 700; letter-spacing: -.01em; white-space: nowrap; }

.mir-header__burger { display: none; flex-direction: column; gap: 5px; width: 46px; height: 46px; align-items: center; justify-content: center; border: 1px solid var(--mir-line); border-radius: 999px; background: none; cursor: pointer; flex-shrink: 0; }
.mir-header__burger:hover { border-color: var(--mir-ink); }
.mir-header__burger span { width: 18px; height: 1.8px; background: var(--mir-ink); display: block; }

/* ---------- 5. Выпадающее меню продуктов ---------- */
.mir-dropdown { border-top: 1px solid var(--mir-hair); background: #fff; box-shadow: 0 26px 50px -20px rgba(21,24,29,.22); max-height: 78vh; overflow-y: auto; }
.mir-mobile-nav { display: none; flex-direction: column; padding: 20px var(--mir-pad) 4px; gap: 2px; font-size: 19px; font-weight: 600; }
.mir-mobile-nav__link { color: var(--mir-ink); padding: 12px 0; border-bottom: 1px solid var(--mir-hair); }
.mir-mobile-nav__phone { color: var(--mir-orange-dark); padding: 16px 0 4px; }
.mir-mobile-nav__cta { margin: 8px 0 4px; background: var(--mir-orange); color: #fff; border: 0; padding: 16px; border-radius: 999px; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }

.mir-product-menu { max-width: var(--mir-wrap); margin: 0 auto; padding: var(--mir-pad); display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.mir-product-menu__item { display: block; padding: 18px 20px; border-radius: 18px; background: var(--mir-paper); border: 1px solid transparent; }
.mir-product-menu__item:hover { border-color: rgba(242,140,34,.55); background: #fff; }
.mir-product-menu__tag { font-size: 11px; font-weight: 700; letter-spacing: .12em; color: var(--mir-orange); }
.mir-product-menu__name { font-size: 17px; font-weight: 600; color: var(--mir-ink); margin-top: 8px; line-height: 1.25; }
.mir-product-menu__short { font-size: 13.5px; color: var(--mir-muted); margin-top: 6px; line-height: 1.45; }

/* ---------- 6. Первый экран ---------- */
.mir-hero { position: relative; padding-top: 96px; padding-bottom: 40px; }
.mir-hero__grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: end; }
.mir-hero__eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--mir-muted); border: 1px solid rgba(21,24,29,.12); border-radius: 999px; padding: 8px 16px; }
.mir-hero__dot { width: 4px; height: 4px; border-radius: 999px; background: var(--mir-orange); }
.mir-hero__title { font-size: clamp(48px, 6.4vw, 92px); line-height: .98; letter-spacing: -.035em; font-weight: 700; margin-top: 28px; text-wrap: balance; }
.mir-hero__title em { font-style: normal; color: var(--mir-orange); }
.mir-hero__lead { font-size: 21px; line-height: 1.5; color: var(--mir-body); max-width: 620px; margin-top: 28px; text-wrap: pretty; }
.mir-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 40px; }
.mir-hero__aside { display: flex; flex-direction: column; gap: 14px; }

.mir-dispatch { background: var(--mir-ink); color: #fff; border-radius: 32px; padding: var(--mir-pad); position: relative; overflow: hidden; }
.mir-dispatch__road { position: absolute; inset: auto 0 0 0; height: 8px; background: repeating-linear-gradient(90deg, var(--mir-orange) 0 48px, transparent 48px 96px); animation: mir-dash 2.4s linear infinite; }
.mir-dispatch__label { font-size: 13px; font-weight: 600; letter-spacing: .08em; color: rgba(255,255,255,.5); }
.mir-dispatch__value { font-size: 62px; font-weight: 700; letter-spacing: -.04em; line-height: 1; margin-top: 14px; }
.mir-dispatch__note { font-size: 15.5px; color: rgba(255,255,255,.72); line-height: 1.5; margin-top: 12px; padding-bottom: 10px; }

.mir-key-figures { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mir-key-figures__item { background: var(--mir-card); border-radius: 24px; padding: 26px; }
.mir-key-figures__num { font-size: 40px; font-weight: 700; letter-spacing: -.03em; color: var(--mir-orange); }
.mir-key-figures__label { font-size: 14.5px; color: var(--mir-muted); line-height: 1.4; margin-top: 6px; }

/* ---------- 7. Заголовки секций ---------- */
.mir-section { padding-top: 130px; }
.mir-section--tight { padding-top: 120px; }
.mir-section__header { display: flex; align-items: end; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.mir-section__eyebrow { font-size: 12.5px; font-weight: 700; letter-spacing: .14em; color: var(--mir-orange); }
.mir-section__title { font-size: clamp(34px, 3.8vw, 54px); line-height: 1.05; letter-spacing: -.03em; font-weight: 700; max-width: 700px; }
.mir-section__title--wide { max-width: 620px; }
.mir-section__title em { font-style: normal; color: var(--mir-muted); }
.mir-section__eyebrow + .mir-section__title { margin-top: 14px; }
.mir-section__intro { font-size: 17px; color: var(--mir-muted); line-height: 1.55; max-width: 420px; }
.mir-section__intro--narrow { max-width: 400px; }

/* ---------- 8. Помощь на дороге ---------- */
.mir-help-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 44px; }
.mir-help-card { background: var(--mir-card); border-radius: 24px; padding: 30px; display: flex; flex-direction: column; gap: 10px; border: 1px solid transparent; }
.mir-help-card:hover { border-color: rgba(242,140,34,.5); }
.mir-help-card__num { font-size: 12px; font-weight: 700; letter-spacing: .1em; color: var(--mir-orange); }
.mir-help-card__name { font-size: 21px; font-weight: 600; letter-spacing: -.01em; line-height: 1.2; }
.mir-help-card__text { font-size: 15.5px; color: var(--mir-muted); line-height: 1.5; }

/* ---------- 9. Продукты ---------- */
.mir-product-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 44px; }
/* Слот-обёртка нужна режиму правки: id области редактирования висит на ней,
   а якорь #product-<CODE> — на самой карточке. Растягиваем, чтобы карточки
   в ряду остались равной высоты и footer с margin-top:auto прижимался к низу. */
.mir-product-slot { display: flex; }
.mir-product-slot > .mir-product-card { flex: 1; }
.mir-product-card { background: var(--mir-card); border-radius: 24px; padding: 34px; display: flex; flex-direction: column; border: 1px solid transparent; scroll-margin-top: 110px; }
.mir-product-card:hover { border-color: rgba(21,24,29,.16); }
.mir-product-card__top { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.mir-product-card__tag { font-size: 11.5px; font-weight: 700; letter-spacing: .12em; color: var(--mir-orange); }
.mir-product-card__name { font-size: 27px; font-weight: 700; letter-spacing: -.02em; line-height: 1.15; margin-top: 10px; }
.mir-product-card__slogan { font-size: 16px; color: var(--mir-muted); margin-top: 6px; }
.mir-product-card__audience { font-size: 13px; font-weight: 600; color: var(--mir-muted); border: 1px solid rgba(21,24,29,.14); border-radius: 999px; padding: 6px 13px; white-space: nowrap; }
.mir-product-card__text { font-size: 15.5px; line-height: 1.55; color: var(--mir-body); margin-top: 20px; }
.mir-product-card__footer { margin-top: auto; padding-top: 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.mir-product-card__plans { display: flex; flex-wrap: wrap; gap: 7px; }
.mir-product-card__plan { font-size: 13px; font-weight: 600; color: var(--mir-ink); background: var(--mir-paper); border-radius: 999px; padding: 7px 14px; }
.mir-product-card__actions { display: flex; align-items: center; gap: 20px; }
.mir-product-card__more { font-size: 15px; font-weight: 600; color: var(--mir-ink); border-bottom: 1px solid rgba(21,24,29,.25); padding-bottom: 2px; }
.mir-product-card__more:hover { color: var(--mir-orange-dark); border-color: var(--mir-orange-dark); }
.mir-product-card__lead { background: none; border: 0; padding: 0; font: inherit; font-size: 15px; font-weight: 600; color: var(--mir-orange-dark); cursor: pointer; }
.mir-product-card__lead:hover { color: var(--mir-ink); }

/* ---------- 10. Как это работает ---------- */
.mir-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-top: 48px; position: relative; }
.mir-steps__rail { position: absolute; left: 0; right: 0; top: 22px; height: 2px; background: repeating-linear-gradient(90deg, rgba(21,24,29,.2) 0 12px, transparent 12px 24px); }
.mir-step { position: relative; }
.mir-step__num { width: 46px; height: 46px; border-radius: 999px; background: var(--mir-orange); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 19px; font-weight: 700; position: relative; z-index: 2; }
.mir-step__name { font-size: 23px; font-weight: 600; letter-spacing: -.015em; margin-top: 22px; }
.mir-step__text { font-size: 16px; color: var(--mir-muted); line-height: 1.55; margin-top: 10px; }

/* ---------- 11. География ---------- */
.mir-coverage { padding-top: 130px; }
.mir-coverage__marquee { margin-top: 44px; display: flex; flex-direction: column; gap: 12px; overflow: hidden; }
.mir-coverage__row { display: flex; width: max-content; gap: 12px; animation: mir-marquee 64s linear infinite; }
.mir-coverage__row--reverse { margin-left: -180px; animation-duration: 78s; animation-direction: reverse; }
.mir-coverage__city { font-size: 17px; font-weight: 500; color: var(--mir-ink); background: var(--mir-card); border-radius: 999px; padding: 12px 22px; white-space: nowrap; }
.mir-coverage__cities { padding-top: 32px; }
.mir-coverage__list { margin-top: 28px; background: var(--mir-card); border-radius: 32px; padding: 36px; columns: 5; column-gap: 28px; font-size: 15.5px; line-height: 2; color: var(--mir-body); }
.mir-coverage__list[hidden] { display: none; }

/* ---------- 12. Партнёрам ---------- */
.mir-partners { padding-top: 130px; }
.mir-partners__inner { background: var(--mir-ink); color: #fff; border-radius: 32px; padding: 72px; position: relative; overflow: hidden; display: grid; grid-template-columns: 1.1fr .9fr; gap: 56px; align-items: center; }
.mir-partners__road { position: absolute; inset: 0 0 auto 0; height: 8px; background: repeating-linear-gradient(90deg, var(--mir-orange) 0 48px, transparent 48px 96px); }
.mir-partners__title { font-size: clamp(32px, 3.6vw, 50px); line-height: 1.05; letter-spacing: -.03em; font-weight: 700; }
.mir-partners__text { font-size: 17.5px; line-height: 1.55; color: rgba(255,255,255,.7); margin-top: 22px; max-width: 560px; }
.mir-partners__cta { margin-top: 36px; background: var(--mir-orange); color: #fff; border: 0; padding: 18px 32px; border-radius: 999px; font: inherit; font-size: 16.5px; font-weight: 600; cursor: pointer; }
.mir-partners__cta:hover { background: #fff; color: var(--mir-ink); }
.mir-partners__list { display: flex; flex-direction: column; gap: 1px; background: rgba(255,255,255,.12); border-radius: 20px; overflow: hidden; }
.mir-partners__row { background: var(--mir-ink); padding: 22px 26px; display: flex; align-items: baseline; gap: 16px; }
.mir-partners__name { font-size: 15.5px; font-weight: 600; color: #fff; }
.mir-partners__who { font-size: 14.5px; color: rgba(255,255,255,.55); margin-left: auto; text-align: right; }

/* ---------- 13. Подвал ---------- */
.mir-footer { padding-top: 130px; padding-bottom: 64px; }
.mir-footer__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 64px; }
.mir-footer__logo { height: 38px; display: block; }
.mir-footer__claim { font-size: 20px; color: var(--mir-body); line-height: 1.5; margin-top: 26px; max-width: 460px; }
.mir-footer__address { font-size: 15.5px; color: var(--mir-muted); line-height: 1.6; margin-top: 32px; }
.mir-footer__contacts { display: flex; flex-direction: column; gap: 22px; }
.mir-footer__phone { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(21,24,29,.1); color: var(--mir-ink); }
.mir-footer__phone:hover { color: var(--mir-orange-dark); }
.mir-footer__phone-label { font-size: 15px; color: var(--mir-muted); }
.mir-footer__phone-num { font-size: 25px; font-weight: 700; letter-spacing: -.02em; white-space: nowrap; }
.mir-footer__cta { align-self: start; background: var(--mir-orange); color: #fff; border: 0; padding: 17px 30px; border-radius: 999px; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }
.mir-footer__cta:hover { background: var(--mir-ink); }
.mir-footer__bottom { margin-top: 64px; padding-top: 26px; border-top: 1px solid rgba(21,24,29,.1); display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; font-size: 13.5px; color: var(--mir-faint); }
.mir-footer__legal { display: flex; gap: 24px; }
.mir-footer__legal a { color: var(--mir-faint); }

/* ---------- 14. Панель заявки ---------- */
.mir-lead { position: fixed; inset: 0; z-index: 90; display: flex; justify-content: flex-end; }
.mir-lead[hidden] { display: none; }
.mir-lead__overlay { position: absolute; inset: 0; background: rgba(21,24,29,.5); backdrop-filter: blur(3px); border: 0; padding: 0; cursor: pointer; }
.mir-lead__panel { position: relative; width: 480px; max-width: 100%; height: 100%; background: #fff; padding: 44px; overflow-y: auto; box-shadow: -30px 0 60px rgba(21,24,29,.2); }
.mir-lead__close { position: absolute; top: 26px; right: 26px; width: 40px; height: 40px; border-radius: 999px; border: 1px solid rgba(21,24,29,.14); background: none; font-size: 20px; color: var(--mir-ink); cursor: pointer; line-height: 1; }
.mir-lead__close:hover { border-color: var(--mir-ink); }
.mir-lead__eyebrow { font-size: 12.5px; font-weight: 700; letter-spacing: .14em; color: var(--mir-orange); }
.mir-lead__title { font-size: 32px; font-weight: 700; letter-spacing: -.025em; line-height: 1.1; margin-top: 14px; }
.mir-lead-form { display: flex; flex-direction: column; gap: 14px; margin-top: 30px; }
.mir-lead-form__input,
.mir-lead-form__select,
.mir-lead-form__textarea { border: 1px solid var(--mir-line); border-radius: 14px; padding: 16px 18px; font: inherit; font-size: 16px; background: var(--mir-paper); color: var(--mir-ink); width: 100%; }
.mir-lead-form__select { appearance: none; }
.mir-lead-form__textarea { resize: vertical; }
.mir-lead-form__input:focus,
.mir-lead-form__select:focus,
.mir-lead-form__textarea:focus { outline: none; border-color: var(--mir-orange); background: #fff; }
.mir-lead-form__consent { display: flex; gap: 12px; align-items: start; font-size: 13.5px; color: var(--mir-muted); line-height: 1.5; margin-top: 4px; cursor: pointer; }
.mir-lead-form__consent input { margin-top: 3px; accent-color: var(--mir-orange); width: 17px; height: 17px; }
.mir-lead-form__submit { margin-top: 8px; background: var(--mir-ink); color: #fff; border: 0; padding: 18px; border-radius: 999px; font: inherit; font-size: 16.5px; font-weight: 600; cursor: pointer; }
.mir-lead-form__submit:hover { background: var(--mir-orange); }
.mir-lead-form__submit[disabled] { opacity: .6; cursor: default; }
.mir-lead-form__call { text-align: center; font-size: 15px; color: var(--mir-muted); margin-top: 6px; }
.mir-lead-form__call:hover { color: var(--mir-orange-dark); }
.mir-lead-form__status { font-size: 15px; line-height: 1.5; margin-top: 4px; }
.mir-lead-form__status--error { color: #c0392b; }
.mir-lead-form__status--ok { color: var(--mir-green); }

/* Ошибки полей. Показываются только после проверки: пустой <p> схлопнут,
   поэтому в спокойном состоянии форма выглядит как в макете. */
.mir-lead-form__field { display: flex; flex-direction: column; gap: 6px; }
.mir-lead-form__error:empty { display: none; }
.mir-lead-form__error { font-size: 13.5px; line-height: 1.4; color: #c0392b; }
.mir-lead-form__input--invalid,
.mir-lead-form__input--invalid:focus { border-color: #c0392b; background: #fff; }
.mir-lead-form__consent input.mir-lead-form__input--invalid { outline: 2px solid #c0392b; outline-offset: 2px; }

/* ---------- 15. Анимации ---------- */
@keyframes mir-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes mir-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .35; transform: scale(.7); } }
@keyframes mir-dash { from { background-position-x: 0; } to { background-position-x: 96px; } }
@media (prefers-reduced-motion: reduce) {
  .mir-landing *, .mir-landing *::before, .mir-landing *::after { animation: none !important; transition: none !important; }
}

/* ---------- 16. Адаптив ---------- */
/* 1240 — горизонтальное меню не помещается, уходит под бургер. */
@media (max-width: 1240px) {
  .mir-main-menu { display: none; }
  .mir-header__burger { display: flex; }
  .mir-mobile-nav { display: flex; }
}
/* 1000 — парные сетки в одну колонку, города в 3 столбца. */
@media (max-width: 1000px) {
  .mir-hero__grid, .mir-footer__grid { grid-template-columns: 1fr; gap: 40px; }
  .mir-help-list, .mir-product-list { grid-template-columns: 1fr 1fr; }
  .mir-product-list { grid-template-columns: 1fr; }
  .mir-coverage__list { columns: 3; }
  .mir-partners__inner { grid-template-columns: 1fr; padding: 48px; }
  .mir-product-menu { grid-template-columns: 1fr 1fr; }
  .mir-landing { --mir-pad: 24px; }
  .mir-coverage { padding-left: 0; padding-right: 0; }
}
/* 760 — телефон в шапке прячется, карточки и шаги в одну колонку. */
@media (max-width: 760px) {
  .mir-hotline { display: none; }
  .mir-help-list, .mir-key-figures { grid-template-columns: 1fr; }
  .mir-steps { grid-template-columns: 1fr; gap: 32px; }
  .mir-steps__rail { display: none; }
  .mir-coverage__list { columns: 2; padding: 24px; }
  .mir-header__bar { padding-left: 20px; padding-right: 20px; gap: 16px; }
  .mir-partners__inner { padding: 32px; border-radius: 24px; }
  .mir-help-card, .mir-product-card, .mir-lead__panel { padding: 24px; }
  .mir-product-menu { grid-template-columns: 1fr; padding: 20px; }
  .mir-btn--primary { padding-left: 18px; padding-right: 18px; }
  .mir-landing { --mir-pad: 20px; }
  .mir-section, .mir-coverage, .mir-partners, .mir-footer { padding-top: 88px; }
}

/* ---------- 17. Служебное ---------- */
/* Подписи полей заявки: в макете их нет визуально, но скринридеру они нужны,
   поэтому не hidden (он убирает элемент и из дерева доступности), а clip. */
.mir-visually-hidden {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* End */
/* /local/templates/mir2026/assets/css/landing.css?178792042324733 */