:root{--dinzad:#f1b53a;--dinzad-dark:#1c4037;--dinzad-soft:#fff8e9}
.project-hero{padding:110px 0 70px;background:linear-gradient(135deg,#fff9ed 0%,#f7f4e8 100%)}
.project-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.05;margin-bottom:20px}
.project-icon{width:68px;height:68px;border-radius:20px;background:var(--dinzad-soft);display:flex;align-items:center;justify-content:center;font-size:34px;color:var(--dinzad-dark);margin-bottom:22px}
.project-grid-card{height:100%;background:#fff;border:1px solid #eee;border-radius:22px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.06);transition:.25s}
.project-grid-card:hover{transform:translateY(-5px)}
.project-grid-card img{width:100%;height:230px;object-fit:cover}
.project-grid-card .body{padding:25px}
.project-grid-card h3{font-size:24px;margin-bottom:12px}
.project-grid-card a{color:inherit}
.content-section{padding:80px 0}
.soft-box{background:var(--dinzad-soft);padding:28px;border-radius:20px}
.donate-box{border-radius:24px;background:#fff;box-shadow:0 12px 45px rgba(0,0,0,.08);padding:32px}
.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.amount-btn{border:1px solid #ddd;border-radius:12px;padding:12px;background:#fff}.amount-btn.active,.amount-btn:hover{border-color:var(--dinzad);background:var(--dinzad-soft)}
.form-control,.form-select{border-radius:12px;padding:13px 15px}
@media(max-width:991px){.project-hero{padding:70px 0 45px}.amount-grid{grid-template-columns:repeat(2,1fr)}}

/* =========================================================
   Global image corners
   Change only this variable later to adjust all content images.
   Header/footer logos and icons are intentionally excluded.
   ========================================================= */
:root{--dinzad-image-radius:18px}

main img:not(.no-radius),
section img:not(.no-radius),
.gallery-area img:not(.no-radius),
.event-img img:not(.no-radius),
.blog-img img:not(.no-radius),
.project-img img:not(.no-radius),
.image-container img:not(.no-radius){
  border-radius:var(--dinzad-image-radius) !important;
}


/* =========================================================
   Homepage quick-help cards
   Entire card is clickable. Icon sits beside the title so the
   mobile layout no longer wastes a separate row for the icon.
   ========================================================= */
.helpful-card-link{
  display:block;
  height:100%;
  color:inherit !important;
  text-decoration:none !important;
}
.helpful-card-link:hover{color:inherit !important}
.dinzad-help-card{
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr);
  align-items:start;
  column-gap:14px;
  row-gap:0;
  height:100%;
  transition:transform .22s ease, box-shadow .22s ease;
}
.helpful-card-link:hover .dinzad-help-card{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(0,0,0,.08);
}
.dinzad-help-card .helpful-card-icon{
  width:46px !important;
  height:46px !important;
  min-width:46px;
  margin:0 !important;
  align-self:start;
}
.dinzad-help-card .helpful-card-caption{
  min-width:0;
}
.dinzad-help-card .caption-title{
  margin:2px 0 7px !important;
}
.dinzad-help-card .caption-para{
  margin-bottom:0 !important;
}
.project-card-media{display:block}
.project-grid-card h3 a{text-decoration:none;color:inherit}

@media(max-width:767px){
  .helpful-area .row{--bs-gutter-y:12px}
  .dinzad-help-card{
    grid-template-columns:40px minmax(0,1fr);
    column-gap:11px;
    padding-top:16px !important;
    padding-bottom:16px !important;
  }
  .dinzad-help-card .helpful-card-icon{
    width:40px !important;
    height:40px !important;
    min-width:40px;
  }
  .dinzad-help-card .caption-title{margin-top:0 !important}
}