/* iQ Modern Variation Swatches 1.1 */
.iqms-native-select{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.iqms-variation-ui{width:100%;margin:0 0 24px}
.iqms-option-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 11px}
.iqms-option-title{font-size:15px;font-weight:700;line-height:1.35;color:#18181b;letter-spacing:-.1px}
.iqms-option-selected{font-size:14px;font-weight:500;color:#777;margin-left:7px}
.iqms-option-selected:before{content:"("}
.iqms-option-selected:after{content:")"}
.iqms-option-selected:empty:before,.iqms-option-selected:empty:after{content:""}
.iqms-swatches{display:flex;flex-wrap:wrap;gap:10px}
.iqms-swatch{
  appearance:none;-webkit-appearance:none;border:1px solid #dedede;background:#fff;
  color:#242424;border-radius:11px;min-width:78px;min-height:44px;padding:10px 15px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:inherit;font-size:14px;font-weight:600;line-height:1;cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
  box-sizing:border-box;position:relative;outline:0;
}
.iqms-swatch:hover{border-color:#aaa;transform:translateY(-1px)}
.iqms-swatch.is-selected{
  border-color:#171717;background:#fff;box-shadow:0 0 0 1px #171717,0 4px 12px rgba(0,0,0,.07);
}
.iqms-swatch.is-disabled{opacity:.32;cursor:not-allowed;text-decoration:line-through;transform:none}
.iqms-swatch-button{padding-left:18px;padding-right:18px}
.iqms-color-dot{width:22px;height:22px;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.iqms-swatch-color{min-width:82px}
.iqms-image{width:42px;height:42px;display:block;overflow:hidden;border-radius:8px;background:#f5f5f5}
.iqms-image img{width:100%;height:100%;object-fit:cover;display:block}
.variations_form .variations .iqms-native-select{display:block!important}
.variations_form .variations .reset_variations{display:none!important}
.variations_form .variations .value{position:relative}
@media(max-width:600px){
 .iqms-variation-ui{margin-bottom:20px}
 .iqms-swatches{gap:8px}
 .iqms-swatch{min-height:42px;min-width:70px;padding:9px 13px}
 .iqms-swatch-color{min-width:74px}
}