/* Tailwind is loaded via CDN for development/preview. Run 'npm run build' to generate this file for production. */


.shopier-bg {
  background-color: #6700ff;
}

.product-image-container {
  height: 420px !important;
}

@media (min-width: 768px) {
  .product-image-container {
    height: 520px !important;
  }
}

.product-image {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.shopier-bg:hover {
  background-color: #5600d6;
}