/* ===== Wholesale (B2B) page ===== */
.pagehead .wsub{max-width:640px;margin-top:22px;font-size:clamp(14px,1.2vw,17px);line-height:1.5}
.wl{padding:30px 0 10px}
.wtools{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}
.wf{display:flex;flex-direction:column;gap:6px;font:600 11px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.wf input,.wf select{padding:11px 14px;border:1.5px solid #0003;background:#fff;border-radius:14px;font:600 14px 'Bricolage Grotesque',sans-serif;min-width:190px;outline:0}
.wf input:focus,.wf select:focus{border-color:var(--ink)}
.wcount{margin-left:auto;opacity:.6}
.wtable{background:var(--paper);border-radius:20px;border:1.5px solid #0000001a;overflow:hidden}
.wrow{display:grid;grid-template-columns:44px 64px minmax(0,1fr) 70px 110px 120px;gap:10px;align-items:center;padding:11px 16px;border-top:1px solid #0000000f;font-size:14px}
.wrow:first-child{border-top:0}
.wrow.hd{background:var(--headbg);font:600 11px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;position:sticky;top:0}
.wrow.gp{background:#f3eddb;font-weight:800;font-size:13px;letter-spacing:.02em;display:block}
.wrow b.wcode{font:600 12px 'JetBrains Mono',monospace}
.wrow .rt{text-align:right;font-weight:700}
.wrow input[type=checkbox]{width:18px;height:18px;accent-color:#1F7A4D}
.wrow:hover:not(.h):not(.g){background:#fffaf0}
.wnote{font-size:12px;opacity:.65;margin:12px 4px 0}
.wform{padding-top:30px}
@media(max-width:700px){
  .wrow{grid-template-columns:30px minmax(0,1fr) 78px;gap:8px;padding:11px 12px}
  .wrow .wcode,.wrow .gs,.wrow .ct{display:none}
  .wrow .nm small{display:block;opacity:.6;font-size:11px;margin-top:2px}
  .wf input,.wf select{min-width:0;width:100%}.wf{flex:1 1 140px}.wcount{width:100%;margin:0}
}
@media(min-width:701px){.wrow .nm small{display:none}}
/* selection bar: appears once items are ticked and jumps to the enquiry form */
.selbar{position:fixed;left:50%;bottom:22px;z-index:900;transform:translate(-50%,140%);transition:transform .35s var(--ease);display:flex;align-items:center;gap:14px;background:var(--ink);color:#fff;border-radius:100px;padding:10px 10px 10px 22px;box-shadow:0 14px 34px -10px #0008;max-width:calc(100% - 24px)}
.selbar.on{transform:translate(-50%,0)}
.selbar span{font-weight:700;font-size:14px;white-space:nowrap}
.selbar button{border:0;background:#fff;color:var(--ink);font:700 14px 'Bricolage Grotesque',sans-serif;border-radius:100px;padding:11px 20px;cursor:pointer;white-space:nowrap}
.selbar button:hover{background:var(--butter2)}
@media(max-width:480px){.selbar{bottom:78px;gap:10px;padding-left:16px}.selbar span{font-size:13px}}