.wc-ais__selectwrap select.wc-ais__select{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  opacity:0 !important;
}

.wc-ais__swatches{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin: 8px 0 14px;
}

.wc-ais__swatch{
  width:150px;
  min-height:150px;
  border:2px solid #e3e3e3;
  border-radius:12px;
  background:#fff;
  padding:8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition: all .18s ease;
  text-align:center;
}

.wc-ais__swatch:hover{
  border-color:#111;
}

.wc-ais__swatch.is-selected{
  border-color:#111;
  box-shadow: 0 0 0 2px rgba(17,17,17,.18);
}

.wc-ais__swatch.is-disabled{
  opacity:.35;
  cursor:not-allowed;
  filter: grayscale(1);
}

.wc-ais__imgwrap{
  width:150px;
  height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.wc-ais__swatch img{
  width:150px;
  height:150px;
  object-fit:cover;
  border-radius:10px;
}

.wc-ais__label{
  font-weight:700;
  font-size:16px;
  line-height:1.1;
}

.wc-ais__caption{
  margin-top:6px;
  font-size:12px;
  opacity:.75;
}

@media (max-width: 768px){
  .wc-ais__swatches{
    overflow:auto;
    flex-wrap:nowrap;
    padding-bottom:6px;
    -webkit-overflow-scrolling: touch;
  }
  .wc-ais__swatch{
    flex: 0 0 auto;
  }
}