/* The payout line used to float loose under the brand name with nothing
   saying what it was. A small label above it, in the same scale already used
   for a stat's dt, turns it into a named block rather than a stray sentence. */
.payterms-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;
  letter-spacing:.07em;color:var(--ink-2);margin:10px 0 2px}
.payterms .offer-primary{margin-top:2px}

/* Similar brands: a small boxed panel under the products carousel in the
   header's right column, not a full-width band. Two wrapping rows of chips
   (max 8, sliced in brand.js) instead of one endless horizontally-scrolled
   row — the panel has its own background and border so it reads as a
   distinct unit, and enough inner padding that a hovered chip's lift/shadow
   is never clipped. */
.bsim{min-width:0;max-width:100%;margin-top:14px;padding:12px 14px;
  background:var(--pane-2);border:1px solid var(--rule);border-radius:var(--r-sm,8px)}
.bsim-head{display:flex;align-items:center;gap:6px;margin-bottom:9px;font-size:12px;
  font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-2)}
/* A fixed 3-across grid (six brands, two even rows). Every chip is the same
   size regardless of name length; long names truncate with an ellipsis, so
   the panel never changes height or leaves a ragged gap. */
.bsim-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}
.bsim-chip{display:flex;align-items:center;gap:7px;min-width:0;width:100%;height:38px;
  padding:6px 12px 6px 6px;border:1px solid var(--rule);border-radius:999px;
  background:var(--pane);color:var(--ink);text-decoration:none;font-size:13px;font-weight:600;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s}
.bsim-chip .mark{width:20px;height:20px;border-radius:50%;flex:none}
.bsim-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.bsim-chip:hover{border-color:var(--line,var(--violet));transform:translateY(-1px);box-shadow:var(--shadow)}
@media(max-width:520px){.bsim{margin-top:10px;padding:10px 12px}.bsim-row{grid-template-columns:repeat(2,minmax(0,1fr))}}