/* Project cards (home Featured Projects + project page Similar Projects). Look projects.php jaisa,
   sab kuch .project-grid ke andar taaki header ke .icon-btn par asar na ho. */

.featured-projects-section{
  padding:70px 0;
  background:#faf8f4;
}
.project-grid .fp-head{
  text-align:center;
  max-width:720px;
  margin:0 auto 36px;
}
.project-grid .fp-sub{
  color:#666;
  margin:-18px 0 0;
}
.project-grid .fp-all{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:36px;
  padding:12px 28px;
  border-radius:8px;
  background:linear-gradient(90deg, #F6D98B 0%, #B8863B 50%, #6B4818 100%);
  color:#fff;
  font-weight:600;
  text-decoration:none;
}

.project-grid .project-card{
  background:#fff;
  border-radius:0;
  overflow:hidden;
  box-shadow:0 4px 18px rgba(20,30,60,0.06);
  transition:transform .2s ease, box-shadow .2s ease;
  height:100%;
}
.project-grid .project-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(20,30,60,0.12);
}
.project-grid .card-img-wrap{
  position:relative;
  height:200px;
  overflow:hidden;
}
.project-grid .card-img-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.project-grid .price-badge{
  position:absolute;
  top:14px;
  left:14px;
  background:#e0e0e0;
  color:#000;
  font-weight:700;
  font-size:.9rem;
  padding:6px 14px;
  border-radius:8px;
}
.project-grid .card-body{
  padding:18px 20px 20px;
}
.project-grid .project-name{
  font-weight:700;
  font-size:1.15rem;
  background:linear-gradient(90deg, #F6D98B 0%, #B8863B 50%, #6B4818 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  color:transparent;
  margin:12px 0 4px;
}
.project-grid .project-location{
  color:#6b7280;
  font-size:.9rem;
  margin-bottom:16px;
}
.project-grid .project-location i{
  margin-right:4px;
}
.project-grid .action-row{
  display:flex;
  align-items:center;
  gap:14px;
}
.project-grid .icon-btn{
  width:38px;
  height:38px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:1px solid #e5e7eb;
  background:#fff;
  flex-shrink:0;
}
.project-grid .icon-btn.call{ color:#000; }
.project-grid .icon-btn.whatsapp{ color:#25d366; }
.project-grid .brochure-btn{
  background:linear-gradient(90deg, #F6D98B 0%, #B8863B 50%, #6B4818 100%);
  color:#fff;
  border-radius:8px;
  padding:9px 18px;
  font-weight:600;
  font-size:.9rem;
  flex:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  white-space:nowrap;
}
@media (max-width:576px){
  .featured-projects-section{ padding:48px 0; }
}