#sp-clapete-selector{margin:12px 0 16px}.spc-preview{display:flex;align-items:center;gap:12px;background:#f8f8f8;border-radius:8px;padding:10px 14px;margin-bottom:10px;min-height:52px}.spc-preview-label{font-size:12px;font-weight:700;color:#888;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.spc-preview-content{display:flex;align-items:center;gap:10px;flex:1}.spc-preview-img{width:58px;height:58px;object-fit:contain;border-radius:6px;background:#fff;border:1px solid #e5e5e5;flex-shrink:0}.spc-preview-info{display:flex;flex-direction:column;gap:2px}.spc-preview-name{font-size:13px;font-weight:600;color:#222;line-height:1.4}.spc-preview-price{font-size:13px;color:#16a34a;font-weight:700}.spc-toggle{width:100%;padding:11px 16px;background:#1a1a2e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .15s}.spc-toggle:hover{background:#2d2d4e}.spc-arrow{font-size:11px}.spc-dropdown{background:#fff;border:1px solid #e5e5e5;border-radius:10px;margin-top:6px;padding:14px;box-shadow:0 4px 20px #0000001a}.spc-hidden{display:none!important}.spc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}@media(max-width:640px){.spc-grid{grid-template-columns:repeat(3,1fr)}}.spc-card{border:2px solid #e5e5e5;border-radius:10px;padding:10px 8px;cursor:pointer;text-align:center;transition:all .12s;background:#fff}.spc-card:hover{border-color:#93c5fd;background:#f0f6ff}.spc-card.spc-active{border-color:#1a1a2e;background:#f0f4ff}.spc-card-img-wrap{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:7px}.spc-card-img-wrap img{width:100%;height:100%;object-fit:contain;border-radius:6px}.spc-no-img{width:100%;height:100%;background:#f0f0f0;border-radius:6px}.spc-card-name{font-size:11px;color:#333;line-height:1.35;margin-bottom:4px;min-height:30px}.spc-card-price{font-size:12px;font-weight:700;color:#1a1a2e}.spc-nav{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #f0f0f0}.spc-nav-btn{background:#f4f5f7;border:1px solid #ddd;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.spc-nav-btn:hover{background:#e0e7ff;border-color:#93c5fd}.spc-nav-info{font-size:12px;color:#999}
/*# sourceMappingURL=/cdn/shop/t/3/assets/clapete-selector.css.map */