:root{
  --b2b4c-dock-bg: rgba(7,15,26,.92);
  --b2b4c-dock-line: rgba(77,231,255,.18);
  --b2b4c-dock-text: #d8f8ff;
  --b2b4c-dock-accent: #25d9ff;
  --b2b4c-dock-accent-2: #1a8dff;
}
body.b2b-phase4c-safe .b2b-main{padding-bottom:116px !important;}
body.b2b-phase4c-safe .b2b-nav,
body.b2b-phase4c-safe .b2b-original-nav-hidden{display:none !important;}
body.b2b-phase4c-safe .b2b-fixdock{
  position:fixed; left:50%; bottom:max(12px, env(safe-area-inset-bottom)); transform:translateX(-50%);
  z-index:9999; width:min(760px, calc(100vw - 20px));
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px;
  padding:10px 12px; border-radius:24px;
  border:1px solid var(--b2b4c-dock-line);
  background:var(--b2b4c-dock-bg); backdrop-filter:blur(20px);
  box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 0 1px rgba(37,217,255,.04);
}
body.b2b-phase4c-safe .b2b-fixdock a{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  min-height:58px; padding:6px 8px; border-radius:18px;
  color:var(--b2b4c-dock-text); text-decoration:none; font-weight:800; font-size:12px;
  border:1px solid transparent; background:transparent;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}
body.b2b-phase4c-safe .b2b-fixdock a:hover{transform:translateY(-2px); background:rgba(255,255,255,.04); border-color:rgba(77,231,255,.12);}
body.b2b-phase4c-safe .b2b-fixdock a.is-active{
  background:linear-gradient(135deg, rgba(37,217,255,.96), rgba(26,141,255,.96));
  color:#041018; box-shadow:0 12px 24px rgba(0,162,255,.24);
}
body.b2b-phase4c-safe .b2b-fixdock svg{width:19px; height:19px; display:block;}

/* Shop / inventory header stabilization */
body.b2b-phase4c-safe .b2b-table__head,
body.b2b-phase4c-safe .b2b-phase4c-head{
  position:relative !important; top:auto !important; z-index:3;
  display:flex !important; align-items:center; gap:12px;
  overflow-x:auto; overflow-y:hidden; white-space:nowrap;
  padding:12px 14px; margin-bottom:12px; border-radius:18px;
  background:rgba(8,17,28,.88) !important; backdrop-filter:blur(12px);
  border:1px solid rgba(77,231,255,.16); box-shadow:0 10px 24px rgba(0,0,0,.18);
  scrollbar-width:thin;
}
body.b2b-phase4c-safe .b2b-table__head > *,
body.b2b-phase4c-safe .b2b-phase4c-head > *{
  flex:1 0 110px; min-width:110px; max-width:none;
  color:#b8e8f3 !important; font-size:12px; line-height:1.2; letter-spacing:.08em; text-transform:uppercase;
}
body.b2b-phase4c-safe .b2b-table__head::-webkit-scrollbar,
body.b2b-phase4c-safe .b2b-phase4c-head::-webkit-scrollbar{height:8px}
body.b2b-phase4c-safe .b2b-table__head::-webkit-scrollbar-thumb,
body.b2b-phase4c-safe .b2b-phase4c-head::-webkit-scrollbar-thumb{background:rgba(77,231,255,.26); border-radius:999px}
body.b2b-phase4c-safe .b2b-table,
body.b2b-phase4c-safe .b2b-cart{position:relative; z-index:1}

@media (max-width:768px){
  body.b2b-phase4c-safe .b2b-main{padding-bottom:104px !important;}
  body.b2b-phase4c-safe .b2b-fixdock{width:calc(100vw - 14px); bottom:max(8px, env(safe-area-inset-bottom)); padding:8px; gap:8px; border-radius:22px;}
  body.b2b-phase4c-safe .b2b-fixdock a{min-height:52px; font-size:11px; gap:4px;}
  body.b2b-phase4c-safe .b2b-fixdock svg{width:18px; height:18px;}
}