.bundle-picker{border:0;padding:0;margin:24px 0}.bundle-picker>.text-button{font-size:18px;text-decoration:none}.bundle-slots{display:flex;gap:10px;margin:10px 0 20px}.bundle-slot{width:52px;height:52px;border:1px solid #ddd;border-radius:50%;background:#f5f5f5;padding:0;overflow:hidden}.bundle-slot img{width:100%;height:100%;object-fit:cover}.bundle-dialog{width:960px;max-width:calc(100vw - 30px);padding:0}.bundle-dialog[open]{display:grid;grid-template-columns:55% 45%}.bundle-preview{background:#fff1e9;display:flex;flex-direction:column;justify-content:center;padding:25px}.bundle-preview img{width:100%;aspect-ratio:1;object-fit:contain}.bundle-preview h3{text-align:center;font-size:18px;margin:20px 0}.bundle-options{padding:35px 22px}.bundle-options h2{font-size:25px;margin:8px 0}.bundle-progress{font-size:13px;color:#777}.bundle-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:400px;overflow:auto;margin-bottom:20px}.bundle-swatch{border:1px solid transparent;background:white;padding:5px;min-width:0}.bundle-swatch[aria-pressed=true]{border-color:#ed77d1;background:#fff5fa}.bundle-swatch img{width:65px;height:65px;border-radius:50%;margin:auto;object-fit:cover}.bundle-swatch span{display:block;font-size:10px;line-height:1.3;margin-top:5px}.bundle-confirm{width:100%}@media(max-width:600px){.bundle-dialog[open]{grid-template-columns:1fr}.bundle-preview{display:none}.bundle-options{padding:40px 18px 20px}.bundle-swatches{max-height:55dvh}.bundle-slot{width:46px;height:46px}}