/* assets/css/b2b-light-premium.css — B2B Müşteri Portalı Light Premium */
:root {
  --b2b-green-dark: #064E3B;
  --b2b-green: #10B981;
  --b2b-purple: #7C3AED;
  --b2b-bg: #F8FAFC;
  --b2b-card: #FFFFFF;
  --b2b-text: #1E293B;
  --b2b-muted: #64748B;
  --b2b-border: #E2E8F0;
  --b2b-radius: 14px;
  --b2b-shadow: 0 4px 24px rgba(6, 78, 59, 0.08);
}
*, *::before, *::after { box-sizing: border-box; }
body.b2b-body { margin: 0; font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif; background: var(--b2b-bg); color: var(--b2b-text); line-height: 1.5; -webkit-font-smoothing: antialiased; }
a { color: var(--b2b-purple); text-decoration: none; }
a:hover { text-decoration: underline; }

.b2b-header { background: var(--b2b-card); border-bottom: 1px solid var(--b2b-border); position: sticky; top: 0; z-index: 100; box-shadow: 0 1px 0 rgba(0,0,0,.04); }
.b2b-header-inner { max-width: 1520px; margin: 0 auto; padding: 12px 20px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.b2b-logo img { max-height: 44px; }
.b2b-logo-text { font-weight: 800; color: var(--b2b-green-dark); font-size: 1.1rem; }
.b2b-search-wrap { flex: 1; min-width: 200px; position: relative; }
.b2b-search-wrap i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--b2b-muted); }
.b2b-search-wrap input { width: 100%; padding: 10px 14px 10px 40px; border: 1px solid var(--b2b-border); border-radius: 999px; background: var(--b2b-bg); font-size: 14px; }
.b2b-search-wrap input:focus { outline: none; border-color: var(--b2b-purple); box-shadow: 0 0 0 3px rgba(124,58,237,.12); }
.b2b-ara-dropdown { position: absolute; left: 0; right: 0; top: calc(100% + 6px); background: #fff; border: 1px solid var(--b2b-border); border-radius: var(--b2b-radius); box-shadow: var(--b2b-shadow); display: none; max-height: 360px; overflow: auto; z-index: 200; }
.b2b-ara-dropdown.open { display: block; }
.b2b-ara-item { display: flex; gap: 12px; padding: 10px 14px; border-bottom: 1px solid var(--b2b-border); color: inherit; text-decoration: none; }
.b2b-ara-item:hover { background: var(--b2b-bg); text-decoration: none; }
.b2b-ara-item img { width: 40px; height: 40px; object-fit: cover; border-radius: 8px; }
.b2b-ara-fiyat { display: block; margin-top: 4px; font-weight: 700; color: var(--b2b-green-dark); font-size: 13px; }
.b2b-header-right { display: flex; align-items: center; gap: 10px; }
.b2b-user-name { font-size: 13px; font-weight: 600; color: var(--b2b-text); }
.b2b-icon-btn { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; color: var(--b2b-text); background: var(--b2b-bg); position: relative; transition: transform .15s, box-shadow .15s, background .15s; }
.b2b-icon-btn:hover { text-decoration: none; transform: translateY(-1px); }
.b2b-icon-siparis { color: #2563EB; background: rgba(37,99,235,.1); }
.b2b-icon-siparis:hover { background: rgba(37,99,235,.18); box-shadow: 0 4px 12px rgba(37,99,235,.2); }
.b2b-icon-fatura { color: #7C3AED; background: rgba(124,58,237,.1); }
.b2b-icon-fatura:hover { background: rgba(124,58,237,.18); box-shadow: 0 4px 12px rgba(124,58,237,.2); }
.b2b-icon-profil { color: #D97706; background: rgba(217,119,6,.1); }
.b2b-icon-profil:hover { background: rgba(217,119,6,.18); box-shadow: 0 4px 12px rgba(217,119,6,.2); }
.b2b-icon-cart { color: #059669; background: rgba(5,150,105,.12); }
.b2b-icon-cart:hover { background: rgba(5,150,105,.2); box-shadow: 0 4px 12px rgba(5,150,105,.22); }
.b2b-icon-logout { color: #DC2626; background: rgba(220,38,38,.1); }
.b2b-icon-logout:hover { background: rgba(220,38,38,.18); box-shadow: 0 4px 12px rgba(220,38,38,.2); }
.b2b-cart-btn .b2b-badge { position: absolute; top: -4px; right: -4px; background: var(--b2b-purple); color: #fff; font-size: 10px; min-width: 18px; height: 18px; border-radius: 999px; display: flex; align-items: center; justify-content: center; }

.b2b-layout { max-width: 1520px; margin: 0 auto; padding: 20px; display: grid; grid-template-columns: minmax(320px, 380px) 1fr; gap: 28px; }
.b2b-layout-single { grid-template-columns: 1fr; max-width: 1100px; }
.b2b-sidebar { background: var(--b2b-card); border-radius: var(--b2b-radius); padding: 22px 16px; box-shadow: var(--b2b-shadow); height: fit-content; max-height: calc(100vh - 96px); overflow-x: hidden; overflow-y: auto; position: sticky; top: 80px; min-width: 0; scrollbar-width: thin; scrollbar-color: rgba(16,185,129,.35) transparent; }
.b2b-sidebar::-webkit-scrollbar { width: 6px; }
.b2b-sidebar::-webkit-scrollbar-thumb { background: rgba(16,185,129,.28); border-radius: 999px; }
.b2b-sidebar-section + .b2b-sidebar-section { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--b2b-border); }
.b2b-sidebar-title { font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: var(--b2b-muted); margin-bottom: 12px; }
.b2b-sidebar-section--kategori { padding-bottom: 4px; }
.b2b-sidebar-section--kategori .b2b-sidebar-title { font-size: 13px; font-weight: 800; letter-spacing: .08em; color: #0F172A; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid rgba(16,185,129,.15); }
.b2b-sidebar-section--kategori .b2b-sidebar-title i { color: var(--b2b-green-dark); margin-right: 6px; }
.b2b-sidebar-section--kategori .b2b-cat-nav-tree { gap: 10px; }
.b2b-cat-nav-tree .b2b-cat-all { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-weight: 700; font-size: 14px; padding: 10px 12px; border-radius: 10px; white-space: nowrap; }
.b2b-cat-nav-tree .b2b-cat-all i { color: var(--b2b-green-dark); font-size: 13px; flex-shrink: 0; }
.b2b-cat-tree { list-style: none; margin: 0; padding: 0; width: 100%; }
.b2b-cat-tree-sub { margin: 4px 0 4px 8px; padding: 4px 0 4px 10px; border-left: 2px solid rgba(16, 185, 129, 0.28); width: calc(100% - 4px); }
.b2b-cat-tree-item { margin: 3px 0; width: 100%; }
.b2b-cat-tree-row { display: flex; align-items: flex-start; gap: 2px; min-width: 0; width: 100%; }
.b2b-cat-tree-toggle,
.b2b-cat-tree-leaf { flex: 0 0 24px; width: 24px; min-height: 36px; display: inline-flex; align-items: flex-start; justify-content: center; border: none; background: transparent; color: #64748B; padding: 10px 0 0; cursor: pointer; }
.b2b-cat-tree-toggle i { font-size: 11px; transition: transform .15s ease; margin-top: 1px; }
.b2b-cat-tree-item.is-open > .b2b-cat-tree-row .b2b-cat-tree-toggle i { transform: rotate(90deg); }
.b2b-cat-tree-item:not(.is-open) > .b2b-cat-tree-sub { display: none; }
.b2b-cat-tree-item.is-open > .b2b-cat-tree-sub { display: block; }
.b2b-cat-tree-row .b2b-cat-link { flex: 1 1 auto; min-width: 0; width: 100%; padding: 8px 10px; border-radius: 10px; text-decoration: none; display: block; }
.b2b-cat-link-text { display: block; white-space: normal; overflow-wrap: anywhere; word-break: break-word; hyphens: auto; line-height: 1.45; letter-spacing: -.01em; }
.b2b-cat-tree-item.depth-0 > .b2b-cat-tree-row .b2b-cat-link { font-weight: 700; font-size: 14px; color: #0F172A; }
.b2b-cat-tree-item.depth-1 > .b2b-cat-tree-row .b2b-cat-link { font-size: 13px; font-weight: 600; color: #1e293b; }
.b2b-cat-tree-item.depth-2 > .b2b-cat-tree-row .b2b-cat-link { font-size: 12px; font-weight: 600; color: #334155; }
.b2b-cat-tree-item.is-path > .b2b-cat-tree-row .b2b-cat-link { color: #064E3B; }
.b2b-cat-tree-item.is-active > .b2b-cat-tree-row .b2b-cat-link,
.b2b-cat-tree-row .b2b-cat-link.active { background: linear-gradient(135deg, rgba(6,78,59,.11), rgba(16,185,129,.13)); color: #064E3B; font-weight: 700; box-shadow: inset 3px 0 0 var(--b2b-green); }
.b2b-cat-tree-row .b2b-cat-link:hover { background: rgba(16,185,129,.09); color: #064E3B; text-decoration: none; }
.b2b-sidebar-section--marka .b2b-cat-link { white-space: normal; overflow-wrap: anywhere; word-break: break-word; line-height: 1.4; }
.b2b-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 16px; }
.b2b-filter-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(16,185,129,.1); color: var(--b2b-green-dark); font-size: 13px; font-weight: 600; max-width: 100%; }
.b2b-filter-chip { overflow-wrap: anywhere; }
.b2b-filter-chip a { color: inherit; opacity: .7; font-size: 16px; line-height: 1; text-decoration: none; flex-shrink: 0; }
.b2b-filter-chip a:hover { opacity: 1; text-decoration: none; }
.b2b-filter-clear { font-size: 13px; color: var(--b2b-muted); }
.b2b-filter-clear:hover { color: var(--b2b-green-dark); text-decoration: none; }
.b2b-cat-nav { display: flex; flex-direction: column; gap: 4px; }
.b2b-cat-link { padding: 8px 12px; border-radius: 8px; color: var(--b2b-text); font-size: 14px; font-weight: 600; text-decoration: none; }
.b2b-cat-link:hover, .b2b-cat-link.active { background: rgba(16,185,129,.12); color: var(--b2b-green-dark); text-decoration: none; font-weight: 700; }
.b2b-sidebar-links { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--b2b-border); display: flex; flex-direction: column; gap: 8px; }
.b2b-sidebar-links a { color: var(--b2b-text); font-size: 14px; }
.b2b-btn-view-all { display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px; border-radius: 999px; font-size: 13px; font-weight: 700; color: #fff; text-decoration: none; background: linear-gradient(135deg, var(--b2b-purple) 0%, #8B5CF6 50%, var(--b2b-green) 100%); box-shadow: 0 4px 16px rgba(124,58,237,.28); transition: transform .15s, box-shadow .15s; }
.b2b-btn-view-all:hover { text-decoration: none; color: #fff; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(124,58,237,.35); }
.b2b-btn-view-all i { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: rgba(255,255,255,.22); font-size: 11px; transition: transform .15s; }
.b2b-btn-view-all:hover i { transform: translateX(2px); }
.b2b-btn-back { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; padding: 10px 18px; border-radius: 12px; font-size: 14px; font-weight: 600; color: var(--b2b-green-dark); text-decoration: none; background: linear-gradient(135deg, rgba(16,185,129,.12), rgba(124,58,237,.08)); border: 1px solid rgba(16,185,129,.25); box-shadow: 0 2px 12px rgba(6,78,59,.08); transition: transform .15s, box-shadow .15s, border-color .15s; }
.b2b-btn-back:hover { text-decoration: none; color: var(--b2b-green-dark); transform: translateX(-2px); border-color: rgba(124,58,237,.35); box-shadow: 0 6px 20px rgba(6,78,59,.12); }
.b2b-btn-back i { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; background: #fff; color: var(--b2b-purple); box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.b2b-hero-slider { position: relative; border-radius: 18px; overflow: hidden; margin-bottom: 24px; box-shadow: 0 12px 40px rgba(6,78,59,.14); border: 1px solid var(--b2b-border); background: #0f172a; }
.b2b-hero-slider-track { position: relative; width: 100%; aspect-ratio: 14 / 5; max-height: 480px; min-height: 220px; }
.b2b-hero-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility .45s; }
.b2b-hero-slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.b2b-hero-slide-link { display: block; width: 100%; height: 100%; position: relative; text-decoration: none; }
.b2b-hero-slide-link img { width: 100%; height: 100%; object-fit: cover; display: block; }
.b2b-hero-slide-caption { position: absolute; left: 20px; bottom: 20px; padding: 8px 16px; border-radius: 999px; background: rgba(15,23,42,.72); color: #fff; font-size: 14px; font-weight: 600; backdrop-filter: blur(6px); }
.b2b-hero-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; width: 40px; height: 40px; border: none; border-radius: 999px; background: rgba(255,255,255,.9); color: var(--b2b-green-dark); cursor: pointer; box-shadow: 0 4px 16px rgba(0,0,0,.15); transition: background .15s, transform .15s; }
.b2b-hero-nav:hover { background: #fff; transform: translateY(-50%) scale(1.05); }
.b2b-hero-prev { left: 14px; }
.b2b-hero-next { right: 14px; }
.b2b-hero-dots { position: absolute; left: 0; right: 0; bottom: 12px; z-index: 3; display: flex; justify-content: center; gap: 8px; }
.b2b-hero-dot { width: 10px; height: 10px; border-radius: 999px; border: none; padding: 0; background: rgba(255,255,255,.45); cursor: pointer; transition: width .2s, background .2s; }
.b2b-hero-dot.is-active { width: 28px; background: #fff; }

/* SweetAlert2 B2B */
.b2b-swal-popup { border-radius: 18px !important; padding: 1.5rem !important; }
.b2b-swal-title { color: var(--b2b-green-dark) !important; font-weight: 800 !important; }
.b2b-swal-actions { gap: 10px !important; }
.b2b-swal-btn-cart, .b2b-swal-btn-continue, .b2b-swal-btn-ok {
    display: inline-flex !important; align-items: center !important; gap: 8px !important;
    border-radius: 12px !important; font-weight: 700 !important; padding: 10px 18px !important;
    cursor: pointer !important;
}
.b2b-swal-popup .swal2-actions button { cursor: pointer !important; }
.b2b-swal-btn-cart { background: linear-gradient(135deg, var(--b2b-green-dark), var(--b2b-green)) !important; color: #fff !important; }
.b2b-swal-btn-continue { background: #fff !important; color: var(--b2b-text) !important; border: 1px solid var(--b2b-border) !important; }
.b2b-swal-btn-ok { background: linear-gradient(135deg, var(--b2b-purple), #8B5CF6) !important; color: #fff !important; }

/* Sipariş detay premium */
.b2b-order-detail-hero {
    background: linear-gradient(135deg, rgba(6,78,59,.95) 0%, rgba(13,148,136,.92) 55%, rgba(124,58,237,.88) 100%);
    border-radius: 20px; padding: 28px 30px; color: #fff; margin-bottom: 22px;
    box-shadow: 0 16px 48px rgba(6,78,59,.22); position: relative; overflow: hidden;
}
.b2b-order-detail-hero::after {
    content: ''; position: absolute; right: -40px; top: -40px; width: 180px; height: 180px;
    border-radius: 999px; background: rgba(255,255,255,.08);
}
.b2b-order-detail-hero-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; position: relative; z-index: 1; }
.b2b-order-detail-no { font-size: 1.5rem; font-weight: 800; margin: 0 0 6px; letter-spacing: .02em; }
.b2b-order-detail-meta { font-size: 13px; opacity: .88; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.b2b-order-detail-total { font-size: 1.75rem; font-weight: 800; text-align: right; }
.b2b-order-detail-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; position: relative; z-index: 1; }
.b2b-order-detail-badge {
    display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px;
    background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.22); font-size: 12px; font-weight: 600;
}
.b2b-order-detail-grid { display: grid; grid-template-columns: 1fr 320px; gap: 20px; align-items: start; }
.b2b-order-lines-card { background: var(--b2b-card); border: 1px solid var(--b2b-border); border-radius: 18px; box-shadow: var(--b2b-shadow); overflow: hidden; }
.b2b-order-lines-head { padding: 16px 20px; border-bottom: 1px solid var(--b2b-border); font-weight: 700; color: var(--b2b-green-dark); display: flex; align-items: center; gap: 8px; }
.b2b-order-line { display: grid; grid-template-columns: 1fr auto auto; gap: 12px 20px; padding: 16px 20px; border-bottom: 1px dashed var(--b2b-border); align-items: center; }
.b2b-order-line:last-child { border-bottom: none; }
.b2b-order-line-name { font-weight: 600; color: var(--b2b-text); }
.b2b-order-line-code { display: block; font-size: 12px; color: var(--b2b-muted); margin-top: 2px; }
.b2b-order-line-qty { font-size: 13px; color: var(--b2b-muted); white-space: nowrap; }
.b2b-order-line-price { text-align: right; font-weight: 700; color: var(--b2b-green-dark); white-space: nowrap; }
.b2b-order-summary-card { background: var(--b2b-card); border: 1px solid var(--b2b-border); border-radius: 18px; padding: 20px; box-shadow: var(--b2b-shadow); position: sticky; top: 130px; }
.b2b-order-summary-card h3 { margin: 0 0 14px; font-size: 1rem; color: var(--b2b-green-dark); }
.b2b-order-summary-row { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; font-size: 14px; border-bottom: 1px dashed var(--b2b-border); }
.b2b-order-summary-row:last-child { border-bottom: none; }
.b2b-order-summary-row.total { font-size: 1.15rem; font-weight: 800; color: var(--b2b-green-dark); padding-top: 12px; margin-top: 4px; border-top: 2px solid var(--b2b-border); }
.b2b-order-detail-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; }

/* Ödeme sonuç — sipariş özeti */
.b2b-odeme-basarili-wrap {
    display: flex;
    justify-content: center;
    margin: 0 0 24px;
    padding: 0 4px;
}
.b2b-odeme-basarili-card {
    width: 100%;
    max-width: 520px;
    text-align: center;
    padding: 28px 26px 24px;
    border-radius: 20px;
    background: linear-gradient(155deg, #ecfdf5 0%, #d1fae5 42%, #bbf7d0 100%);
    border: 1px solid rgba(16, 185, 129, 0.32);
    box-shadow: 0 14px 44px rgba(6, 78, 59, 0.14);
}
.b2b-odeme-basarili-card--fail {
    background: linear-gradient(155deg, #fff1f2 0%, #ffe4e6 45%, #fecdd3 100%);
    border-color: rgba(239, 68, 68, 0.28);
    box-shadow: 0 14px 44px rgba(185, 28, 28, 0.1);
}
.b2b-odeme-basarili-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
}
.b2b-odeme-basarili-logo img {
    max-height: 52px;
    max-width: 200px;
    width: auto;
    object-fit: contain;
}
.b2b-odeme-basarili-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 14px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    color: #fff;
    background: linear-gradient(135deg, #059669, #10b981);
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.35);
}
.b2b-odeme-basarili-icon--fail {
    background: linear-gradient(135deg, #dc2626, #ef4444);
    box-shadow: 0 8px 24px rgba(239, 68, 68, 0.28);
}
.b2b-odeme-basarili-baslik {
    margin: 0 0 6px;
    font-size: 1.35rem;
    font-weight: 800;
    color: #065f46;
    letter-spacing: -0.01em;
}
.b2b-odeme-basarili-card--fail .b2b-odeme-basarili-baslik { color: #991b1b; }
.b2b-odeme-basarili-metin {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #047857;
}
.b2b-odeme-basarili-card--fail .b2b-odeme-basarili-metin { color: #b91c1c; }
.b2b-odeme-basarili-alt {
    margin: 12px 0 0;
    font-size: 13px;
    color: #0f766e;
    opacity: 0.92;
}
.b2b-odeme-basarili-alt strong { color: #064e3b; font-weight: 700; }

.b2b-main { min-width: 0; }
.b2b-page-head { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 12px; }
.b2b-page-head-left { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.b2b-page-head h2 { margin: 0; font-size: 1.35rem; color: var(--b2b-green-dark); }
.b2b-sort-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.b2b-sort-label { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--b2b-muted); margin-right: 2px; }
.b2b-sort-btn { display: inline-flex; align-items: center; gap: 7px; padding: 7px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; border: 1px solid var(--b2b-border); background: #fff; color: var(--b2b-text); text-decoration: none; box-shadow: 0 1px 2px rgba(15,23,42,.04); transition: border-color .15s, color .15s, box-shadow .15s, transform .15s; }
.b2b-sort-btn i { font-size: 12px; opacity: .85; }
.b2b-sort-btn:hover { text-decoration: none; border-color: rgba(16,185,129,.45); color: var(--b2b-green-dark); box-shadow: 0 4px 14px rgba(16,185,129,.12); transform: translateY(-1px); }
.b2b-sort-btn.active { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--b2b-green) 0%, #059669 100%); box-shadow: 0 4px 16px rgba(16,185,129,.28); }
.b2b-sort-btn.active:hover { color: #fff; border-color: transparent; }
.b2b-muted { color: var(--b2b-muted); font-size: 14px; }
.b2b-link { font-weight: 600; font-size: 14px; }

.b2b-product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.b2b-product-card { background: var(--b2b-card); border-radius: var(--b2b-radius); overflow: hidden; box-shadow: var(--b2b-shadow); border: 1px solid var(--b2b-border); display: flex; flex-direction: column; transition: transform .15s, box-shadow .15s; }
.b2b-product-card:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(6,78,59,.12); }
.b2b-product-img { position: relative; aspect-ratio: 1; background: var(--b2b-bg); display: block; overflow: hidden; }
.b2b-product-img img { width: 100%; height: 100%; object-fit: cover; }
.b2b-product-code-float {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: calc(100% - 20px);
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .03em;
    color: #fff;
    background: rgba(15, 23, 42, .72);
    backdrop-filter: blur(6px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.b2b-product-ph { display: flex; align-items: center; justify-content: center; height: 100%; color: #CBD5E1; font-size: 2rem; }
.b2b-product-ph.lg { min-height: 280px; }
.b2b-product-body { padding: 14px 14px 16px; flex: 1; display: flex; flex-direction: column; gap: 8px; }
.b2b-product-topline { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 22px; }
.b2b-product-cat { font-size: 11px; text-transform: uppercase; color: var(--b2b-muted); letter-spacing: .03em; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.b2b-product-code {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    max-width: 52%;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: #4338CA;
    background: linear-gradient(135deg, rgba(99,102,241,.12), rgba(124,58,237,.08));
    border: 1px solid rgba(99,102,241,.22);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.b2b-product-code i { font-size: 9px; opacity: .75; }
.b2b-product-body h3 { margin: 0; font-size: 15px; line-height: 1.35; }
.b2b-product-body h3 a { color: inherit; text-decoration: none; }
.b2b-product-meta { display: flex; flex-wrap: wrap; gap: 8px; font-size: 12px; color: var(--b2b-muted); }
.b2b-stok.in { color: var(--b2b-green); font-weight: 600; }
.b2b-stok.out { color: #EF4444; font-weight: 600; }
.b2b-product-price-block {
    margin-top: 2px;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid rgba(226,232,240,.95);
    background: linear-gradient(180deg, rgba(248,250,252,.95), #fff);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.b2b-product-price-hero { margin-bottom: 8px; }
.b2b-product-price-label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--b2b-muted);
    margin-bottom: 2px;
}
.b2b-product-price-main { font-size: 1.2rem; font-weight: 800; color: var(--b2b-green-dark); line-height: 1.15; font-variant-numeric: tabular-nums; }
.b2b-product-price-kdv-badge {
    display: inline-block;
    margin-top: 4px;
    font-size: 10px;
    font-weight: 700;
    color: var(--b2b-purple);
    background: rgba(124,58,237,.08);
    padding: 3px 8px;
    border-radius: 999px;
}
.b2b-product-price { font-size: 1.15rem; font-weight: 800; color: var(--b2b-green-dark); }
.b2b-product-actions { display: flex; gap: 8px; align-items: center; margin-top: auto; flex-wrap: wrap; }
.b2b-product-actions.vertical { flex-direction: column; align-items: stretch; }
.b2b-qty-ctrl { display: inline-flex; align-items: center; border: 1px solid var(--b2b-border); border-radius: 8px; overflow: hidden; }
.b2b-qty-ctrl button { border: none; background: var(--b2b-bg); width: 32px; height: 32px; cursor: pointer; font-size: 16px; }
.b2b-qty-input { width: 48px; border: none; text-align: center; font-size: 14px; padding: 4px; }

.b2b-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 18px; border: none; border-radius: 10px; font-weight: 600; font-size: 14px; cursor: pointer; transition: opacity .15s; }
.b2b-btn:hover { opacity: .92; }
.b2b-btn-primary { background: linear-gradient(135deg, var(--b2b-green-dark), var(--b2b-green)); color: #fff; }
.b2b-btn-accent { background: linear-gradient(135deg, var(--b2b-purple), #A78BFA); color: #fff; }
.b2b-btn-block { width: 100%; }
.b2b-btn-sm { padding: 6px 12px; font-size: 12px; }
.b2b-btn-icon { background: transparent; border: none; color: #EF4444; cursor: pointer; padding: 6px; }

.b2b-login-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; background: linear-gradient(135deg, #064E3B 0%, #7C3AED 100%); }
.b2b-login-card { background: #fff; border-radius: 20px; padding: 36px; width: 100%; max-width: 420px; box-shadow: 0 24px 64px rgba(0,0,0,.2); }
.b2b-login-brand { text-align: center; margin-bottom: 24px; }
.b2b-login-brand i { font-size: 2.5rem; color: var(--b2b-green); }
.b2b-login-brand h1 { margin: 8px 0 4px; font-size: 1.4rem; color: var(--b2b-green-dark); }
.b2b-login-form label { display: block; font-size: 13px; font-weight: 600; margin: 12px 0 6px; }
.b2b-login-form input { width: 100%; padding: 11px 14px; border: 1px solid var(--b2b-border); border-radius: 10px; font-size: 14px; }
.b2b-login-form button { margin-top: 20px; }

.b2b-alert { padding: 12px 16px; border-radius: 10px; margin-bottom: 16px; font-size: 14px; }
.b2b-alert-danger { background: #FEE2E2; color: #991B1B; }
.b2b-alert-success { background: #D1FAE5; color: #065F46; }
.b2b-alert-warn { background: #FEF3C7; color: #92400E; }
.b2b-empty { text-align: center; padding: 48px 20px; color: var(--b2b-muted); }
.b2b-empty i { font-size: 3rem; margin-bottom: 12px; opacity: .5; }

.b2b-table-wrap, .b2b-cart-table-wrap { overflow-x: auto; background: var(--b2b-card); border-radius: var(--b2b-radius); box-shadow: var(--b2b-shadow); }
.b2b-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.b2b-table th, .b2b-table td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--b2b-border); }
.b2b-table th { background: var(--b2b-bg); font-size: 12px; text-transform: uppercase; color: var(--b2b-muted); }
.b2b-input, .b2b-input-sm { width: 100%; padding: 10px 12px; border: 1px solid var(--b2b-border); border-radius: 8px; font-size: 14px; }
.b2b-input-sm { width: 80px; padding: 6px 8px; }
.b2b-form-group { margin-bottom: 14px; }
.b2b-form-group label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.b2b-cart-summary { max-width: 360px; margin-left: auto; margin-top: 20px; background: var(--b2b-card); padding: 20px; border-radius: var(--b2b-radius); box-shadow: var(--b2b-shadow); }
.b2b-summary-row { display: flex; justify-content: space-between; padding: 8px 0; font-size: 14px; }
.b2b-summary-row.total { font-size: 1.1rem; font-weight: 800; border-top: 2px solid var(--b2b-border); margin-top: 8px; padding-top: 12px; color: var(--b2b-green-dark); }
.b2b-checkout-box { margin-top: 24px; background: var(--b2b-card); padding: 24px; border-radius: var(--b2b-radius); box-shadow: var(--b2b-shadow); }
.b2b-sepet-checkout { margin-top: 20px; }
.b2b-sepet-odeme-ust {
    background: var(--b2b-card);
    padding: 16px 20px;
    border-radius: var(--b2b-radius);
    box-shadow: var(--b2b-shadow);
    margin-bottom: 16px;
}
.b2b-sepet-grid {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(300px, 1.1fr);
    gap: 20px;
    align-items: start;
}
@media (max-width: 991px) {
    .b2b-sepet-grid { grid-template-columns: 1fr; }
}
.b2b-sepet-sol,
.b2b-sepet-sag {
    background: var(--b2b-card);
    padding: 22px;
    border-radius: var(--b2b-radius);
    box-shadow: var(--b2b-shadow);
}
.b2b-sepet-bolum-baslik {
    margin: 0 0 16px;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--b2b-text, #0f172a);
}
.b2b-sepet-sol .b2b-cart-summary.b2b-sepet-ozet {
    max-width: none;
    margin-left: 0;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 16px;
    background: var(--b2b-bg, #f8fafc);
    box-shadow: none;
    border: 1px solid var(--b2b-border);
}
.b2b-sepet-kk-yonlendirme {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    margin-bottom: 16px;
    border-radius: 12px;
    background: rgba(124, 58, 237, 0.06);
    border: 1px solid rgba(124, 58, 237, 0.15);
    font-size: 14px;
    color: var(--b2b-muted);
}
.b2b-sepet-kk-yonlendirme i {
    color: var(--b2b-purple, #7c3aed);
    margin-top: 2px;
}
.b2b-sepet-kk-yonlendirme p { margin: 0; }
.b2b-sepet-kk-btn { margin-top: 16px; padding: 14px 18px; font-size: 1rem; }
.b2b-sepet-page .b2b-qnb-kart-wrap { margin-top: 0; }
.b2b-sepet-page .b2b-qnb-kart-wrap .sok-icerik > [class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
}
.b2b-sepet-page .sok-onizleme-wrap { margin-top: 12px; }
.b2b-sepet-page .sok-kart-onizleme {
    max-width: 280px;
    aspect-ratio: 1.72;
    padding: 1rem 1.1rem;
    border-radius: 14px;
}
.b2b-sepet-page .sok-kart-chip {
    width: 34px;
    height: 24px;
    margin-bottom: 0.75rem;
}
.b2b-sepet-page .sok-kart-banka {
    top: 0.9rem;
    right: 0.9rem;
}
.b2b-sepet-page .sok-kart-banka img { max-height: 24px; }
.b2b-sepet-page .sok-kart-numara {
    font-size: 0.95rem;
    margin: 0.25rem 0 0.75rem;
    letter-spacing: 0.08em;
}
.b2b-sepet-page .sok-kart-alt {
    font-size: 0.72rem;
}
.b2b-sepet-page .sok-kart-markalar {
    bottom: 0.85rem;
    right: 0.9rem;
}
.b2b-sepet-page .sok-kart-markalar img { max-height: 22px; }
.d-none { display: none !important; }
.b2b-back { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 16px; font-size: 14px; color: var(--b2b-muted); }
.b2b-pd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.b2b-pd-gallery img { width: 100%; border-radius: var(--b2b-radius); margin-bottom: 8px; }
.b2b-pd-price-block { margin: 20px 0 24px; }
.b2b-pd-price-hero {
    padding: 18px 20px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(16,185,129,.1) 0%, rgba(124,58,237,.06) 100%);
    border: 1px solid rgba(16,185,129,.18);
    box-shadow: 0 8px 24px rgba(6,78,59,.06);
}
.b2b-pd-price-label { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--b2b-muted); margin-bottom: 4px; }
.b2b-pd-price { font-size: 2rem; font-weight: 800; color: var(--b2b-green-dark); margin: 0; line-height: 1.15; }
.b2b-pd-price-note { display: inline-block; margin-top: 8px; font-size: 12px; font-weight: 600; color: var(--b2b-purple); background: rgba(124,58,237,.08); padding: 4px 10px; border-radius: 999px; }
.b2b-pd-price-table-wrap {
    margin-top: 14px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--b2b-border);
    background: #fff;
    box-shadow: 0 6px 20px rgba(15,23,42,.05);
}
.b2b-pd-price-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 16px;
    background: linear-gradient(180deg, rgba(99,102,241,.06), rgba(255,255,255,0));
    border-bottom: 1px solid var(--b2b-border);
}
.b2b-pd-price-table-title { font-size: 13px; font-weight: 700; color: var(--b2b-green-dark); }
.b2b-pd-price-table-title i { color: var(--b2b-purple); margin-right: 6px; }
.b2b-pd-price-table-badge { font-size: 11px; font-weight: 700; color: #047857; background: rgba(16,185,129,.12); padding: 4px 10px; border-radius: 999px; }
.b2b-pd-price-table-scroll { overflow-x: auto; }
.b2b-pd-price-table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 0; }
.b2b-pd-price-table thead th {
    padding: 10px 14px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--b2b-muted);
    background: rgba(248,250,252,.9);
    border-bottom: 1px solid var(--b2b-border);
    white-space: nowrap;
}
.b2b-pd-price-table tbody td { padding: 12px 14px; border-bottom: 1px solid rgba(226,232,240,.7); vertical-align: middle; }
.b2b-pd-price-table tbody tr:last-child td { border-bottom: none; }
.b2b-pd-price-table tbody tr:nth-child(even) { background: rgba(248,250,252,.55); }
.b2b-pd-price-haric { font-weight: 600; color: var(--b2b-text); font-variant-numeric: tabular-nums; }
.b2b-pd-price-total { font-weight: 800; color: var(--b2b-green-dark); font-variant-numeric: tabular-nums; }
.b2b-pd-price-table-wrap--kart {
    margin-top: 0;
    border-radius: 10px;
    box-shadow: none;
    border-color: rgba(226,232,240,.85);
}
.b2b-pd-price-table-wrap--kart .b2b-pd-price-table-head {
    padding: 8px 10px;
}
.b2b-pd-price-table-wrap--kart .b2b-pd-price-table-title {
    font-size: 11px;
}
.b2b-pd-price-table-wrap--kart .b2b-pd-price-table-badge {
    font-size: 10px;
    padding: 3px 8px;
}
.b2b-pd-price-table-wrap--kart .b2b-pd-price-table {
    font-size: 11px;
}
.b2b-pd-price-table-wrap--kart .b2b-pd-price-table thead th {
    padding: 6px 8px;
    font-size: 9px;
}
.b2b-pd-price-table-wrap--kart .b2b-pd-price-table tbody td {
    padding: 7px 8px;
}
.b2b-pd-price-pb-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    padding: 2px 6px;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .04em;
    color: #1E40AF;
    background: rgba(59,130,246,.1);
    border: 1px solid rgba(59,130,246,.18);
}
.b2b-pd-price-table-wrap--kart .b2b-pd-price-haric { font-size: 11px; }
.b2b-pd-price-table-wrap--kart .b2b-pd-price-total { font-size: 11px; }
.b2b-product-price { display: flex; flex-direction: column; gap: 2px; line-height: 1.2; }
.b2b-product-price-kdv { font-size: 11px; font-weight: 600; color: var(--b2b-muted); }
.b2b-search-row-price small { display: block; font-size: 11px; color: var(--b2b-muted); font-weight: 600; margin-top: 2px; }
.b2b-pd-desc { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--b2b-border); }
.b2b-info-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 20px; }
.b2b-info-card { background: var(--b2b-card); padding: 16px; border-radius: 12px; border: 1px solid var(--b2b-border); }
.b2b-info-card label { font-size: 11px; text-transform: uppercase; color: var(--b2b-muted); display: block; }
.b2b-badge-soft { background: var(--b2b-bg); padding: 4px 10px; border-radius: 999px; font-size: 12px; }
.b2b-profile-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.b2b-card { background: var(--b2b-card); padding: 20px; border-radius: var(--b2b-radius); box-shadow: var(--b2b-shadow); }
.b2b-card h3 { margin: 0 0 16px; font-size: 1rem; color: var(--b2b-green-dark); }
.b2b-card-highlight { border: 2px solid #7C3AED; box-shadow: 0 8px 32px rgba(124,58,237,.12); }
.b2b-mt-3 { margin-top: 20px; }
.b2b-footer { margin-top: 40px; padding: 24px 20px; background: var(--b2b-card); border-top: 1px solid var(--b2b-border); }
.b2b-footer-inner { max-width: 1400px; margin: 0 auto; text-align: center; font-size: 13px; color: var(--b2b-muted); }
.b2b-footer-firma { margin-bottom: 8px; color: var(--b2b-text); }

.b2b-search-hero { background: linear-gradient(135deg, rgba(6,78,59,.06), rgba(124,58,237,.08)); border-radius: var(--b2b-radius); padding: 28px 24px; margin-bottom: 24px; border: 1px solid var(--b2b-border); }
.b2b-search-hero h2 { margin: 0 0 16px; font-size: 1.25rem; color: var(--b2b-green-dark); }
.b2b-search-hero-form { display: flex; gap: 10px; flex-wrap: wrap; }
.b2b-search-hero-form input { flex: 1; min-width: 220px; padding: 12px 16px; border: 1px solid var(--b2b-border); border-radius: 12px; font-size: 15px; background: #fff; }
.b2b-search-hero-form input:focus { outline: none; border-color: var(--b2b-purple); box-shadow: 0 0 0 3px rgba(124,58,237,.12); }

.b2b-search-results { display: flex; flex-direction: column; gap: 12px; }
.b2b-search-row { display: grid; grid-template-columns: 72px 1fr auto auto; gap: 16px; align-items: center; background: var(--b2b-card); border: 1px solid var(--b2b-border); border-radius: var(--b2b-radius); padding: 14px 16px; box-shadow: var(--b2b-shadow); transition: box-shadow .15s, border-color .15s; }
.b2b-search-row:hover { border-color: rgba(124,58,237,.25); box-shadow: 0 8px 28px rgba(6,78,59,.1); }
.b2b-search-row-img { width: 72px; height: 72px; border-radius: 10px; overflow: hidden; background: var(--b2b-bg); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.b2b-search-row-img img { width: 100%; height: 100%; object-fit: cover; }
.b2b-search-row-info { min-width: 0; }
.b2b-search-row-info h3 { margin: 4px 0; font-size: 15px; line-height: 1.35; }
.b2b-search-row-info h3 a { color: inherit; text-decoration: none; }
.b2b-search-row-meta { display: flex; flex-wrap: wrap; gap: 10px; font-size: 12px; color: var(--b2b-muted); }
.b2b-search-row-price { font-size: 1.1rem; font-weight: 800; color: var(--b2b-green-dark); white-space: nowrap; padding: 0 8px; }
.b2b-search-row-actions { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; min-width: 140px; }

.b2b-order-list { display: flex; flex-direction: column; gap: 14px; }
.b2b-order-card { background: var(--b2b-card); border: 1px solid var(--b2b-border); border-radius: var(--b2b-radius); box-shadow: var(--b2b-shadow); overflow: hidden; border-left: 4px solid var(--b2b-border); }
.b2b-order-card.b2b-order-pending { border-left-color: #F59E0B; }
.b2b-order-card.b2b-order-ok { border-left-color: var(--b2b-green); }
.b2b-order-card.b2b-order-cancel { border-left-color: #EF4444; opacity: .85; }
.b2b-order-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 16px 18px 10px; flex-wrap: wrap; }
.b2b-order-no { display: block; font-size: 1rem; color: var(--b2b-green-dark); margin-bottom: 4px; }
.b2b-order-total { font-size: 1.15rem; font-weight: 800; color: var(--b2b-green-dark); }
.b2b-order-card-body { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 18px 12px; align-items: center; }
.b2b-order-card-foot { display: flex; gap: 8px; padding: 12px 18px; background: var(--b2b-bg); border-top: 1px solid var(--b2b-border); flex-wrap: wrap; }
.b2b-badge-pending { background: #FEF3C7; color: #92400E; }
.b2b-badge-ok { background: #D1FAE5; color: #065F46; }
.b2b-badge-cancel { background: #FEE2E2; color: #991B1B; }

.b2b-badge-cancel { background: #FEE2E2; color: #991B1B; }

/* Alt navigasyon */
.b2b-subnav { background: linear-gradient(90deg, var(--b2b-green-dark) 0%, #0F766E 50%, var(--b2b-purple) 100%); position: sticky; top: 69px; z-index: 99; box-shadow: 0 4px 20px rgba(6,78,59,.18); }
.b2b-subnav-inner { max-width: 1400px; margin: 0 auto; padding: 0 12px; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.b2b-subnav-inner::-webkit-scrollbar { display: none; }
.b2b-subnav-link { display: inline-flex; align-items: center; gap: 8px; padding: 14px 18px; color: rgba(255,255,255,.82); font-size: 13px; font-weight: 600; white-space: nowrap; border-bottom: 3px solid transparent; transition: color .15s, background .15s, border-color .15s; text-decoration: none; }
.b2b-subnav-link i { font-size: 14px; opacity: .9; }
.b2b-subnav-link:hover { color: #fff; background: rgba(255,255,255,.08); text-decoration: none; }
.b2b-subnav-link.active { color: #fff; border-bottom-color: #FDE68A; background: rgba(255,255,255,.12); }
.b2b-subnav-kurlar { display: flex; align-items: center; gap: 8px; margin-left: auto; padding: 8px 6px 8px 12px; flex-shrink: 0; }
.b2b-kur-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(6px); box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.b2b-kur-chip > i { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 999px; font-size: 12px; flex-shrink: 0; }
.b2b-kur-usd > i { background: rgba(34,197,94,.25); color: #BBF7D0; }
.b2b-kur-eur > i { background: rgba(59,130,246,.28); color: #BFDBFE; }
.b2b-kur-chip-text { display: flex; flex-direction: column; line-height: 1.15; }
.b2b-kur-chip-label { font-size: 9px; text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.72); font-weight: 600; }
.b2b-kur-chip strong { font-size: 13px; color: #fff; font-weight: 800; letter-spacing: .02em; }

/* Ürün detay meta chip'leri */
.b2b-pd-meta-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin: 18px 0 8px; }
.b2b-pd-chip { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; background: linear-gradient(135deg, #fff 0%, #F8FAFC 100%); border: 1px solid var(--b2b-border); border-radius: 14px; box-shadow: 0 2px 12px rgba(15,23,42,.04); transition: transform .15s, box-shadow .15s; }
.b2b-pd-chip:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(6,78,59,.1); }
.b2b-pd-chip > i { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: rgba(16,185,129,.12); color: var(--b2b-green-dark); font-size: 15px; flex-shrink: 0; }
.b2b-pd-chip-label { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; color: var(--b2b-muted); margin-bottom: 2px; font-weight: 600; }
.b2b-pd-chip strong { font-size: 14px; color: var(--b2b-text); line-height: 1.3; }
.b2b-pd-chip-stok.in > i { background: rgba(16,185,129,.15); color: #059669; }
.b2b-pd-chip-stok.out > i { background: rgba(239,68,68,.12); color: #DC2626; }
.b2b-pd-chip-stok.in strong { color: #059669; }
.b2b-pd-chip-stok.out strong { color: #DC2626; }

/* Filtre bar */
.b2b-filter-bar { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; margin-bottom: 20px; padding: 16px 18px; background: var(--b2b-card); border-radius: var(--b2b-radius); border: 1px solid var(--b2b-border); box-shadow: var(--b2b-shadow); }
.b2b-filter-group label { display: block; font-size: 11px; text-transform: uppercase; color: var(--b2b-muted); margin-bottom: 4px; font-weight: 600; }
.b2b-filter-group .b2b-input { width: auto; min-width: 160px; }
.b2b-filter-actions { display: flex; align-items: flex-end; gap: 8px; flex-wrap: wrap; }
.b2b-list-meta { font-size: 13px; color: var(--b2b-muted); margin: -8px 0 16px; }
.b2b-list-meta strong { color: var(--b2b-green-dark); }
.b2b-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 24px; padding: 16px; background: var(--b2b-card); border: 1px solid var(--b2b-border); border-radius: 14px; }
.b2b-page-link { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 10px; font-size: 13px; font-weight: 600; color: var(--b2b-green-dark); background: var(--b2b-bg); border: 1px solid var(--b2b-border); text-decoration: none; cursor: pointer; }
.b2b-page-link:hover:not(.disabled) { background: rgba(16,185,129,.1); border-color: rgba(16,185,129,.35); text-decoration: none; color: var(--b2b-green-dark); }
.b2b-page-link.disabled { opacity: .45; cursor: default; }
.b2b-page-nums { display: flex; align-items: center; gap: 6px; }
.b2b-page-num { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border-radius: 10px; font-size: 13px; font-weight: 700; color: var(--b2b-text); background: var(--b2b-bg); border: 1px solid var(--b2b-border); text-decoration: none; cursor: pointer; }
.b2b-page-num:hover:not(.active) { background: rgba(124,58,237,.08); border-color: rgba(124,58,237,.25); text-decoration: none; color: var(--b2b-purple); }
.b2b-page-num.active { background: linear-gradient(135deg, var(--b2b-green-dark), var(--b2b-green)); color: #fff; border-color: transparent; cursor: default; }

/* Ürün listesi araç çubuğu — görünüm + sayfa başı */
.b2b-liste-araclar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 16px;
    padding: 12px 14px;
    background: var(--b2b-card);
    border: 1px solid var(--b2b-border);
    border-radius: 14px;
    box-shadow: var(--b2b-shadow);
}
.b2b-liste-arac-sol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}
.b2b-liste-arac-sag { font-size: 13px; }
.b2b-gorunum-toggle,
.b2b-adet-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}
.b2b-adet-label {
    font-size: 12px;
    font-weight: 700;
    color: var(--b2b-muted);
    margin-right: 4px;
}
.b2b-gorunum-btn,
.b2b-adet-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 10px;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--b2b-text);
    background: var(--b2b-bg);
    border: 1px solid var(--b2b-border);
    text-decoration: none;
    transition: background .15s, border-color .15s, color .15s;
}
.b2b-gorunum-btn:hover,
.b2b-adet-btn:hover {
    text-decoration: none;
    border-color: rgba(37, 99, 235, .35);
    color: #2563eb;
    background: rgba(37, 99, 235, .06);
}
.b2b-gorunum-btn.active,
.b2b-adet-btn.active {
    background: linear-gradient(135deg, #1e293b, #334155);
    color: #fff;
    border-color: transparent;
}
body.b2b-tema-otomotiv .b2b-gorunum-btn.active,
body.b2b-tema-otomotiv .b2b-adet-btn.active {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
}
body.b2b-tema-otomotiv .b2b-page-num.active {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
}
body.b2b-tema-otomotiv .b2b-page-link {
    color: #1e293b;
}
@media (max-width: 640px) {
    .b2b-gorunum-btn span { display: none; }
    .b2b-liste-araclar { padding: 10px; }
}

/* KPI / ekstre */
.b2b-kpi-card strong { display: block; margin-top: 6px; font-size: 1.1rem; color: var(--b2b-green-dark); }
.b2b-kpi-highlight { border-color: var(--b2b-purple); background: linear-gradient(135deg, rgba(124,58,237,.06), rgba(16,185,129,.06)); }
.b2b-text-danger { color: #DC2626 !important; }
.b2b-text-success { color: #059669 !important; }
.b2b-ekstre-table .text-right { text-align: right; }
.b2b-ekstre-tip { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.b2b-ekstre-tip i { color: var(--b2b-purple); }

/* Banka kartları */
.b2b-bank-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 18px; }
.b2b-bank-card { background: var(--b2b-card); border-radius: 18px; border: 1px solid var(--b2b-border); box-shadow: var(--b2b-shadow); overflow: hidden; transition: transform .2s, box-shadow .2s; }
.b2b-bank-card:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(6,78,59,.12); }
.b2b-bank-card-head { display: flex; align-items: center; gap: 14px; padding: 20px; background: linear-gradient(135deg, var(--b2b-green-dark), #0D9488); color: #fff; }
.b2b-bank-card-head > i { font-size: 28px; opacity: .9; }
.b2b-bank-card-head h3 { margin: 0; font-size: 1.05rem; color: #fff; }
.b2b-bank-card-head .b2b-muted { color: rgba(255,255,255,.75); font-size: 12px; }
.b2b-bank-pb { margin-left: auto; background: rgba(255,255,255,.2); padding: 4px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.b2b-bank-card-body { padding: 18px 20px; }
.b2b-bank-row { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px dashed var(--b2b-border); font-size: 13px; }
.b2b-bank-row:last-child { border-bottom: none; }
.b2b-bank-row span { color: var(--b2b-muted); flex-shrink: 0; }
.b2b-bank-row strong { text-align: right; word-break: break-all; }
.b2b-bank-value-wrap { display: inline-flex; align-items: center; gap: 8px; justify-content: flex-end; max-width: 72%; }
.b2b-bank-value-wrap strong { text-align: right; }
.b2b-copy-btn { width: 32px; height: 32px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--b2b-border); border-radius: 8px; background: var(--b2b-bg); color: var(--b2b-purple); cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.b2b-copy-btn:hover { background: rgba(124,58,237,.1); border-color: rgba(124,58,237,.35); }
.b2b-copy-btn.is-copied { background: rgba(16,185,129,.15); border-color: rgba(16,185,129,.4); color: #059669; }
.b2b-bank-iban strong { font-family: ui-monospace, monospace; letter-spacing: .04em; font-size: 12px; }

/* İletişim */
.b2b-contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 20px; }
.b2b-contact-card { background: var(--b2b-card); border-radius: var(--b2b-radius); padding: 28px; border: 1px solid var(--b2b-border); box-shadow: var(--b2b-shadow); }
.b2b-contact-hero { text-align: center; background: linear-gradient(160deg, rgba(6,78,59,.04), rgba(124,58,237,.06)); }
.b2b-contact-logo { max-height: 72px; margin-bottom: 16px; }
.b2b-contact-hero h3 { margin: 0 0 8px; color: var(--b2b-green-dark); font-size: 1.35rem; }
.b2b-contact-item { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--b2b-border); }
.b2b-contact-item:last-child { border-bottom: none; }
.b2b-contact-item > i { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: rgba(16,185,129,.12); color: var(--b2b-green-dark); flex-shrink: 0; }
.b2b-contact-item label { display: block; font-size: 11px; text-transform: uppercase; color: var(--b2b-muted); margin-bottom: 4px; font-weight: 600; }
.b2b-contact-item p { margin: 0; font-size: 15px; }

/* Genel premium iyileştirmeler */
body.b2b-body { background: linear-gradient(180deg, #F1F5F9 0%, var(--b2b-bg) 120px); }
.b2b-header { backdrop-filter: blur(8px); background: rgba(255,255,255,.95); }
.b2b-sidebar { border: 1px solid var(--b2b-border); }
.b2b-product-card { border-radius: 16px; }
.b2b-product-card:hover { border-color: rgba(124,58,237,.2); }
.b2b-page-head h2 i { color: var(--b2b-purple); margin-right: 8px; }
.b2b-export-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.b2b-btn-export { cursor: pointer; font-weight: 700; }
.b2b-btn-export-excel { background: #ecfdf5; color: #047857; border: 1px solid rgba(16,185,129,.35); }
.b2b-btn-export-excel:hover { background: #d1fae5; color: #065f46; text-decoration: none; }
.b2b-btn-export-pdf { background: #fef2f2; color: #b91c1c; border: 1px solid rgba(239,68,68,.35); }
.b2b-btn-export-pdf:hover { background: #fee2e2; color: #991b1b; text-decoration: none; }
.b2b-table-wrap { border: 1px solid var(--b2b-border); }
.b2b-sidebar { top: 120px; }

@media (max-width: 900px) {
  .b2b-subnav { top: 0; position: relative; }
  .b2b-subnav-kurlar { margin-left: 0; width: 100%; padding: 8px 12px 12px; border-top: 1px solid rgba(255,255,255,.12); }
  .b2b-sidebar { top: auto; }
  .b2b-contact-grid { grid-template-columns: 1fr; }
  .b2b-layout { grid-template-columns: 1fr; }
  .b2b-sidebar { position: static; }
  .b2b-pd-grid { grid-template-columns: 1fr; }
  .b2b-search-row { grid-template-columns: 56px 1fr; }
  .b2b-search-row-price { grid-column: 2; padding: 0; }
  .b2b-search-row-actions { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; }
  .b2b-order-detail-grid { grid-template-columns: 1fr; }
  .b2b-order-summary-card { position: static; }
}