/* =========================================================
   Фиксированная нижняя панель для мобильных
   carzone.by / ocStore 2.3.0.2 / шаблон unishop
   ========================================================= */

/* ---------- сама полоска ---------- */
#mfixbar{
    display:none;
    position:fixed;
    left:0; right:0; bottom:0;
    z-index:10000;
    align-items:center;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:54px;
    height:calc(54px + env(safe-area-inset-bottom));
    padding:0 6px;
    background:#222;
    box-shadow:0 -2px 10px rgba(0,0,0,.25);
}
#mfixbar a{ text-decoration:none; }

@media (max-width:767px){
    #mfixbar{ display:flex; }
    body{ padding-bottom:62px !important; }
    body{ padding-bottom:calc(62px + env(safe-area-inset-bottom)) !important; }
}

/* ---------- кнопка «Каталог» ---------- */
.mfixbar__menu{
    display:flex; flex-direction:column;
    align-items:center; justify-content:center;
    min-width:60px; height:44px;
    color:#fff !important;
    font-size:10px; line-height:1; text-transform:uppercase;
}
.mfixbar__burger{
    position:relative; display:block;
    width:22px; height:2px; margin-bottom:calc(7px + 1mm);
    background:#ed0911; border-radius:2px;      /* фирменный красный */
}
.mfixbar__burger:before,
.mfixbar__burger:after{
    content:''; position:absolute; left:0;
    width:22px; height:2px; background:#ed0911; border-radius:2px;
}
.mfixbar__burger:before{ top:-7px; }
.mfixbar__burger:after { top: 7px; }

/* ---------- телефон ---------- */
.mfixbar__phone{
    flex:1 1 auto;
    display:flex; align-items:center; justify-content:center;
    height:44px;
    color:#fff !important;
    font-size:17px; font-weight:600; white-space:nowrap;
}
.mfixbar__phone .fa{ margin-right:8px; font-size:16px; color:#ed0911; }

/* ---------- корзина ---------- */
.mfixbar__cart{
    position:relative;
    display:flex; align-items:center; justify-content:center;
    min-width:52px; height:44px;
    color:#fff !important; font-size:21px;
}
.mfixbar__count{
    position:absolute; top:2px; right:5px;
    min-width:18px; height:18px; padding:0 4px;
    background:#ed0911; color:#fff;
    font-size:11px; font-weight:700; line-height:18px;
    text-align:center; border-radius:9px;
}
.mfixbar__count.is-empty{ display:none; }

/* =========================================================
   Выезжающая панель «Каталог»
   ========================================================= */
.mfixpanel{
    position:fixed; top:0; bottom:0; left:0;
    z-index:10002;
    width:290px; max-width:85%;
    background:#fff;
    transform:translateX(-100%);
    transition:transform .25s ease;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}
.mfixpanel.is-open{ transform:translateX(0); }

.mfixpanel__head{
    position:relative;
    padding:14px 44px 14px 15px;
    background:#222; color:#fff;
    font-size:16px; font-weight:600;
}
.mfixpanel__close{
    position:absolute; top:50%; right:8px;
    margin-top:-16px; width:32px; height:32px;
    font-size:26px; line-height:30px; text-align:center;
    color:#fff; cursor:pointer;
}
.mfixpanel__body{ padding-bottom:30px; }

.mfixoverlay{
    display:none;
    position:fixed; top:0; right:0; bottom:0; left:0;
    z-index:10001;
    background:rgba(0,0,0,.5);
}
body.mfix-noscroll{ overflow:hidden; }

/* список категорий внутри панели */
.mfixmenu, .mfixmenu ul{ margin:0; padding:0; list-style:none; }
.mfixmenu li{ position:relative; border-bottom:1px solid #eee; }
.mfixmenu a{
    display:block;
    padding:12px 46px 12px 15px;
    color:#333; font-size:14px; line-height:1.3;
}
.mfixmenu a:active{ background:#f6f6f6; }
.mfixmenu ul a{ padding-left:28px; font-size:13px; color:#666; }
.mfixmenu ul ul a{ padding-left:42px; }
.mfixmenu__toggle{
    position:absolute; top:0; right:0;
    width:46px; height:44px;
    font-size:20px; line-height:44px; text-align:center;
    color:#999; cursor:pointer;
    -webkit-user-select:none; user-select:none;
}

/* ---------- поднимаем чат JivoSite над полоской ---------- */
@media (max-width:767px){
    jdiv[class*="orientationRight"],
    jdiv#jcont, jdiv#jvLabelWrap{
        bottom:70px !important;
        bottom:calc(70px + env(safe-area-inset-bottom)) !important;
    }
    .scroll_up{ display:none !important; }
}