/* Stiluri personalizate */
body { background-color: #FDFCF0; }
.page { display: none; min-height: 100vh; }
.page.active { display: block; }

.hero {
    height: 60vh;
    background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),
                url('https://images.unsplash.com/photo-1603006905003-be475563bc59?w=1000') center/cover;
    display: flex; align-items: center; justify-content: center;
}

.drawer {
    position: fixed; top: 0; right: 0; height: 100%; width: 320px;
    background: white; z-index: 100; padding: 20px;
    transform: translateX(100%); transition: 0.4s;
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
    display: flex; flex-direction: column;
}
.drawer.open { transform: translateX(0); }

.overlay {
    position: fixed; inset: 0; background: rgba(0,0,0,0.5);
    z-index: 90; display: none; backdrop-filter: blur(2px);
}
.overlay.open { display: block; }

.nav-bar {
    position: fixed; bottom: 0; left: 0; right: 0;
    background: rgba(255,255,255,0.9); backdrop-filter: blur(10px);
    border-top: 1px solid #eee; padding: 20px; z-index: 80;
    display: flex; justify-content: space-around; align-items: center;
}

.input-field {
    width: 100%; border-bottom: 1px solid #ccc; padding: 12px;
    background: transparent; outline: none;
}

.btn-primary {
    width: 100%; background-color: #2C1B12; color: white;
    padding: 16px; rounded-radius: 15px; font-weight: bold;
    text-transform: uppercase; font-size: 10px; letter-spacing: 1px;
}

.badge {
    background: #D4AF37; color: white; padding: 2px 6px;
    border-radius: 50%; font-size: 9px; margin-left: 4px;
}