.hero {
      background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.7)),
                  url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c');
      background-size: cover;
      background-position: center;
      color: #fff;
      padding: 100px 0;
      text-align: center;
    }

    .hero h1 {
      font-size: 3rem;
      font-weight: bold;
    }

    .hero p {
      font-size: 1.2rem;
      opacity: 0.9;
    }

    .section-title {
      font-weight: 600;
      margin-bottom: 30px;
      text-align: center;
    }

    .feature-icon {
      font-size: 40px;
      color: #c9b89a;
      font-weight: bold;
    }

    .event-card {
      border: none;
      border-radius: 15px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    }

    .form-control {
      border-radius: 10px;
    }

    .btn-primary {
      border-radius: 10px;
      padding: 10px;
      font-weight: 500;
    }

    .footer {
      background: #111;
      color: #ccc;
      padding: 20px 0;
      text-align: center;
    }


    .store-card {
    border-radius: 16px;
    transition: all 0.3s ease;
}

.store-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.map-wrapper {
    border-radius: 16px;
    height: 100%;
}

.btn-success {
    background-color: #25D366;
    border: none;
}

.btn-success:hover {
    background-color: #1ebe5d;
}

.glow-btn {
    border: 2px solid red;
    animation: glowBlink 1s infinite alternate;
}

@keyframes glowBlink {
    0% {
        box-shadow: 0 0 5px red, 0 0 10px red;
        border-color: red;
    }
    100% {
        box-shadow: 0 0 20px red, 0 0 40px red;
        border-color: darkred;
    }
}

/* Optional hover boost */
.glow-btn:hover {
    transform: scale(1.05);
}


/* Additional styles for the map button */
.glow-btn-warning {
    display: inline-block;
    padding: 18px 36px;
    font-size: 1.25rem;
    font-weight: 600;
    text-decoration: none;

    color: #212529; /* Bootstrap warning text color */
    background: linear-gradient(135deg, #ffc107, #e0a800);
    border: 3px solid #ffc107;

    border-radius: 999px; /* fully rounded */

    animation: glowWarning 1s infinite alternate;
    transition: transform 0.2s ease;
}

@keyframes glowWarning {
    0% {
        box-shadow:
            0 0 10px #ffc107,
            0 0 20px #ffcd39,
            0 0 30px #ffe08a;
        border-color: #ffc107;
    }
    100% {
        box-shadow:
            0 0 25px #e0a800,
            0 0 50px #ffc107,
            0 0 75px #ffe08a;
        border-color: #ffcd39;
    }
}

.glow-btn-warning:hover {
    transform: scale(1.08);
}