/* Image selectors for existing Eroship variations. */
.esvi-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:inherit;gap:6px;margin:10px 0 6px;order:4}
.esvi-grid-option{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:2px;border:1px solid #d5d5d5;border-radius:3px;background:#fff;color:#242424;box-shadow:none;cursor:pointer;line-height:1.2;font-size:12px;transition:border-color .15s}
.esvi-grid-option.esvi-has-image{width:36px;min-width:36px;overflow:hidden}
.esvi-grid-option img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}
.esvi-grid-option.esvi-has-image .esvi-option-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.esvi-grid-option[aria-pressed=true],.esvi-grid-option:hover{border-color:#222;box-shadow:0 0 0 1px #222}
.esvi-grid-option:focus-visible,.esvi-option:focus-visible,.esvi-more:focus-visible{outline:2px solid #222;outline-offset:3px}
.esvi-more{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:36px;padding:0 4px;font-size:12px;color:inherit;text-decoration:none}
.esvi-preview-active .hover-img{opacity:0!important;visibility:hidden!important}
.esvi-preview-active .product-image-link img{opacity:1!important}
body .wd-product.wd-hover-base .product-element-bottom .esvi-grid{order:4}
body .wd-product.wd-hover-base .product-element-bottom .wd-bottom-actions{order:5}
.esvi-ready .esvi-native-select,.esvi-cell>.wd-swatches-product{display:none!important}
.esvi-options{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.esvi-option{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:86px;min-width:0;min-height:40px;padding:5px;border:1px solid #d5d5d5;border-radius:3px;background:#fff;color:#222;box-shadow:none;font-size:12px;line-height:1.3;font-weight:400;text-transform:none;letter-spacing:0;white-space:normal;cursor:pointer;overflow-wrap:anywhere;transition:border-color .15s}
.esvi-option img{display:block;width:64px;height:64px;object-fit:contain;flex-shrink:0}
.esvi-option .esvi-option-label{display:block;width:100%;text-align:center}
.esvi-option.esvi-text-only{width:auto;min-width:44px;max-width:180px;padding:8px 12px}
.esvi-option[aria-pressed=true]{border-color:#222;box-shadow:0 0 0 1px #222}
.esvi-option:hover:not(:disabled){border-color:#222;background:#fff;color:#222}
.esvi-option:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}
.esvi-selected-label{font-weight:400}
@media(max-width:767px){
.esvi-grid{gap:5px;margin-top:8px}
.esvi-grid-option.esvi-has-image{width:32px;min-width:32px;height:32px}
.esvi-option{width:76px}
.esvi-option img{width:56px;height:56px}
.esvi-options{gap:6px}
}