
.variants-selector > .variant-fields-container > .variant-field { margin: 8px 0; }
.modal.shop .variants-selector > .variant-fields-container > .variant-field { padding: 0; width: 100%; }


.variant-field-options { display:  flex; flex-direction: row; flex-wrap: wrap; margin: 0 -6px; }
.variant-field-options > .variant-field-option-container { flex: 1 1; margin: 6px; }
.variant-field-options > .variant-field-option-container > input { display: none; }
.variant-field-options > .variant-field-option-container > .variant-field-option { display: flex; flex-direction: column; justify-content: center; padding: 8px; align-items: center; width: 100%; background-color: #fefefe; border: 1px solid #eee; border-radius: 6px; }
.variant-field-options > .variant-field-option-container > input:checked + .variant-field-option { border-color: var(--main-color); color: var(--main-color); }

.variant-field.field-taille .variant-field-options { justify-content: flex-start; }
.variant-field.field-taille .variant-field-options > .variant-field-option-container { max-width: 35px; }

.variants-selector > .variant-products-container { margin: 8px 0; }
.variants-selector > .variant-products-container > .variant-products > .pretty-select .option > span { display: block; width: 100%; height: 100%; }
.variants-selector > .variant-products-container > .variant-products > .pretty-select .option > span > .product-variant { display: flex; flex-direction: row; height: 100%; }
.variants-selector > .variant-products-container > .variant-products > .pretty-select .option > span > .product-variant > figure { flex: 1 1; width: 45px; max-width: 45px; height: 100%; margin-right: 10px; }
.variants-selector > .variant-products-container > .variant-products > .pretty-select .option > span > .product-variant > figure > img { width: 100%; height: 100%; object-fit: contain; }
.variants-selector > .variant-products-container > .variant-products > .pretty-select .option > span > .product-variant > span.title { display: flex; justify-content: flex-start; align-items: center;}