.variant-selector-wrapper{background:#fff;padding:16px 16px 16px 0;margin-bottom:20px}.variant-selector-title{font-size:16px;color:#333;margin-bottom:16px}.variant-facet{margin-bottom:20px}.variant-facet-label{font-size:14px;font-weight:600;color:#555}.variant-facet-current{font-size:14px;color:#222}.variant-toggle-group{gap:8px}.variant-toggle-btn{padding:8px 16px;border:2px solid #d0d7e2;border-radius:15px;background-color:#fff;font-size:14px;color:#333;cursor:pointer;transition:all .2s ease;min-width:80px}.variant-toggle-btn:hover:not(.disabled){border-color:#0d6efd;color:#0d6efd;box-shadow:0 0 0 1px rgba(13,110,253,.1)}.variant-toggle-btn.active{background-color:#fff;border-color:#0d6efd;color:#0d6efd;font-weight:600}.variant-toggle-btn.disabled{background-color:#f7f7f7;border-color:#e0e0e0;color:#b0b0b0;cursor:not-allowed}.variant-toggle-btn:focus{outline:2px solid #007bff;outline-offset:2px}.variant-dropdown{width:50%;padding:10px;border:2px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.variant-dropdown:focus{border-color:#007bff;outline:0;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.variant-dropdown option:disabled{color:#999}.variant-error{margin-bottom:16px;padding:12px;border-radius:4px}@media (max-width:767px){.variant-toggle-btn{flex:0 0 calc(50% - 4px);min-width:auto}}@media (min-width:768px) and (max-width:1023px){.variant-toggle-btn{flex:0 0 calc(33.333% - 6px)}}@media (prefers-contrast:high){.variant-toggle-btn{border-width:3px}.variant-toggle-btn.active{border-width:4px}}