.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 #333;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-wrapper{position:relative;display:inline-block;min-width:180px;max-width:100%}.variant-dropdown-wrapper::after{content:'';position:absolute;top:50%;right:12px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #555;pointer-events:none;z-index:1}.variant-dropdown{min-width:180px;width:auto;max-width:100%;padding:8px 35px 8px 14px;border:1px solid #e5eaef;border-radius:2px;font-size:14px;background-color:#f2f5fa;color:#333;cursor:pointer;transition:100ms ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-dropdown:focus{box-shadow:0 0 0 2pt #3b99fc;border:1px solid #e6eaef;outline:0}.variant-dropdown:hover{border-color:#cecfd1}.variant-dropdown::-ms-expand{display:none}.variant-dropdown option{white-space:normal;padding:8px 14px}.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}}