/* ===== MOBILE ONLY — header ===== */
@media (max-width: 860px) {
  .site-header {
    position: sticky;
    top: 0;
    z-index: 1200;
  }

  .m-header {
    height: 43px;                     /* фиксированная высота */           /* слева 13px, справа 8px */
    background: #B71E2D;              /* цвет панели */
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    overflow: visible;
    padding: 0 10px;
  }

  /* Кликабельная зона слева (бургер) и симметричный спейсер справа */
  .m-header__burger,
  .m-header__spacer {
    width: 43px;
    height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
  }

  .m-header__burger {

    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
  }



  /* Логотип по центру, без масштабирования */
  .m-header__logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 43px;                     /* центрирование по высоте панели */
  }

  .m-header__logo img {
    display: block;
    width: auto;                       /* сохраняем исходные размеры SVG */
    height: auto;
    max-width: none;                   /* не ограничиваем ширину */
  }
}

/* На всякий случай скрыть мобильный хедер на десктопе,
   если разметка вдруг подключится в общем шаблоне */
@media (min-width: 861px) {
  .m-header { display: none !important; }
}