.bb-section{padding:40px 18px 64px;}
.bb-inner{max-width:960px;margin:0 auto;}
.bb-title{font-size:34px;line-height:1.15;margin:0 0 8px;text-align:center;}
.bb-sub{font-size:16px;color:#6b6b6b;line-height:1.5;margin:0 auto 26px;max-width:520px;text-align:center;}
.bb-head{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#faf7f3;border:1px solid #ece4da;border-radius:14px;padding:14px 20px;margin:0 0 20px;position:sticky;top:0;z-index:5;flex-wrap:wrap;}
.bb-count{font-size:16px;font-weight:600;color:#2b2b2b;}
.bb-count b{color:#c8496b;}
.bb-price{text-align:right;}
.bb-price .now{font-size:20px;font-weight:600;color:#2b2b2b;}
.bb-price .was{text-decoration:line-through;color:#8a8a8a;margin-right:8px;font-size:15px;}
.bb-save{font-size:12px;color:#2e7d54;font-weight:600;margin-top:2px;}
.bb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;}
.bb-card{border:1px solid #e6ded5;border-radius:14px;padding:12px 12px 14px;background:#fff;cursor:pointer;text-align:center;position:relative;transition:border-color .15s,box-shadow .15s;}
.bb-card:hover{border-color:#c8496b;}
.bb-card.sel{border-color:#c8496b;box-shadow:0 0 0 1.5px #c8496b inset;background:#fdf5f8;}
.bb-card.dim{opacity:.5;}
.bb-img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:10px;background:#f6f1ec;margin:0 0 9px;}
.bb-name{font-size:14px;font-weight:500;color:#2b2b2b;line-height:1.25;}
.bb-tag{font-size:11px;color:#8a8a8a;margin-top:3px;}
.bb-check{position:absolute;top:9px;right:9px;width:22px;height:22px;border-radius:50%;background:#c8496b;color:#fff;display:none;align-items:center;justify-content:center;font-size:14px;line-height:1;}
.bb-card.sel .bb-check{display:flex;}
.bb-qty{display:flex;align-items:center;justify-content:space-between;margin-top:11px;border:1px solid #e6ded5;border-radius:999px;overflow:hidden;}
.bb-qty button{border:none;background:#fff;width:40px;height:36px;font-size:20px;line-height:1;cursor:pointer;color:#c8496b;}
.bb-qty button:hover:not(:disabled){background:#fbf3f6;}
.bb-qty button:disabled{color:#ddd4cb;cursor:not-allowed;}
.bb-n{min-width:26px;text-align:center;font-size:15px;font-weight:600;color:#2b2b2b;}
.bb-card.sel .bb-qty{border-color:#c8496b;}
.bb-cta-wrap{position:sticky;bottom:0;padding:14px 0 0;margin-top:22px;background:linear-gradient(to top,var(--bb-page,#fff) 60%,transparent);}
.bb-cta{display:block;width:100%;max-width:420px;margin:0 auto;background:#40338f;color:#fff;border:none;border-radius:999px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;}
.bb-cta:disabled{background:#cfc9de;cursor:not-allowed;}
.bb-err{color:#c0392b;font-size:13px;text-align:center;margin:10px 0 0;display:none;}
@media(max-width:520px){.bb-title{font-size:27px;}.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}