.online-lead-dialog{width:min(500px,calc(100% - 28px));max-height:min(820px,calc(100dvh - 28px));padding:30px;overflow-x:hidden;overflow-y:auto;border:0;border-radius:24px;color:#15261e;background:#fff;box-shadow:0 32px 100px rgba(8,31,21,.3)}
.online-lead-dialog::backdrop{background:rgba(10,25,18,.64);backdrop-filter:blur(5px)}
.online-lead-dialog>small{display:block;margin:0 56px 8px 0;color:#315646;font-size:11px;font-weight:750;letter-spacing:.02em;text-transform:none}
.online-lead-dialog h2{margin:0 56px 18px 0;color:#12251c;font-size:clamp(30px,7vw,40px);line-height:1.05;letter-spacing:-.035em}
.online-lead-close{position:absolute;z-index:3;top:18px;right:18px;display:grid;width:42px;height:42px;padding:0;place-items:center;border:1px solid #dce5e0!important;border-radius:50%;color:#466056!important;background:#f7faf8!important;box-shadow:none;cursor:pointer;-webkit-appearance:none;appearance:none}
.online-lead-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round}
.online-lead-close:hover{border-color:#b9cec2!important;color:var(--brand)!important;background:#edf6f1!important;transform:rotate(3deg)}
.online-lead-close:focus-visible{outline:3px solid rgba(23,107,75,.18);outline-offset:2px}
.online-lead-intro{max-width:410px;margin:0 0 20px;color:#69766f;font-size:14px;line-height:1.55}
.online-lead-product{margin-bottom:22px;padding:13px 15px;border:1px solid #d4e4db;border-radius:14px;background:linear-gradient(135deg,#f1f8f4,#edf5f1);color:#285a43;font-size:13px;font-weight:800;line-height:1.35}
.online-lead-dialog form{display:grid;gap:13px}
.online-lead-dialog form>label:not(.online-lead-consent){display:grid;gap:6px}
.online-lead-dialog form>label>span{color:#59675f;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.online-lead-dialog input:not([type=checkbox]){width:100%;height:48px;padding:0 14px;border:1px solid #cad5ce;border-radius:12px;background:#fff;color:#17231c;font-size:13px;outline:none}
.online-lead-dialog input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(23,107,75,.1)}
.online-phone-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid #cad5ce;border-radius:12px;background:#fff}
.online-phone-field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(23,107,75,.1)}
.online-phone-field>b{align-self:stretch;display:flex;align-items:center;padding:0 12px;border-right:1px solid #dce3df;background:#f3f7f4;color:#294638;font-size:13px;white-space:nowrap}
.online-lead-dialog .online-phone-field input{height:46px;border:0;border-radius:0;box-shadow:none}
.online-phone-hint{color:#849089!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important}
.online-lead-consent{display:flex;align-items:flex-start;gap:9px;color:#66736c;font-size:11px;line-height:1.4}
.online-lead-consent span{font-size:11px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}
.online-lead-consent a{color:var(--brand)}
.online-lead-dialog form>button,.online-lead-success>button{height:50px;border:0;border-radius:13px;background:var(--brand);color:#fff;font-weight:850;cursor:pointer}
.online-lead-dialog form>button{box-shadow:0 10px 24px rgba(17,94,63,.18)}
.online-lead-status{min-height:18px;margin:0;color:var(--brand);text-align:center;font-size:12px}
.online-lead-status.is-error{color:#a23e2a}
.online-lead-trap{position:absolute!important;left:-10000px!important}
.online-lead-success{padding-top:2px;text-align:center}
.online-success-mark{display:grid;width:58px;height:58px;margin:0 auto 16px;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--brand),#238660);box-shadow:0 12px 28px rgba(23,107,75,.2);color:#fff;font-size:29px;font-weight:900}
.online-lead-success>strong{display:block;color:#173326;font-size:21px;line-height:1.2;letter-spacing:-.025em}
.online-lead-success>p{max-width:390px;margin:10px auto 20px;color:#68756e;font-size:13px;line-height:1.55}
.online-lead-success>p b{color:#264b39}
.online-success-details{display:grid;overflow:hidden;border:1px solid #dce6e0;border-radius:16px;background:#fff;text-align:left}
.online-success-details>span{display:grid;min-height:50px;grid-template-columns:minmax(112px,38%) minmax(0,1fr);align-items:center;gap:14px;padding:10px 16px;background:#f9fbfa}
.online-success-details>span+span{border-top:1px solid #e3ebe6}
.online-success-details small{color:#849189;font-size:8px;font-weight:850;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}
.online-success-details b{overflow-wrap:anywhere;color:#263b31;font-size:12px;line-height:1.35}
.online-lead-success>button{width:100%;margin-top:18px;font-size:14px;box-shadow:0 10px 22px rgba(17,94,63,.16)}
.hidden{display:none!important}
@media(max-width:850px){.online-lead-dialog input:not([type=checkbox]){font-size:16px}}
@media(max-width:560px){.online-lead-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:24px 20px calc(20px + env(safe-area-inset-bottom));border-radius:22px}.online-lead-dialog>small{margin-right:48px;font-size:10px}.online-lead-dialog h2{margin-right:48px;margin-bottom:16px;font-size:32px}.online-lead-close{top:14px;right:14px;width:40px;height:40px}.online-lead-intro{margin-bottom:16px;font-size:13px}.online-lead-product{margin-bottom:18px;padding:12px 14px;font-size:12px}.online-lead-success{padding-top:0}.online-success-mark{width:54px;height:54px;margin-bottom:14px;font-size:27px}.online-lead-success>strong{font-size:19px}.online-lead-success>p{margin:8px auto 16px;font-size:12px}.online-success-details>span{min-height:46px;grid-template-columns:minmax(100px,39%) minmax(0,1fr);gap:10px;padding:9px 13px}.online-success-details b{font-size:11px}.online-lead-success>button{height:48px;margin-top:16px}}