.vbb{display:flex;flex-direction:column;gap:12px;margin:18px 0 24px;color:#111;font-size:14px;line-height:1.4}
.vbb *{box-sizing:border-box}
.vbb-loading{padding:16px;color:#5c5c5c;font-size:13px}
.vbb-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.vbb-title{margin:0;font-size:18px;letter-spacing:.02em}
.vbb-offer{font-size:13px;font-weight:600;color:#2e4636}
.vbb-panel{border:1.5px solid #dad5ce;border-radius:8px;background:#fff}
.vbb-panel.is-on{border-color:#111;background:#f5f1ec}
.vbb-head{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;background:none;border:0;text-align:left;cursor:pointer;color:#111;font:inherit}
.vbb-box{flex:0 0 auto;width:22px;height:22px;border:1.5px solid #111;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center}
.vbb-box.is-on{background:#111}
.vbb-head__text{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}
.vbb-head__title{font-size:16px;font-weight:600}
.vbb-head__sub{font-size:13px;color:#5c5c5c}
.vbb-head__price{font-size:16px;font-weight:600;white-space:nowrap}
.vbb-chevwrap{display:flex;transition:transform .2s}
.vbb-chevwrap.is-open{transform:rotate(180deg)}
.vbb-body{padding:0 18px 18px 54px;display:flex;flex-direction:column;gap:10px}
.vbb-label{font-size:13px}
.vbb-label strong{font-weight:600}
.vbb-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}
.vbb-sw{display:block;width:40px;height:40px;border-radius:50%;border:0;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.vbb-sw--sm{width:34px;height:34px}
.vbb-sw.is-on{box-shadow:0 0 0 2px #fff,0 0 0 4px #111}
.vbb-sw.is-out{opacity:.35;cursor:not-allowed;background-image:linear-gradient(135deg,transparent 46%,#fff 46%,#fff 54%,transparent 54%)!important}
.vbb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.vbb-grid--lg{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.vbb-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px 6px 8px;border:2px solid #e3dcd2;border-radius:8px;background:#fff;cursor:pointer;text-align:left;color:#111;font:inherit}
.vbb-card.is-on{border-color:#111}
.vbb-card[disabled]{opacity:.5;cursor:not-allowed}
.vbb-card__img{display:block;aspect-ratio:1/1;background:#f4f0ea;border-radius:5px;overflow:hidden}
.vbb-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.vbb-card__name{font-size:13px;font-weight:600;line-height:1.25;padding:0 2px}
.vbb-card__price{font-size:12px;color:#5c5c5c;padding:0 2px}
.vbb-card__tick{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:50%;background:#111;display:flex;align-items:center;justify-content:center}
.vbb-summary{background:#f5f1ec;border-radius:8px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}
.vbb-line{display:flex;justify-content:space-between;gap:12px}
.vbb-line--save{color:#2e4636;font-weight:600}
.vbb-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #dad5ce;padding-top:10px;font-weight:600}
.vbb-total s{color:#5c5c5c;font-weight:400;margin-right:6px}
.vbb-total strong{font-size:20px}
.vbb-nudge{font-size:13px;color:#5c5c5c}
.vbb-cta{min-height:54px;width:100%;background:#111;color:#fff;border:0;border-radius:6px;font:inherit;font-size:15px;font-weight:600;letter-spacing:.08em;cursor:pointer}
.vbb-cta[disabled]{background:#8c8c8c;cursor:not-allowed}
.vbb-error{color:#8a2c1f;font-size:13px}
@media (max-width:600px){.vbb-body{padding:0 14px 16px}.vbb-head{padding:14px}}