body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #c5c5c5; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #a0a0a0; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.hero-slide { transition: opacity .6s ease-in-out; }

.rating-stars { color: #f59e0b; }

.product-card { transition: transform .2s ease, box-shadow .2s ease; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,.08); }

/* Manual "prose" styling for static content pages (Tailwind CDN has no typography plugin) */
.prose { color: #374151; line-height: 1.75; }
.prose p { margin-bottom: 1rem; }
.prose h3 { font-size: 1.15rem; font-weight: 700; color: #111827; margin-top: 1.75rem; margin-bottom: 0.75rem; }
.prose h3:first-child { margin-top: 0; }
.prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.prose li { margin-bottom: 0.4rem; }
.prose a { color: #f97316; font-weight: 500; text-decoration: underline; }
.prose a:hover { color: #ea580c; }
.prose strong { color: #111827; font-weight: 600; }