[x-cloak] { display: none !important; }

html, body {
  overflow-x: hidden;
  max-width: 100%;
}

.hero-gradient {
  background: linear-gradient(120deg, #3E2B63 0%, #5B3E8C 55%, #8B6FC4 100%);
}

.product-card img {
  transition: transform .35s ease;
}
.product-card:hover img {
  transform: scale(1.05);
}

/* Simple line-clamp fallback (Tailwind CDN doesn't include the plugin) */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}