/* Timed Contact Us lead popup */
.yandle-lead-overlay{
  position:fixed;inset:0;z-index:10060;
  background:rgba(6,7,8,.58);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  display:flex;align-items:center;justify-content:center;
  padding:max(12px,2vh) 16px;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
}
.yandle-lead-overlay.is-open{
  opacity:1;visibility:visible;pointer-events:auto;
}
.yandle-lead-modal{
  width:min(100%,540px);
  max-height:min(90vh,760px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border:1px solid #E8E8E8;
  border-radius:22px;
  box-shadow:0 32px 90px rgba(6,7,8,.32);
  transform:translateY(18px) scale(.975);
  transition:transform .3s cubic-bezier(.22,1,.36,1);
}
.yandle-lead-overlay.is-open .yandle-lead-modal{
  transform:translateY(0) scale(1);
}
.yandle-lead-modal__head{
  position:relative;
  flex:none;
  padding:24px 28px 18px;
  background:
    radial-gradient(ellipse 80% 120% at 100% 0%,rgba(78,126,240,.35),transparent 55%),
    linear-gradient(165deg,#0E1320 0%,#1450E6 92%);
  color:#fff;
}
.yandle-lead-modal__close{
  position:absolute;top:14px;right:14px;
  width:34px;height:34px;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.1);
  color:#fff;font-size:22px;line-height:1;
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
  transition:background .15s;
}
.yandle-lead-modal__close:hover{background:rgba(255,255,255,.2)}
.yandle-lead-modal__eyebrow{
  display:inline-block;
  font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.72);margin-bottom:10px;
}
.yandle-lead-modal__head h2{
  font-size:clamp(22px,3.2vw,26px);font-weight:500;letter-spacing:-.03em;
  line-height:1.15;margin:0 0 8px;max-width:18ch;padding-right:36px;
}
.yandle-lead-modal__head p{
  margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.82);max-width:36ch;
}

/* Only the form body scrolls — keeps header flush and edges aligned */
.yandle-lead-modal__body{
  flex:1 1 auto;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:20px 28px 24px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(20,80,230,.35) transparent;
}
.yandle-lead-modal__body::-webkit-scrollbar{
  width:6px;
}
.yandle-lead-modal__body::-webkit-scrollbar-track{
  background:transparent;
  margin:10px 0;
}
.yandle-lead-modal__body::-webkit-scrollbar-thumb{
  background:rgba(20,80,230,.28);
  border-radius:999px;
}
.yandle-lead-modal__body::-webkit-scrollbar-thumb:hover{
  background:rgba(20,80,230,.45);
}

.yandle-lead-form{display:flex;flex-direction:column;gap:14px}
.yandle-lead-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.yandle-lead-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.yandle-lead-field label,.yandle-lead-field .form-field__label{
  font-size:12.5px;font-weight:500;color:#2B2B2B;
}
.yandle-lead-field input,
.yandle-lead-field textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #D9DDE8;
  border-radius:12px;
  padding:11px 12px;
  font:inherit;font-size:14px;color:#2B2B2B;background:#fff;
  outline:none;transition:border-color .15s,box-shadow .15s;
}
.yandle-lead-field textarea{resize:vertical;min-height:64px;max-height:120px}
.yandle-lead-field input:focus,
.yandle-lead-field textarea:focus{
  border-color:rgba(20,80,230,.55);
  box-shadow:0 0 0 3px rgba(20,80,230,.12);
}
.yandle-lead-phone{display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px}
.yandle-lead-phone__cc{
  display:flex;align-items:center;justify-content:center;
  border:1px solid #D9DDE8;border-radius:12px;
  background:#F7F9FF;color:#1450E6;font-size:14px;font-weight:500;
}
.yandle-lead-form .yandle-select{position:relative;width:100%}
.yandle-lead-form .yandle-select__native{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.yandle-lead-form .yandle-select__trigger{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid #D9DDE8;border-radius:12px;padding:10px 12px;
  font:inherit;font-size:14px;color:#2B2B2B;background:#fff;
  cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;
}
.yandle-lead-form .yandle-select__value.is-placeholder{color:rgba(43,43,43,.45)}
.yandle-lead-form .yandle-select__chevron{display:inline-flex;color:#595959;flex:none;transition:transform .18s ease}
.yandle-lead-form .yandle-select.is-open .yandle-select__trigger,
.yandle-lead-form .yandle-select__trigger:focus{
  border-color:rgba(20,80,230,.55);
  box-shadow:0 0 0 3px rgba(20,80,230,.12);
  outline:none;
}
.yandle-lead-form .yandle-select.is-open .yandle-select__chevron{transform:rotate(180deg);color:#1450E6}
.yandle-lead-form .yandle-select__menu{
  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;
  margin:0;padding:6px;list-style:none;
  background:#fff;border:1px solid #E8E8E8;border-radius:14px;
  box-shadow:0 16px 40px rgba(43,43,43,.12);
  max-height:180px;overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(20,80,230,.35) transparent;
}
.yandle-lead-form .yandle-select__menu[hidden]{display:none}
.yandle-lead-form .yandle-select__menu li{
  padding:10px 12px;border-radius:10px;font-size:14px;color:#2B2B2B;
  cursor:pointer;transition:background .12s,color .12s;
}
.yandle-lead-form .yandle-select__menu li:hover,
.yandle-lead-form .yandle-select__menu li:focus{
  background:rgba(20,80,230,.08);color:#1450E6;outline:none;
}
.yandle-lead-form .yandle-select__menu li[aria-selected="true"]{
  background:rgba(20,80,230,.12);color:#1450E6;font-weight:500;
}
.yandle-lead-submit{
  width:100%;margin-top:2px;
  border:0;border-radius:999px;padding:13px 20px;
  background:#1450E6;color:#fff;font:inherit;font-size:15px;font-weight:500;
  cursor:pointer;transition:background .15s;
}
.yandle-lead-submit:hover{background:#4E7EF0}
.yandle-lead-submit:disabled{opacity:.7;cursor:not-allowed}
.yandle-lead-note{font-size:12px;color:#595959;text-align:center;margin:0}
.yandle-lead-status{font-size:13px;min-height:18px;text-align:center;margin:0}
.yandle-lead-status.is-error{color:#FF6B6B}
.yandle-lead-status.is-success{color:#51CF66}
.yandle-lead-success{
  display:none;text-align:center;padding:28px 4px 12px;
}
.yandle-lead-modal.is-success .yandle-lead-form{display:none}
.yandle-lead-modal.is-success .yandle-lead-success{display:block}
.yandle-lead-success__icon{
  width:52px;height:52px;margin:0 auto 14px;border-radius:50%;
  background:rgba(20,80,230,.1);color:#1450E6;
  display:flex;align-items:center;justify-content:center;font-size:24px;
}
.yandle-lead-success h3{font-size:20px;font-weight:500;margin:0 0 8px;color:#2B2B2B}
.yandle-lead-success p{margin:0 0 18px;font-size:14px;color:#595959;line-height:1.5}
.yandle-lead-success__btn{
  border:0;border-radius:999px;padding:12px 22px;
  background:#1450E6;color:#fff;font:inherit;font-size:14px;font-weight:500;cursor:pointer;
}
@media (max-width:560px){
  .yandle-lead-form .form-grid{grid-template-columns:1fr}
  .yandle-lead-modal__head{padding:20px 20px 16px}
  .yandle-lead-modal__body{padding:18px 20px 20px}
}