*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#263544}
a{color:inherit}
.b2b-shell{width:min(1480px,96%);margin:0 auto}
.b2b-topbar{background:#fff;border-bottom:1px solid #dce3e9}
.b2b-topbar-inner{width:min(1480px,96%);margin:auto;display:flex;align-items:center;gap:18px;padding:12px 0;flex-wrap:wrap}
.b2b-logo img{display:block;max-width:230px;height:auto}
.b2b-user{margin-left:auto;font-size:13px;color:#64748b;text-align:right}
.b2b-user strong{display:block;color:#243746;font-size:14px;margin-bottom:2px}
.b2b-nav{width:100%;display:flex;gap:7px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #edf1f4}
.b2b-nav a{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid #dce3e9;border-radius:8px;background:#f8fafc;text-decoration:none;font-size:13px;font-weight:700;color:#334155}
.b2b-nav a:hover{background:#eef3f7}
.b2b-nav .danger{color:#b42318}
.b2b-main{width:min(1480px,96%);margin:16px auto 0}
.b2b-card{background:#fff;border:1px solid #dce3e9;border-radius:14px;padding:18px;margin-bottom:14px}
.b2b-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.b2b-title{margin:0;font-size:22px;color:#233645}
.b2b-subtitle{font-size:13px;color:#667085;margin-top:4px}
.b2b-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.b2b-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.b2b-stat{border:1px solid #e1e7ec;border-radius:11px;padding:13px;background:#fafbfc}
.b2b-stat-label{font-size:12px;color:#667085;margin-bottom:5px}
.b2b-stat-value{font-size:17px;font-weight:700;color:#243746;overflow-wrap:anywhere}
.b2b-form-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px}
.b2b-form-row label{font-size:13px;font-weight:700;color:#344054}
.b2b-input,.b2b-select,.b2b-textarea{width:100%;min-height:42px;border:1px solid #cfd8df;border-radius:8px;padding:9px 11px;background:#fff;color:#263544;font:inherit}
.b2b-textarea{min-height:90px;resize:vertical}
.b2b-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.b2b-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:1px solid #2f5f85;border-radius:8px;background:#2f5f85;color:#fff;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer}
.b2b-btn.secondary{background:#fff;color:#344054;border-color:#cfd8df}
.b2b-btn.danger{background:#fff;color:#b42318;border-color:#f0b4ae}
.b2b-table-wrap{width:100%;overflow-x:auto;border:1px solid #dce3e9;border-radius:12px;background:#fff}
.b2b-table{width:100%;border-collapse:collapse;min-width:860px}
.b2b-table th{background:#e9eff4;color:#344054;text-align:left;font-size:12px;padding:11px 10px;border-bottom:1px solid #d7e0e7;white-space:nowrap}
.b2b-table td{font-size:13px;padding:10px;border-bottom:1px solid #edf1f4;vertical-align:middle}
.b2b-table tbody tr:nth-child(even){background:#fafbfc}
.b2b-table tbody tr:hover{background:#f1f6fa}
.b2b-table .num{text-align:right}
.b2b-table .center{text-align:center}
.b2b-badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#eef2f6;font-size:12px;font-weight:700;color:#475467;white-space:nowrap}
.b2b-badge.ok{background:#eaf6ee;color:#18794e}
.b2b-badge.warn{background:#fff5df;color:#8a5a00}
.b2b-badge.bad{background:#fdecec;color:#b42318}
.b2b-empty{padding:22px;text-align:center;color:#667085}
.b2b-message{padding:11px 13px;border-radius:9px;margin-bottom:12px;background:#f5f7fa;border:1px solid #e1e7ec;font-size:13px}
.b2b-message.error{background:#fff1f0;border-color:#f0b4ae;color:#b42318}
.b2b-thumb{width:54px;height:54px;object-fit:contain;border:1px solid #e1e7ec;border-radius:8px;background:#fff}
.b2b-footer{text-align:center;padding:18px 10px 24px;color:#8a94a3;font-size:12px}
.b2b-footer a{text-decoration:none;color:#667085;font-weight:700}
.b2b-pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.b2b-pager a,.b2b-pager span{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce3e9;border-radius:7px;text-decoration:none;font-size:12px;font-weight:700;background:#fff}
.b2b-pager .active{background:#2f5f85;color:#fff;border-color:#2f5f85}
.b2b-product-card{display:none}
.b2b-mobile-only{display:none}
/* =========================================================
   STOK DURUMU
========================================================= */

.stok-wrapper{
    position:relative;
    display:inline-block;
}

.stok-durum{
    font-size:13px;
    font-weight:800;
    line-height:1;
}

.stok-var{
    color:#159447 !important;
    cursor:pointer;
}

.stok-yok{
    color:#ef9a9a !important;
    cursor:default;
}

.old-account-btn{
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;

    min-width:240px;
    padding:13px 16px;

    background:#fff;
    border:1px solid #d8e0e7;
    border-radius:10px;

    color:#344054;
    font-size:14px;
    font-weight:700;
    text-decoration:none;

    box-shadow:0 2px 6px rgba(15,23,42,.04);
    transition:.15s ease;
}

.old-account-btn:hover{
    background:#f8fafc;
    border-color:#b8c5d1;
}

.old-account-arrow{
    font-size:18px;
    color:#667085;
}
.old-page-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}

.old-page-title{
    margin:0;
}

/* =========================================================
   VAR ÜZERİNE GELİNCE ŞUBE GÖSTER
========================================================= */

.stok-tooltip{
    display:none !important;

    position:absolute;
    left:50%;
    bottom:calc(100% + 8px);

    transform:translateX(-50%);

    min-width:115px;
    padding:7px 10px;

    background:#ffffff;

    border:1px solid #dce5ec;
    border-radius:8px;

    box-shadow:0 8px 22px rgba(15,23,42,.18);

    z-index:9999;

    text-align:left;
}

.stok-wrapper:hover .stok-tooltip{
    display:block !important;
}

.stok-tooltip span{
    display:block;

    padding:3px 4px;

    font-size:12px;
    font-weight:700;

    color:#159447;

    white-space:nowrap;
}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width:768px){

    .stok-durum{
        font-size:13px;
    }

    .stok-tooltip{
        min-width:105px;
        padding:6px 8px;
    }

    .stok-tooltip span{
        font-size:12px;
    }
}
@media(max-width:760px){
  body{background:#f4f6f8}
  .b2b-shell,.b2b-main,.b2b-topbar-inner{width:94%}
  .b2b-topbar-inner{padding:10px 0}
  .b2b-logo img{max-width:180px}
  .b2b-user{margin-left:0;width:100%;text-align:left}
  .b2b-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .b2b-nav a{justify-content:center;text-align:center;padding:8px 6px}
  .b2b-main{margin-top:12px}
  .b2b-card{padding:14px;border-radius:12px}
  .b2b-title{font-size:19px}
  .b2b-grid,.b2b-grid-4{grid-template-columns:1fr}
  .b2b-form-row{grid-template-columns:1fr;gap:6px}
  .b2b-input,.b2b-select,.b2b-textarea{font-size:16px}
  .b2b-actions .b2b-btn{flex:1 1 auto}
  .b2b-table.mobile-cards{min-width:0;display:block}
  .b2b-table.mobile-cards thead{display:none}
  .b2b-table.mobile-cards tbody{display:block}
  .b2b-table.mobile-cards tr{display:block;border:1px solid #dce3e9;border-radius:11px;margin-bottom:10px;padding:7px 12px;background:#fff!important}
  .b2b-table.mobile-cards td{display:flex;justify-content:space-between;gap:14px;width:100%!important;padding:9px 0!important;border:0!important;border-bottom:1px solid #edf1f4!important;text-align:right!important;background:transparent!important;white-space:normal}
  .b2b-table.mobile-cards td:last-child{border-bottom:0!important}
  .b2b-table.mobile-cards td::before{content:attr(data-label);font-weight:700;color:#667085;text-align:left;flex:0 0 42%}
  .b2b-table-wrap.mobile-unframe{overflow:visible;border:0;background:transparent}
  .b2b-mobile-only{display:block}
  .b2b-desktop-only{display:none!important}
  .b2b-thumb{width:64px;height:64px}
  .old-page-top{
        align-items:stretch;
        flex-direction:column;
        gap:12px;
    }

    .old-page-top .b2b-btn{
        width:100%;
        justify-content:center;
    }
}