/* Мобильный нижний бар (mbn) — замена старого footer.php bottom-icons-panel.
   Виден только на мобильных (см. media query ниже), скрыт на десктопе. */
.mbn{
  display:none;
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:500;
  background:#fff;
  border-top:1px solid #eee;
  box-shadow:0 -2px 16px rgba(0,0,0,.08);
  padding:6px 12px calc(6px + env(safe-area-inset-bottom));
  align-items:flex-start;
  justify-content:space-between;
}
@media (max-width:900px){
  .mbn{display:flex}
  body.redesigned-page{padding-bottom:82px}
}
.mbn__item{
  display:flex;flex-direction:column;align-items:center;gap:3px;
  text-decoration:none;color:#5b6a88;font-size:11px;font-weight:600;
  flex:1;padding-top:6px;min-width:0;
  transition:color .15s;
}
.mbn__item svg{width:22px;height:22px;flex:none}
.mbn__item:active,.mbn__item.is-active{color:var(--red)}
.mbn__item span{white-space:nowrap}

.mbn__cta{
  display:flex;flex-direction:column;align-items:center;gap:3px;
  background:none;border:none;flex:0 0 auto;padding:0;cursor:pointer;
  position:relative;top:-22px;
}
.mbn__cta-ico{
  width:48px;height:48px;border-radius:50%;
  background:var(--red);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 16px rgba(168,35,25,.4);
  outline:1.5px solid var(--navy);
  outline-offset:-1.5px;
  transition:transform .15s;
}
.mbn__cta:active .mbn__cta-ico{transform:scale(.94)}
.mbn__cta-ico svg{width:22px;height:22px}
.mbn__cta-label{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11px;font-weight:700;color:var(--red)}
.mbn__cta-label small{font-size:9px;font-weight:600;color:#5b6a88}