/* Professional project donation card - linked to MIYAAR backend */
.msf-projects-pro{direction:rtl;background:#fbfdff;padding:60px 0}.msf-project-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}.msf-pro-card{padding:0!important;overflow:hidden;border-radius:28px!important;background:#fff!important;border:1px solid #e8eef5!important;box-shadow:0 20px 60px rgba(15,23,42,.08)!important;transition:transform .25s ease,box-shadow .25s ease}.msf-pro-card:hover{transform:translateY(-5px);box-shadow:0 30px 80px rgba(15,23,42,.13)!important}.msf-pro-image{position:relative;height:300px;overflow:hidden;background:linear-gradient(135deg,#e0f2fe,#ecfdf5);margin:0!important;border-radius:0!important}.msf-pro-image img{width:100%;height:100%;object-fit:cover;display:block}.msf-pro-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.04),rgba(2,6,23,.18));pointer-events:none}.msf-pro-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#dbeafe,#ccfbf1)}.msf-pro-status,.msf-pro-badge{position:absolute;z-index:2;top:24px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-weight:900;font-size:15px;line-height:1;padding:14px 20px;box-shadow:0 10px 24px rgba(15,23,42,.12)}.msf-pro-status{right:24px;background:#fff;color:#0f766e}.msf-pro-status:before{content:"♡";font-size:20px}.msf-pro-badge{left:24px;background:#fb4b1f;color:#fff}.msf-pro-badge:before{content:"◷";font-size:18px}.msf-pro-content{padding:32px}.msf-pro-content h3{font-family:var(--msf-heading-font);font-size:clamp(26px,3vw,42px)!important;line-height:1.25;color:#0b1f3a!important;font-weight:1000!important;text-align:right;margin:0 0 14px!important;letter-spacing:-.02em}.msf-pro-desc{font-size:17px!important;line-height:1.9!important;color:#66758a!important;text-align:right;margin:0 0 24px!important;min-height:auto!important}.msf-pro-progress-row{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;margin:8px 0 28px}.msf-pro-percent strong{display:block;color:#0d9488;font-size:36px;line-height:1;font-weight:1000}.msf-pro-percent span{display:block;color:#66758a;font-size:14px;font-weight:800;margin-top:8px}.msf-pro-progress{height:16px;background:#e8eef5;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(15,23,42,.05)}.msf-pro-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0d9488,#14b8a6);box-shadow:0 8px 18px rgba(13,148,136,.25)}.msf-pro-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e5edf5;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.05);overflow:hidden;margin-bottom:28px}.msf-pro-stats>div{min-width:0;text-align:center;padding:22px 14px;position:relative}.msf-pro-stats>div:not(:last-child){border-left:1px solid #e5edf5}.msf-pro-stat-icon{display:block;font-size:24px;margin-bottom:8px;color:#0d9488}.msf-pro-stats small{display:block;color:#0b1f3a;font-weight:900;font-size:15px;margin-bottom:6px}.msf-pro-stats strong{display:block;color:#0b1f3a;font-weight:1000;font-size:28px;line-height:1.15}.msf-pro-stats em{display:block;font-style:normal;color:#74839a;font-size:14px;margin-top:5px;font-weight:700}.msf-pro-green{color:#0d9488!important}.msf-pro-orange,.msf-pro-orange-text{color:#f97316!important}.msf-pro-donate-form{display:block}.msf-pro-amount-title{display:block;text-align:right;color:#0b1f3a;font-size:20px;font-weight:1000;margin:0 0 16px}.msf-pro-amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.msf-pro-amount-btn{min-height:58px;border:1px solid #0d9488;border-radius:12px;background:#fff;color:#0d9488;font-size:16px;font-weight:900;cursor:pointer;transition:.2s ease}.msf-pro-amount-btn:hover,.msf-pro-amount-btn.is-active{background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;box-shadow:0 14px 30px rgba(13,148,136,.22);transform:translateY(-1px)}.msf-pro-custom{display:grid;grid-template-columns:72px 1fr;border:1px solid #d9e2ec;border-radius:14px;overflow:hidden;margin-bottom:22px;background:#fff}.msf-pro-custom span{display:flex;align-items:center;justify-content:center;background:#f3f6fa;color:#0b1f3a;font-weight:900;border-left:1px solid #d9e2ec}.msf-pro-custom input{width:100%;height:62px;border:0!important;outline:0!important;background:#fff!important;color:#0b1f3a!important;font-size:18px!important;font-weight:800;padding:0 18px!important;text-align:right;box-shadow:none!important}.msf-pro-submit{width:100%;min-height:74px;border:0;border-radius:16px;background:linear-gradient(135deg,#0f766e,#0d9488);color:#fff;font-size:28px;font-weight:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 18px 36px rgba(13,148,136,.25);transition:.2s ease}.msf-pro-submit:hover{transform:translateY(-1px);box-shadow:0 24px 48px rgba(13,148,136,.32)}.msf-pro-submit span{font-size:30px}.msf-pro-submit.is-loading{opacity:.7;pointer-events:none}.msf-pro-msg{min-height:22px;margin-top:10px;text-align:center;font-weight:800;color:#dc2626}.msf-pro-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;color:#66758a;font-weight:800;font-size:13px;text-align:center}.msf-pro-trust span{padding-inline:6px}.msf-projects-pro .msf-section-head{text-align:right;margin-bottom:28px}.msf-projects-pro .msf-section-head h2{font-size:42px!important;font-weight:1000!important;color:#0b1f3a!important;margin:0 0 10px!important}.msf-projects-pro .msf-section-head p{font-size:17px;color:#66758a;line-height:1.8;margin:0}
@media(max-width:1180px){.msf-project-grid-pro{grid-template-columns:1fr}.msf-pro-card{max-width:760px;margin-inline:auto}.msf-pro-image{height:330px}}
@media(max-width:700px){.msf-projects-pro{padding:34px 0}.msf-project-grid-pro{gap:20px}.msf-pro-card{border-radius:22px!important}.msf-pro-image{height:230px}.msf-pro-status,.msf-pro-badge{top:14px;padding:10px 14px;font-size:13px}.msf-pro-status{right:14px}.msf-pro-badge{left:14px}.msf-pro-content{padding:20px}.msf-pro-content h3{font-size:28px!important}.msf-pro-desc{font-size:15px!important}.msf-pro-progress-row{grid-template-columns:78px 1fr;gap:12px;margin-bottom:20px}.msf-pro-percent strong{font-size:28px}.msf-pro-stats{grid-template-columns:1fr;gap:0}.msf-pro-stats>div:not(:last-child){border-left:0;border-bottom:1px solid #e5edf5}.msf-pro-stats strong{font-size:26px}.msf-pro-amounts{grid-template-columns:repeat(2,1fr)}.msf-pro-custom{grid-template-columns:60px 1fr}.msf-pro-submit{min-height:62px;font-size:22px}.msf-pro-trust{grid-template-columns:1fr;font-size:12px}.msf-projects-pro .msf-section-head h2{font-size:32px!important}}

/* Final professional project card implementation for both homepage and projects shortcode */
.msf-modern-projects-pro .msf-project-grid-pro,
.msf-projects-pro .msf-project-grid-pro{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,540px),760px))!important;
  justify-content:center!important;
  gap:32px!important;
  align-items:start!important;
}
.msf-modern-projects-pro .msf-pro-card,
.msf-projects-pro .msf-pro-card{
  width:100%!important;
  max-width:760px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:#fff!important;
  border:1px solid #e8eef5!important;
  box-shadow:0 24px 70px rgba(15,23,42,.10)!important;
}
.msf-modern-projects-pro .msf-pro-image,
.msf-projects-pro .msf-pro-image{
  height:320px!important;
  margin:0!important;
  border-radius:0!important;
  position:relative!important;
  overflow:hidden!important;
}
.msf-modern-projects-pro .msf-pro-image img,
.msf-projects-pro .msf-pro-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.msf-modern-projects-pro .msf-pro-content,
.msf-projects-pro .msf-pro-content{padding:34px!important;}
.msf-modern-projects-pro .msf-pro-content h3,
.msf-projects-pro .msf-pro-content h3{font-size:clamp(28px,3.2vw,42px)!important;line-height:1.25!important;margin:0 0 14px!important;color:#071b34!important;font-weight:1000!important;text-align:right!important;}
.msf-modern-projects-pro .msf-pro-desc,
.msf-projects-pro .msf-pro-desc{font-size:17px!important;line-height:1.9!important;color:#64748b!important;margin:0 0 24px!important;text-align:right!important;min-height:auto!important;}
.msf-modern-projects-pro .msf-pro-stats,
.msf-projects-pro .msf-pro-stats{display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin:0 0 28px!important;}
.msf-modern-projects-pro .msf-pro-amounts,
.msf-projects-pro .msf-pro-amounts{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:12px!important;}
.msf-modern-projects-pro .msf-pro-submit,
.msf-projects-pro .msf-pro-submit{background:linear-gradient(135deg,#0f766e,#0d9488)!important;color:#fff!important;border:0!important;}
@media(max-width:700px){
  .msf-modern-projects-pro .msf-project-grid-pro,.msf-projects-pro .msf-project-grid-pro{grid-template-columns:1fr!important;gap:20px!important;}
  .msf-modern-projects-pro .msf-pro-image,.msf-projects-pro .msf-pro-image{height:230px!important;}
  .msf-modern-projects-pro .msf-pro-content,.msf-projects-pro .msf-pro-content{padding:20px!important;}
  .msf-modern-projects-pro .msf-pro-stats,.msf-projects-pro .msf-pro-stats{grid-template-columns:1fr!important;}
  .msf-modern-projects-pro .msf-pro-stats>div:not(:last-child),.msf-projects-pro .msf-pro-stats>div:not(:last-child){border-left:0!important;border-bottom:1px solid #e5edf5!important;}
  .msf-modern-projects-pro .msf-pro-amounts,.msf-projects-pro .msf-pro-amounts{grid-template-columns:repeat(2,1fr)!important;}
}


/* 1.5.4 - Compact backend-linked project cards: 3 per row + colors from display settings */
.msf-projects-pro,
.msf-modern-projects-pro{
  direction:rtl!important;
  background:var(--msf-projects-bg,var(--msf-page-bg,#f8fafc))!important;
  padding:44px 0!important;
}
.msf-projects-pro .msf-container,
.msf-modern-projects-pro .msf-container{
  width:min(1320px,calc(100% - 40px))!important;
  max-width:1320px!important;
  margin-inline:auto!important;
}
.msf-projects-pro .msf-project-grid-pro,
.msf-modern-projects-pro .msf-project-grid-pro{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:start!important;
  justify-content:stretch!important;
  width:100%!important;
}
.msf-projects-pro .msf-pro-card,
.msf-modern-projects-pro .msf-pro-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:var(--msf-section-radius,22px)!important;
  background:var(--msf-card-bg,#fff)!important;
  border:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 22%,transparent)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.075)!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.msf-projects-pro .msf-pro-card:hover,
.msf-modern-projects-pro .msf-pro-card:hover{transform:translateY(-3px)!important;box-shadow:0 20px 46px rgba(15,23,42,.11)!important;}
.msf-projects-pro .msf-pro-image,
.msf-modern-projects-pro .msf-pro-image{
  height:178px!important;
  margin:0!important;
  border-radius:0!important;
  position:relative!important;
  overflow:hidden!important;
  background:color-mix(in srgb,var(--msf-primary,#0f766e) 12%,#fff)!important;
}
.msf-projects-pro .msf-pro-image img,
.msf-modern-projects-pro .msf-pro-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.msf-projects-pro .msf-pro-image:after,
.msf-modern-projects-pro .msf-pro-image:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(2,6,23,.02),rgba(2,6,23,.13))!important;pointer-events:none!important;}
.msf-projects-pro .msf-pro-status,
.msf-projects-pro .msf-pro-badge,
.msf-modern-projects-pro .msf-pro-status,
.msf-modern-projects-pro .msf-pro-badge{
  top:14px!important;
  z-index:3!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 8px 18px rgba(15,23,42,.12)!important;
}
.msf-projects-pro .msf-pro-status,
.msf-modern-projects-pro .msf-pro-status{right:14px!important;background:var(--msf-card-bg,#fff)!important;color:var(--msf-progress,var(--msf-primary,#0f766e))!important;}
.msf-projects-pro .msf-pro-badge,
.msf-modern-projects-pro .msf-pro-badge{left:14px!important;background:var(--msf-accent,var(--msf-donation-amount-active-bg,#f97316))!important;color:var(--msf-donation-amount-active-color,#fff)!important;}
.msf-projects-pro .msf-pro-content,
.msf-modern-projects-pro .msf-pro-content{padding:18px!important;}
.msf-projects-pro .msf-pro-content h3,
.msf-modern-projects-pro .msf-pro-content h3{
  font-family:var(--msf-heading-font)!important;
  font-size:24px!important;
  line-height:1.25!important;
  height:60px!important;
  overflow:hidden!important;
  margin:0 0 10px!important;
  color:var(--msf-text,#0f172a)!important;
  font-weight:1000!important;
  text-align:right!important;
  letter-spacing:0!important;
}
.msf-projects-pro .msf-pro-desc,
.msf-modern-projects-pro .msf-pro-desc{
  font-size:13px!important;
  line-height:1.7!important;
  color:var(--msf-muted,#64748b)!important;
  margin:0 0 12px!important;
  min-height:44px!important;
  max-height:44px!important;
  overflow:hidden!important;
  text-align:right!important;
}
.msf-projects-pro .msf-pro-progress-row,
.msf-modern-projects-pro .msf-pro-progress-row{
  display:grid!important;
  grid-template-columns:58px 1fr!important;
  gap:12px!important;
  align-items:center!important;
  margin:6px 0 16px!important;
}
.msf-projects-pro .msf-pro-percent strong,
.msf-modern-projects-pro .msf-pro-percent strong{display:block!important;color:var(--msf-progress,var(--msf-primary,#0f766e))!important;font-size:25px!important;line-height:1!important;font-weight:1000!important;}
.msf-projects-pro .msf-pro-percent span,
.msf-modern-projects-pro .msf-pro-percent span{display:block!important;color:var(--msf-muted,#64748b)!important;font-size:11px!important;font-weight:800!important;margin-top:5px!important;}
.msf-projects-pro .msf-pro-progress,
.msf-modern-projects-pro .msf-pro-progress{height:10px!important;background:color-mix(in srgb,var(--msf-muted,#64748b) 18%,#fff)!important;border-radius:999px!important;overflow:hidden!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.05)!important;}
.msf-projects-pro .msf-pro-progress span,
.msf-modern-projects-pro .msf-pro-progress span{display:block!important;height:100%!important;border-radius:999px!important;background:var(--msf-progress,var(--msf-primary,#0f766e))!important;box-shadow:none!important;}
.msf-projects-pro .msf-pro-stats,
.msf-modern-projects-pro .msf-pro-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 20%,transparent)!important;
  border-radius:14px!important;
  background:var(--msf-card-bg,#fff)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
  margin:0 0 16px!important;
}
.msf-projects-pro .msf-pro-stats>div,
.msf-modern-projects-pro .msf-pro-stats>div{padding:12px 8px!important;text-align:center!important;min-width:0!important;}
.msf-projects-pro .msf-pro-stats>div:not(:last-child),
.msf-modern-projects-pro .msf-pro-stats>div:not(:last-child){border-left:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 18%,transparent)!important;border-bottom:0!important;}
.msf-projects-pro .msf-pro-stat-icon,
.msf-modern-projects-pro .msf-pro-stat-icon{font-size:17px!important;margin-bottom:4px!important;color:var(--msf-progress,var(--msf-primary,#0f766e))!important;}
.msf-projects-pro .msf-pro-stats small,
.msf-modern-projects-pro .msf-pro-stats small{display:block!important;color:var(--msf-muted,#64748b)!important;font-size:11px!important;font-weight:900!important;margin-bottom:4px!important;}
.msf-projects-pro .msf-pro-stats strong,
.msf-modern-projects-pro .msf-pro-stats strong{display:block!important;color:var(--msf-text,#0f172a)!important;font-size:16px!important;line-height:1.15!important;font-weight:1000!important;}
.msf-projects-pro .msf-pro-stats em,
.msf-modern-projects-pro .msf-pro-stats em{display:block!important;color:var(--msf-muted,#64748b)!important;font-style:normal!important;font-size:11px!important;margin-top:3px!important;font-weight:700!important;}
.msf-projects-pro .msf-pro-green,
.msf-modern-projects-pro .msf-pro-green{color:var(--msf-progress,var(--msf-primary,#0f766e))!important;}
.msf-projects-pro .msf-pro-orange,
.msf-projects-pro .msf-pro-orange-text,
.msf-modern-projects-pro .msf-pro-orange,
.msf-modern-projects-pro .msf-pro-orange-text{color:var(--msf-accent,var(--msf-donation-amount-active-bg,#f97316))!important;}
.msf-projects-pro .msf-pro-amount-title,
.msf-modern-projects-pro .msf-pro-amount-title{font-size:15px!important;color:var(--msf-text,#0f172a)!important;font-weight:1000!important;margin:0 0 10px!important;text-align:right!important;}
.msf-projects-pro .msf-pro-amounts,
.msf-modern-projects-pro .msf-pro-amounts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important;}
.msf-projects-pro .msf-pro-amount-btn,
.msf-modern-projects-pro .msf-pro-amount-btn{min-height:42px!important;border-radius:10px!important;border:1px solid var(--msf-donation-amount-active-bg,var(--msf-progress,var(--msf-primary,#0f766e)))!important;background:var(--msf-donation-amount-bg,#fff)!important;color:var(--msf-donation-amount-color,var(--msf-progress,var(--msf-primary,#0f766e)))!important;font-size:13px!important;font-weight:900!important;padding:0 8px!important;cursor:pointer!important;box-shadow:none!important;}
.msf-projects-pro .msf-pro-amount-btn:hover,
.msf-projects-pro .msf-pro-amount-btn.is-active,
.msf-modern-projects-pro .msf-pro-amount-btn:hover,
.msf-modern-projects-pro .msf-pro-amount-btn.is-active{background:var(--msf-donation-amount-active-bg,var(--msf-progress,var(--msf-primary,#0f766e)))!important;color:var(--msf-donation-amount-active-color,#fff)!important;transform:none!important;box-shadow:0 10px 22px color-mix(in srgb,var(--msf-donation-amount-active-bg,var(--msf-progress,var(--msf-primary,#0f766e))) 24%,transparent)!important;}
.msf-projects-pro .msf-pro-custom,
.msf-modern-projects-pro .msf-pro-custom{display:grid!important;grid-template-columns:52px 1fr!important;margin-bottom:14px!important;border:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 22%,transparent)!important;border-radius:12px!important;background:var(--msf-donation-field-bg,#fff)!important;overflow:hidden!important;}
.msf-projects-pro .msf-pro-custom span,
.msf-modern-projects-pro .msf-pro-custom span{display:flex!important;align-items:center!important;justify-content:center!important;background:color-mix(in srgb,var(--msf-muted,#64748b) 10%,#fff)!important;color:var(--msf-text,#0f172a)!important;border-left:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 18%,transparent)!important;font-weight:900!important;}
.msf-projects-pro .msf-pro-custom input,
.msf-modern-projects-pro .msf-pro-custom input{height:46px!important;border:0!important;background:var(--msf-donation-field-bg,#fff)!important;color:var(--msf-donation-field-text,var(--msf-text,#0f172a))!important;font-size:14px!important;font-weight:800!important;padding:0 12px!important;box-shadow:none!important;outline:0!important;text-align:right!important;}
.msf-projects-pro .msf-pro-submit,
.msf-modern-projects-pro .msf-pro-submit{width:100%!important;min-height:52px!important;border:0!important;border-radius:13px!important;background:var(--msf-global-button-bg,var(--msf-donation-btn-bg,var(--msf-project-btn-bg,var(--msf-primary,#0f766e))))!important;color:var(--msf-donation-btn-color,var(--msf-project-btn-color,#fff))!important;font-size:19px!important;font-weight:1000!important;box-shadow:0 12px 26px color-mix(in srgb,var(--msf-global-button-bg,var(--msf-donation-btn-bg,var(--msf-project-btn-bg,var(--msf-primary,#0f766e)))) 24%,transparent)!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;}
.msf-projects-pro .msf-pro-trust,
.msf-modern-projects-pro .msf-pro-trust{display:none!important;}
.msf-projects-pro .msf-section-head h2,
.msf-modern-projects-pro .msf-section-head h2{color:var(--msf-text,#0f172a)!important;}
.msf-projects-pro .msf-section-head p,
.msf-modern-projects-pro .msf-section-head p{color:var(--msf-muted,#64748b)!important;}
@media(max-width:1100px){
  .msf-projects-pro .msf-project-grid-pro,.msf-modern-projects-pro .msf-project-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:700px){
  .msf-projects-pro .msf-container,.msf-modern-projects-pro .msf-container{width:min(100%,calc(100% - 24px))!important;}
  .msf-projects-pro .msf-project-grid-pro,.msf-modern-projects-pro .msf-project-grid-pro{grid-template-columns:1fr!important;gap:16px!important;}
  .msf-projects-pro .msf-pro-image,.msf-modern-projects-pro .msf-pro-image{height:190px!important;}
  .msf-projects-pro .msf-pro-content,.msf-modern-projects-pro .msf-pro-content{padding:16px!important;}
  .msf-projects-pro .msf-pro-content h3,.msf-modern-projects-pro .msf-pro-content h3{font-size:22px!important;height:auto!important;max-height:58px!important;}
  .msf-projects-pro .msf-pro-amounts,.msf-modern-projects-pro .msf-pro-amounts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* 1.5.5 - Compact project cards (-30% height) + keep all colors bound to display settings */
.msf-projects-pro .msf-project-grid-pro,
.msf-modern-projects-pro .msf-project-grid-pro{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
}
.msf-projects-pro .msf-pro-card,
.msf-modern-projects-pro .msf-pro-card{
  border-radius:18px!important;
  max-width:100%!important;
}
.msf-projects-pro .msf-pro-image,
.msf-modern-projects-pro .msf-pro-image{
  height:124px!important;
}
.msf-projects-pro .msf-pro-status,
.msf-projects-pro .msf-pro-badge,
.msf-modern-projects-pro .msf-pro-status,
.msf-modern-projects-pro .msf-pro-badge{
  top:10px!important;
  padding:6px 10px!important;
  font-size:11px!important;
}
.msf-projects-pro .msf-pro-status,
.msf-modern-projects-pro .msf-pro-status{background:var(--msf-card-bg,#fff)!important;color:var(--msf-progress,var(--msf-primary,#0f766e))!important;}
.msf-projects-pro .msf-pro-badge,
.msf-modern-projects-pro .msf-pro-badge{background:var(--msf-accent,var(--msf-donation-amount-active-bg,#f97316))!important;color:var(--msf-donation-amount-active-color,#fff)!important;}
.msf-projects-pro .msf-pro-content,
.msf-modern-projects-pro .msf-pro-content{padding:13px 14px 14px!important;}
.msf-projects-pro .msf-pro-content h3,
.msf-modern-projects-pro .msf-pro-content h3{
  font-size:20px!important;
  height:auto!important;
  max-height:50px!important;
  margin:0 0 6px!important;
  color:var(--msf-text,#0f172a)!important;
}
.msf-projects-pro .msf-pro-desc,
.msf-modern-projects-pro .msf-pro-desc{
  display:block!important;
  font-size:12px!important;
  line-height:1.45!important;
  min-height:34px!important;
  max-height:34px!important;
  margin:0 0 8px!important;
  color:var(--msf-muted,#64748b)!important;
}
.msf-projects-pro .msf-pro-progress-row,
.msf-modern-projects-pro .msf-pro-progress-row{
  grid-template-columns:48px 1fr!important;
  gap:10px!important;
  margin:2px 0 10px!important;
}
.msf-projects-pro .msf-pro-percent strong,
.msf-modern-projects-pro .msf-pro-percent strong{font-size:21px!important;color:var(--msf-progress,var(--msf-primary,#0f766e))!important;}
.msf-projects-pro .msf-pro-percent span,
.msf-modern-projects-pro .msf-pro-percent span{font-size:10px!important;margin-top:3px!important;color:var(--msf-muted,#64748b)!important;}
.msf-projects-pro .msf-pro-progress,
.msf-modern-projects-pro .msf-pro-progress{height:8px!important;background:color-mix(in srgb,var(--msf-muted,#64748b) 18%,#fff)!important;}
.msf-projects-pro .msf-pro-progress span,
.msf-modern-projects-pro .msf-pro-progress span{background:var(--msf-progress,var(--msf-primary,#0f766e))!important;}
.msf-projects-pro .msf-pro-stats,
.msf-modern-projects-pro .msf-pro-stats{margin:0 0 10px!important;border-radius:12px!important;background:var(--msf-card-bg,#fff)!important;}
.msf-projects-pro .msf-pro-stats>div,
.msf-modern-projects-pro .msf-pro-stats>div{padding:8px 5px!important;}
.msf-projects-pro .msf-pro-stat-icon,
.msf-modern-projects-pro .msf-pro-stat-icon{font-size:14px!important;margin-bottom:2px!important;color:var(--msf-progress,var(--msf-primary,#0f766e))!important;}
.msf-projects-pro .msf-pro-stats small,
.msf-modern-projects-pro .msf-pro-stats small{font-size:10px!important;margin-bottom:3px!important;color:var(--msf-muted,#64748b)!important;}
.msf-projects-pro .msf-pro-stats strong,
.msf-modern-projects-pro .msf-pro-stats strong{font-size:14px!important;color:var(--msf-text,#0f172a)!important;}
.msf-projects-pro .msf-pro-stats em,
.msf-modern-projects-pro .msf-pro-stats em{font-size:10px!important;margin-top:2px!important;color:var(--msf-muted,#64748b)!important;}
.msf-projects-pro .msf-pro-green,.msf-modern-projects-pro .msf-pro-green{color:var(--msf-progress,var(--msf-primary,#0f766e))!important;}
.msf-projects-pro .msf-pro-orange,.msf-projects-pro .msf-pro-orange-text,
.msf-modern-projects-pro .msf-pro-orange,.msf-modern-projects-pro .msf-pro-orange-text{color:var(--msf-accent,var(--msf-donation-amount-active-bg,#f97316))!important;}
.msf-projects-pro .msf-pro-amount-title,
.msf-modern-projects-pro .msf-pro-amount-title{font-size:13px!important;margin:0 0 7px!important;color:var(--msf-text,#0f172a)!important;}
.msf-projects-pro .msf-pro-amounts,
.msf-modern-projects-pro .msf-pro-amounts{gap:7px!important;margin-bottom:8px!important;}
.msf-projects-pro .msf-pro-amount-btn,
.msf-modern-projects-pro .msf-pro-amount-btn{
  min-height:34px!important;
  border-radius:9px!important;
  font-size:12px!important;
  background:var(--msf-donation-amount-bg,#fff)!important;
  color:var(--msf-donation-amount-color,var(--msf-progress,var(--msf-primary,#0f766e)))!important;
  border-color:var(--msf-donation-amount-active-bg,var(--msf-progress,var(--msf-primary,#0f766e)))!important;
}
.msf-projects-pro .msf-pro-amount-btn:hover,.msf-projects-pro .msf-pro-amount-btn.is-active,
.msf-modern-projects-pro .msf-pro-amount-btn:hover,.msf-modern-projects-pro .msf-pro-amount-btn.is-active{
  background:var(--msf-donation-amount-active-bg,var(--msf-progress,var(--msf-primary,#0f766e)))!important;
  color:var(--msf-donation-amount-active-color,#fff)!important;
}
.msf-projects-pro .msf-pro-custom,
.msf-modern-projects-pro .msf-pro-custom{grid-template-columns:46px 1fr!important;margin-bottom:10px!important;border-radius:10px!important;background:var(--msf-donation-field-bg,#fff)!important;}
.msf-projects-pro .msf-pro-custom span,
.msf-modern-projects-pro .msf-pro-custom span{color:var(--msf-text,#0f172a)!important;}
.msf-projects-pro .msf-pro-custom input,
.msf-modern-projects-pro .msf-pro-custom input{height:38px!important;font-size:13px!important;background:var(--msf-donation-field-bg,#fff)!important;color:var(--msf-donation-field-text,var(--msf-text,#0f172a))!important;}
.msf-projects-pro .msf-pro-submit,
.msf-modern-projects-pro .msf-pro-submit{min-height:42px!important;border-radius:11px!important;font-size:16px!important;background:var(--msf-global-button-bg,var(--msf-donation-btn-bg,var(--msf-project-btn-bg,var(--msf-primary,#0f766e))))!important;color:var(--msf-donation-btn-color,var(--msf-project-btn-color,#fff))!important;}
@media(max-width:1100px){.msf-projects-pro .msf-project-grid-pro,.msf-modern-projects-pro .msf-project-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:700px){
  .msf-projects-pro .msf-project-grid-pro,.msf-modern-projects-pro .msf-project-grid-pro{grid-template-columns:1fr!important;}
  .msf-projects-pro .msf-pro-image,.msf-modern-projects-pro .msf-pro-image{height:150px!important;}
}


/* 1.5.6 - Final precise project card execution: 3 cards row + taller image + display-setting colors */
.msf-projects-pro .msf-container,
.msf-modern-projects-pro .msf-container{
  width:min(1360px,calc(100% - 48px))!important;
  max-width:1360px!important;
}
.msf-projects-pro .msf-project-grid-pro,
.msf-modern-projects-pro .msf-project-grid-pro{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:start!important;
}
.msf-projects-pro .msf-pro-card,
.msf-modern-projects-pro .msf-pro-card{
  width:100%!important;
  max-width:100%!important;
  border-radius:18px!important;
  background:var(--msf-card-bg,#fff)!important;
  border:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 18%,transparent)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.07)!important;
}
.msf-projects-pro .msf-pro-image,
.msf-modern-projects-pro .msf-pro-image{
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  background:color-mix(in srgb,var(--msf-primary,#0f766e) 10%,#fff)!important;
}
.msf-projects-pro .msf-pro-image img,
.msf-modern-projects-pro .msf-pro-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.msf-projects-pro .msf-pro-content,
.msf-modern-projects-pro .msf-pro-content{padding:15px 16px 16px!important;}
.msf-projects-pro .msf-pro-content h3,
.msf-modern-projects-pro .msf-pro-content h3{
  font-size:21px!important;
  line-height:1.25!important;
  max-height:54px!important;
  margin:0 0 6px!important;
  color:var(--msf-text,#0f172a)!important;
}
.msf-projects-pro .msf-pro-desc,
.msf-modern-projects-pro .msf-pro-desc{
  display:block!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  min-height:39px!important;
  max-height:39px!important;
  margin:0 0 9px!important;
  color:var(--msf-muted,#64748b)!important;
}
.msf-projects-pro .msf-pro-progress-row,
.msf-modern-projects-pro .msf-pro-progress-row{margin:3px 0 11px!important;}
.msf-projects-pro .msf-pro-progress span,
.msf-modern-projects-pro .msf-pro-progress span{background:var(--msf-progress,var(--msf-primary,#0f766e))!important;}
.msf-projects-pro .msf-pro-percent strong,
.msf-modern-projects-pro .msf-pro-percent strong,
.msf-projects-pro .msf-pro-green,
.msf-modern-projects-pro .msf-pro-green{color:var(--msf-progress,var(--msf-primary,#0f766e))!important;}
.msf-projects-pro .msf-pro-badge,
.msf-modern-projects-pro .msf-pro-badge{background:var(--msf-accent,var(--msf-donation-amount-active-bg,#16a34a))!important;color:var(--msf-donation-amount-active-color,#fff)!important;}
.msf-projects-pro .msf-pro-status,
.msf-modern-projects-pro .msf-pro-status{background:var(--msf-card-bg,#fff)!important;color:var(--msf-progress,var(--msf-primary,#0f766e))!important;}
.msf-projects-pro .msf-pro-amount-btn,
.msf-modern-projects-pro .msf-pro-amount-btn{
  background:var(--msf-donation-amount-bg,#fff)!important;
  color:var(--msf-donation-amount-color,var(--msf-progress,var(--msf-primary,#0f766e)))!important;
  border-color:var(--msf-donation-amount-active-bg,var(--msf-progress,var(--msf-primary,#0f766e)))!important;
}
.msf-projects-pro .msf-pro-amount-btn:hover,
.msf-projects-pro .msf-pro-amount-btn.is-active,
.msf-modern-projects-pro .msf-pro-amount-btn:hover,
.msf-modern-projects-pro .msf-pro-amount-btn.is-active{
  background:var(--msf-donation-amount-active-bg,var(--msf-progress,var(--msf-primary,#0f766e)))!important;
  color:var(--msf-donation-amount-active-color,#fff)!important;
}
.msf-projects-pro .msf-pro-custom,
.msf-modern-projects-pro .msf-pro-custom{background:var(--msf-donation-field-bg,#fff)!important;}
.msf-projects-pro .msf-pro-custom input,
.msf-modern-projects-pro .msf-pro-custom input{background:var(--msf-donation-field-bg,#fff)!important;color:var(--msf-donation-field-text,var(--msf-text,#0f172a))!important;}
.msf-projects-pro .msf-pro-submit,
.msf-modern-projects-pro .msf-pro-submit{
  background:var(--msf-global-button-bg,var(--msf-donation-btn-bg,var(--msf-project-btn-bg,var(--msf-primary,#0f766e))))!important;
  color:var(--msf-donation-btn-color,var(--msf-project-btn-color,#fff))!important;
}
@media(max-width:1100px){
  .msf-projects-pro .msf-project-grid-pro,.msf-modern-projects-pro .msf-project-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .msf-projects-pro .msf-pro-image,.msf-modern-projects-pro .msf-pro-image{height:210px!important;min-height:210px!important;max-height:210px!important;}
}
@media(max-width:700px){
  .msf-projects-pro .msf-container,.msf-modern-projects-pro .msf-container{width:min(100%,calc(100% - 24px))!important;}
  .msf-projects-pro .msf-project-grid-pro,.msf-modern-projects-pro .msf-project-grid-pro{grid-template-columns:1fr!important;gap:16px!important;}
  .msf-projects-pro .msf-pro-image,.msf-modern-projects-pro .msf-pro-image{height:205px!important;min-height:205px!important;max-height:205px!important;}
}


/* MIYAAR backend display colors binding - project cards only */
.msf-projects-pro .msf-pro-card,
.msf-modern-projects-pro .msf-pro-card{
  background:var(--msf-project-card-bg,#fff)!important;
  border-color:var(--msf-project-card-border,#e7eef7)!important;
  color:var(--msf-project-text,#0f172a)!important;
}
.msf-projects-pro .msf-pro-content h3,
.msf-modern-projects-pro .msf-pro-content h3{
  color:var(--msf-project-text,#0f172a)!important;
}
.msf-projects-pro .msf-pro-desc,
.msf-modern-projects-pro .msf-pro-desc,
.msf-projects-pro .msf-pro-percent span,
.msf-modern-projects-pro .msf-pro-percent span,
.msf-projects-pro .msf-pro-stats small,
.msf-modern-projects-pro .msf-pro-stats small,
.msf-projects-pro .msf-pro-stats em,
.msf-modern-projects-pro .msf-pro-stats em{
  color:var(--msf-project-desc,#64748b)!important;
}
.msf-projects-pro .msf-pro-badge,
.msf-modern-projects-pro .msf-pro-badge{
  background:var(--msf-project-title-bg,#0aa6a6)!important;
  color:var(--msf-project-title-color,#fff)!important;
}
.msf-projects-pro .msf-pro-status,
.msf-modern-projects-pro .msf-pro-status{
  background:var(--msf-project-card-bg,#fff)!important;
  color:var(--msf-project-progress,#16a34a)!important;
}
.msf-projects-pro .msf-pro-progress,
.msf-modern-projects-pro .msf-pro-progress{
  background:var(--msf-project-progress-track,#eef2ff)!important;
}
.msf-projects-pro .msf-pro-progress span,
.msf-modern-projects-pro .msf-pro-progress span{
  background:var(--msf-project-progress,#16a34a)!important;
  color:transparent!important;
}
.msf-projects-pro .msf-pro-percent strong,
.msf-modern-projects-pro .msf-pro-percent strong,
.msf-projects-pro .msf-pro-green,
.msf-modern-projects-pro .msf-pro-green,
.msf-projects-pro .msf-pro-stat-icon,
.msf-modern-projects-pro .msf-pro-stat-icon{
  color:var(--msf-project-progress,#16a34a)!important;
}
.msf-projects-pro .msf-pro-stats,
.msf-modern-projects-pro .msf-pro-stats,
.msf-projects-pro .msf-pro-stats>div,
.msf-modern-projects-pro .msf-pro-stats>div{
  background:var(--msf-project-number-bg,#fff)!important;
  border-color:var(--msf-project-number-border,#e2e8f0)!important;
}
.msf-projects-pro .msf-pro-stats strong,
.msf-modern-projects-pro .msf-pro-stats strong,
.msf-projects-pro .msf-pro-custom span,
.msf-modern-projects-pro .msf-pro-custom span,
.msf-projects-pro .msf-pro-amount-title,
.msf-modern-projects-pro .msf-pro-amount-title{
  color:var(--msf-project-number-color,var(--msf-project-text,#0f172a))!important;
}
.msf-projects-pro .msf-pro-amount-btn,
.msf-modern-projects-pro .msf-pro-amount-btn{
  background:var(--msf-project-amount-bg,#fff)!important;
  color:var(--msf-project-amount-color,#1557e6)!important;
  border-color:var(--msf-project-amount-border,#1557e6)!important;
}
.msf-projects-pro .msf-pro-amount-btn:hover,
.msf-projects-pro .msf-pro-amount-btn.is-active,
.msf-modern-projects-pro .msf-pro-amount-btn:hover,
.msf-modern-projects-pro .msf-pro-amount-btn.is-active{
  background:var(--msf-project-amount-bg-hover,var(--msf-project-button-bg,#1557e6))!important;
  color:var(--msf-project-amount-color-hover,#fff)!important;
  border-color:var(--msf-project-amount-border-hover,var(--msf-project-button-border,#1557e6))!important;
}
.msf-projects-pro .msf-pro-custom,
.msf-modern-projects-pro .msf-pro-custom,
.msf-projects-pro .msf-pro-custom input,
.msf-modern-projects-pro .msf-pro-custom input{
  background:var(--msf-project-field-bg,#fff)!important;
  color:var(--msf-project-field-color,#0f172a)!important;
  border-color:var(--msf-project-field-border,#e2e8f0)!important;
}
.msf-projects-pro .msf-pro-submit,
.msf-modern-projects-pro .msf-pro-submit,
.msf-projects-pro button.msf-pro-submit,
.msf-modern-projects-pro button.msf-pro-submit{
  background:var(--msf-project-button-bg,#1557e6)!important;
  color:var(--msf-project-button-color,#fff)!important;
  border:1px solid var(--msf-project-button-border,#1557e6)!important;
}
.msf-projects-pro .msf-pro-submit:hover,
.msf-modern-projects-pro .msf-pro-submit:hover,
.msf-projects-pro button.msf-pro-submit:hover,
.msf-modern-projects-pro button.msf-pro-submit:hover{
  background:var(--msf-project-button-bg-hover,var(--msf-project-button-bg,#1557e6))!important;
  color:var(--msf-project-button-color-hover,var(--msf-project-button-color,#fff))!important;
  border-color:var(--msf-project-button-border-hover,var(--msf-project-button-border,#1557e6))!important;
}

/* Project card palette from backend display settings - precise overrides */
.msf-native-page-inner .msf-projects-pro .msf-pro-card,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-card{
  background:var(--msf-project-card-bg,#fff)!important;
  border-color:var(--msf-project-card-border,#e7eef7)!important;
}
.msf-native-page-inner .msf-projects-pro .msf-pro-content h3,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-content h3{
  color:var(--msf-project-text,#0f172a)!important;
}
.msf-native-page-inner .msf-projects-pro .msf-pro-desc,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-desc,
.msf-native-page-inner .msf-projects-pro .msf-pro-stats small,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-stats small,
.msf-native-page-inner .msf-projects-pro .msf-pro-stats em,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-stats em{
  color:var(--msf-project-desc,#64748b)!important;
}
.msf-native-page-inner .msf-projects-pro .msf-pro-percent strong,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-percent strong,
.msf-native-page-inner .msf-projects-pro .msf-pro-green,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-green{
  color:var(--msf-project-progress,#16a34a)!important;
}
.msf-native-page-inner .msf-projects-pro .msf-pro-progress span,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-progress span{
  background:var(--msf-project-progress,#16a34a)!important;
}


/* Final separation: amount numbers 50/100/200/500 + selected amount + SAR + +/- are ONLY section (5) colors. */
.msf-projects-pro .msf-pro-amount-btn,
.msf-modern-projects-pro .msf-pro-amount-btn,
.msf-native-page-inner .msf-projects-pro .msf-pro-amount-btn,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-amount-btn{
  background:var(--msf-project-field-bg,var(--msf-project-number-bg,#fff))!important;
  color:var(--msf-project-field-color,var(--msf-project-number-color,#1557e6))!important;
  border-color:var(--msf-project-field-border,var(--msf-project-number-border,#1557e6))!important;
}
.msf-projects-pro .msf-pro-amount-btn:hover,
.msf-projects-pro .msf-pro-amount-btn.is-active,
.msf-modern-projects-pro .msf-pro-amount-btn:hover,
.msf-modern-projects-pro .msf-pro-amount-btn.is-active,
.msf-native-page-inner .msf-projects-pro .msf-pro-amount-btn:hover,
.msf-native-page-inner .msf-projects-pro .msf-pro-amount-btn.is-active,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-amount-btn:hover,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-amount-btn.is-active{
  background:var(--msf-project-field-bg,var(--msf-project-number-bg,#fff))!important;
  color:var(--msf-project-field-color,var(--msf-project-number-color,#1557e6))!important;
  border-color:var(--msf-project-field-border,var(--msf-project-number-border,#1557e6))!important;
}
.msf-projects-pro .msf-pro-custom,
.msf-modern-projects-pro .msf-pro-custom,
.msf-native-page-inner .msf-projects-pro .msf-pro-custom,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-custom,
.msf-projects-pro .msf-pro-custom input,
.msf-modern-projects-pro .msf-pro-custom input,
.msf-native-page-inner .msf-projects-pro .msf-pro-custom input,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-custom input{
  background:var(--msf-project-field-bg,var(--msf-project-number-bg,#fff))!important;
  color:var(--msf-project-field-color,var(--msf-project-number-color,#0f172a))!important;
  border-color:var(--msf-project-field-border,var(--msf-project-number-border,#e2e8f0))!important;
}
.msf-projects-pro .msf-pro-custom span,
.msf-modern-projects-pro .msf-pro-custom span,
.msf-native-page-inner .msf-projects-pro .msf-pro-custom span,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-custom span,
.msf-projects-pro .msf-pro-amount-title,
.msf-modern-projects-pro .msf-pro-amount-title,
.msf-native-page-inner .msf-projects-pro .msf-pro-amount-title,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-amount-title{
  color:var(--msf-project-field-color,var(--msf-project-number-color,#0f172a))!important;
}

/* Project opportunity state badges/actions */
.msf-projects-pro .msf-pro-status.is-active,
.msf-modern-projects-pro .msf-pro-status.is-active{background:var(--msf-card-bg,#fff)!important;color:var(--msf-progress,var(--msf-primary,#0f766e))!important;}
.msf-projects-pro .msf-pro-status.is-remaining,
.msf-modern-projects-pro .msf-pro-status.is-remaining{background:var(--msf-accent,var(--msf-donation-amount-active-bg,#16a34a))!important;color:var(--msf-donation-amount-active-color,#fff)!important;}
.msf-projects-pro .msf-pro-status.is-ended,
.msf-modern-projects-pro .msf-pro-status.is-ended{background:#64748b!important;color:#fff!important;}
.msf-projects-pro .msf-pro-status.is-completed,
.msf-modern-projects-pro .msf-pro-status.is-completed{background:#0f766e!important;color:#fff!important;}
.msf-projects-pro .msf-pro-status.is-paused,
.msf-modern-projects-pro .msf-pro-status.is-paused{background:#f59e0b!important;color:#111827!important;}
.msf-projects-pro .msf-pro-donate-form.is-closed .msf-pro-amounts,
.msf-projects-pro .msf-pro-donate-form.is-closed .msf-pro-custom,
.msf-modern-projects-pro .msf-pro-donate-form.is-closed .msf-pro-amounts,
.msf-modern-projects-pro .msf-pro-donate-form.is-closed .msf-pro-custom{opacity:.55;pointer-events:none;}
.msf-projects-pro .msf-pro-submit:disabled,
.msf-modern-projects-pro .msf-pro-submit:disabled{opacity:.75;cursor:not-allowed;filter:grayscale(.18);}
.msf-projects-pro .msf-pro-closed-msg,
.msf-modern-projects-pro .msf-pro-closed-msg{width:100%;min-height:52px;border-radius:13px;background:#f1f5f9;color:#0f172a;display:flex;align-items:center;justify-content:center;font-weight:1000;border:1px solid #dbe3ee;}

/* Project per-card marquee restored */
.msf-projects-pro .msf-pro-marquee,
.msf-modern-projects-pro .msf-pro-marquee{width:100%;overflow:hidden;background:var(--msf-marquee-bg,#2563eb);color:var(--msf-marquee-color,#fff);border-bottom:1px solid rgba(15,23,42,.08);}
.msf-projects-pro .msf-pro-marquee-track,
.msf-modern-projects-pro .msf-pro-marquee-track{display:flex;align-items:center;gap:42px;white-space:nowrap;min-width:max-content;padding:8px 14px;font-size:var(--msf-marquee-size,14px);font-weight:900;line-height:1.35;direction:rtl;unicode-bidi:plaintext;}
.msf-projects-pro .msf-pro-marquee-track span,
.msf-modern-projects-pro .msf-pro-marquee-track span{display:inline-block;padding-inline-end:26px;}
.msf-projects-pro .msf-pro-marquee-right .msf-pro-marquee-track,
.msf-modern-projects-pro .msf-pro-marquee-right .msf-pro-marquee-track{animation:msfProjectMarqueeRTL var(--msf-marquee-speed,20s) linear infinite;}
.msf-projects-pro .msf-pro-marquee-left .msf-pro-marquee-track,
.msf-modern-projects-pro .msf-pro-marquee-left .msf-pro-marquee-track{animation:msfProjectMarqueeLTR var(--msf-marquee-speed,20s) linear infinite;}
@keyframes msfProjectMarqueeRTL{0%{transform:translateX(-50%);}100%{transform:translateX(0);}}
@keyframes msfProjectMarqueeLTR{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* Force project card marquee to move like the previous running ticker */
.msf-projects-pro .msf-pro-marquee,
.msf-modern-projects-pro .msf-pro-marquee{
  display:block !important;
  width:100% !important;
  overflow:hidden !important;
  position:relative !important;
  background:var(--msf-marquee-bg, transparent) !important;
  color:var(--msf-marquee-color,#f59e0b) !important;
}
.msf-projects-pro .msf-pro-marquee-track,
.msf-modern-projects-pro .msf-pro-marquee-track{
  display:inline-flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:2.5rem !important;
  white-space:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  padding:8px 0 !important;
  font-size:var(--msf-marquee-size,14px) !important;
  font-weight:800 !important;
  line-height:1.45 !important;
  will-change:transform !important;
  animation-duration:var(--msf-marquee-speed,20s) !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  animation-play-state:running !important;
}
.msf-projects-pro .msf-pro-marquee-track span,
.msf-modern-projects-pro .msf-pro-marquee-track span{
  display:inline-block !important;
  padding-inline:1.5rem !important;
  flex:0 0 auto !important;
}
.msf-projects-pro .msf-pro-marquee-right .msf-pro-marquee-track,
.msf-modern-projects-pro .msf-pro-marquee-right .msf-pro-marquee-track{
  animation-name:msfProjectMarqueeMoveRight !important;
}
.msf-projects-pro .msf-pro-marquee-left .msf-pro-marquee-track,
.msf-modern-projects-pro .msf-pro-marquee-left .msf-pro-marquee-track{
  animation-name:msfProjectMarqueeMoveLeft !important;
}
@keyframes msfProjectMarqueeMoveRight{
  0%{transform:translateX(-50%)}
  100%{transform:translateX(0)}
}
@keyframes msfProjectMarqueeMoveLeft{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}

/* Exact seamless project marquee: two identical groups, no long blank gap */
.msf-projects-pro .msf-pro-marquee,
.msf-modern-projects-pro .msf-pro-marquee{
  width:100% !important;
  overflow:hidden !important;
  position:relative !important;
  background:var(--msf-marquee-bg, transparent) !important;
  color:var(--msf-marquee-color,#f59e0b) !important;
  border-bottom:0 !important;
}
.msf-projects-pro .msf-pro-marquee-track,
.msf-modern-projects-pro .msf-pro-marquee-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  white-space:nowrap !important;
  will-change:transform !important;
  animation-duration:var(--msf-marquee-speed,20s) !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
  animation-play-state:running !important;
  padding:0 !important;
  gap:0 !important;
}
.msf-projects-pro .msf-pro-marquee-set,
.msf-modern-projects-pro .msf-pro-marquee-set{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  gap:40px !important;
  padding:6px 20px !important;
  font-size:var(--msf-marquee-size,14px) !important;
  font-weight:800 !important;
  line-height:1.45 !important;
  direction:rtl !important;
  unicode-bidi:plaintext !important;
}
.msf-projects-pro .msf-pro-marquee-track span,
.msf-modern-projects-pro .msf-pro-marquee-track span{
  display:inline-block !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
  padding:0 !important;
}
.msf-projects-pro .msf-pro-marquee-right .msf-pro-marquee-track,
.msf-modern-projects-pro .msf-pro-marquee-right .msf-pro-marquee-track{
  animation-name:msfProjectMarqueeExactRight !important;
}
.msf-projects-pro .msf-pro-marquee-left .msf-pro-marquee-track,
.msf-modern-projects-pro .msf-pro-marquee-left .msf-pro-marquee-track{
  animation-name:msfProjectMarqueeExactLeft !important;
}
@keyframes msfProjectMarqueeExactRight{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}
@keyframes msfProjectMarqueeExactLeft{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}


/* Final project card marquee fix: repeat each message immediately, no long waiting gap */
.msf-projects-pro .msf-pro-marquee,
.msf-modern-projects-pro .msf-pro-marquee{
  width:100% !important;
  overflow:hidden !important;
  position:relative !important;
  background:var(--msf-marquee-bg, transparent) !important;
  color:var(--msf-marquee-color,#f59e0b) !important;
}
.msf-projects-pro .msf-pro-marquee-track,
.msf-modern-projects-pro .msf-pro-marquee-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  min-width:max-content !important;
  gap:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  will-change:transform !important;
  animation-duration:var(--msf-marquee-speed,20s) !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
}
.msf-projects-pro .msf-pro-marquee-set,
.msf-modern-projects-pro .msf-pro-marquee-set{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  gap:0 !important;
  padding:6px 36px !important;
  font-size:var(--msf-marquee-size,14px) !important;
  font-weight:800 !important;
  line-height:1.45 !important;
  white-space:nowrap !important;
  direction:rtl !important;
  unicode-bidi:plaintext !important;
}
.msf-projects-pro .msf-pro-marquee-track span,
.msf-modern-projects-pro .msf-pro-marquee-track span{
  display:inline-block !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
.msf-projects-pro .msf-pro-marquee-right .msf-pro-marquee-track,
.msf-modern-projects-pro .msf-pro-marquee-right .msf-pro-marquee-track{
  animation-name:msfProjectMarqueeImmediateRight !important;
}
.msf-projects-pro .msf-pro-marquee-left .msf-pro-marquee-track,
.msf-modern-projects-pro .msf-pro-marquee-left .msf-pro-marquee-track{
  animation-name:msfProjectMarqueeImmediateLeft !important;
}
@keyframes msfProjectMarqueeImmediateRight{
  0%{transform:translateX(-50%)}
  100%{transform:translateX(0)}
}
@keyframes msfProjectMarqueeImmediateLeft{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}


/* ================================================================
 * 2.9.5 - Stage 1: Three new project-card visual templates
 * Selection/storage is intentionally deferred to stage 2.
 * ================================================================ */
.msf-template-card,.msf-template-preview{direction:rtl}
.msf-template-card{position:relative;overflow:hidden;background:var(--msf-card-bg,#fff);border:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 18%,transparent);border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.08);color:var(--msf-text,#0f172a)}
.msf-template-card svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.msf-tpl-image{height:150px;position:relative;overflow:hidden;background:#eef2f6}
.msf-tpl-image img{width:100%;height:100%;object-fit:cover;display:block}
.msf-tpl-image-overlay:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.86))}
.msf-tpl-category{position:absolute;z-index:2;right:12px;top:12px;border-radius:7px;padding:6px 14px;background:var(--msf-progress,var(--msf-primary,#4f8b2f));color:#fff;font-size:12px;font-weight:900;box-shadow:0 6px 18px rgba(15,23,42,.18)}
.msf-tpl-favorite{position:absolute;z-index:3;left:12px;top:12px;width:34px;height:34px;border:1px solid rgba(255,255,255,.75);border-radius:9px;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;color:#475569;cursor:pointer;padding:0}
.msf-tpl-favorite:hover{color:var(--msf-progress,var(--msf-primary,#4f8b2f))}
.msf-tpl-body{padding:15px}
.msf-tpl-body h3,.msf-hero-content h3,.msf-dashboard-head h3{margin:0;color:var(--msf-text,#0f172a);font-weight:1000;line-height:1.35}
.msf-tpl-body h3{font-size:20px;text-align:center}
.msf-tpl-body>p{font-size:12px;line-height:1.7;color:var(--msf-muted,#64748b);text-align:center;min-height:40px;margin:7px 0 12px}
.msf-tpl-progress{margin:8px 0 13px}
.msf-tpl-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;color:var(--msf-muted,#64748b)}
.msf-tpl-progress-meta strong{font-size:13px;color:var(--msf-text,#0f172a)}
.msf-tpl-progress-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--msf-muted,#64748b) 15%,#fff);overflow:hidden}
.msf-tpl-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--msf-progress,var(--msf-primary,#4f8b2f)),color-mix(in srgb,var(--msf-progress,var(--msf-primary,#4f8b2f)) 65%,#fff))}
.msf-tpl-money{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 15%,transparent);border-bottom:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 15%,transparent);margin:0 -2px 12px}
.msf-tpl-money>div{padding:10px 5px;text-align:center}
.msf-tpl-money>div+div{border-right:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 15%,transparent)}
.msf-tpl-money strong{display:block;font-size:13px;color:var(--msf-text,#0f172a)}
.msf-tpl-money span{font-size:10px;color:var(--msf-muted,#64748b)}
.msf-tpl-actions{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px}
.msf-tpl-actions:has(.msf-tpl-action:nth-child(1):last-child){grid-template-columns:1fr}
.msf-tpl-action,.msf-tpl-donate{min-height:38px;border-radius:8px;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.msf-tpl-action{border:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 24%,transparent);background:#fff;color:#334155}
.msf-tpl-donate{border:0!important;background:var(--msf-global-button-bg,var(--msf-primary,#4f8b2f))!important;color:var(--msf-project-btn-color,#fff)!important;box-shadow:none!important;min-height:38px!important;font-size:12px!important;border-radius:8px!important}
.msf-tpl-donate svg{width:17px;height:17px}
.msf-tpl-inline-form .msf-pro-msg{margin-top:8px}
.msf-tpl-inline-form .msf-pro-amounts,.msf-tpl-inline-form .msf-pro-custom{display:none!important}

/* Hero template */
.msf-template-hero{height:365px;background:#172033;color:#fff}
.msf-template-hero .msf-tpl-image{position:absolute;inset:0;height:100%}
.msf-template-hero .msf-tpl-image img{height:100%}
.msf-hero-content{position:absolute;z-index:2;inset:auto 0 0;padding:18px;color:#fff}
.msf-hero-content h3{color:#fff;font-size:22px;text-align:right}
.msf-hero-content p{margin:7px 0 14px;font-size:12px;line-height:1.65;color:rgba(255,255,255,.88);max-width:90%;min-height:38px}
.msf-hero-percent{font-size:28px;line-height:1;display:block;margin-bottom:4px}
.msf-hero-money{display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.9)}
.msf-template-hero .msf-tpl-progress-track{background:rgba(255,255,255,.25)}
.msf-template-hero .msf-tpl-progress-track span{background:var(--msf-progress,#65a63f)}
.msf-template-hero .msf-tpl-progress-meta{display:none}
.msf-template-hero .msf-tpl-actions{grid-template-columns:auto auto 1.1fr;margin-top:11px}
.msf-template-hero .msf-tpl-action{background:rgba(15,23,42,.25);border-color:rgba(255,255,255,.7);color:#fff}
.msf-template-hero .msf-tpl-donate{background:#fff!important;color:var(--msf-primary,#4f8b2f)!important}
.msf-template-hero .msf-tpl-category{background:rgba(79,139,47,.9)}
.msf-template-hero .msf-tpl-favorite{background:transparent;color:#fff;border:0}

/* Dashboard template */
.msf-template-dashboard{padding:18px}
.msf-dashboard-head{display:grid;grid-template-columns:58px 1fr 34px;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 15%,transparent)}
.msf-dashboard-head .msf-tpl-favorite{position:static;border-color:color-mix(in srgb,var(--msf-muted,#64748b) 20%,transparent)}
.msf-dashboard-icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,color-mix(in srgb,var(--msf-progress,var(--msf-primary,#4f8b2f)) 82%,#fff),var(--msf-progress,var(--msf-primary,#4f8b2f)));color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--msf-progress,var(--msf-primary,#4f8b2f)) 25%,transparent)}
.msf-dashboard-icon svg{width:27px;height:27px}
.msf-dashboard-head h3{font-size:18px}
.msf-dashboard-head p{font-size:11px;line-height:1.6;color:var(--msf-muted,#64748b);margin:4px 0 0;min-height:34px}
.msf-dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);margin:15px 0 12px}
.msf-dashboard-stats>div{text-align:center;padding:0 5px}
.msf-dashboard-stats>div+div{border-right:1px solid color-mix(in srgb,var(--msf-muted,#64748b) 16%,transparent)}
.msf-dashboard-stats svg{width:17px;height:17px;color:var(--msf-progress,var(--msf-primary,#4f8b2f));margin-bottom:4px}
.msf-dashboard-stats strong{display:block;font-size:13px;color:var(--msf-text,#0f172a)}
.msf-dashboard-stats span{display:block;font-size:9px;color:var(--msf-muted,#64748b);margin-top:3px}
.msf-template-dashboard .msf-tpl-actions{grid-template-columns:1fr 1fr 1.25fr}

/* Preview shortcode */
.msf-template-preview{padding:36px 0;background:#f8fafc}
.msf-template-preview-section{padding:20px;margin-bottom:24px;background:#fff;border:1px solid #e7edf3;border-radius:16px;box-shadow:0 5px 20px rgba(15,23,42,.04)}
.msf-template-preview-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.msf-template-preview-head span{background:var(--msf-primary,#4f8b2f);color:#fff;padding:7px 14px;border-radius:6px;font-weight:900;font-size:13px}
.msf-template-preview-head h2{font-size:20px;margin:0;color:var(--msf-text,#0f172a)}
.msf-template-preview .msf-project-grid-pro{grid-template-columns:repeat(3,minmax(0,1fr))!important}

@media(max-width:900px){
 .msf-template-preview .msf-project-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 .msf-template-card{border-radius:14px}
 .msf-template-preview{padding:18px 0}
 .msf-template-preview-section{padding:12px}
 .msf-template-preview .msf-project-grid-pro{grid-template-columns:1fr!important}
 .msf-tpl-image{height:170px}
 .msf-template-hero{height:390px}
 .msf-template-hero .msf-tpl-image{height:100%!important}
 .msf-tpl-body h3{font-size:19px}
 .msf-dashboard-head{grid-template-columns:52px 1fr 32px;gap:9px}
 .msf-dashboard-icon{width:52px;height:52px}
 .msf-dashboard-stats strong{font-size:11px}
 .msf-tpl-actions,.msf-template-dashboard .msf-tpl-actions{grid-template-columns:1fr 1fr 1.2fr}
}


/* 2.9.8 — canonical project templates. Keep these rules last: admin preview and public cards use the same markup. */
.msf-projects-pro .msf-template-card{direction:rtl;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.08);color:#0f172a}
.msf-projects-pro .msf-template-card *{box-sizing:border-box}
.msf-projects-pro .msf-template-card svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.msf-projects-pro .msf-tpl-image{height:190px!important;position:relative;overflow:hidden;background:#e2e8f0}
.msf-projects-pro .msf-tpl-image img{width:100%;height:100%;object-fit:cover;display:block}
.msf-projects-pro .msf-tpl-category{position:absolute;top:12px;right:12px;padding:6px 14px;border-radius:7px;background:var(--msf-primary,#3f8f2f);color:#fff;font-size:12px;font-weight:800}
.msf-projects-pro .msf-tpl-favorite{position:absolute;top:12px;left:12px;width:34px;height:34px;border:1px solid #dbe3ec;border-radius:9px;background:#fff;color:#334155;display:grid;place-items:center;padding:0}
.msf-projects-pro .msf-tpl-body{padding:16px}
.msf-projects-pro .msf-tpl-body h3,.msf-projects-pro .msf-dashboard-head h3{margin:0 0 8px!important;font-size:20px!important;line-height:1.35!important;color:#0f172a!important}
.msf-projects-pro .msf-tpl-body>p,.msf-projects-pro .msf-dashboard-head p{margin:0 0 14px!important;color:#64748b!important;font-size:13px!important;line-height:1.7!important;min-height:44px}
.msf-projects-pro .msf-tpl-progress{margin:0 0 14px}
.msf-projects-pro .msf-tpl-progress-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.msf-projects-pro .msf-tpl-progress-meta strong{font-size:15px;color:#0f172a}.msf-projects-pro .msf-tpl-progress-meta span{font-size:11px;color:#64748b}
.msf-projects-pro .msf-tpl-progress-track{height:8px;border-radius:20px;background:#e9eef4;overflow:hidden}.msf-projects-pro .msf-tpl-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--msf-primary,#4e9b36)}
.msf-projects-pro .msf-tpl-money{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;margin:0 0 14px;padding:12px 0}
.msf-projects-pro .msf-tpl-money>div{text-align:center;border-left:1px solid #edf1f5}.msf-projects-pro .msf-tpl-money>div:last-child{border-left:0}.msf-projects-pro .msf-tpl-money strong{display:block;font-size:15px}.msf-projects-pro .msf-tpl-money span{font-size:11px;color:#64748b}
.msf-projects-pro .msf-tpl-actions{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px}.msf-projects-pro .msf-tpl-action,.msf-projects-pro .msf-tpl-donate{min-height:42px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important}.msf-projects-pro .msf-tpl-action{border:1px solid #dbe3ec;background:#fff;color:#334155}.msf-projects-pro .msf-tpl-donate{border:0;background:var(--msf-primary,#4e9b36)!important;color:#fff!important}
/* professional */
.msf-projects-pro .msf-template-professional{display:block!important}.msf-projects-pro .msf-template-professional .msf-tpl-actions{grid-template-columns:1fr 1fr 1.25fr}
/* hero: a true full-image card */
.msf-projects-pro .msf-template-hero{position:relative!important;min-height:420px!important;background:#17251f!important;color:#fff!important;display:block!important}
.msf-projects-pro .msf-template-hero>.msf-tpl-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.msf-projects-pro .msf-template-hero>.msf-tpl-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.12),rgba(2,6,23,.78))}
.msf-projects-pro .msf-template-hero .msf-tpl-category,.msf-projects-pro .msf-template-hero .msf-tpl-favorite{z-index:2}.msf-projects-pro .msf-template-hero .msf-tpl-favorite{background:rgba(255,255,255,.92)}
.msf-projects-pro .msf-hero-content{position:relative!important;z-index:3!important;min-height:420px!important;padding:150px 18px 16px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}
.msf-projects-pro .msf-hero-content h3{margin:0 0 7px!important;color:#fff!important;font-size:24px!important}.msf-projects-pro .msf-hero-content p{margin:0 0 16px!important;color:rgba(255,255,255,.9)!important;font-size:13px!important;line-height:1.7!important}.msf-projects-pro .msf-hero-percent{font-size:29px!important;color:#fff!important;line-height:1;margin-bottom:7px}.msf-projects-pro .msf-hero-money{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px;color:#fff}.msf-projects-pro .msf-template-hero .msf-tpl-progress-meta{display:none}.msf-projects-pro .msf-template-hero .msf-tpl-progress-track{background:rgba(255,255,255,.35)}.msf-projects-pro .msf-template-hero .msf-tpl-progress-track span{background:var(--msf-primary,#4e9b36)}.msf-projects-pro .msf-template-hero .msf-tpl-actions{grid-template-columns:1fr 1fr 1.35fr}.msf-projects-pro .msf-template-hero .msf-tpl-action{background:rgba(15,23,42,.36);border-color:rgba(255,255,255,.6);color:#fff}.msf-projects-pro .msf-template-hero .msf-tpl-donate{background:#fff!important;color:var(--msf-primary,#2563eb)!important}
/* dashboard */
.msf-projects-pro .msf-template-dashboard{padding:18px!important}.msf-projects-pro .msf-dashboard-head{display:grid!important;grid-template-columns:58px 1fr 34px!important;gap:13px!important;align-items:start!important;position:relative}.msf-projects-pro .msf-dashboard-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--msf-primary,#f97316);color:#fff}.msf-projects-pro .msf-dashboard-icon svg{width:26px;height:26px}.msf-projects-pro .msf-dashboard-head .msf-tpl-favorite{position:static!important}.msf-projects-pro .msf-dashboard-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;margin:14px 0!important}.msf-projects-pro .msf-dashboard-stats>div{padding:10px 5px!important;border:1px solid #e5eaf0!important;border-radius:9px!important;text-align:center!important;background:#fff!important}.msf-projects-pro .msf-dashboard-stats svg{display:block;margin:0 auto 5px;color:#64748b}.msf-projects-pro .msf-dashboard-stats strong{display:block;font-size:13px;color:#0f172a}.msf-projects-pro .msf-dashboard-stats span{display:block;font-size:10px;color:#64748b;margin-top:3px}.msf-projects-pro .msf-template-dashboard .msf-tpl-actions{grid-template-columns:1fr 1fr 1.35fr}
@media(max-width:700px){.msf-projects-pro .msf-tpl-image{height:155px!important}.msf-projects-pro .msf-template-card{border-radius:14px}.msf-projects-pro .msf-tpl-body{padding:13px}.msf-projects-pro .msf-tpl-body h3,.msf-projects-pro .msf-dashboard-head h3{font-size:17px!important}.msf-projects-pro .msf-tpl-body>p,.msf-projects-pro .msf-dashboard-head p{font-size:11px!important;min-height:0}.msf-projects-pro .msf-tpl-actions{grid-template-columns:1fr 1fr 1.25fr}.msf-projects-pro .msf-tpl-action span{display:none}.msf-projects-pro .msf-template-hero,.msf-projects-pro .msf-hero-content{min-height:360px!important}.msf-projects-pro .msf-hero-content{padding:125px 13px 13px!important}.msf-projects-pro .msf-hero-content h3{font-size:20px!important}.msf-projects-pro .msf-dashboard-head{grid-template-columns:48px 1fr 32px!important}.msf-projects-pro .msf-dashboard-icon{width:48px;height:48px}.msf-projects-pro .msf-dashboard-stats{grid-template-columns:repeat(4,1fr)!important;gap:4px!important}.msf-projects-pro .msf-dashboard-stats strong{font-size:10px}.msf-projects-pro .msf-dashboard-stats span{font-size:8px}.msf-projects-pro .msf-template-dashboard{padding:13px!important}}

/* v2.10.0: protect template icons from global/admin SVG rules */
.msf-projects-pro .msf-template-card svg,
.msf-modern-projects-pro .msf-template-card svg,
.msf-live-preview-wrap .msf-template-card svg{
  width:20px!important;
  height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  display:inline-block!important;
  overflow:visible!important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  flex:0 0 20px!important;
}
.msf-projects-pro .msf-dashboard-icon svg,
.msf-modern-projects-pro .msf-dashboard-icon svg,
.msf-live-preview-wrap .msf-dashboard-icon svg{
  width:30px!important;height:30px!important;max-width:30px!important;max-height:30px!important;
  min-width:30px!important;min-height:30px!important;
}
.msf-projects-pro .msf-template-card,
.msf-modern-projects-pro .msf-template-card,
.msf-live-preview-wrap .msf-template-card{overflow:hidden!important;box-sizing:border-box!important;}

/* v2.10.1 — complete functional integration for project templates */
.msf-projects-pro .msf-template-card,
.msf-modern-projects-pro .msf-template-card,
.msf-live-preview-wrap .msf-template-card{
  background:var(--msf-project-card-bg,var(--msf-card-bg,#fff))!important;
  border-color:var(--msf-project-card-border,#e2e8f0)!important;
  color:var(--msf-project-text,var(--msf-text,#0f172a))!important;
}
.msf-projects-pro .msf-template-card h3,
.msf-modern-projects-pro .msf-template-card h3,
.msf-live-preview-wrap .msf-template-card h3{
  color:var(--msf-project-text,var(--msf-text,#0f172a))!important;
}
.msf-projects-pro .msf-template-card p,
.msf-modern-projects-pro .msf-template-card p,
.msf-live-preview-wrap .msf-template-card p,
.msf-projects-pro .msf-template-card small,
.msf-modern-projects-pro .msf-template-card small,
.msf-live-preview-wrap .msf-template-card small,
.msf-projects-pro .msf-template-card .msf-tpl-money span,
.msf-modern-projects-pro .msf-template-card .msf-tpl-money span,
.msf-live-preview-wrap .msf-template-card .msf-tpl-money span,
.msf-projects-pro .msf-template-card .msf-dashboard-stats span,
.msf-modern-projects-pro .msf-template-card .msf-dashboard-stats span,
.msf-live-preview-wrap .msf-template-card .msf-dashboard-stats span{
  color:var(--msf-project-desc,var(--msf-muted,#64748b))!important;
}
.msf-projects-pro .msf-template-card .msf-tpl-money strong,
.msf-modern-projects-pro .msf-template-card .msf-tpl-money strong,
.msf-live-preview-wrap .msf-template-card .msf-tpl-money strong,
.msf-projects-pro .msf-template-card .msf-dashboard-stats strong,
.msf-modern-projects-pro .msf-template-card .msf-dashboard-stats strong,
.msf-live-preview-wrap .msf-template-card .msf-dashboard-stats strong,
.msf-projects-pro .msf-template-card .msf-tpl-progress-meta strong,
.msf-modern-projects-pro .msf-template-card .msf-tpl-progress-meta strong,
.msf-live-preview-wrap .msf-template-card .msf-tpl-progress-meta strong{
  color:var(--msf-project-number-color,var(--msf-project-text,#0f172a))!important;
}
.msf-projects-pro .msf-template-card .msf-tpl-progress-track,
.msf-modern-projects-pro .msf-template-card .msf-tpl-progress-track,
.msf-live-preview-wrap .msf-template-card .msf-tpl-progress-track{
  background:var(--msf-project-progress-track,#e9eef4)!important;
}
.msf-projects-pro .msf-template-card .msf-tpl-progress-track span,
.msf-modern-projects-pro .msf-template-card .msf-tpl-progress-track span,
.msf-live-preview-wrap .msf-template-card .msf-tpl-progress-track span{
  background:var(--msf-project-progress,var(--msf-progress,var(--msf-primary,#4e9b36)))!important;
}
.msf-projects-pro .msf-template-card .msf-tpl-category,
.msf-modern-projects-pro .msf-template-card .msf-tpl-category,
.msf-live-preview-wrap .msf-template-card .msf-tpl-category,
.msf-projects-pro .msf-template-card .msf-dashboard-icon,
.msf-modern-projects-pro .msf-template-card .msf-dashboard-icon,
.msf-live-preview-wrap .msf-template-card .msf-dashboard-icon{
  background:var(--msf-project-title-bg,var(--msf-project-progress,#4e9b36))!important;
  color:var(--msf-project-title-color,#fff)!important;
}
.msf-projects-pro .msf-template-card .msf-dashboard-stats>div,
.msf-modern-projects-pro .msf-template-card .msf-dashboard-stats>div,
.msf-live-preview-wrap .msf-template-card .msf-dashboard-stats>div{
  background:var(--msf-project-number-bg,#fff)!important;
  border-color:var(--msf-project-number-border,#e2e8f0)!important;
}

/* Functional favorite/share buttons */
.msf-projects-pro .msf-template-card [data-msf-favorite-project],
.msf-modern-projects-pro .msf-template-card [data-msf-favorite-project],
.msf-live-preview-wrap .msf-template-card [data-msf-favorite-project],
.msf-projects-pro .msf-template-card [data-msf-share-project],
.msf-modern-projects-pro .msf-template-card [data-msf-share-project],
.msf-live-preview-wrap .msf-template-card [data-msf-share-project]{
  cursor:pointer!important;
  touch-action:manipulation;
}
.msf-projects-pro .msf-template-card .msf-tpl-action,
.msf-modern-projects-pro .msf-template-card .msf-tpl-action,
.msf-live-preview-wrap .msf-template-card .msf-tpl-action,
.msf-projects-pro .msf-template-card .msf-tpl-favorite,
.msf-modern-projects-pro .msf-template-card .msf-tpl-favorite,
.msf-live-preview-wrap .msf-template-card .msf-tpl-favorite{
  background:var(--msf-project-card-bg,#fff)!important;
  color:var(--msf-project-text,#334155)!important;
  border-color:var(--msf-project-card-border,#dbe3ec)!important;
}
.msf-projects-pro .msf-template-card [data-msf-favorite-project].is-active,
.msf-modern-projects-pro .msf-template-card [data-msf-favorite-project].is-active,
.msf-live-preview-wrap .msf-template-card [data-msf-favorite-project].is-active{
  color:var(--msf-project-progress,var(--msf-primary,#4e9b36))!important;
  border-color:var(--msf-project-progress,var(--msf-primary,#4e9b36))!important;
  background:color-mix(in srgb,var(--msf-project-progress,var(--msf-primary,#4e9b36)) 10%,#fff)!important;
}
.msf-projects-pro .msf-template-card [data-msf-favorite-project].is-active svg,
.msf-modern-projects-pro .msf-template-card [data-msf-favorite-project].is-active svg,
.msf-live-preview-wrap .msf-template-card [data-msf-favorite-project].is-active svg{
  fill:currentColor!important;
}
.msf-projects-pro .msf-template-card [data-msf-share-project].is-copied,
.msf-modern-projects-pro .msf-template-card [data-msf-share-project].is-copied{
  color:var(--msf-project-progress,var(--msf-primary,#4e9b36))!important;
  border-color:var(--msf-project-progress,var(--msf-primary,#4e9b36))!important;
}

/* Donation button: isolated from all legacy button rules */
.msf-projects-pro .msf-template-card form.msf-tpl-form button.msf-tpl-donate,
.msf-modern-projects-pro .msf-template-card form.msf-tpl-form button.msf-tpl-donate,
.msf-live-preview-wrap .msf-template-card form.msf-tpl-form button.msf-tpl-donate{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:46px!important;
  min-height:46px!important;
  max-height:none!important;
  padding:6px 14px!important;
  margin:0!important;
  border:1px solid var(--msf-project-button-border,var(--msf-project-button-bg,#4e9b36))!important;
  border-radius:9px!important;
  background:var(--msf-project-button-bg,var(--msf-project-btn-bg,var(--msf-primary,#4e9b36)))!important;
  color:var(--msf-project-button-color,var(--msf-project-btn-color,#fff))!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  overflow:visible!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
  line-height:1.35!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:none!important;
  transform:none!important;
}
.msf-projects-pro .msf-template-card form.msf-tpl-form button.msf-tpl-donate span,
.msf-modern-projects-pro .msf-template-card form.msf-tpl-form button.msf-tpl-donate span,
.msf-live-preview-wrap .msf-template-card form.msf-tpl-form button.msf-tpl-donate span{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  line-height:1.35!important;
  font-size:inherit!important;
  color:inherit!important;
}
.msf-projects-pro .msf-template-card form.msf-tpl-form button.msf-tpl-donate svg,
.msf-modern-projects-pro .msf-template-card form.msf-tpl-form button.msf-tpl-donate svg,
.msf-live-preview-wrap .msf-template-card form.msf-tpl-form button.msf-tpl-donate svg{
  width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex:0 0 18px!important;
}
.msf-projects-pro .msf-template-card form.msf-tpl-form button.msf-tpl-donate:hover,
.msf-modern-projects-pro .msf-template-card form.msf-tpl-form button.msf-tpl-donate:hover{
  background:var(--msf-project-button-bg-hover,var(--msf-project-button-bg,#4e9b36))!important;
  color:var(--msf-project-button-color-hover,var(--msf-project-button-color,#fff))!important;
  border-color:var(--msf-project-button-border-hover,var(--msf-project-button-border,#4e9b36))!important;
}
.msf-projects-pro .msf-template-hero form.msf-tpl-form button.msf-tpl-donate,
.msf-modern-projects-pro .msf-template-hero form.msf-tpl-form button.msf-tpl-donate,
.msf-live-preview-wrap .msf-template-hero form.msf-tpl-form button.msf-tpl-donate{
  background:var(--msf-project-button-bg,#fff)!important;
  color:var(--msf-project-button-color,var(--msf-primary,#2563eb))!important;
}

/* Hero keeps readable overlay text while still following display settings for the accent/button. */
.msf-projects-pro .msf-template-hero h3,
.msf-modern-projects-pro .msf-template-hero h3,
.msf-live-preview-wrap .msf-template-hero h3,
.msf-projects-pro .msf-template-hero p,
.msf-modern-projects-pro .msf-template-hero p,
.msf-live-preview-wrap .msf-template-hero p,
.msf-projects-pro .msf-template-hero .msf-hero-percent,
.msf-modern-projects-pro .msf-template-hero .msf-hero-percent,
.msf-live-preview-wrap .msf-template-hero .msf-hero-percent,
.msf-projects-pro .msf-template-hero .msf-hero-money,
.msf-modern-projects-pro .msf-template-hero .msf-hero-money,
.msf-live-preview-wrap .msf-template-hero .msf-hero-money{color:#fff!important;}

@media(max-width:700px){
  .msf-projects-pro .msf-template-card form.msf-tpl-form button.msf-tpl-donate,
  .msf-modern-projects-pro .msf-template-card form.msf-tpl-form button.msf-tpl-donate,
  .msf-live-preview-wrap .msf-template-card form.msf-tpl-form button.msf-tpl-donate{
    height:40px!important;min-height:40px!important;max-height:40px!important;font-size:12px!important;padding:0 9px!important;gap:5px!important;
  }
  .msf-projects-pro .msf-template-card .msf-tpl-actions,
  .msf-modern-projects-pro .msf-template-card .msf-tpl-actions,
  .msf-live-preview-wrap .msf-template-card .msf-tpl-actions{gap:6px!important;}
}


/* v2.10.2 — donation amounts in every project template + display-settings colors */
.msf-projects-pro .msf-template-card .msf-tpl-form,
.msf-modern-projects-pro .msf-template-card .msf-tpl-form,
.msf-live-preview-wrap .msf-template-card .msf-tpl-form{display:block!important}
.msf-projects-pro .msf-template-card .msf-tpl-donation-amounts,
.msf-modern-projects-pro .msf-template-card .msf-tpl-donation-amounts,
.msf-live-preview-wrap .msf-template-card .msf-tpl-donation-amounts{margin:10px 0!important}
.msf-projects-pro .msf-template-card .msf-tpl-amounts,
.msf-modern-projects-pro .msf-template-card .msf-tpl-amounts,
.msf-live-preview-wrap .msf-template-card .msf-tpl-amounts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:0 0 8px!important}
.msf-projects-pro .msf-template-card .msf-pro-amount-btn,
.msf-modern-projects-pro .msf-template-card .msf-pro-amount-btn,
.msf-live-preview-wrap .msf-template-card .msf-pro-amount-btn{min-width:0!important;height:38px!important;padding:0 5px!important;border:1px solid var(--msf-project-amount-border,var(--msf-project-card-border,#dbe3ec))!important;border-radius:8px!important;background:var(--msf-project-amount-bg,var(--msf-project-card-bg,#fff))!important;color:var(--msf-project-amount-text,var(--msf-project-number-color,var(--msf-project-text,#0f172a)))!important;font:800 12px/1 inherit!important;white-space:nowrap!important;cursor:pointer!important}
.msf-projects-pro .msf-template-card .msf-pro-amount-btn span,
.msf-modern-projects-pro .msf-template-card .msf-pro-amount-btn span,
.msf-live-preview-wrap .msf-template-card .msf-pro-amount-btn span{color:inherit!important;font-size:10px!important}
.msf-projects-pro .msf-template-card .msf-pro-amount-btn.is-active,
.msf-modern-projects-pro .msf-template-card .msf-pro-amount-btn.is-active,
.msf-live-preview-wrap .msf-template-card .msf-pro-amount-btn.is-active{background:var(--msf-project-amount-active-bg,var(--msf-project-progress,var(--msf-primary,#4e9b36)))!important;border-color:var(--msf-project-amount-active-bg,var(--msf-project-progress,var(--msf-primary,#4e9b36)))!important;color:var(--msf-project-amount-active-text,#fff)!important}
.msf-projects-pro .msf-template-card .msf-tpl-custom,
.msf-modern-projects-pro .msf-template-card .msf-tpl-custom,
.msf-live-preview-wrap .msf-template-card .msf-tpl-custom{height:40px!important;display:flex!important;align-items:center!important;overflow:hidden!important;border:1px solid var(--msf-project-input-border,var(--msf-project-card-border,#dbe3ec))!important;border-radius:8px!important;background:var(--msf-project-input-bg,var(--msf-project-card-bg,#fff))!important;color:var(--msf-project-input-text,var(--msf-project-text,#0f172a))!important}
.msf-projects-pro .msf-template-card .msf-tpl-custom span,
.msf-modern-projects-pro .msf-template-card .msf-tpl-custom span,
.msf-live-preview-wrap .msf-template-card .msf-tpl-custom span{height:100%!important;min-width:48px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--msf-project-input-border,#dbe3ec) 26%,transparent)!important;color:var(--msf-project-input-text,var(--msf-project-text,#0f172a))!important;font-weight:800!important}
.msf-projects-pro .msf-template-card .msf-pro-amount-input,
.msf-modern-projects-pro .msf-template-card .msf-pro-amount-input,
.msf-live-preview-wrap .msf-template-card .msf-pro-amount-input{flex:1!important;min-width:0!important;height:100%!important;border:0!important;outline:0!important;background:transparent!important;color:var(--msf-project-input-text,var(--msf-project-text,#0f172a))!important;padding:0 12px!important;font:700 13px/1 inherit!important;box-shadow:none!important}
.msf-projects-pro .msf-template-card .msf-pro-amount-input::placeholder,
.msf-modern-projects-pro .msf-template-card .msf-pro-amount-input::placeholder,
.msf-live-preview-wrap .msf-template-card .msf-pro-amount-input::placeholder{color:var(--msf-project-desc,var(--msf-muted,#64748b))!important;opacity:.85}
.msf-projects-pro .msf-template-card .msf-tpl-actions,
.msf-modern-projects-pro .msf-template-card .msf-tpl-actions,
.msf-live-preview-wrap .msf-template-card .msf-tpl-actions{margin-top:9px!important}
.msf-projects-pro .msf-template-card .msf-tpl-donate,
.msf-modern-projects-pro .msf-template-card .msf-tpl-donate,
.msf-live-preview-wrap .msf-template-card .msf-tpl-donate{background:var(--msf-project-button-bg,var(--msf-project-progress,var(--msf-primary,#4e9b36)))!important;color:var(--msf-project-button-text,#fff)!important}
.msf-projects-pro .msf-template-hero .msf-tpl-donation-amounts,
.msf-modern-projects-pro .msf-template-hero .msf-tpl-donation-amounts,
.msf-live-preview-wrap .msf-template-hero .msf-tpl-donation-amounts{background:rgba(15,23,42,.28)!important;border-radius:10px!important;padding:8px!important;backdrop-filter:blur(5px)}
.msf-projects-pro .msf-template-hero .msf-pro-amount-btn,
.msf-modern-projects-pro .msf-template-hero .msf-pro-amount-btn,
.msf-live-preview-wrap .msf-template-hero .msf-pro-amount-btn{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.5)!important;color:#fff!important}
.msf-projects-pro .msf-template-hero .msf-tpl-custom,
.msf-modern-projects-pro .msf-template-hero .msf-tpl-custom,
.msf-live-preview-wrap .msf-template-hero .msf-tpl-custom{background:rgba(255,255,255,.94)!important}
@media(max-width:700px){.msf-projects-pro .msf-template-card .msf-tpl-amounts,.msf-modern-projects-pro .msf-template-card .msf-tpl-amounts,.msf-live-preview-wrap .msf-template-card .msf-tpl-amounts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.msf-projects-pro .msf-template-hero,.msf-projects-pro .msf-template-hero .msf-hero-content{min-height:470px!important}}

/* v2.10.3 — mobile stability for Classic and Hero templates */
@media (max-width:700px){
  .msf-projects-pro .msf-template-classic,
  .msf-modern-projects-pro .msf-template-classic,
  .msf-live-preview-wrap .msf-template-classic{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    overflow:hidden!important;
  }
  .msf-projects-pro .msf-template-classic .msf-pro-image,
  .msf-modern-projects-pro .msf-template-classic .msf-pro-image,
  .msf-live-preview-wrap .msf-template-classic .msf-pro-image{height:210px!important}
  .msf-projects-pro .msf-template-classic .msf-pro-content,
  .msf-modern-projects-pro .msf-template-classic .msf-pro-content,
  .msf-live-preview-wrap .msf-template-classic .msf-pro-content{padding:18px!important}
  .msf-projects-pro .msf-template-classic .msf-pro-content h3,
  .msf-modern-projects-pro .msf-template-classic .msf-pro-content h3,
  .msf-live-preview-wrap .msf-template-classic .msf-pro-content h3{font-size:24px!important;line-height:1.35!important}
  .msf-projects-pro .msf-template-classic .msf-pro-stats,
  .msf-modern-projects-pro .msf-template-classic .msf-pro-stats,
  .msf-live-preview-wrap .msf-template-classic .msf-pro-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .msf-projects-pro .msf-template-classic .msf-pro-stats>div,
  .msf-modern-projects-pro .msf-template-classic .msf-pro-stats>div,
  .msf-live-preview-wrap .msf-template-classic .msf-pro-stats>div{padding:14px 6px!important;border-bottom:0!important}
  .msf-projects-pro .msf-template-classic .msf-pro-stats>div:not(:last-child),
  .msf-modern-projects-pro .msf-template-classic .msf-pro-stats>div:not(:last-child),
  .msf-live-preview-wrap .msf-template-classic .msf-pro-stats>div:not(:last-child){border-left:1px solid var(--msf-project-card-border,#e5edf5)!important}
  .msf-projects-pro .msf-template-classic .msf-pro-stats strong,
  .msf-modern-projects-pro .msf-template-classic .msf-pro-stats strong,
  .msf-live-preview-wrap .msf-template-classic .msf-pro-stats strong{font-size:18px!important}
  .msf-projects-pro .msf-template-classic .msf-pro-amounts,
  .msf-modern-projects-pro .msf-template-classic .msf-pro-amounts,
  .msf-live-preview-wrap .msf-template-classic .msf-pro-amounts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .msf-projects-pro .msf-template-classic .msf-pro-submit,
  .msf-modern-projects-pro .msf-template-classic .msf-pro-submit,
  .msf-live-preview-wrap .msf-template-classic .msf-pro-submit{width:100%!important;min-height:58px!important;height:58px!important;padding:0 18px!important;border-radius:14px!important;overflow:hidden!important}
  .msf-projects-pro .msf-template-classic .msf-pro-submit span,
  .msf-modern-projects-pro .msf-template-classic .msf-pro-submit span,
  .msf-live-preview-wrap .msf-template-classic .msf-pro-submit span{font-size:20px!important;line-height:1!important;white-space:nowrap!important;display:block!important}
  .msf-projects-pro .msf-template-classic .msf-pro-submit svg,
  .msf-modern-projects-pro .msf-template-classic .msf-pro-submit svg,
  .msf-live-preview-wrap .msf-template-classic .msf-pro-submit svg{width:20px!important;height:20px!important;flex:0 0 20px!important}

  .msf-projects-pro .msf-template-hero,
  .msf-modern-projects-pro .msf-template-hero,
  .msf-live-preview-wrap .msf-template-hero{
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .msf-projects-pro .msf-template-hero>.msf-tpl-image,
  .msf-modern-projects-pro .msf-template-hero>.msf-tpl-image,
  .msf-live-preview-wrap .msf-template-hero>.msf-tpl-image{position:absolute!important;inset:0!important;height:100%!important}
  .msf-projects-pro .msf-template-hero .msf-hero-content,
  .msf-modern-projects-pro .msf-template-hero .msf-hero-content,
  .msf-live-preview-wrap .msf-template-hero .msf-hero-content{
    min-height:0!important;
    height:auto!important;
    padding:250px 16px 18px!important;
    position:relative!important;
    z-index:2!important;
  }
  .msf-projects-pro .msf-template-hero .msf-tpl-donation-amounts,
  .msf-modern-projects-pro .msf-template-hero .msf-tpl-donation-amounts,
  .msf-live-preview-wrap .msf-template-hero .msf-tpl-donation-amounts{margin-top:12px!important}
  .msf-projects-pro .msf-template-hero .msf-tpl-amounts,
  .msf-modern-projects-pro .msf-template-hero .msf-tpl-amounts,
  .msf-live-preview-wrap .msf-template-hero .msf-tpl-amounts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .msf-projects-pro .msf-template-hero .msf-tpl-actions,
  .msf-modern-projects-pro .msf-template-hero .msf-tpl-actions,
  .msf-live-preview-wrap .msf-template-hero .msf-tpl-actions{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .msf-projects-pro .msf-template-hero .msf-tpl-donate,
  .msf-modern-projects-pro .msf-template-hero .msf-tpl-donate,
  .msf-live-preview-wrap .msf-template-hero .msf-tpl-donate{grid-column:1/-1!important;width:100%!important;height:56px!important;min-height:56px!important;overflow:hidden!important}
  .msf-projects-pro .msf-template-hero .msf-tpl-donate span,
  .msf-modern-projects-pro .msf-template-hero .msf-tpl-donate span,
  .msf-live-preview-wrap .msf-template-hero .msf-tpl-donate span{font-size:19px!important;line-height:1!important;white-space:nowrap!important}
}


/* v2.10.4 - final project-card button + display-settings unification */
.msf-projects-pro .msf-project-card form.msf-tpl-form button.msf-tpl-donate,
.msf-modern-projects-pro .msf-project-card form.msf-tpl-form button.msf-tpl-donate,
.msf-live-preview-wrap .msf-project-card form.msf-tpl-form button.msf-tpl-donate,
.msf-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit,
.msf-modern-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit,
.msf-live-preview-wrap .msf-template-classic form.msf-tpl-form button.msf-pro-submit{
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 16px!important;
  border:1px solid var(--msf-project-button-border,var(--msf-project-button-bg,#1557e6))!important;
  border-radius:12px!important;
  background:var(--msf-project-button-bg,#1557e6)!important;
  color:var(--msf-project-button-color,#fff)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  box-shadow:none!important;
  transform:none!important;
  font-family:inherit!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.msf-projects-pro .msf-project-card form.msf-tpl-form button.msf-tpl-donate:hover,
.msf-modern-projects-pro .msf-project-card form.msf-tpl-form button.msf-tpl-donate:hover,
.msf-live-preview-wrap .msf-project-card form.msf-tpl-form button.msf-tpl-donate:hover,
.msf-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit:hover,
.msf-modern-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit:hover,
.msf-live-preview-wrap .msf-template-classic form.msf-tpl-form button.msf-pro-submit:hover{
  background:var(--msf-project-button-bg-hover,var(--msf-project-button-bg,#1557e6))!important;
  color:var(--msf-project-button-color-hover,var(--msf-project-button-color,#fff))!important;
  border-color:var(--msf-project-button-border-hover,var(--msf-project-button-bg-hover,var(--msf-project-button-bg,#1557e6)))!important;
}
.msf-projects-pro .msf-project-card form.msf-tpl-form button.msf-tpl-donate span,
.msf-modern-projects-pro .msf-project-card form.msf-tpl-form button.msf-tpl-donate span,
.msf-live-preview-wrap .msf-project-card form.msf-tpl-form button.msf-tpl-donate span,
.msf-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit span,
.msf-modern-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit span,
.msf-live-preview-wrap .msf-template-classic form.msf-tpl-form button.msf-pro-submit span{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.msf-projects-pro .msf-project-card form.msf-tpl-form button.msf-tpl-donate svg,
.msf-modern-projects-pro .msf-project-card form.msf-tpl-form button.msf-tpl-donate svg,
.msf-live-preview-wrap .msf-project-card form.msf-tpl-form button.msf-tpl-donate svg,
.msf-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit svg,
.msf-modern-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit svg,
.msf-live-preview-wrap .msf-template-classic form.msf-tpl-form button.msf-pro-submit svg{
  width:19px!important;height:19px!important;min-width:19px!important;flex:0 0 19px!important;stroke:currentColor!important;fill:none!important;
}
/* Hero also follows the same display-settings colors; only its secondary actions remain translucent. */
.msf-projects-pro .msf-template-hero form.msf-tpl-form button.msf-tpl-donate,
.msf-modern-projects-pro .msf-template-hero form.msf-tpl-form button.msf-tpl-donate,
.msf-live-preview-wrap .msf-template-hero form.msf-tpl-form button.msf-tpl-donate{
  background:var(--msf-project-button-bg,#1557e6)!important;
  color:var(--msf-project-button-color,#fff)!important;
  border-color:var(--msf-project-button-border,var(--msf-project-button-bg,#1557e6))!important;
}
@media(max-width:700px){
  .msf-projects-pro .msf-template-classic .msf-tpl-actions,
  .msf-modern-projects-pro .msf-template-classic .msf-tpl-actions,
  .msf-live-preview-wrap .msf-template-classic .msf-tpl-actions{display:block!important;width:100%!important;margin-top:12px!important}
  .msf-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit,
  .msf-modern-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit,
  .msf-live-preview-wrap .msf-template-classic form.msf-tpl-form button.msf-pro-submit{
    width:100%!important;height:54px!important;min-height:54px!important;font-size:18px!important;border-radius:12px!important;
  }
}

/* v2.13.9 — Saudi Riyal: single source of truth.
   Backend-rendered cards arrive after page load, so style the actual backend classes
   without requiring an .msf-shell ancestor. The currency color is exactly the normal
   suggested-amount text color. */
.miyaar-store-scope .miyaar-approved-project-card .miyaar-dw-cur,
.miyaar-approved-project-card .miyaar-dw-cur{
  color:var(--miyaar-quick-amount-text,var(--msf-project-amount-text,#16a34a))!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.miyaar-store-scope .miyaar-approved-project-card .miyaar-dw-cur .miyaar-riyal-symbol,
.miyaar-approved-project-card .miyaar-dw-cur .miyaar-riyal-symbol{
  display:inline-block!important;
  width:1em!important;
  height:1em!important;
  margin-inline:.12em!important;
  vertical-align:-.12em!important;
  color:inherit!important;
  background:currentColor!important;
  background-color:currentColor!important;
  background-image:none!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  /* Do NOT disable the mask: the backend supplies the official Riyal mask URL. */
}
.msf-projects-pro .msf-pro-custom>span,
.msf-modern-projects-pro .msf-pro-custom>span,
.msf-native-page-inner .msf-projects-pro .msf-pro-custom>span,
.msf-native-page-inner .msf-modern-projects-pro .msf-pro-custom>span,
.msf-projects-pro .msf-tpl-custom>span,
.msf-modern-projects-pro .msf-tpl-custom>span{
  color:var(--msf-project-amount-text,var(--msf-project-amount-color,#16a34a))!important;
  -webkit-text-fill-color:currentColor!important;
}

/* v2.13.9 — FINAL unified amount/currency palette.
   Every project-card template, including backend-rendered approved cards,
   uses one amount text token. No stats/KPI color is allowed to leak into currency. */
.msf-projects-pro,
.msf-modern-projects-pro,
.msf-live-preview-wrap,
.miyaar-approved-project-card,
.miyaar-store-scope .miyaar-approved-project-card{
  --msf-project-amount-text:var(--msf-project-amount-color,#1557e6);
}
.msf-projects-pro .msf-pro-amount-btn,
.msf-modern-projects-pro .msf-pro-amount-btn,
.msf-live-preview-wrap .msf-pro-amount-btn,
.msf-projects-pro .msf-pro-custom>span,
.msf-modern-projects-pro .msf-pro-custom>span,
.msf-live-preview-wrap .msf-pro-custom>span,
.msf-projects-pro .msf-tpl-custom>span,
.msf-modern-projects-pro .msf-tpl-custom>span,
.msf-live-preview-wrap .msf-tpl-custom>span{
  color:var(--msf-project-amount-text,#1557e6)!important;
  -webkit-text-fill-color:currentColor!important;
}
.miyaar-store-scope .miyaar-approved-project-card .miyaar-dw-pill,
.miyaar-approved-project-card .miyaar-dw-pill,
.miyaar-store-scope .miyaar-approved-project-card .miyaar-dw-cur,
.miyaar-approved-project-card .miyaar-dw-cur,
.miyaar-store-scope .miyaar-approved-project-card .miyaar-dw-amount,
.miyaar-approved-project-card .miyaar-dw-amount{
  color:var(--miyaar-quick-amount-text,var(--msf-project-amount-text,#1557e6))!important;
  -webkit-text-fill-color:currentColor!important;
}
.miyaar-store-scope .miyaar-approved-project-card .miyaar-riyal-symbol,
.miyaar-approved-project-card .miyaar-riyal-symbol{
  color:inherit!important;
  background-color:currentColor!important;
  background-image:none!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  forced-color-adjust:none!important;
}

/* v2.13.9b — one physical Riyal asset for every amount input/template.
   New filename intentionally bypasses any cached pale asset. */
.msf-riyal-symbol,
.msf-projects-pro .msf-riyal-symbol,
.msf-modern-projects-pro .msf-riyal-symbol,
.msf-live-preview-wrap .msf-riyal-symbol{
  display:inline-block!important;
  width:1em!important;
  height:1em!important;
  flex:0 0 1em!important;
  vertical-align:-.12em!important;
  margin-inline:.10em!important;
  color:var(--msf-project-amount-text,var(--msf-project-amount-color,#1557e6))!important;
  background:currentColor!important;
  background-color:currentColor!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  -webkit-mask:url('../images/saudi-riyal-symbol-solid.png') center/contain no-repeat!important;
  mask:url('../images/saudi-riyal-symbol-solid.png') center/contain no-repeat!important;
}
.miyaar-store-scope .miyaar-approved-project-card .miyaar-riyal-symbol,
.miyaar-approved-project-card .miyaar-riyal-symbol{
  -webkit-mask-image:url('../images/saudi-riyal-symbol-solid.png')!important;
  mask-image:url('../images/saudi-riyal-symbol-solid.png')!important;
}


/* v2.13.10 — Arabic donation CTA vertical rhythm fix.
   Prevents Rubik/Arabic descenders from being clipped by old fixed-height/line-height rules. */
.msf-projects-pro .msf-project-card form.msf-tpl-form button.msf-tpl-donate,
.msf-modern-projects-pro .msf-project-card form.msf-tpl-form button.msf-tpl-donate,
.msf-live-preview-wrap .msf-project-card form.msf-tpl-form button.msf-tpl-donate,
.msf-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit,
.msf-modern-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit {
  min-height:46px!important;
  height:46px!important;
  max-height:none!important;
  padding:6px 14px!important;
  line-height:1.35!important;
  overflow:visible!important;
}
.msf-projects-pro .msf-project-card form.msf-tpl-form button.msf-tpl-donate > span,
.msf-modern-projects-pro .msf-project-card form.msf-tpl-form button.msf-tpl-donate > span,
.msf-live-preview-wrap .msf-project-card form.msf-tpl-form button.msf-tpl-donate > span,
.msf-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit > span,
.msf-modern-projects-pro .msf-template-classic form.msf-tpl-form button.msf-pro-submit > span {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:1.5em!important;
  line-height:1.35!important;
  overflow:visible!important;
  padding-bottom:1px!important;
}

/* v2.13.24 — Hero card canonical height: public output and admin preview share the same flow.
   The background image stays absolute, while the content defines the card height so donation controls are never clipped. */
.msf-projects-pro .msf-template-hero,
.msf-modern-projects-pro .msf-template-hero,
.msf-live-preview-wrap .msf-template-hero{
  position:relative!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
.msf-projects-pro .msf-template-hero>.msf-tpl-image,
.msf-modern-projects-pro .msf-template-hero>.msf-tpl-image,
.msf-live-preview-wrap .msf-template-hero>.msf-tpl-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
}
.msf-projects-pro .msf-template-hero .msf-hero-content,
.msf-modern-projects-pro .msf-template-hero .msf-hero-content,
.msf-live-preview-wrap .msf-template-hero .msf-hero-content{
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:250px 18px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  overflow:visible!important;
}
.msf-projects-pro .msf-template-hero form.msf-tpl-form,
.msf-modern-projects-pro .msf-template-hero form.msf-tpl-form,
.msf-live-preview-wrap .msf-template-hero form.msf-tpl-form{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.msf-projects-pro .msf-template-hero .msf-tpl-donation-amounts,
.msf-modern-projects-pro .msf-template-hero .msf-tpl-donation-amounts,
.msf-live-preview-wrap .msf-template-hero .msf-tpl-donation-amounts,
.msf-projects-pro .msf-template-hero .msf-tpl-actions,
.msf-modern-projects-pro .msf-template-hero .msf-tpl-actions,
.msf-live-preview-wrap .msf-template-hero .msf-tpl-actions{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
@media(max-width:700px){
  .msf-projects-pro .msf-template-hero .msf-hero-content,
  .msf-modern-projects-pro .msf-template-hero .msf-hero-content,
  .msf-live-preview-wrap .msf-template-hero .msf-hero-content{
    padding:210px 14px 16px!important;
  }
}


/* v2.13.25 — FINAL Saudi Riyal authority: fixed black image in every project-card template.
   No mask, currentColor, filter, opacity inheritance, or theme color can recolor the mark. */
.msf-riyal-symbol,
.msf-riyal-symbol-img,
.msf-projects-pro .msf-riyal-symbol,
.msf-modern-projects-pro .msf-riyal-symbol,
.msf-live-preview-wrap .msf-riyal-symbol,
.miyaar-store-scope .miyaar-approved-project-card .miyaar-riyal-symbol,
.miyaar-approved-project-card .miyaar-riyal-symbol{
  display:inline-block!important;
  width:1.05em!important;
  height:1.05em!important;
  min-width:1.05em!important;
  flex:0 0 1.05em!important;
  object-fit:contain!important;
  object-position:center!important;
  margin-inline:.10em!important;
  vertical-align:-.15em!important;
  background:transparent url('../images/saudi-riyal-symbol-black.png') center/contain no-repeat!important;
  background-color:transparent!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:#000!important;
  -webkit-text-fill-color:#000!important;
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
  mix-blend-mode:normal!important;
  forced-color-adjust:none!important;
}
img.msf-riyal-symbol, img.msf-riyal-symbol-img{
  content:normal!important;
  background:none!important;
}
.msf-pro-stats em .msf-riyal-symbol,
.msf-tpl-hero-money .msf-riyal-symbol{width:.95em!important;height:.95em!important;min-width:.95em!important;flex-basis:.95em!important;}