/* Make size variants horizontal */
.variant-options,
.product-variants,
.variants,
.option-values {
display: flex !important;
flex-wrap: wrap;
gap: 10px;
}
/* Each size button */
.variant-options label,
.option-values label,
.product-variants label {
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: 8px 14px;
border-radius: 6px;
cursor: pointer;
}
/* Hide radio input */
.variant-options input[type="radio"] {
display: none;
}
/* Style size boxes */
.variant-options input[type="radio"] + label {
border: 1px solid #ccc;
background: #fff;
}
/* Selected size */
.variant-options input[type="radio"]:checked + label {
background: #000;
color: #fff;
border-color: #000;
}
