.bb .bb-logo{text-transform:uppercase;letter-spacing:-.5px}
.bb .bb-buy p.bb-pill{font-weight:400}
.bb .bb-buy p.bb-pill strong{font-weight:600}
.bb .bb-fgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bb .bb-fc{min-width:0}
.bb .bb-fc-name{overflow-wrap:anywhere}
.bb .bb-car-wrap{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}
.bb .bb-car{position:relative;aspect-ratio:1/1;border-radius:14px;background:#F6F5F5;overflow:hidden}
.bb .bb-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .3s}
.bb .bb-slide.is-on{opacity:1;visibility:visible}
.bb .bb-slide img,.bb .bb-slide svg{width:100%;height:100%;object-fit:contain;display:block}
.bb .bb-car-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:48px;height:48px;border-radius:999px;border:0;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.bb .bb-car-count{position:absolute;top:16px;right:16px;z-index:2;background:#fff;border-radius:999px;padding:4px 12px;font-family:'DM Mono',monospace;font-size:12px}
.bb .bb-car-dots{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}
.bb .bb-car-dots button{border:0;background:transparent;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.bb .bb-car-dots span{display:block;width:8px;height:8px;border-radius:999px;background:#CFCACA;transition:width .2s}
.bb .bb-car-dots span.is-on{width:22px;background:#231F20}
.bb .bb-qty{display:flex;align-items:center;border:1.5px solid #231F20;border-radius:999px}
.bb .bb-qty button{border:0;background:transparent;width:46px;height:50px;font-size:20px;cursor:pointer;color:#231F20;padding:0}
.bb .bb-qty input{width:36px;border:0!important;background:transparent!important;text-align:center;font-family:'DM Mono',monospace;font-size:15px;color:#231F20;box-shadow:none!important;padding:0;-moz-appearance:textfield;min-height:0;height:auto}
.bb .bb-qty input::-webkit-outer-spin-button,.bb .bb-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
@media (max-width:749px){
  .bb .bb-fgrid{gap:8px}
  .bb .bb-fc{padding:6px 6px 8px;gap:6px;border-radius:12px}
  .bb .bb-fc .bb-chip{top:5px;left:5px;font-size:10px;padding:2px 7px}
  .bb .bb-fc-name{font-size:14px}
  .bb .bb-fc .bb-mono{font-size:10px}
  .bb .bb-fc .bb-btn{padding:8px 6px;font-size:11px;min-height:40px;letter-spacing:.8px}
  .bb .bb-step{min-height:40px}
  .bb .bb-step button{width:30px;height:40px;font-size:16px}
  .bb .bb-step span{font-size:13px}
  .bb .bb-fgrid .bb-card-name{font-size:14px}
  .bb .bb-fgrid .bb-chip{top:6px;left:6px;font-size:10px;padding:2px 7px}
  .bb .bb-fgrid .bb-card-top{flex-direction:column;gap:2px}
  .bb .bb-fgrid .bb-price{font-size:12px}
  .bb .bb-fgrid .bb-card-kind{font-size:12px}
}