.product-images {
  flex: 1;
}
.main-image {
  width: 100%; border-radius: 8px; max-height: 400px; object-fit: contain; background: #f9f9f9;
}
.product-details {
  flex: 1;
}
.product-title {
  font-size: 28px; margin-bottom: 10px;
}
.product-short-desc {
  font-size: 16px; color: #555; margin-bottom: 20px;
}
.price-section {
  font-size: 20px; margin-bottom: 20px;
}
.old-price {
  text-decoration: line-through; color: #999; margin-right: 10px;
}
.current-price {
  color: #007bff; font-weight: bold;
}
.product-variants label {
  display: block; margin-top: 15px; margin-bottom: 5px; font-weight: bold;
}
.color-circle {
  width: 25px; height: 25px; border-radius: 50%; border: 2px solid #ddd; cursor: pointer; display: inline-block;
}
.color-circle.selected {
  border-color: #007bff; box-shadow: 0 0 4px 1px #000000b8;
}
.size-btn {
  padding: 5px 10px; border: 1px solid #ddd; cursor: pointer; background: #f9f9f9;
}
.size-btn.selected {
  border: 2px solid #007bff;
}
.add-to-cart-btn {
  margin-top: 20px; padding: 12px 25px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px;
}
.add-to-cart-btn:hover {
  background-color: #0056b3;
}
.thumbnails {
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.thumbnails img {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  cursor: pointer;
  object-fit: cover;
  border: 1px solid #ddd;
}