.product-swatches{margin-bottom:10px;}
.product-swatch__values{display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;}
.product-swatch__values .product-swatch__value{display: flex;flex-direction: column;margin: 5px 10px 5px 0;}
.product-swatch__value .option-swatch__value{display: flex;align-items: center;margin: 0;}
.product-swatch__value .option-swatch__value {overflow: hidden;position: relative;cursor: pointer;}
.product-swatch__value .option-swatch__value .form-option-variant{display:block;padding:0;width:100%;text-decoration: none;font-weight: normal;min-width:100%;line-height:0;border: 1px solid transparent;border-radius: 500px;overflow: hidden;pointer-events: all;}
.product-swatch__value .option-swatch__value.swatch-metal-active .form-option-variant,.product-swatch__value .option-swatch__value:hover .form-option-variant{border: 1px solid #000;}
.product-swatch__value img {width:32px; height:32px;}
.product-swatch__value img.product-option__value-icon {border-radius: 500px;}

span.product-option__value-title {font-size: 11px;position: relative;}
span.product-option__value-title:after {content: '';width: 100%;border-bottom: 1px solid transparent;position: absolute;bottom: -5px;left: 0;}
.product-swatch__value:hover span.product-option__value-title,.product-swatch__value .swatch-metal-active span.product-option__value-title {font-weight: bold;}
.product-swatch__value:hover span.product-option__value-title:after,.product-swatch__value .swatch-metal-active span.product-option__value-title:after {border-bottom: 1px solid #000;}
@media screen and (max-width: 599.98px){
.product-swatch__values{width: 100%;margin: 0 auto;justify-content: center;}
.product-swatch__value .option-swatch__value{justify-content: center;}
}
@media screen and (min-width: 600px) and (max-width: 767px){
.product-swatch__values{width: 90%;margin: 0 auto;justify-content: center;}
.product-swatch__value .option-swatch__value{justify-content: center;}
}
@media screen and (min-width: 768px) and (max-width: 991px){
.product-swatch__values{width: 90%;margin: 0 auto;justify-content: center;}
.product-swatch__value .option-swatch__value{justify-content: center;}
}