.wc-linked-colors-wrap {
  margin-top: 20px;
}

.wc-linked-colors-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.wc-linked-colors-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.wc-linked-color-item img {
  width: 100%;
  display: block;
  border: 1px solid #e5e5e5;
}

.wc-linked-color-item:hover img {
  border-color: #000;
}

/* Mobile: 5 columns */
@media (max-width: 768px) {
  .wc-linked-colors-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}