.hero-image img,
.about-preview-image img,
.imam-image img,
.donation-image img,
.contact-preview-image img,
.gallery-item img,
.event-card,
.blog-card,
.program-card,
.prayer-card {
    border-radius: 24px;
}

.hero-wrap .hero-content h1,
.section-heading h2 {
    letter-spacing: -0.02em;
}

.event-card,
.blog-card,
.program-card,
.prayer-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.event-card:hover,
.blog-card:hover,
.program-card:hover,
.prayer-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 45px rgba(0, 0, 0, 0.12);
}

.program-card,
.prayer-card {
    position: relative;
    overflow: hidden;
}

.program-card::before,
.prayer-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
}

.site-header {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.btn-primary {
    background: linear-gradient(135deg, var(--primary-color), #17876a);
}

.btn-outline {
    background: rgba(255, 255, 255, 0.7);
}

.gallery-item img {
    transition: transform 0.35s ease;
}

.gallery-item:hover img {
    transform: scale(1.03);
}