body {
      background-color: #fefaf0;
    }
    .navbar-brand img {
      height: 50px;
    }
    .search-bar {
      background: #e6f9f6;
      padding: 2rem;
      text-align: center;
    }
    .search-bar input, .search-bar select {
      max-width: 300px;
    }
    .restaurant-card {
      background: white;
      padding: 1rem;
      border-radius: 10px;
      text-align: center;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    .promo-banner {
      background: url('https://via.placeholder.com/800x200') no-repeat center center;
      background-size: cover;
      color: #000;
      text-align: center;
      padding: 2rem;
      font-size: 1.5rem;
      font-weight: bold;
    }
    .app-section img {
      width: 100%;
      max-width: 200px;
    }
    footer {
      background: #222;
      color: white;
      padding: 2rem 1rem;
    }
    footer a {
      color: #ddd;
      text-decoration: none;
    }
    a {
        text-decoration: none;
    }

    input::placeholder {
      color: #ccc !important; /* Light gray */
      opacity: 1;             /* Make sure it's fully visible */
    }

    textarea::placeholder {
      color: #ccc !important; /* Light gray */
      opacity: 1;             /* Make sure it's fully visible */
    }

    /* Add vendor-specific versions for better compatibility */
    input::-webkit-input-placeholder {
      color: #ccc !important;
    }

    input:-ms-input-placeholder {
      color: #ccc !important;
    }

    input::-ms-input-placeholder {
      color: #ccc !important;
    }

    input::-moz-placeholder {
      color: #ccc !important;
      opacity: 1;
    }

    input:-moz-placeholder {
      color: #ccc !important;
      opacity: 1;
    }