/* ===== Geus Extra’s – B2B Front — Compact & Clean ===== */
:root{
  --gx-radius:12px;--gx-radius-sm:8px;--gx-gap:10px;--gx-border:#e8e8ee;
  --gx-soft:#f8f9fb;--gx-text:#1f2430;--gx-text-dim:#5a6170;
  --gx-accent:#1f7aec;--gx-accent-2:#0f62d6;--gx-ok:#15a86b;--gx-bad:#c62828;
}

/* Lijst */
.geus-b2b-list{color:var(--gx-text);font-size:14px;line-height:1.35}
.geus-b2b-term-title{margin:18px 0 8px;font-size:1.05rem;font-weight:700}
.geus-b2b-term-group{border:1px solid var(--gx-border);border-radius:var(--gx-radius);padding:4px;background:#fff}

/* Rij (compact) */
.geus-b2b-row{
  display:grid;
  grid-template-columns: 48px 1fr;    /* smallere thumb */
  gap: var(--gx-gap);
  padding:6px 8px;                    /* compacter */
  border-bottom:1px solid var(--gx-border);
  align-items:center;                 /* verticaal centreren */
}
.geus-b2b-row:last-child{border-bottom:0}

/* Thumb */
.geus-b2b-thumb{
  width:48px;height:48px;object-fit:cover;
  border-radius:10px;background:var(--gx-soft);
  border:1px solid var(--gx-border);
}

/* Hoofdblok */
.geus-b2b-main{line-height:1.25}
.geus-b2b-title{margin:0 0 3px}
.geus-b2b-title a{font-size:.98rem;font-weight:700;color:var(--gx-text);text-decoration:none}

/* Meta: één regel waar kan, wrapt netjes als nodig */
.geus-b2b-meta{
  display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;
  margin:0;
}
.geus-b2b-meta span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.geus-b2b-qty{opacity:.85}

/* Status als pill */
.geus-b2b-status{
  padding:2px 8px;border-radius:999px;font-weight:600;font-size:.82rem;line-height:1.1;
  border:1px solid transparent;
}
.geus-b2b-status--ok{color:var(--gx-ok);background:rgba(21,168,107,.08);border-color:rgba(21,168,107,.18)}
.geus-b2b-status--out{color:var(--gx-bad);background:rgba(198,40,40,.08);border-color:rgba(198,40,40,.18)}

/* Add-to-cart blok */
.geus-b2b-add{display:flex;align-items:center;gap:8px;margin-top:4px}
.geus-b2b-add input[type="number"]{
  width:90px;padding:6px 8px;border:1px solid var(--gx-border);border-radius:8px;background:#fff;font-size:.9rem;line-height:1.1
}
.geus-b2b-add .button{
  appearance:none;border:0;background:var(--gx-accent);color:#fff;
  font-weight:600;font-size:.9rem;padding:8px 12px;border-radius:8px;line-height:1;
  cursor:pointer;transition:transform .06s ease, background .2s ease, box-shadow .2s ease;
  box-shadow:0 1px 0 rgba(16,24,40,.06), 0 1px 2px rgba(16,24,40,.06);
}
.geus-b2b-add .button:hover{background:var(--gx-accent-2)}
.geus-b2b-add .button:active{transform:translateY(1px)}
.geus-b2b-row.b2b-out{opacity:.6;filter:grayscale(.9)}

/* Protected message */
.geus-b2b-protected{padding:12