/* Мобильная версия (inc/mobile-v2.php). Подключается, только пока модуль
   включён; все правила — под body.g999-mob2 и только до 780px.
   Удалить файл или выключить модуль — телефонная версия вернётся к прежней. */

.g999-m2tabs, .g999-m2hero, .g999-m2adv, .g999-m2bar, .g999-m2sheet{ display: none; }

@media (max-width: 780px){

  /* ---------- Табы под шапкой (главная) ----------
     Висят под шапкой абсолютно, а не в потоке: иначе при скрытии шапка
     меняла бы высоту и страница прыгала. Место под них — отступ в hero. */
  body.g999-mob2 .g999-m2tabs{
    display: block; position: absolute; left: 0; right: 0; top: 100%; z-index: -1;
    background: color-mix(in srgb, var(--surface) 92%, transparent); backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--line);
    transition: transform .28s ease, opacity .2s ease;
  }
  body.g999-mob2 .g999-m2tabs__row{
    display: flex; align-items: center; gap: 6px; height: 50px; box-sizing: border-box;
    padding: 0 12px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  body.g999-mob2 .g999-m2tabs__row::-webkit-scrollbar{ display: none; }
  body.g999-mob2 .g999-m2tabs__a{
    flex: 0 0 auto; padding: 7px 13px; border-radius: 999px; background: var(--surface-2);
    color: var(--fg); font-size: 14px; font-weight: 500; text-decoration: none; white-space: nowrap;
    border: 1px solid var(--line);
  }
  body.g999-mob2 .g999-m2tabs__a:active{ background: var(--line); }
  /* Старые правила site.css прячут ссылки на #zayavka в шапке и навязывают
     им отступ — для табов и панели перебиваем их прицельно */
  body.g999-mob2 .g999-root header .g999-m2tabs{ height: auto !important; padding: 0 !important; }
  body.g999-mob2 .g999-root header .g999-m2tabs__row{ height: 50px !important; padding: 0 12px !important; }
  body.g999-mob2 .g999-root header .g999-m2tabs__a{
    display: flex !important; align-items: center; box-sizing: border-box;
    height: 34px !important; min-height: 0 !important; padding: 0 14px !important;
    font-size: 14px !important; line-height: 1 !important;
  }
  body.g999-mob2.g999-m2-down .g999-m2tabs{ transform: translateY(-100%); opacity: 0; pointer-events: none; }
  body.g999-mob2-home .g999-hero__inner{ padding-top: 80px !important; }
  /* Якоря не прячутся под шапку и табы */
  body.g999-mob2-home [id]{ scroll-margin-top: 120px; }

  /* ---------- Первый экран ---------- */
  body.g999-mob2-home .g999-hero__lead,
  body.g999-mob2-home .g999-hero__bullets,
  body.g999-mob2-home .g999-hero__stats,
  body.g999-mob2-home .g999-hero__form{ display: none !important; }
  body.g999-mob2-home .g999-hero__inner{ padding-bottom: 26px !important; gap: 0; }

  body.g999-mob2 .g999-m2hero{ display: block; margin-top: 18px; }
  body.g999-mob2 .g999-m2hero__utp{ margin: 0 0 20px; font-size: 16px; line-height: 1.5; color: var(--muted); }
  body.g999-mob2 .g999-m2hero__fix{
    width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px;
    min-height: 56px; padding: 0 20px; border: 0; border-radius: var(--btn-r, 6px);
    background: var(--accent); color: #fff; font: inherit; font-size: 17px; font-weight: 600; cursor: pointer;
  }
  body.g999-mob2 .g999-m2hero__fix:active{ filter: brightness(.94); }

  /* ---------- Преимущества 2×3 ----------
     Заменяют цифры первого экрана и отдельный блок «Доверие». */
  body.g999-mob2-home #trust{ display: none; }
  body.g999-mob2 .g999-m2adv{
    display: grid; grid-template-columns: 1fr 1fr; margin: 0; position: relative; z-index: 1;
    border-top: 1px solid var(--line); background: var(--surface);
  }
  body.g999-mob2 .g999-m2adv__i{ padding: 16px 16px 15px; border-bottom: 1px solid var(--line); }
  body.g999-mob2 .g999-m2adv__i:nth-child(odd){ border-right: 1px solid var(--line); }
  body.g999-mob2 .g999-m2adv dt{ font-size: 21px; font-weight: 700; line-height: 1.15; letter-spacing: -.01em; color: var(--fg); }
  body.g999-mob2 .g999-m2adv dd{ margin: 4px 0 0; font-size: 13px; line-height: 1.35; color: var(--muted); }

  /* ---------- Чёрный блок офиса: строка режима работы ----------
     Была flex-строкой: текст и часы расходились в две колонки. */
  body.g999-mob2 .g999-hero__bar-status{ display: block; }
  body.g999-mob2 .g999-hero__bar-dot{ display: inline-block; vertical-align: middle; margin-right: 6px; }

  /* ---------- Нижняя панель ---------- */
  body.g999-mob2 .g999-sticky{ display: none !important; }
  body.g999-mob2.g999-sticky-on{ padding-bottom: 0; }
  body.g999-mob2{ padding-bottom: calc(54px + env(safe-area-inset-bottom)); }

  body.g999-mob2 .g999-m2bar{
    display: grid; grid-template-columns: 52px 46px 46px 1fr; gap: 6px;
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 70;
    padding: 7px 12px calc(7px + env(safe-area-inset-bottom));
    background: color-mix(in srgb, var(--surface) 94%, transparent); backdrop-filter: blur(14px);
    border-top: 1px solid var(--line);
    transition: transform .28s ease;
  }
  body.g999-mob2 .g999-m2bar__btn{
    display: grid; place-items: center; height: 38px; border-radius: var(--btn-r, 6px);
    border: 1px solid var(--line); background: var(--surface); color: var(--fg);
    text-decoration: none; font-weight: 700; font-size: 12px; letter-spacing: .02em;
  }
  body.g999-mob2 .g999-root .g999-m2bar__btn{ box-sizing: border-box; padding: 0 !important; }
  body.g999-mob2 .g999-root .g999-m2bar__btn--req{ font-size: 15px !important; }
  body.g999-mob2 .g999-m2bar__btn svg{ width: 20px; height: 20px; }
  body.g999-mob2 .g999-root .g999-m2sheet__opt{ box-sizing: border-box; padding: 10px 16px !important; font-size: 16px !important; }
  body.g999-mob2 .g999-m2bar__btn--tel{ color: var(--accent); border-color: var(--accent); }
  body.g999-mob2 .g999-m2bar__btn--wa{ color: #1faa53; }
  body.g999-mob2 .g999-m2bar__btn--req{ background: var(--accent); border-color: var(--accent); color: #fff; font-size: 16px; letter-spacing: 0; }
  body.g999-mob2.g999-m2-down .g999-m2bar,
  body.g999-mob2.g999-mm-open .g999-m2bar,
  body.g999-mob2.g999-m2-typing .g999-m2bar{ transform: translateY(110%); }
  body.admin-bar.g999-mob2 .g999-m2bar{ bottom: 0; }

  /* ---------- Выбор «Зафиксировать цену» ---------- */
  body.g999-mob2 .g999-m2sheet:not([hidden]){ display: block; position: fixed; inset: 0; z-index: 100000; }
  body.g999-mob2 .g999-m2sheet__back{ position: absolute; inset: 0; background: rgba(10, 12, 16, .45); }
  body.g999-mob2 .g999-m2sheet__panel{
    position: absolute; left: 0; right: 0; bottom: 0; background: var(--surface);
    border-radius: 16px 16px 0 0; padding: 18px 16px calc(18px + env(safe-area-inset-bottom));
    display: flex; flex-direction: column; gap: 8px;
    animation: g999-m2-up .22s ease-out;
  }
  @keyframes g999-m2-up{ from{ transform: translateY(100%); } to{ transform: none; } }
  body.g999-mob2 .g999-m2sheet__head{ display: flex; align-items: center; justify-content: space-between; }
  body.g999-mob2 .g999-m2sheet__title{ font-size: 19px; font-weight: 700; }
  body.g999-mob2 .g999-m2sheet__x{ width: 36px; height: 36px; border-radius: 999px; border: 1px solid var(--line); background: transparent; color: var(--fg); display: grid; place-items: center; }
  body.g999-mob2 .g999-m2sheet__sub{ margin: 0 0 6px; color: var(--muted); font-size: 14px; line-height: 1.45; }
  body.g999-mob2 .g999-m2sheet__opt{
    display: flex; align-items: center; gap: 14px; min-height: 58px; padding: 10px 16px;
    border: 1px solid var(--line); border-radius: var(--btn-r, 6px);
    color: var(--fg); text-decoration: none; font-size: 16px; font-weight: 600;
  }
  body.g999-mob2 .g999-m2sheet__opt span{ display: flex; flex-direction: column; }
  body.g999-mob2 .g999-m2sheet__opt small{ font-size: 13px; font-weight: 400; color: var(--muted); margin-top: 2px; }
  body.g999-mob2 .g999-m2sheet__opt--main{ background: var(--accent); border-color: var(--accent); color: #fff; }
  body.g999-mob2 .g999-m2sheet__opt--main small{ color: rgba(255,255,255,.82); }
  body.g999-mob2 .g999-m2sheet__opt svg{ flex: 0 0 auto; }
  body.g999-mob2 .g999-m2sheet__opt[href*="wa.me"] svg{ color: #1faa53; }
  body.g999-mob2 .g999-m2sheet__max{ width: 20px; font-size: 10px; letter-spacing: .02em; text-align: center; }
  body.g999-m2-sheet-open{ overflow: hidden; }
}

@media (max-width: 780px) and (prefers-reduced-motion: reduce){
  body.g999-mob2 .g999-m2tabs, body.g999-mob2 .g999-m2bar{ transition: none; }
  body.g999-mob2 .g999-m2sheet__panel{ animation: none; }
}