.bgb{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;margin-top:30px;align-items:start}
.bgb__controls{display:flex;flex-direction:column;gap:18px}
.bgb__preview{position:sticky;top:90px}
.bgb__h{font-size:.82rem;letter-spacing:.24em;color:var(--neon);margin-bottom:16px}
.bgb-colors{display:flex;flex-wrap:wrap;gap:10px}
.bgb-colors input{position:absolute;opacity:0;pointer-events:none}
.bgb-colors label{--cut:8px;display:flex;align-items:center;gap:9px;padding:10px 14px;background:var(--panel);border:1px solid var(--line-hi);cursor:pointer;font-size:.88rem;
  clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}
.bgb-colors label i{width:18px;height:18px;border:1px solid rgba(255,255,255,.25);display:block}
.bgb-colors input:checked+label{border-color:var(--neon);color:var(--neon);box-shadow:inset 0 0 0 1px var(--neon)}
.bgb-colors input:focus-visible+label{outline:2px solid var(--neon);outline-offset:2px}
.bgb-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;flex-wrap:wrap}
.bgb-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-family:var(--font-display);font-size:.72rem;letter-spacing:.18em;
  text-transform:uppercase;padding:10px 12px;cursor:pointer;margin-bottom:-1px}
.bgb-tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--neon);text-shadow:0 0 12px var(--neon-soft)}
.bgb-add{display:grid;grid-template-columns:1fr 90px auto;gap:10px}
.bgb-add .bg-btn{padding:14px 20px}
.bgb-add select.bg-field{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--neon) 50%),linear-gradient(135deg,var(--neon) 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}
.bgb-custom{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.bgb-custom label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.bgb-custom .bg-field{margin-top:4px;padding:10px}
.bgb-list{margin-top:18px;border-top:1px solid var(--line)}
.bgb-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.bgb-row b{display:block;font-family:var(--font-display);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.bgb-row span{font-size:.8rem;color:var(--muted)}
.bgb-row .bg-qty button{width:34px}
.bgb-row .bg-qty input{width:52px;padding:8px 0}
.bgb-x{background:none;border:1px solid var(--line-hi);color:var(--muted);width:32px;height:32px;cursor:pointer;font-size:1.1rem}
.bgb-x:hover{color:#ff6b6b;border-color:#ff6b6b}
.bgb-top{background:#05070a;border:1px solid var(--line);padding:10px}
.bgb-top svg{width:100%;height:auto;max-height:440px}
.bgb-3d{background:radial-gradient(circle at 50% 40%,#0f1720,#05070a 75%);border:1px solid var(--line);cursor:grab;touch-action:none}
.bgb-3d canvas{display:block;width:100%!important}
.bgb-buy{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.bgb-price{font-family:var(--font-display);font-size:2rem;color:var(--brass);letter-spacing:.04em;text-shadow:0 0 18px rgba(217,164,65,.35)}
@media (max-width:980px){.bgb{grid-template-columns:1fr}.bgb__preview{position:static}}
@media (max-width:520px){.bgb-add{grid-template-columns:1fr 80px}.bgb-add .bg-btn{grid-column:1/-1}.bgb-buy{flex-direction:column;align-items:stretch}.bgb-buy .bg-btn{width:100%}}