/* ============================================================
   БИНЭКСТ — мобильная нижняя таб-панель (как в приложении).
   Десктоп: скрыта. Мобильный: фиксирована снизу, 5 табов,
   активный — синий, бейдж корзины дублируется из шапки.
   ============================================================ */
.tabbar{display:none}

@media(max-width:700px){
  .tabbar{
    position:fixed;left:0;right:0;bottom:0;z-index:1100;
    display:flex;justify-content:space-around;align-items:stretch;
    background:#fff;border-top:1px solid var(--line,#e4e8ec);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));
    box-shadow:0 -8px 24px rgba(0,51,102,.08);
  }
  body{padding-bottom:64px}   /* контент не перекрывается панелью */

  .tb-item{
    flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
    border:none;background:none;cursor:pointer;text-decoration:none;
    color:var(--muted,#6f7479);
    font-family:var(--mono,monospace);font-size:10px;letter-spacing:.04em;
    text-transform:uppercase;padding:4px 0;position:relative;
  }
  .tb-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .tb-item:active{background:#f5f8fc}
  .tb-item.active{color:var(--navy,#004d99)}
  .tb-item.active svg{stroke-width:2.2}
  .tb-item.active span{font-weight:700}

  .tb-badge{
    position:absolute;top:0;right:calc(50% - 18px);
    min-width:16px;height:16px;padding:0 4px;border-radius:8px;
    background:var(--navy,#004d99);color:#fff;
    font-family:var(--mono,monospace);font-weight:700;font-size:9px;line-height:16px;text-align:center;
  }
}
/* ---------- бейдж с количеством: виден всегда ---------- */
.tb-badge.zero{background:var(--line2,#c9cfd6)}

/* ---------- модальная шторка корзины ---------- */
.tb-cart-ov{position:fixed;inset:0;z-index:1200;background:rgba(0,51,102,.55);display:none;align-items:flex-end;justify-content:center}
.tb-cart-ov.show{display:flex}
.tb-cart-box{
  background:#fff;width:100%;max-width:560px;max-height:82vh;overflow:auto;
  border-radius:14px 14px 0 0;
  padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px));
  box-shadow:0 -18px 50px rgba(0,51,102,.25);
}
.tb-cart-head{display:flex;align-items:center;gap:10px;margin:0 0 10px}
.tb-cart-head span{font-family:var(--mono,monospace);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy,#004d99)}
.tb-cart-head b{font-family:var(--mono,monospace);font-size:11px;color:var(--muted,#6f7479)}
.tb-cart-close{
  margin-left:auto;width:32px;height:32px;
  border:1px solid var(--line2,#c9cfd6);background:#fff;cursor:pointer;
  clip-path:var(--cham,polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%));
}
.tb-cart-list{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}
.tb-cart-row{
  display:flex;gap:10px;align-items:center;
  border:1px solid var(--line,#e4e8ec);padding:8px;
  clip-path:var(--cham,polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%));
}
.tb-cart-row img{width:48px;height:48px;object-fit:contain;border:1px solid var(--line,#e4e8ec);background:#fff;flex:0 0 48px}
.tb-cart-row .n{flex:1;font-size:12px;font-weight:600;line-height:1.3}
.tb-cart-row .q{font-family:var(--mono,monospace);font-size:11px;color:var(--muted,#6f7479);white-space:nowrap}
.tb-cart-row .p{font-family:var(--mono,monospace);font-weight:700;font-size:12px;color:var(--navy,#004d99);white-space:nowrap}
.tb-cart-empty{font-size:12px;color:var(--muted,#6f7479);padding:12px 4px}
.tb-cart-foot{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line,#e4e8ec);padding-top:10px}
.tb-cart-total{font-family:var(--mono,monospace);font-weight:700;font-size:16px;color:var(--navy,#004d99);margin-right:auto}
.tb-cart-go{
  border:none;background:var(--navy,#004d99);color:#fff;text-decoration:none;
  font-family:var(--mono,monospace);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  padding:12px 16px;
  clip-path:var(--cham,polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%));
}
.tb-cart-go:hover{background:var(--acc,#0066cc)}
/* ---------- на главной корзине негде появляться ---------- */
body.bnx-home header .cart-btn,
body.bnx-home header .hdr-cart,
body.bnx-home header [data-cart],
body.bnx-home header [data-cart-open],
body.bnx-home header a[href*="cart"],
body.bnx-home .cart-fab,
body.bnx-home .tabbar .tb-item[data-tab="cart"]{display:none!important}
/* ---------- резервная шторка: низ над таб-панелью ---------- */
@media(max-width:700px){
  .tb-cart-ov{bottom:var(--tbbar-h,64px)}
}