/* Centralized site stylesheet */
:root { --brand: #ff6b6b; }

/* Global typography */
body { font-family: 'Poppins', sans-serif; }
h1, h2 { font-family: 'Playfair Display', serif; }

/* Buttons */
.btn-brand { background-color: var(--brand); color: #fff; border: none; }
.btn-brand:hover { background-color: #ee5253; color: #fff; }

/* Hero */
.hero-section { background-size: cover; background-position: center; }
body.test-landing .hero-section { background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.4)), url('https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&q=80'); height:85vh; display:flex; align-items:center; color:white; }

/* Product cards */
.product-card { transition: transform .3s ease; }
.product-card:hover { transform: translateY(-10px); }

/* Navbar dropdown on hover for larger screens */
@media (min-width: 768px) { .navbar .dropdown:hover > .dropdown-menu { display: block; } }

/* Mobile spacing for bottom nav */
@media (max-width: 767.98px) { body { padding-bottom: 76px; } }

/* Mobile bottom nav */
.app-bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; height: 60px; background: #fff; border-top: 1px solid rgba(0,0,0,.08); display: flex; align-items: center; justify-content: space-around; z-index: 1100; box-shadow: 0 -1px 6px rgba(0,0,0,.06); }
.app-bottom-nav a { color: #333; text-decoration: none; font-size: 12px; display: flex; flex-direction: column; align-items: center; gap: 2px; }
.app-bottom-nav .badge { font-size: .65rem; }

/* Auth form helpers */
.auth-card { border-radius: 12px; }
.auth-title { font-size: 1.5rem; font-weight: 700; }
.auth-sub { color: #6c757d; }
.form-control-lg { padding: .75rem 1rem; font-size: 1rem; }

.feature-icon { font-size: 2.5rem; color: #48dbfb; }