:root{--bbo-space:#080b20;--bbo-violet:#6c3cff;--bbo-cyan:#22d3ee;--bbo-white:#fff;--bbo-ink:#15162b}
.bbo-root{position:fixed;inset:0;z-index:999999;display:none;place-items:center;padding:18px;background:rgba(5,7,20,.72);backdrop-filter:blur(7px)}
.bbo-root.is-open{display:grid}.bbo-panel{position:relative;width:min(1080px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:28px;background:radial-gradient(circle at 80% 0,#32236a 0,transparent 42%),var(--bbo-space);color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.bbo-inline .bbo-panel{width:100%;max-height:none}.bbo-panel header{text-align:left;margin:0 0 20px}.bbo-panel header small{color:var(--bbo-cyan);font-weight:800;letter-spacing:.16em}.bbo-panel h2{margin:.25em 0;font-size:clamp(25px,4vw,45px);color:#fff}.bbo-panel header p{margin:0;color:#cfd3ef}.bbo-close{position:absolute;right:18px;top:14px;border:0!important;background:transparent!important;color:#fff!important;font-size:36px;line-height:1;cursor:pointer}.bbo-shipping{display:inline-flex;margin-top:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.06);font-size:12px;color:#eef1ff}
.bbo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.bbo-card{overflow:hidden;border-radius:16px;background:#fff;color:var(--bbo-ink);box-shadow:0 8px 28px rgba(0,0,0,.18)}.bbo-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}.bbo-card-body{padding:14px}.bbo-card h3{font-size:15px;line-height:1.3;margin:6px 0;min-height:39px}.bbo-card h3 a{color:inherit;text-decoration:none}.bbo-price{font-size:17px;font-weight:800}.bbo-badges{display:flex;flex-wrap:wrap;gap:5px;min-height:22px}.bbo-tag,.bbo-stock{display:inline-block;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:900}.bbo-tag{background:#ef2f62;color:#fff}.bbo-stock{background:#fff2d7;color:#7a4b00}.bbo-rating{font-size:12px;font-weight:800;color:#7b5b00}.bbo-rating span{font-weight:600;color:#73758a}.bbo-countdown{font-size:11px;font-weight:800;color:#b0284c;margin-top:5px}.bbo-actions{display:flex;gap:8px;margin-top:12px}.bbo-actions a,.bbo-actions button,.bbo-panel footer a{flex:1;border:0;border-radius:10px;padding:10px;text-align:center;text-decoration:none;font-weight:800;cursor:pointer}.bbo-view{background:#eef0f7;color:#24263a}.bbo-actions button{background:linear-gradient(135deg,var(--bbo-violet),#a23cff);color:#fff}.bbo-actions button.is-added{background:#147d4f}.bbo-panel footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}.bbo-panel footer a{display:inline-block;flex:0 0 auto;color:#fff;border:1px solid rgba(255,255,255,.3)}.bbo-panel footer span{font-size:11px;color:#9299bb}
.bbo-signup{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:14px 16px;border:1px solid rgba(34,211,238,.35);border-radius:14px;background:rgba(34,211,238,.09)}.bbo-signup div{display:grid;gap:3px}.bbo-signup span{color:#d9ddf5;font-size:13px}.bbo-signup a{white-space:nowrap;border-radius:10px;padding:10px 15px;background:#fff;color:#15162b;text-decoration:none;font-weight:900}
@media(max-width:760px){.bbo-root{align-items:end;padding:0}.bbo-panel{border-radius:22px 22px 0 0;padding:22px 14px;max-height:88vh}.bbo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bbo-card h3{font-size:13px}.bbo-actions{flex-direction:column}.bbo-panel header p{font-size:14px}.bbo-signup{align-items:stretch;flex-direction:column}.bbo-signup a{text-align:center}.bbo-panel footer{align-items:stretch;flex-direction:column}.bbo-panel footer a{text-align:center}.bbo-shipping{border-radius:12px}}