/* =========================================
   HOME PAGE CSS
========================================= */

body.home-page{
    line-height: 1.6;
}



/* =========================================
   HOME GRID
========================================= */

.home-page .grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(310px,1fr));
    gap: 25px;
}

/* =========================================
   HOME CARD
========================================= */

.home-page .card{
    background: #fff;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.home-page .card:hover{
    transform: translateY(-6px);
}

.home-page .card h3{
    color: #8b0000;
    margin-bottom: 18px;
    font-size: 24px;
}

.home-page .card p{
    margin-bottom: 18px;
    line-height: 1.8;
}

/* =========================================
   HOME TABLE SECTION
========================================= */

.home-page .dates-section{
    background: #fff3e0;
}



/* =========================================
   HOME HERO IMAGE
========================================= */

.home-page .hero-section{
    background-image:
    url('https://images.unsplash.com/photo-1513151233558-d860c5398176?q=80&w=1400&auto=format&fit=crop');
}


/* =========================================
   PURNIMA HERO IMAGE
========================================= */

.purnima-page .hero-section{
    background-image:
    url('/images/purnima-banner.webp');
}



/* =========================================
   EKADASHI HERO IMAGE
========================================= */

.ekadashi-page .hero-section{
    background-image:
    url('/images/ekadashi-banner.webp');
}



/* =========================================
   AMAVASYA HERO IMAGE
========================================= */

.amavasya-page .hero-section{
    background-image:
    url('/images/amavasya-banner.webp');
}