.gallery-column {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

/* Keep the thumbnail rail scrollable without widening the product page. */
.gallery-thumbs {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.gallery-footnote {
  max-width: 100%;
}

/* Use the supplier's variation photo when it exists; HEX is only a fallback. */
.color-choice:before,
.color-choice-image {
  grid-area: 1 / 1;
}

.color-choice-image {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: contain;
  display: block;
  opacity: 0;
  transition: opacity .15s ease;
}

.color-choice.has-source-image .color-choice-image {
  opacity: 1;
}

.color-choice.has-source-image:before {
  opacity: 0;
}

@media (max-width: 700px) {
  .color-choice-image {
    width: 25px;
    height: 25px;
  }
}