/* Custom styles */
.color-option {
  transition: all 0.2s ease;
}

.color-option.selected {
  background-color: #000;
  color: white;
  border-color: #000;
}

/* Image hover effect */
.thumbnail:hover {
  opacity: 0.8;
}

/* Adicionando estilo para thumbnail ativo/selecionado */
.thumbnail.active {
  border-color: #1f2937;
  border-width: 2px;
}

/* Smooth transitions */
a,
button {
  transition: all 0.2s ease;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .product-container {
    flex-direction: column;
  }

  .thumbnails {
    flex-direction: row;
    order: 2;
  }
}