.elementor-2937 .elementor-element.elementor-element-ce424e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2937 .elementor-element.elementor-element-bc37dcd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2937 .elementor-element.elementor-element-259b40f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2937 .elementor-element.elementor-element-120d0a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2937 .elementor-element.elementor-element-2f998a4 .volunteer-details__background__heading{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-2937 .elementor-element.elementor-element-fd8cf66{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:130px;--padding-bottom:94px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-2937 .elementor-element.elementor-element-fd8cf66{--content-width:66%;}}/* Start custom CSS for html, class: .elementor-element-f16935c *//* ========= DONATE PLACEHOLDER – CLEAN THEME ========= */
.donate-placeholder {
  --brand: #8E8368;          /* кнопки/акценты */
  --text:  #474853;          /* основной текст */
  --muted: #8C8A95;          /* вторичный текст */
  --bg:    #F6F4F1;          /* фон секции */
  --card:  #FFFFFF;          /* фон карточек */
  --line:  rgba(53,28,66,.10);
  color: var(--text);
  background: var(--bg);
  padding: clamp(24px, 4vw, 48px) 0;
  font-synthesis-weight: none;
}

/* Центрируем и ограничиваем ширину */
.donate-placeholder .donate-wrap{
  max-width: 960px;
  margin: 0 auto;
  padding: 0 clamp(16px, 3vw, 24px);
}

/* Заголовок */
.donate-placeholder .donate-head{
  text-align: center;
  margin: 0 0 24px;
}
.donate-placeholder .donate-head h2,
.donate-placeholder .donate-head h3{
  color: var(--text);
  letter-spacing: .2px;
  margin: 0 0 8px;
}
.donate-placeholder .donate-head p{
  color: var(--muted);
  margin: 0;
}

/* Сообщение (test mode / notice) */
.donate-placeholder .donate-notice{
  display:flex; gap:10px; align-items:flex-start;
  background: #FFF7E6;
  color:#7A5E2C;
  border:1px solid #F5E5C4;
  border-radius: 14px;
  padding: 12px 14px;
  margin: 0 0 16px;
  font-size: 14px;
}

/* Карточка формы */
.donate-placeholder .donate-card{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: clamp(18px, 2.5vw, 28px);
  box-shadow: 0 10px 30px rgba(20,12,28,.06);
}

/* ======= Сумма пожертвования ======= */
.donate-placeholder .amount-bar{
  display:flex; align-items:center; gap:10px;
  background: #F3F1ED;
  border:1px solid var(--line);
  border-radius: 14px;
  padding: 10px 12px;
  margin-bottom: 18px;
}
.donate-placeholder .amount-bar .currency{
  width: 44px; height: 44px;
  display:grid; place-items:center;
  border-radius: 12px;
  background: var(--brand);
  color:#fff; font-weight:600;
}
.donate-placeholder .amount-bar input[type="number"],
.donate-placeholder .amount-bar input[type="text"]{
  flex:1; height:44px;
  border:0; outline:0;
  background: transparent;
  color: var(--text);
  font-weight: 600;
  font-size: 18px;
}

/* ======= Поля формы ======= */
.donate-placeholder input[type="text"],
.donate-placeholder input[type="email"],
.donate-placeholder input[type="number"],
.donate-placeholder select,
.donate-placeholder textarea{
  width:100%;
  background:#faf9f7;
  border:1px solid var(--line);
  border-radius: 12px;
  height:48px;
  padding: 12px 14px;
  color: var(--text);
  transition: .2s ease;
}
.donate-placeholder textarea{ min-height:120px; resize:vertical; }
.donate-placeholder input::placeholder,
.donate-placeholder textarea::placeholder{ color:#A3A0AA; }

.donate-placeholder input:focus,
.donate-placeholder select:focus,
.donate-placeholder textarea:focus{
  border-color: color-mix(in srgb, var(--brand) 50%, #ffffff);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent);
  outline: 0;
}

/* ======= Радио/переключатели (метод оплаты и т. п.) ======= */
.donate-placeholder .radio-list{
  display:flex; flex-wrap:wrap; gap:10px;
  margin: 8px 0 16px;
}
.donate-placeholder .radio{
  position:relative;
}
.donate-placeholder .radio input{
  position:absolute; inset:0; opacity:0; pointer-events:none;
}
.donate-placeholder .radio label{
  display:inline-flex; align-items:center; gap:8px;
  padding:10px 14px; border-radius:999px;
  border:1px solid var(--line);
  background:#faf9f7; color:var(--text);
  cursor:pointer; transition:.2s;
}
.donate-placeholder .radio input:checked + label{
  background: var(--brand);
  color:#fff; border-color: transparent;
  box-shadow: 0 6px 16px rgba(142,131,104,.35);
}

/* ======= Кнопки ======= */
.donate-placeholder .btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:48px; padding:0 20px;
  border-radius: 14px; border:0; cursor:pointer;
  font-weight: 700; letter-spacing:.2px;
  transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease;
}
.donate-placeholder .btn-primary{
  background: var(--brand);
  color:#fff;
  box-shadow: 0 6px 16px rgba(142,131,104,.35);
}
.donate-placeholder .btn-primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(142,131,104,.45);
}
.donate-placeholder .btn-ghost{
  background: transparent; color: var(--text);
  border:1px solid var(--line);
}
.donate-placeholder .btn-ghost:hover{
  background:#F3F1ED;
}

/* Сетка полей в 2 колонки (если у тебя так сверстано) */
.donate-placeholder .grid{
  display:grid; gap:12px;
}
@media (min-width: 680px){
  .donate-placeholder .grid.cols-2{ grid-template-columns: 1fr 1fr; }
}

/* Маленькие подписи/лейблы */
.donate-placeholder .label{
  display:block; margin: 10px 0 6px;
  font-size: 13px; color: var(--muted); font-weight:600;
}

/* Разделители */
.donate-placeholder .hr{
  height:1px; background: var(--line);
  margin: 16px 0;
}

/* Мелкие тексты/ссылки */
.donate-placeholder, 
.donate-placeholder .card, 
.donate-placeholder h2, 
.donate-placeholder h3, 
.donate-placeholder h4{
  color: var(--text);
}
.donate-placeholder a{ color: var(--text); text-decoration: underline; }
.donate-placeholder a:hover{ text-decoration: none; }

/* Мобильные отступы и кнопки */
@media (max-width: 480px){
  .donate-placeholder .btn{ width:100%; }
}



/* Donate placeholder — убрать задний фон секции */
.donate-placeholder{
  --bg: transparent;           /* на всякий случай обнуляем переменную */
  background: transparent !important;  /* глушим фон секции */
  /* если нужен тот же отступ — оставь padding; если нет, раскомментируй: */
  /* padding: 0 !important; */
}/* End custom CSS */
/* Start custom CSS for cleenhearts-skill, class: .elementor-element-2f998a4 *//* Donate page — белый фон ТОЛЬКО для нижнего блока */
body.page-id-2937 .elementor-element.elementor-element-2f998a4 .volunteer-details__background{
  background:#ffffff !important;
}

/* (не обязательно) Явно фиксируем верхний блок на цвет темы */
body.page-id-2937 .elementor-element.elementor-element-3dbe63d .volunteer-details__background{
  background: var(--cleenhearts-white2, #EFECE7) !important;
}/* End custom CSS */