/* ===========================
   BIRTHDAY PARTIES PAGE
=========================== */


body{
    background:#050505;
    color:#fff;
    font-family:'Inter',sans-serif;
}


/* ===========================
   HERO
=========================== */


.party-hero{

    min-height:90vh;

    display:flex;
    justify-content:center;
    align-items:center;

    text-align:center;

    padding:100px 10% 60px;


    background:
    linear-gradient(rgba(5,5,5,.72),rgba(5,5,5,.85)),
    url("../assets/birthday/hero.jpg");


    background-size:cover;

    background-position:center;

}


.hero-content{

    max-width:800px;

}


.hero-content span{

    color:#ff2bd6;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

}



.hero-content h1{

    font-family:'Barlow Condensed',sans-serif;

    font-size:120px;

    line-height:1;


    text-shadow:

    0 0 15px #ff2bd6,

    0 0 40px rgba(255,43,214,.6);

}



/* ===========================
   PARTY GALLERY
=========================== */


.party-gallery{

    padding:80px 8%;

}



.party-gallery h1{


    text-align:center;

    font-family:'Barlow Condensed';

    font-size:3.5rem;


    text-shadow:

    0 0 15px #ff2bd6,

    0 0 35px rgba(255,43,214,.5);

}

.party-gallery h2{
    text-align:center;
    font-family:'Barlow Condensed',sans-serif;
    font-size:clamp(1.4rem, 4vw, 1.8rem);
    letter-spacing:1px;
    text-transform:uppercase;
    margin:8px 0 24px;
    color:#ddd;
}



.party-gallery p{


    color:#ddd;

    font-size:1rem;

    text-align:center;

    margin:25px 0 30px;

}



.gallery{


    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

}



.gallery img{


    width:100%;

    height:280px;

    object-fit:cover;

    border-radius:20px;

    transition:.4s;

    cursor:pointer;

}



.gallery img:hover{


    transform:scale(1.05);


    box-shadow:


    0 0 25px rgba(255,43,214,.5),

    0 0 50px rgba(255,105,220,.3);

}





/* ===========================
   PARTY FEATURES
=========================== */


.party-features{


    padding:90px 8%;

}



.party-features h2{


    text-align:center;

    margin-bottom:60px;

    font-family:'Barlow Condensed';

    font-size:3.5rem;


    text-shadow:

    0 0 15px #ff2bd6;

}



.party-grid{


    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));

    gap:30px;

}



.party-card{


    background:#100810;


    border-radius:20px;


    padding:40px;


    text-align:center;


    border:1px solid rgba(255,43,214,.35);


    transition:.35s;

}



.party-card:hover{


    transform:translateY(-8px);


    border-color:#ff2bd6;


    box-shadow:


    0 0 25px rgba(255,43,214,.45);


}



.party-card i{


    font-size:3rem;


    color:#ff2bd6;


    margin-bottom:20px;


}



.party-card h3{


    font-family:'Barlow Condensed';


    font-size:2rem;


    margin-bottom:15px;


}



.party-card p{


    color:#cfcfcf;

    line-height:1.8;

}





/* ===========================
   BIRTHDAY PACKAGES
=========================== */



.packages{


    padding:90px 8%;


    background:

    radial-gradient(circle,#2b0926 0%,#050505 75%);


}



.packages h2{


    text-align:center;


    font-family:'Barlow Condensed';


    font-size:3.5rem;


    margin-bottom:50px;


    text-shadow:

    0 0 20px #ff2bd6;

}




.package-grid{


    display:grid;


    grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));


    gap:30px;


}




.package-card{


    background:#0d0d10;


    padding:40px;


    border-radius:20px;


    border:1px solid rgba(255,43,214,.3);


    transition:.35s;


}



.package-card:hover{


    transform:translateY(-10px);


    box-shadow:


    0 0 30px rgba(255,43,214,.4);


    border-color:#ff2bd6;


}



.package-card h3{


    font-family:'Barlow Condensed';


    font-size:2.2rem;


    color:#ff2bd6;


}



.package-card p{


    color:#ccc;


}



.package-card ul{


    padding-left:20px;


    color:#ddd;


    line-height:2;

}





/* ===========================
   CTA
=========================== */


.cta-section{


    text-align:center;


    padding:100px 8%;


    background:


    radial-gradient(circle,#2b0926 0%,#050505 75%);


}



.cta-section h2{


    font-family:'Barlow Condensed';


    font-size:4rem;


}



.cta-section p{


    color:#ccc;

}





/* ===========================
   RESPONSIVE
=========================== */


@media(max-width:992px){


.gallery{

    grid-template-columns:repeat(2,1fr);

}


}



@media(max-width:768px){
    .party-gallery{
        padding:96px 16px 48px;
    }

    .party-gallery h1{
        font-size:clamp(1.8rem, 8vw, 2.4rem);
    }

    .party-gallery h2{
        font-size:clamp(1.2rem, 5vw, 1.5rem);
    }

    .party-gallery p{
        font-size:.95rem;
        line-height:1.65;
    }

    .gallery{
        grid-template-columns:1fr;
        gap:12px;
    }

    .party-features h2,
    .packages h2,
    .cta-section h2{
        font-size:clamp(1.8rem, 8vw, 2.4rem);
    }
}

@media (max-width:480px){
    .party-gallery{
        padding:88px 12px 40px;
    }
}