/** Shopify CDN: Minification failed

Line 48:0 Unexpected "}"

**/
/* ---------- Swatch layout ---------- */
.imswatches {
  display: grid;
  grid-template-columns: repeat(6, 75px); /* desktop: exactly 6 per row */
  gap: 12px;
  margin: .5rem 0 1rem;
  width: 100%;
  justify-content: start;
  overflow: visible;
}

/* Base swatch style */
.imswatch {
  box-sizing: border-box;
  width: 75px;
  height: 75px;
  padding: 0;
  border: 1px solid #888;              /* thin gray border */
  border-radius: 6px;                   /* match store look */
  overflow: hidden;
  background: transparent;
  cursor: pointer;
}

.imswatch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Hover + active */
.imswatch:hover {
  border-color: #ccc;
}

.imswatch.is-active,
.imswatch[aria-pressed="true"] {
  border-color: #ccc;
  box-shadow: 0 0 6px rgba(0,0,0,0.15); /* soft light grey shadow */
}

}

/* ---------- Responsive wrap ---------- */
/* Tablets/phones: larger than before */
@media (max-width: 768px) {
  .imswatches {
    grid-template-columns: repeat(auto-fit, minmax(65px, 1fr));
    gap: 10px;
  }
  .imswatch {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
}

/* Very small phones */
@media (max-width: 420px) {
  .imswatches {
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    gap: 14px;
  }
}