/* ================= SECTION ================= */
.astro-pooja-services{
  background:#EED9C4;
  padding:80px 30px;
  font-family:'Poppins',system-ui,sans-serif;
}

/* ================= HEADER ================= */
.astro-header{
  text-align:center;
  margin-bottom:50px;
}

.astro-header h1{
  font-size:3.2rem;
  margin-bottom:10px;
  color:#b10000;
}

.astro-header p{
  max-width:650px;
  margin:0 auto;
  font-size:1.2rem;
  color:#000;
}

/* ================= GRID ================= */
.astro-cards-wrapper{
  display:flex;
  flex-wrap:wrap;
  gap:30px;
  justify-content:center;
}

/* ================= CARD ================= */
.astro-card{
  width:260px;
  height:460px;
  background-image:var(--bg);
  background-size:cover;
  background-position:center;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  position:relative;
  overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,.6);
  transition:transform .3s ease;
}

.astro-card:hover{
  transform:translateY(-10px);
}

/* ================= ICON ================= */
.astro-icon{
  position:absolute;
  top:15px;
  right:15px;
  background:#fcbf49;
  color:#000;
  padding:10px;
  border-radius:50%;
  font-size:1rem;
}

/* ================= INFO ================= */
.astro-info{
  background:rgba(255,183,77,.88);
  padding:20px;
  border-top-left-radius:40px;
  color:#000;
  height:50%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.astro-info h2{
  font-size:1.3rem;
  margin:0 0 8px;
}

.astro-info p{
  font-size:.95rem;
}

/* ================= BUTTONS ================= */
.astro-buttons{
  display:flex;
  gap:10px;
}

.astro-btn{
  flex:1;
  padding:8px 12px;
  border-radius:20px;
  text-align:center;
  font-weight:600;
  font-size:.85rem;
  color:#fff;
  text-decoration:none;
}

.call{ background:#511104; }
.whatsapp{ background:#25D366; }

.call:hover{ background:#4d0404; }
.whatsapp:hover{ background:#1ebe5d; }

/* ================= RESPONSIVE ================= */
@media(max-width:768px){
  .astro-header h1{ font-size:2.2rem; }
  .astro-card{ width:100%; max-width:320px; }
}
