/* st-formyellow.css v1 — блок «Звоните … / Или оставьте заявку» + карточка менеджера (.form-yellow).
   Только стили. Разметка, name/id полей, чекбокс согласия (не отмечен, без required — как в шаблоне) и скрипты не меняются.
   Подключать после adaptiv.css. */

#content .form-yellow{
  --fy-ink:#2D3440;--fy-mut:#4A5260;--fy-line:#E3E3E3;--fy-or:#FD8900;
  box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;align-items:stretch;
  margin:0 0 32px!important;padding:28px!important;border-radius:20px!important;
  background:linear-gradient(135deg,#FD8507 0%,#FF9F3D 55%,#FFB766 100%)!important;box-shadow:none!important;
}

/* белые карточки */
#content .form-yellow>.left,
#content .form-yellow>.right{
  box-sizing:border-box;float:none!important;width:auto!important;max-width:none!important;margin:0!important;
  background:#fff!important;border-radius:16px!important;box-shadow:0 14px 34px rgba(120,60,0,.18)!important;
}
#content .form-yellow>.left{padding:28px 32px 30px!important}
#content .form-yellow>.right{display:flex!important;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px!important;text-align:center}

/* «Звоните +7…» */
#content .form-yellow .call{margin:0 0 18px!important;padding:0 0 16px 52px!important;border-bottom:1px solid var(--fy-line)!important;
  color:var(--fy-ink)!important;font-size:30px!important;font-weight:800!important;line-height:1.2!important}
#content .form-yellow .call a{color:var(--fy-or)!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap}
@media (hover:hover){#content .form-yellow .call a:hover{color:#E27A00!important}}

#content .form-yellow .left form{margin:0!important;padding:0!important;border:0!important}
#content .form-yellow form .title{margin:0 0 16px!important;padding:0!important;color:var(--fy-mut)!important;font-size:16px!important;font-weight:500!important;line-height:1.45!important}

/* поля */
#content .form-yellow .inputs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px!important;padding:0!important}
#content .form-yellow .inputs input{
  box-sizing:border-box;width:100%!important;max-width:none!important;height:54px;margin:0!important;padding:0 16px!important;
  background:#F7F8F9!important;border:1px solid var(--fy-line)!important;border-radius:12px!important;box-shadow:none!important;
  color:var(--fy-ink)!important;font-size:16px!important;line-height:1.2;outline:0;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
#content .form-yellow .inputs input::placeholder{color:#7A818C;opacity:1}
#content .form-yellow .inputs input:focus{background:#fff!important;border-color:var(--fy-or)!important;box-shadow:0 0 0 3px rgba(253,137,0,.18)!important}

/* прикрепить файл */
#content .form-yellow .custom-file{display:flex!important;align-items:center;justify-content:flex-start;gap:8px;margin:0 0 14px!important;padding:0!important;cursor:pointer;color:var(--fy-ink)}
#content .form-yellow .custom-file .file__text{color:var(--fy-ink)!important;font-size:15px!important;font-weight:600!important;border-bottom:1px dashed #B8BEC7}
#content .form-yellow .files{margin:0 0 12px!important;color:var(--fy-ink)!important;text-align:left!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important}
#content .form-yellow .files:not(:has(span:not(:empty))){display:none!important}
@media (hover:hover){#content .form-yellow .custom-file:hover .file__text{color:var(--fy-or)!important;border-bottom-color:var(--fy-or)}}

/* согласие */
#content .form-yellow .garant{margin:0 0 18px!important;padding:0!important}
#content .form-yellow .form-vopros-expert__consent{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;cursor:pointer;color:var(--fy-mut)!important;font-size:15px!important;line-height:1.4!important}
#content .form-yellow .form-vopros-expert__consent input[type=checkbox]{accent-color:var(--fy-or)}
#content .form-yellow .form-vopros-expert__consent-text{color:var(--fy-mut)!important}
#content .form-yellow .agreement-link{color:var(--fy-or)!important;text-decoration:underline!important;text-underline-offset:3px}

/* кнопка */
#content .form-yellow .btn-red{
  display:block!important;box-sizing:border-box;width:100%!important;max-width:none!important;height:auto!important;min-height:56px;margin:0!important;padding:16px 20px!important;
  border:0!important;border-radius:12px!important;background:linear-gradient(90deg,#FE5248,#FD8507)!important;color:#fff!important;
  font-size:18px!important;font-weight:800!important;line-height:1.2!important;text-align:center;cursor:pointer;
  box-shadow:0 8px 20px rgba(253,133,7,.32)!important;transition:filter .2s ease,transform .2s ease;
}
@media (hover:hover){#content .form-yellow .btn-red:hover{filter:brightness(1.06);transform:translateY(-1px)}}
#content .form-yellow .btn-red:focus-visible,#content .form-yellow .inputs input:focus-visible{outline:3px solid var(--fy-ink);outline-offset:2px}

/* менеджер */
#content .form-yellow .right .img{width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;margin:0 0 16px!important;padding:0!important;line-height:0}
#content .form-yellow .right .img img{display:block;width:160px!important;height:160px!important;max-width:none;border-radius:50%!important;object-fit:cover;border:4px solid #FFE3C2;box-shadow:0 8px 22px rgba(45,52,64,.18)}
#content .form-yellow .right .name{margin:0 0 6px!important;color:var(--fy-ink)!important;font-size:24px!important;font-weight:800!important;line-height:1.2!important}
#content .form-yellow .right .text{margin:0!important;color:var(--fy-mut)!important;font-size:15px!important;line-height:1.5!important;text-align:center!important}

@media (max-width:900px){
  #content .form-yellow{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px!important;border-radius:16px!important}
  #content .form-yellow>.left{padding:20px 18px 22px!important}
  #content .form-yellow>.right{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-content:center;align-items:center;text-align:left;padding:18px!important}
  #content .form-yellow .right .img{grid-row:1 / span 2;margin:0!important}
  #content .form-yellow .right .name{align-self:end}
  #content .form-yellow .right .text{align-self:start}
  #content .form-yellow .right .img img{width:88px!important;height:88px!important;border-width:3px}
  #content .form-yellow .right .name{font-size:20px!important;text-align:left!important}
  #content .form-yellow .right .text{font-size:14px!important;text-align:left!important}
  #content .form-yellow .right .text br{display:none}
}
@media (max-width:560px){
  #content .form-yellow .call{font-size:24px!important}
  #content .form-yellow .inputs{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){#content .form-yellow *{transition:none!important}}