:root{
  --b2b6c-line: rgba(72,220,255,.16);
  --b2b6c-line-strong: rgba(72,220,255,.28);
  --b2b6c-bg: rgba(7,16,28,.88);
  --b2b6c-bg-2: rgba(8,19,32,.96);
  --b2b6c-text: #ecfbff;
  --b2b6c-sub: #9ed8e8;
  --b2b6c-shadow: 0 24px 60px rgba(0,0,0,.28),0 0 0 1px rgba(57,216,255,.04);
}
body.b2b-phase6c-safe .b2b-phase6-pager,
body.b2b-phase6c-safe .b2b-phase6b-pager{display:none !important;}
body.b2b-phase6c-safe .b2b-phase6c-shop-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:22px;
  align-items:start;
}
body.b2b-phase6c-safe .b2b-phase6c-list-col{min-width:0;}
body.b2b-phase6c-safe .b2b-phase6c-cart-col{min-width:0;}
body.b2b-phase6c-safe .b2b-phase6c-cart-col .b2b-cart{
  position:sticky !important;
  top:118px !important;
  max-height:calc(100vh - 148px);
  overflow:auto;
}
body.b2b-phase6c-safe .b2b-phase6c-pager-host{margin-top:16px;}
body.b2b-phase6c-safe .b2b-phase6c-pager{
  display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap;
}
body.b2b-phase6c-safe .b2b-phase6c-pager button{
  appearance:none; border:1px solid var(--b2b6c-line); cursor:pointer;
  background:rgba(10,22,36,.78); color:var(--b2b6c-text);
  border-radius:14px; min-width:42px; height:42px; padding:0 12px; font-weight:800;
}
body.b2b-phase6c-safe .b2b-phase6c-pager button.is-on{
  color:#02111a; background:linear-gradient(135deg, rgba(53,220,255,.98), rgba(43,140,255,.98)); border-color:transparent;
}
body.b2b-phase6c-safe .b2b-phase6c-pager button[disabled]{opacity:.42; cursor:default;}
body.b2b-phase6c-safe .b2b-phase6c-pager__meta{width:100%; text-align:center; color:var(--b2b6c-sub); font-size:12px; font-weight:700;}

body.b2b-phase6c-safe .b2b-cart,
body.b2b-phase6c-safe .b2b-cart *{color:var(--b2b6c-text) !important;}
body.b2b-phase6c-safe .b2b-cart .b2b-cart__controls button,
body.b2b-phase6c-safe .b2b-cart button,
body.b2b-phase6c-safe .b2b-cart [role="button"]{
  pointer-events:auto !important; touch-action:manipulation; position:relative; z-index:3;
}
body.b2b-phase6c-safe .b2b-cart .b2b-cart__controls span,
body.b2b-phase6c-safe .b2b-cart .b2b-cart__price,
body.b2b-phase6c-safe .b2b-cart .b2b-cart__meta,
body.b2b-phase6c-safe .b2b-cart .b2b-cart__title,
body.b2b-phase6c-safe .b2b-cart .b2b-cart__summary,
body.b2b-phase6c-safe .b2b-cart .b2b-cart__total{color:var(--b2b6c-text) !important;}

