/* HD Product Cards — 14 Billboard. Scoped .hd-bb; tokens printed by plugin.
   Color rotates per loop item (3-step) unless color="a|b|c" is set. */
.hd-bb{--hd-bb-bg-a:#f6f4ef;--hd-bb-bg-b:#3d5a80;--hd-bb-bg-c:#e2593a;--hd-bb-ink-dark:#242422;--hd-bb-ink-light:#ffffff;--hd-bb-btn-bg:#1c1c1a;--hd-bb-accent:#f4c96b;--hd-bb-font-display:'Montserrat',sans-serif;--hd-bb-font-body:'Montserrat',sans-serif;
border-radius:10px;overflow:hidden;font-family:var(--hd-bb-font-body);display:flex;flex-direction:column;min-height:440px;box-shadow:0 10px 26px rgba(40,40,38,.16);transition:transform .3s ease,box-shadow .3s ease;text-align:center;position:relative;
background:var(--hd-bb-bg-a);color:var(--hd-bb-ink-dark)}
.hd-bb:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(40,40,38,.24)}
/* rotation via loop item position */
.e-loop-item:nth-child(3n+2) .hd-bb{background:var(--hd-bb-bg-b);color:var(--hd-bb-ink-light)}
.e-loop-item:nth-child(3n) .hd-bb{background:var(--hd-bb-bg-c);color:var(--hd-bb-ink-light)}
/* explicit override wins */
.hd-bb.hd-bb--a,.e-loop-item .hd-bb.hd-bb--a{background:var(--hd-bb-bg-a);color:var(--hd-bb-ink-dark)}
.hd-bb.hd-bb--b,.e-loop-item .hd-bb.hd-bb--b{background:var(--hd-bb-bg-b);color:var(--hd-bb-ink-light)}
.hd-bb.hd-bb--c,.e-loop-item .hd-bb.hd-bb--c{background:var(--hd-bb-bg-c);color:var(--hd-bb-ink-light)}
.hd-bb__head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:lowercase;opacity:.9}
.hd-bb__copy{padding:8px 22px 0}
.hd-bb__eyebrow{font-size:11px;font-weight:500;line-height:1.5;opacity:.75;margin:0 0 6px;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hd-bb__title{font-size:22px;font-weight:800;letter-spacing:.01em;text-transform:uppercase;line-height:1.2;margin:0 0 14px;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hd-bb__title a{color:inherit;text-decoration:none}
.hd-bb .hd-bb__btn,.hd-bb .hd-bb__btn.button{display:inline-block;font-family:var(--hd-bb-font-body);font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--hd-bb-accent);background:var(--hd-bb-btn-bg);border:none;border-radius:0;padding:11px 22px;line-height:1.2;cursor:pointer;text-decoration:none;transition:transform .2s ease,filter .2s ease;white-space:nowrap}
.hd-bb .hd-bb__btn:hover{transform:scale(1.06);filter:brightness(1.3)}
.hd-bb .hd-bb__btn.is-oos{opacity:.6}
.hd-bb__img{display:flex;align-items:center;justify-content:center;margin-top:auto;padding:18px 24px 26px}
.hd-bb__img img{width:80%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.22))}
.hd-bb a:focus-visible,.hd-bb .hd-bb__btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}

.hd-bb .hd-rating{--hd-rating-color:var(--hd-bb-accent);color:inherit;opacity:.9}