body {
      background-color: #f5f5f5;
    }
    header.hero {
      background: linear-gradient(135deg, #0077b6, #03045e);
      color: #fff;
      padding-top: 2.5rem;
      padding-bottom: 3.5rem;
      background-image: url(../img/bg_hero_2.png);
      background-size: cover;
    }
    .hero .address {
      opacity: 0.95;
      font-size: 0.95rem;
    }
    .hero .badge-custom {
      background-color: rgba(255, 255, 255, 0.15);
      border-radius: 999px;
      padding: 0.25rem 0.85rem;
      font-size: 0.8rem;
    }
    .hero-list {
      list-style: none;
      padding-left: 0;
      font-size: 0.95rem;
    }
    .hero-list li::before {
      content: "• ";
      color: #ffdd57;
    }
    .reservation-card {
      border-radius: 1rem;
      box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.25);
    }
    .gallery img {
      height: 220px;
      object-fit: cover;
      border-radius: 0.75rem;
    }
    .map-wrapper iframe {
      border-radius: 0.75rem;
    }
    footer {
      background-color: #03045e;
      color: #e0f4ff;
    }
    footer a {
      color: #ffdd57;
      text-decoration: none;
    }
    footer a:hover {
      text-decoration: underline;
    }
    .logo-placeholder {
      max-height: 80px;
    }