/* ===== HERO SECTIONS ===== */
.hero, .books-hero, .audiobook-hero, .about-hero, .contact-hero {
  background-color: var(--dark-color);
  color: var(--light-color);
  padding: 5rem 0;
  margin-bottom: 3rem;
  background-image: linear-gradient(rgba(48, 25, 52, 0.9), rgba(48, 25, 52, 0.9)), url('/images/hero-background.jpg');
  background-size: cover;
  background-position: center;
}

.hero h1, .books-hero h1, .audiobook-hero h1, .about-hero h1, .contact-hero h1 {
  font-size: 3.5rem;
  margin-bottom: 1rem;
}

.hero h2 {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
  font-style: italic;
}

.hero-buttons {
  margin-top: 2rem;
}