/* TASK-0355 — общий мобильный слой enterer: нижняя панель разделов и правки
   шапки. Файл подключается на ВСЕХ страницах (site-head.tpl + шаблон 11 «Товар»
   со своим head), поэтому здесь только то, что должно быть везде; всё, что
   касается каталога, живёт в catalog-2026.css.

   Всё внутри @media (max-width:1023px) — десктоп не затрагивается вовсе. */

/* На десктопе панели нет в раскладке. */
.e26-tabbar{display:none}

/* Порог 1023, а не 767: на 768-1023 (планшет, крупный телефон, уменьшенный
   масштаб страницы в Chrome) мобильный слой не включался, и человек получал
   десктопную раскладку - плитку разделов без прокрутки, а фильтр там вообще
   недоступен: базовое правило каталога прячет сайдбар ниже 1024 px. */
@media (max-width:1023px){

  /* --- нижняя панель разделов -------------------------------------------- */
  /* Разметку панели рисует mobile-2026.js: так её не нужно вставлять в каждый
     из восемнадцати шаблонов, а откат — снять одну строку подключения. */
  .e26-tabbar{display:grid;grid-template-columns:repeat(5,1fr);
    position:fixed;left:0;right:0;bottom:0;z-index:1100;
    background:#fff;border-top:1px solid #E4E9EF;
    box-shadow:0 -2px 14px rgba(15,26,38,.08);
    padding-bottom:env(safe-area-inset-bottom,0px)}
  .e26-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    position:relative;padding:7px 2px 6px;background:none;border:none;cursor:pointer;
    font-family:inherit;font-size:10px;line-height:1.1;color:#8A99A9;text-decoration:none;
    -webkit-tap-highlight-color:transparent}
  .e26-tab:hover,.e26-tab:focus{color:#F1861D;text-decoration:none}
  .e26-tab svg{width:22px;height:22px;display:block}
  .e26-tab.is-active{color:#F1861D}
  .e26-tab__b{position:absolute;top:3px;left:calc(50% + 6px);
    min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;
    border-radius:8px;background:#F1861D;color:#fff;
    font-size:10px;font-weight:700;line-height:16px;text-align:center}
  .e26-tab__b[hidden]{display:none}

  /* место под панель; на страницах со своим отступом снизу он сохраняется */
  body{padding-bottom:60px}

  /* --- шапка -------------------------------------------------------------- */
  /* Значок корзины убран — корзина теперь в нижней панели; конверт занимает
     его место справа, логотип со слоганом сдвинут влево, к бургеру.
     Исходные значения темы (styles.min.css): корзина — fixed right:0/top:0,
     50×50; конверт — absolute left:calc(25% - 30px); логотип — absolute
     left:calc(50% - 75px). Телефон (right:calc(25% - 30px)) не трогаем. */
  a.mobile-cart-link{display:none}
  .mobile_curr.mobile-email{left:auto;right:12px}
  header .logo{left:46px}

  /* --- плавающие кнопки темы --------------------------------------------- */
  /* «Наверх» (#toTop) сидит на 54 px от низа — ровно под панелью. Поднимаем.
     ⚠️ z-index у неё в теме auto, поэтому позиционированные блоки страницы
     рисовались поверх и кнопка местами не нажималась — даём свой слой ниже
     панели (1100), но выше содержимого. */
  #toTop{bottom:118px;z-index:1090}
  #jvlabelWrap,.jivo-btn,[class*="jivo_button"]{bottom:84px !important}
}