/* Mısırlı B2B Portal — panel.css üstüne portal'a özel eklentiler. */

/* ---- Sepet rozeti (sidebar) ---- */
.b2b-cart-badge{
  margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:#fff;color:#000;font-size:11px;font-weight:800;display:inline-flex;
  align-items:center;justify-content:center;line-height:1
}

/* ---- Katalog ---- */
.b2b-filterbar{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}
.b2b-cat-wrap{max-height:calc(100vh - 280px);min-height:260px;overflow:auto}
.b2b-cat-wrap table thead th{position:sticky;top:0;background:#fff;box-shadow:inset 0 -1px 0 var(--mis-line);z-index:2}
.b2b-thumb{width:46px;height:46px;border-radius:8px;object-fit:cover;border:1px solid var(--mis-line);background:#fafafa;cursor:zoom-in}
.b2b-thumb-empty{width:46px;height:46px;border-radius:8px;border:1px dashed var(--mis-line);display:flex;align-items:center;justify-content:center;color:#bbb;font-size:18px}
.b2b-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.b2b-avail{font-weight:800;color:#1a7f43}
.b2b-qty{width:64px;padding:6px 8px;border:1px solid var(--mis-line);border-radius:8px;font-size:14px;text-align:center}
.b2b-add{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:8px;background:#000;color:#fff;font-weight:700;font-size:13px;cursor:pointer}
.b2b-add:hover{background:#222}
.b2b-add:disabled{background:#c9ccd1;cursor:not-allowed}

/* ---- Görsel lightbox ---- */
.b2b-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:9999}
.b2b-lightbox.on{display:flex}
.b2b-lightbox img{max-width:80vw;max-height:80vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);background:#fff}

/* ================= Portal giriş / landing ekranı ================= */
.b2b-home{min-height:100vh;display:flex;flex-direction:column;background:#080808;color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;position:relative;overflow:hidden}
.b2b-home::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 75%)}
.b2b-home-inner{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:64px 24px;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center}
.b2b-home .logo{display:flex;align-items:center;gap:14px;margin-bottom:30px}
.b2b-home .logo img{height:38px;width:auto;max-width:240px;object-fit:contain;filter:brightness(0) invert(1)}
.b2b-home .logo .tag{font-size:12px;letter-spacing:.28em;font-weight:700;padding:4px 11px;border:1px solid rgba(255,255,255,.35);border-radius:6px}
.b2b-home h1{font-size:46px;line-height:1.1;font-weight:800;margin:0 0 16px;max-width:14em}
.b2b-home .lead{color:#b7bbc1;font-size:16px;line-height:1.6;max-width:34em;margin:0 0 40px}
.b2b-home .lead strong{color:#fff}
.b2b-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:720px}
.b2b-choice{display:flex;flex-direction:column;gap:8px;padding:26px 24px;border-radius:16px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);text-decoration:none;color:#fff;transition:.18s}
.b2b-choice:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.4);transform:translateY(-2px)}
.b2b-choice .ic{width:48px;height:48px;border-radius:12px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:8px}
.b2b-choice .t{font-size:19px;font-weight:800}
.b2b-choice .d{font-size:13.5px;color:#9aa0a6;line-height:1.5}
.b2b-choice .go{margin-top:6px;font-size:13px;color:#cfd3d8;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.b2b-home-foot{position:relative;z-index:1;text-align:center;padding:22px;color:#52565b;font-size:12.5px}
.b2b-home-foot a{color:#7a7f86;text-decoration:none;font-weight:600}
.b2b-sec-link{margin-top:26px;font-size:13.5px;color:#9aa0a6}
.b2b-sec-link a{color:#fff;text-decoration:none;font-weight:700;border-bottom:1px solid rgba(255,255,255,.3)}

@media (max-width:780px){
  .b2b-home h1{font-size:32px}
  .b2b-choices{grid-template-columns:1fr}
  .b2b-home-inner{padding:44px 20px}
}

/* ---- Portal login: kind rozeti (login.css üstüne) ---- */
.b2b-login-tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:#1f58c4;font-weight:800;margin-bottom:10px}
.b2b-login-back{position:absolute;top:26px;left:30px;color:#9aa0a6;text-decoration:none;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;z-index:3}
.b2b-login-back:hover{color:#000}