/* mobile shop */
@media (max-width:860px){
  body.b2b-phase6c-safe.b2b-route-shop .b2b-main{padding-bottom:calc(98px + env(safe-area-inset-bottom)) !important;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-phase6c-shop-shell{display:block !important;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-topbar{display:grid !important; grid-template-columns:1fr !important; gap:12px; align-items:flex-start !important;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-topbar-right{width:100%; display:grid !important; grid-template-columns:1fr !important; gap:10px;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-lang,
  body.b2b-phase6c-safe.b2b-route-shop .b2b-tags{display:flex !important; flex-wrap:nowrap !important; gap:8px; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:2px; width:100%;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-lang::-webkit-scrollbar,
  body.b2b-phase6c-safe.b2b-route-shop .b2b-tags::-webkit-scrollbar{display:none}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-lang button,
  body.b2b-phase6c-safe.b2b-route-shop .b2b-logout,
  body.b2b-phase6c-safe.b2b-route-shop .b2b-tags > *{flex:0 0 auto; white-space:nowrap;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-logout{justify-self:flex-start;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-shop__top{display:grid !important; grid-template-columns:1fr !important; gap:12px;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-card.b2b-table{padding:14px 12px 12px !important;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-table__head{display:none !important;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-table__row{
    display:grid !important;
    grid-template-columns:88px minmax(0,1fr) auto;
    grid-template-areas:"thumb title status" "thumb price status";
    gap:10px 12px; align-items:center; padding:12px 10px;
    border-radius:20px; border:1px solid rgba(72,220,255,.08);
    background:linear-gradient(180deg, rgba(8,20,34,.66), rgba(6,15,26,.88)); box-shadow:0 12px 28px rgba(0,0,0,.18);
  }
  body.b2b-phase6c-safe.b2b-route-shop .b2b-table__row + .b2b-table__row{margin-top:10px;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-table__row > :nth-child(1){grid-area:thumb;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-table__row > :nth-child(2){grid-area:title; min-width:0;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-table__row > :nth-child(3){grid-area:price; color:#c8f7ff; font-weight:900; text-align:left !important;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-table__row > :nth-child(4){grid-area:status; justify-self:end;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-title__main{font-size:15px !important; line-height:1.42 !important; word-break:break-word;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-thumb{width:88px; height:88px; border-radius:20px; overflow:hidden;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-thumb img{width:100%; height:100%; object-fit:cover;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-status{min-width:76px; text-align:center;}

  body.b2b-phase6c-safe.b2b-route-shop .b2b-cart{
    position:fixed !important; left:12px !important; right:12px !important;
    bottom:calc(86px + env(safe-area-inset-bottom)) !important; z-index:9998 !important;
    max-height:min(62vh, 520px); overflow:auto; border-radius:24px !important;
    background:linear-gradient(180deg, rgba(6,15,26,.98), rgba(7,18,31,.98)) !important;
    border:1px solid var(--b2b6c-line) !important; box-shadow:0 28px 80px rgba(0,0,0,.42),0 0 0 1px rgba(57,216,255,.05) !important;
    transform:translateY(calc(100% + 26px)) !important; opacity:0; visibility:hidden; pointer-events:none;
    transition:transform .24s ease, opacity .22s ease, visibility .22s ease;
  }
  body.b2b-phase6c-safe.b2b-route-shop.b2b-phase6c-cart-open .b2b-cart{transform:translateY(0) !important; opacity:1; visibility:visible; pointer-events:auto;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-phase6c-cart-backdrop{position:fixed; inset:0; z-index:9997; background:rgba(1,5,12,.48); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease, visibility .2s ease;}
  body.b2b-phase6c-safe.b2b-route-shop.b2b-phase6c-cart-open .b2b-phase6c-cart-backdrop{opacity:1; visibility:visible; pointer-events:auto;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-phase6c-cart-fab{
    position:fixed; right:16px; bottom:calc(88px + env(safe-area-inset-bottom)); z-index:10000;
    width:58px; height:58px; border-radius:999px; border:1px solid rgba(72,220,255,.22);
    background:linear-gradient(135deg, rgba(53,220,255,.98), rgba(43,140,255,.98));
    box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 32px rgba(57,216,255,.18);
    color:#04111b; font-weight:900; display:flex; align-items:center; justify-content:center;
  }
  body.b2b-phase6c-safe.b2b-route-shop .b2b-phase6c-cart-fab svg{width:24px; height:24px;}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-phase6c-cart-count{position:absolute; top:-4px; right:-4px; min-width:22px; height:22px; padding:0 6px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:#fff; color:#031019; font-size:12px; font-weight:900; box-shadow:0 8px 20px rgba(0,0,0,.22);}
  body.b2b-phase6c-safe.b2b-route-shop .b2b-phase6c-pager{margin:14px 0 6px;}
}

/* orders mobile fallback */
@media (max-width:860px){
  body.b2b-phase6c-safe.b2b-route-orders .b2b-main,
  body.b2b-phase6c-safe.b2b-route-orders .b2b-page{display:block !important; visibility:visible !important; opacity:1 !important;}
  body.b2b-phase6c-safe.b2b-route-orders .b2b-phase6c-orders-empty{
    margin:18px 0; padding:18px 16px; border-radius:22px; background:linear-gradient(180deg, rgba(9,20,34,.82), rgba(7,16,27,.94));
    border:1px solid var(--b2b6c-line); box-shadow:var(--b2b6c-shadow); color:var(--b2b6c-text);
  }
  body.b2b-phase6c-safe.b2b-route-orders .b2b-phase6c-orders-empty__title{font-size:16px; font-weight:900; margin-bottom:10px;}
  body.b2b-phase6c-safe.b2b-route-orders .b2b-phase6c-orders-empty button{appearance:none; border:none; border-radius:14px; padding:11px 14px; background:linear-gradient(135deg, rgba(53,220,255,.96), rgba(45,142,255,.96)); color:#031119; font-weight:900;}
}