:root{
  --b2b4b-bg:#050a12;
  --b2b4b-bg2:#08121e;
  --b2b4b-panel:rgba(8,18,31,.72);
  --b2b4b-panel-strong:rgba(8,18,31,.88);
  --b2b4b-line:rgba(77,231,255,.18);
  --b2b4b-line-strong:rgba(77,231,255,.32);
  --b2b4b-text:#ecfbff;
  --b2b4b-sub:#98c7da;
  --b2b4b-accent:#25d9ff;
  --b2b4b-accent-2:#1a8dff;
  --b2b4b-shadow:0 22px 60px rgba(0,0,0,.34),0 0 0 1px rgba(37,217,255,.04);
}
html body.b2b-phase4b-safe{
  background:
    radial-gradient(920px 420px at 14% 12%, rgba(37,217,255,.16), transparent 62%),
    radial-gradient(760px 360px at 86% 14%, rgba(26,141,255,.12), transparent 60%),
    radial-gradient(1100px 620px at 50% 100%, rgba(0,120,255,.10), transparent 56%),
    linear-gradient(180deg, #040911 0%, #07111b 38%, #08131d 100%) !important;
  color:var(--b2b4b-text);
  min-height:100%;
}
html body.b2b-phase4b-safe::before,
html body.b2b-phase4b-safe::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
}
html body.b2b-phase4b-safe::before{
  background:
    radial-gradient(480px 220px at 18% 20%, rgba(0,248,255,.18), transparent 72%),
    radial-gradient(560px 240px at 78% 8%, rgba(38,144,255,.16), transparent 75%);
  opacity:.95;
  animation:b2b4bAurora 12s ease-in-out infinite alternate;
}
html body.b2b-phase4b-safe::after{
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    radial-gradient(circle at center, transparent 0, transparent 62%, rgba(0,0,0,.22) 100%);
  background-size:30px 30px,30px 30px,auto;
  opacity:.16;
  mix-blend-mode:screen;
}
@keyframes b2b4bAurora{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(1.5%,-.8%,0) scale(1.025)}
  100%{transform:translate3d(-1.2%,1%,0) scale(1.03)}
}
body.b2b-phase4b-safe #root,
body.b2b-phase4b-safe .b2b-wrap,
body.b2b-phase4b-safe .b2b-main,
body.b2b-phase4b-safe .b2b-page{position:relative;z-index:1}
body.b2b-phase4b-safe .b2b-wrap{min-height:100vh;display:flex;flex-direction:column}
body.b2b-phase4b-safe .b2b-topbar{
  position:sticky;top:0;z-index:32;
  backdrop-filter:blur(18px);
  background:rgba(7,16,27,.72);
  border-bottom:1px solid rgba(77,231,255,.14);
  box-shadow:0 14px 36px rgba(0,0,0,.18);
}
body.b2b-phase4b-safe .b2b-brand{font-weight:900;letter-spacing:.02em;text-shadow:0 0 24px rgba(37,217,255,.12)}
body.b2b-phase4b-safe .b2b-main{padding:24px 16px 112px}
body.b2b-phase4b-safe .b2b-page{max-width:1360px;margin:0 auto}
body.b2b-phase4b-safe .b2b-h2{
  margin:18px 0 14px;
  color:#f3fdff;
  letter-spacing:-.03em;
  font-size:clamp(22px,2.8vw,34px);
}
body.b2b-phase4b-safe .b2b-card,
body.b2b-phase4b-safe .b2b-banner,
body.b2b-phase4b-safe .b2b-list,
body.b2b-phase4b-safe .b2b-table,
body.b2b-phase4b-safe .b2b-cart{
  background:linear-gradient(180deg, rgba(9,20,34,.80), rgba(8,16,27,.92));
  border:1px solid var(--b2b4b-line);
  box-shadow:var(--b2b4b-shadow);
  backdrop-filter:blur(16px);
}
body.b2b-phase4b-safe .b2b-banner-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
}
body.b2b-phase4b-safe .b2b-banner{
  position:relative;overflow:hidden;border-radius:24px;min-height:240px;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
body.b2b-phase4b-safe .b2b-banner:hover{transform:translateY(-4px);border-color:var(--b2b4b-line-strong);box-shadow:0 30px 70px rgba(0,0,0,.4),0 0 0 1px rgba(37,217,255,.10)}
body.b2b-phase4b-safe .b2b-banner img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.06) contrast(1.03)}
body.b2b-phase4b-safe .b2b-banner::after{
  content:"";position:absolute;inset:auto 0 0 0;height:52%;
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(4,10,18,.92));
}
body.b2b-phase4b-safe .b2b-banner__title{
  position:absolute;left:18px;right:18px;bottom:18px;z-index:1;
  color:#f4fcff;font-weight:800;line-height:1.2;font-size:18px;
  text-shadow:0 10px 20px rgba(0,0,0,.36);
}
body.b2b-phase4b-safe .b2b-banner__ph{
  min-height:240px;
  background:linear-gradient(135deg, rgba(37,217,255,.12), rgba(26,141,255,.12));
}
body.b2b-phase4b-safe .b2b-list{
  border-radius:24px;padding:10px 14px;
}
body.b2b-phase4b-safe .b2b-list__item{
  padding:16px 12px;border-bottom:1px solid rgba(255,255,255,.06);
}
body.b2b-phase4b-safe .b2b-list__item:last-child{border-bottom:0}
body.b2b-phase4b-safe .b2b-list__title{color:#f3fbff;font-weight:700}
body.b2b-phase4b-safe .b2b-list__sub,
body.b2b-phase4b-safe .b2b-muted{color:var(--b2b4b-sub)}
body.b2b-phase4b-safe .b2b-btn,
body.b2b-phase4b-safe .b2b-input,
body.b2b-phase4b-safe input,
body.b2b-phase4b-safe select,
body.b2b-phase4b-safe textarea{
  border-radius:16px;
}
body.b2b-phase4b-safe .b2b-btn{
  border:1px solid rgba(77,231,255,.16);
  background:rgba(12,22,36,.76);
  color:#ecfbff;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
body.b2b-phase4b-safe .b2b-btn:hover{transform:translateY(-2px);border-color:var(--b2b4b-line-strong);box-shadow:0 16px 30px rgba(0,0,0,.22)}
body.b2b-phase4b-safe .b2b-btn--primary{
  background:linear-gradient(135deg, var(--b2b4b-accent), var(--b2b4b-accent-2));
  color:#051018;border-color:transparent;box-shadow:0 14px 28px rgba(0,162,255,.24);
}
body.b2b-phase4b-safe .b2b-input,
body.b2b-phase4b-safe input,
body.b2b-phase4b-safe select,
body.b2b-phase4b-safe textarea{
  background:rgba(8,17,28,.82);color:#eefbff;border:1px solid rgba(77,231,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body.b2b-phase4b-safe .b2b-input::placeholder,
body.b2b-phase4b-safe input::placeholder{color:#7eaac0}
body.b2b-phase4b-safe .b2b-shop__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:14px}
body.b2b-phase4b-safe .b2b-tags{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
body.b2b-phase4b-safe .b2b-tags button{
  border-radius:999px;border:1px solid rgba(77,231,255,.16);background:rgba(9,18,31,.68);color:#e8fbff;padding:10px 14px;
}
body.b2b-phase4b-safe .b2b-tags button.is-on{background:linear-gradient(135deg, rgba(37,217,255,.95), rgba(26,141,255,.95));color:#031018;border-color:transparent;box-shadow:0 10px 22px rgba(0,162,255,.22)}
body.b2b-phase4b-safe .b2b-shop__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,420px);gap:18px;align-items:start}
body.b2b-phase4b-safe .b2b-table,
body.b2b-phase4b-safe .b2b-cart{border-radius:24px;padding:12px}
body.b2b-phase4b-safe .b2b-table__head{position:sticky;top:74px;z-index:2;background:rgba(8,17,28,.76);backdrop-filter:blur(12px);border-radius:16px;padding:10px 12px;margin-bottom:10px}
body.b2b-phase4b-safe .b2b-table__head > div{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9cd1e1}
body.b2b-phase4b-safe .b2b-thumb img{border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.2)}
body.b2b-phase4b-safe .b2b-title__main{color:#f4fdff;font-weight:800}
body.b2b-phase4b-safe .b2b-status{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-weight:700;border:1px solid transparent}
body.b2b-phase4b-safe .st--green{background:rgba(31,214,129,.14);color:#96ffd1;border-color:rgba(31,214,129,.22)}
body.b2b-phase4b-safe .st--blue{background:rgba(37,217,255,.14);color:#b8f6ff;border-color:rgba(37,217,255,.26)}
body.b2b-phase4b-safe .st--gray{background:rgba(255,255,255,.08);color:#d6e4eb;border-color:rgba(255,255,255,.12)}
body.b2b-phase4b-safe .st--yellow{background:rgba(255,189,46,.14);color:#ffe3a1;border-color:rgba(255,189,46,.24)}
body.b2b-phase4b-safe .b2b-cart{position:sticky;top:94px}
body.b2b-phase4b-safe .b2b-cart__head{font-size:18px;font-weight:800;margin-bottom:12px;color:#f4fdff}
body.b2b-phase4b-safe .b2b-cart__item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
body.b2b-phase4b-safe .b2b-cart__controls{display:flex;align-items:center;gap:8px}
body.b2b-phase4b-safe .b2b-cart__controls button{width:30px;height:30px;border-radius:999px;border:1px solid rgba(77,231,255,.16);background:rgba(255,255,255,.04);color:#ecfbff}
body.b2b-phase4b-safe .b2b-cart__foot{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
body.b2b-phase4b-safe .b2b-cart__total{display:flex;align-items:center;justify-content:space-between;font-size:16px;margin-bottom:10px}
/* Sticky bottom nav using existing nav, support removed */
body.b2b-phase4b-safe .b2b-nav{
  position:fixed;left:50%;bottom:14px;transform:translateX(-50%);
  z-index:40;display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));gap:10px;
  width:min(720px, calc(100vw - 24px));padding:10px 12px;
  border-radius:24px;border:1px solid rgba(77,231,255,.18);
  background:rgba(7,15,26,.86);backdrop-filter:blur(20px);
  box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 0 1px rgba(37,217,255,.04);
}
body.b2b-phase4b-safe .b2b-nav > a[href$="/support"],
body.b2b-phase4b-safe .b2b-nav > a[href="/support"],
body.b2b-phase4b-safe .b2b-nav > a:nth-child(5){display:none !important}
body.b2b-phase4b-safe .b2b-nav a{
  display:flex;align-items:center;justify-content:center;min-height:52px;
  padding:0 14px;border-radius:16px;text-decoration:none;font-weight:800;
  color:#d8f8ff;border:1px solid transparent;background:transparent;transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
body.b2b-phase4b-safe .b2b-nav a:hover{transform:translateY(-2px);background:rgba(255,255,255,.04);border-color:rgba(77,231,255,.12)}
body.b2b-phase4b-safe .b2b-nav a.is-active{background:linear-gradient(135deg, rgba(37,217,255,.95), rgba(26,141,255,.95));color:#041018;box-shadow:0 12px 24px rgba(0,162,255,.24)}
body.b2b-phase4b-safe .b2b-main{padding-bottom:110px !important}
@media (max-width: 960px){
  body.b2b-phase4b-safe .b2b-shop__grid{grid-template-columns:1fr}
  body.b2b-phase4b-safe .b2b-cart{position:relative;top:auto}
}
@media (max-width: 768px){
  body.b2b-phase4b-safe .b2b-main{padding:16px 12px 104px}
  body.b2b-phase4b-safe .b2b-banner-row{grid-template-columns:1fr;gap:14px}
  body.b2b-phase4b-safe .b2b-banner{min-height:220px}
  body.b2b-phase4b-safe .b2b-shop__top{grid-template-columns:1fr}
  body.b2b-phase4b-safe .b2b-nav{width:calc(100vw - 16px);bottom:10px;padding:8px;gap:8px;border-radius:22px}
  body.b2b-phase4b-safe .b2b-nav a{min-height:50px;padding:0 8px;font-size:12px}
  body.b2b-phase4b-safe .b2b-topbar{padding-bottom:10px}
}