.hcd-charity-cta{
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:var(--hcd-max-width,1440px);
  min-height:var(--hcd-min-height,430px);
  margin:var(--hcd-margin,40px) auto;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--hcd-accent,#b98a3d) 22%,transparent);
  border-radius:var(--hcd-radius,30px);
  background-color:#f7f1e4;
  background-image:var(--hcd-bg-desktop);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  box-shadow:0 1px 0 rgba(255,255,255,.82) inset,0 26px 70px rgba(25,60,51,.12);
  color:var(--hcd-text,#113c34);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.hcd-charity-cta,
.hcd-charity-cta *,
.hcd-charity-cta *::before,
.hcd-charity-cta *::after{
  box-sizing:border-box;
}

.hcd-charity-cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(
    90deg,
    rgba(250,247,239,var(--hcd-overlay,.96)) 0%,
    rgba(250,247,239,var(--hcd-overlay-mid,.94)) 38%,
    rgba(250,247,239,var(--hcd-overlay-soft,.78)) 58%,
    rgba(250,247,239,.16) 100%
  );
}

.hcd-charity-cta::after{
  content:"";
  position:absolute;
  inset:20px;
  z-index:-1;
  border:1px solid rgba(255,255,255,.64);
  border-radius:calc(var(--hcd-radius,30px) - 8px);
  pointer-events:none;
}

.hcd-charity-cta__inner{
  min-height:var(--hcd-min-height,430px);
  display:flex;
  align-items:center;
  padding:58px 68px;
}

.hcd-charity-cta__content{
  width:min(680px,62%);
}

.hcd-charity-cta__meta{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 22px;
  color:var(--hcd-primary,#0a6657);
  font-size:12px;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.hcd-charity-cta__meta::before{
  content:"";
  width:30px;
  height:1px;
  background:var(--hcd-accent,#b98a3d);
}

.hcd-charity-cta__title{
  margin:0;
  color:var(--hcd-text,#113c34);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,4.6vw,68px);
  font-weight:500;
  line-height:1.01;
  letter-spacing:-.035em;
}

.hcd-charity-cta__title em{
  display:block;
  margin-top:10px;
  color:var(--hcd-primary,#0a6657);
  font-size:.68em;
  font-style:normal;
  line-height:1.12;
}

.hcd-charity-cta__text{
  max-width:610px;
  margin:24px 0 0;
  color:var(--hcd-muted,#66756f);
  font-size:clamp(16px,1.35vw,19px);
  line-height:1.85;
}

.hcd-charity-cta__types{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 18px;
  margin:27px 0 0;
  padding:0;
  list-style:none;
  color:var(--hcd-text,#113c34);
  font-size:13px;
  font-weight:800;
}

.hcd-charity-cta__types li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}

.hcd-charity-cta__types li::before{
  content:"";
  width:5px;
  height:5px;
  border-radius:999px;
  background:var(--hcd-accent,#b98a3d);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--hcd-accent,#b98a3d) 11%,transparent);
}

.hcd-charity-cta__footer{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:34px;
}

.hcd-charity-cta__button{
  position:relative;
  min-width:230px;
  min-height:62px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:10px 11px 10px 24px;
  overflow:hidden;
  border:1px solid var(--hcd-primary-dark,#06483e);
  border-radius:999px;
  background:linear-gradient(135deg,var(--hcd-primary,#0a6657),var(--hcd-primary-dark,#06483e));
  color:#fff;
  text-decoration:none;
  font-size:16px;
  font-weight:900;
  line-height:1;
  box-shadow:0 12px 26px color-mix(in srgb,var(--hcd-primary,#0a6657) 26%,transparent),0 1px 0 rgba(255,255,255,.17) inset;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

.hcd-charity-cta__button::before{
  content:"";
  position:absolute;
  inset:1px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:inherit;
  pointer-events:none;
}

.hcd-charity-cta__button:hover{
  transform:translateY(-2px);
  border-color:var(--hcd-accent,#b98a3d);
  color:#fff;
  box-shadow:0 18px 34px color-mix(in srgb,var(--hcd-primary,#0a6657) 32%,transparent),0 1px 0 rgba(255,255,255,.2) inset;
}

.hcd-charity-cta__button:focus-visible{
  outline:3px solid color-mix(in srgb,var(--hcd-accent,#b98a3d) 35%,transparent);
  outline-offset:4px;
}

.hcd-charity-cta__button-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:var(--hcd-primary-dark,#06483e);
  box-shadow:0 5px 14px rgba(2,49,42,.18);
}

.hcd-charity-cta__button-icon svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .22s ease;
}

.hcd-charity-cta__button:hover .hcd-charity-cta__button-icon svg{
  transform:translateX(2px);
}

.hcd-charity-cta__secure{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--hcd-muted,#66756f);
  font-size:12px;
  font-weight:700;
}

.hcd-charity-cta__secure svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:var(--hcd-primary,#0a6657);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hcd-charity-cta[dir="rtl"]::before{
  background:linear-gradient(
    270deg,
    rgba(250,247,239,var(--hcd-overlay,.96)) 0%,
    rgba(250,247,239,var(--hcd-overlay-mid,.94)) 38%,
    rgba(250,247,239,var(--hcd-overlay-soft,.78)) 58%,
    rgba(250,247,239,.16) 100%
  );
}

.hcd-charity-cta[dir="rtl"] .hcd-charity-cta__title,
.hcd-charity-cta[dir="rtl"] .hcd-charity-cta__meta{
  letter-spacing:0;
}

.hcd-charity-cta[dir="rtl"] .hcd-charity-cta__button{
  padding:10px 24px 10px 11px;
}

.hcd-charity-cta[dir="rtl"] .hcd-charity-cta__button-icon svg{
  transform:scaleX(-1);
}

.hcd-charity-cta[dir="rtl"] .hcd-charity-cta__button:hover .hcd-charity-cta__button-icon svg{
  transform:scaleX(-1) translateX(2px);
}

@media (max-width:900px){
  .hcd-charity-cta{
    min-height:var(--hcd-mobile-min-height,740px);
    background-image:var(--hcd-bg-mobile);
    background-position:center bottom;
  }

  .hcd-charity-cta::before,
  .hcd-charity-cta[dir="rtl"]::before{
    background:linear-gradient(
      180deg,
      rgba(250,247,239,var(--hcd-overlay,.96)) 0%,
      rgba(250,247,239,var(--hcd-overlay-mid,.94)) 48%,
      rgba(250,247,239,var(--hcd-overlay-soft,.78)) 67%,
      rgba(250,247,239,.10) 100%
    );
  }

  .hcd-charity-cta__inner{
    min-height:var(--hcd-mobile-min-height,740px);
    align-items:flex-start;
    padding:52px 42px 210px;
  }

  .hcd-charity-cta__content{
    width:100%;
    max-width:690px;
  }
}

@media (max-width:600px){
  .hcd-charity-cta{
    margin:24px auto;
    border-radius:min(var(--hcd-radius,30px),24px);
  }

  .hcd-charity-cta::after{
    inset:10px;
    border-radius:17px;
  }

  .hcd-charity-cta__inner{
    padding:34px 24px 185px;
  }

  .hcd-charity-cta__meta{
    margin-bottom:17px;
    font-size:11px;
  }

  .hcd-charity-cta__title{
    font-size:clamp(36px,11vw,49px);
    line-height:1.04;
  }

  .hcd-charity-cta__text{
    margin-top:19px;
    font-size:15px;
    line-height:1.75;
  }

  .hcd-charity-cta__types{
    gap:11px 14px;
    margin-top:22px;
    font-size:12px;
  }

  .hcd-charity-cta__footer{
    align-items:stretch;
    gap:13px;
    margin-top:28px;
  }

  .hcd-charity-cta__button{
    width:100%;
    min-width:0;
    min-height:60px;
  }

  .hcd-charity-cta__secure{
    justify-content:center;
    width:100%;
  }
}
