/* =========================
   CAMPAIGNS PAGE
========================= */


:root{

--primary:#C8A46A;
--brown:#5C4332;
--bg:#F8F5F0;

}


/* HERO */


.campaign-hero{

height:55vh;

background:
linear-gradient(
rgba(0,0,0,.55),
rgba(0,0,0,.55)
),
url("../images/homewomen.jpg");

background-size:cover;

background-position:center;

display:flex;

justify-content:center;

align-items:center;

text-align:center;

}


.hero-overlay{

color:white;

max-width:750px;

padding:20px;

}



.hero-overlay h1{

font-size:55px;

margin-bottom:20px;

}


.hero-overlay p{

font-size:18px;

line-height:1.7;

margin-bottom:30px;

}


.hero-btn{

background:var(--primary);

padding:15px 35px;

border-radius:30px;

color:white;

text-decoration:none;

font-weight:bold;

}




/* FEATURED CAMPAIGN */


.featured-campaign{

padding:80px 10%;

display:grid;

grid-template-columns:1fr 1fr;

gap:50px;

align-items:center;

}



.featured-image img{

width:100%;

height:450px;

object-fit:cover;

border-radius:20px;

}



.campaign-status{

background:var(--primary);

color:white;

padding:8px 20px;

border-radius:20px;

}



.featured-content h2{

font-size:38px;

color:var(--brown);

margin:25px 0;

}



.featured-content p{

line-height:1.8;

color:#555;

}



.featured-buttons{

margin-top:30px;

}



.btn-primary,
.btn-secondary{


padding:14px 30px;

border-radius:30px;

text-decoration:none;

margin-right:15px;

}



.btn-primary{

background:var(--primary);

color:white;

}



.btn-secondary{

border:2px solid var(--primary);

color:var(--primary);

}




/* CAMPAIGN CARDS */


.campaigns{

padding:80px 10%;

background:var(--bg);

}



.section-title{

text-align:center;

margin-bottom:50px;

}



.section-title h2{

font-size:40px;

color:var(--brown);

}



.campaign-grid{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(260px,1fr));

gap:30px;

}




.campaign-card{

background:white;

border-radius:15px;

overflow:hidden;

box-shadow:
0 10px 25px rgba(0,0,0,.08);

transition:.3s;

}



.campaign-card:hover{

transform:translateY(-10px);

}



.campaign-card img{

width:100%;

height:230px;

object-fit:cover;

}



.card-content{

padding:25px;

}



.card-content span{

color:var(--primary);

font-weight:bold;

}



.card-content h3{

color:var(--brown);

margin:15px 0;

}



.card-content p{

color:#666;

line-height:1.6;

}



.card-content a{

color:var(--primary);

text-decoration:none;

font-weight:bold;

}




@media(max-width:900px){


.campaign-hero{

height:60vh;

}


.hero-overlay h1{

font-size:38px;

}


.featured-campaign{

grid-template-columns:1fr;

}


}