.bb-packs{display:block;margin-top:48px;min-width:0;max-width:100%}
.bb-packs .bb-packs__header{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}
.bb-packs .bb-packs__heading{font-size:clamp(1.6em,3vw,2.4em);letter-spacing:-.04em;max-width:none}
.bb-packs .bb-packs__controls{display:flex;gap:8px;flex-shrink:0}
.bb-packs .bb-packs__controls button{width:44px;height:44px;border:1px solid #ddd;border-radius:6px;background:var(--bb-bg);color:var(--bb-ink);font-size:22px;cursor:pointer}
.bb-packs .bb-packs__controls button:disabled{opacity:.3;cursor:default}
.bb-packs .bb-packs__track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--bb-red) #eee;padding:4px 4px 16px;max-width:100%}
.bb-packs .bb-packs__card{flex:0 0 40%;min-width:0;scroll-snap-align:start;border:1px solid #dedede;border-radius:14px;padding:22px;background:var(--bb-bg);display:flex;flex-direction:column}
.bb-packs .bb-packs__badge{min-height:25px;color:var(--bb-red);font-size:12px;font-weight:800;letter-spacing:.04em}
.bb-packs .bb-packs__image{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#fff;border-radius:8px;overflow:hidden;margin-bottom:16px}
.bb-packs .bb-packs__image img,.bb-packs .bb-packs__placeholder{width:100%;height:100%;object-fit:contain}
.bb-packs .bb-packs__label{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.09em;color:var(--bb-red)}
.bb-packs .bb-packs__title{font-size:1.35em;line-height:1.15;letter-spacing:-.025em;margin:0 0 16px}
.bb-packs .bb-packs__title a{text-decoration:none}
.bb-packs .bb-packs__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:1.35em}
.bb-packs .bb-packs__price s{font-size:.75em;opacity:.65}
.bb-packs .bb-packs__savings{margin:6px 0 0;color:var(--bb-red);font-size:.875em;font-weight:800}
.bb-packs .bb-pack-form{margin-top:auto;padding-top:12px}
.bb-packs .bb-packs__add{width:100%;justify-content:center;margin:12px 0}
.bb-packs .bb-packs__details{align-self:center;font-size:.875em;text-underline-offset:3px}
@media(max-width:640px){.bb-packs .bb-packs__card{flex-basis:88%;padding:16px}.bb-packs .bb-packs__track{gap:12px}.bb-packs .bb-packs__header{gap:12px}.bb-packs .bb-packs__controls button{width:44px}.bb-packs .bb-packs__heading{font-size:1.6em}}
