/* Наша форма заявки на Tilda-лендингах Юли — замена t702-попапов.
   Визуальный язык = возрастной гейт (тёмная карточка, скругления, круглая
   кнопка), акцент — свой у каждого лендинга через [data-landing]. */

#jlfModal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;
  padding:clamp(1rem,4vw,2.5rem);background:rgba(14,8,12,.78);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  animation:jlfFade .25s ease;overflow-y:auto;}
#jlfModal.jlf-hidden{display:none!important;}
#jlfModal, #jlfModal *{box-sizing:border-box;}
@keyframes jlfFade{from{opacity:0}to{opacity:1}}

#jlfModal .jlf-card{position:relative;width:min(100%,460px);margin:auto;
  background:radial-gradient(120% 80% at 30% 0%,var(--jlf-glow,rgba(255,182,206,.10)),transparent 55%),
    linear-gradient(165deg,#241820,#150d12);
  border:1px solid var(--jlf-border,rgba(232,76,122,.28));border-radius:22px;
  padding:clamp(1.7rem,3.5vw,2.5rem) clamp(1.3rem,3vw,2.2rem);
  box-shadow:0 40px 90px rgba(0,0,0,.6);animation:jlfUp .35s cubic-bezier(.16,1,.3,1);}
@keyframes jlfUp{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}

#jlfModal .jlf-close{position:absolute;top:14px;right:14px;width:36px;height:36px;
  display:grid;place-items:center;margin:0;padding:0;border:none;border-radius:50%;
  background:rgba(255,255,255,.07);color:rgba(255,255,255,.65);cursor:pointer;
  font-size:18px;line-height:1;transition:background .2s,color .2s;}
#jlfModal .jlf-close:hover{background:rgba(255,255,255,.14);color:#fff;}

#jlfModal .jlf-title{font-family:Georgia,'Times New Roman',serif;font-weight:600;
  font-size:clamp(22px,3vw,30px);line-height:1.12;color:#fff;margin:0 0 .45rem;text-align:center;}
#jlfModal .jlf-sub{font-size:14px;line-height:1.5;color:rgba(255,240,246,.66);
  margin:0 0 1.4rem;text-align:center;}
#jlfModal .jlf-sub b{color:var(--jlf-accent,#E84C7A);font-weight:600;}

#jlfModal .jlf-field{margin-bottom:.9rem;}
#jlfModal .jlf-label{display:block;font-size:13px;font-weight:600;letter-spacing:.01em;
  color:rgba(255,240,246,.8);margin:0 0 .35rem;}
#jlfModal .jlf-label .jlf-req{color:var(--jlf-accent,#E84C7A);}
#jlfModal .jlf-input{width:100%;box-sizing:border-box;margin:0;padding:.85rem 1rem;
  border:1px solid rgba(255,255,255,.14);border-radius:12px;
  background:rgba(255,255,255,.06);color:#fff;font-size:16px;line-height:1.3;
  outline:none;transition:border-color .2s,background .2s;appearance:none;}
#jlfModal .jlf-input::placeholder{color:rgba(255,255,255,.32);}
#jlfModal .jlf-input:focus{border-color:var(--jlf-accent,#E84C7A);background:rgba(255,255,255,.09);}
#jlfModal .jlf-field.jlf-err .jlf-input{border-color:#ff5d5d;}
#jlfModal .jlf-errmsg{display:none;font-size:12px;color:#ff8a8a;margin:.3rem 0 0;}
#jlfModal .jlf-field.jlf-err .jlf-errmsg{display:block;}

#jlfModal .jlf-consent{display:flex;gap:.6rem;align-items:flex-start;margin:1.1rem 0 1.2rem;
  cursor:pointer;font-size:12.5px;line-height:1.55;color:rgba(255,240,246,.6);}
#jlfModal .jlf-consent input{margin:.2em 0 0;flex:0 0 auto;width:16px;height:16px;
  accent-color:var(--jlf-accent,#E84C7A);cursor:pointer;}
#jlfModal .jlf-consent a{color:var(--jlf-accent-soft,rgba(255,182,206,.9));
  text-decoration:underline;text-underline-offset:2px;}
#jlfModal .jlf-consent.jlf-err{color:#ff8a8a;}
#jlfModal .jlf-consent.jlf-err a{color:#ff8a8a;}

#jlfModal .jlf-submit{width:100%;margin:0;padding:1.05rem 1.4rem;border:none;border-radius:999px;
  background:var(--jlf-accent,#E84C7A);color:var(--jlf-accent-ink,#fff);
  font-weight:700;font-size:16px;cursor:pointer;transition:filter .2s,transform .2s,opacity .2s;}
#jlfModal .jlf-submit:hover{filter:brightness(1.08);transform:translateY(-1px);}
#jlfModal .jlf-submit[disabled]{opacity:.6;cursor:default;transform:none;}
#jlfModal .jlf-neterr{display:none;font-size:13px;color:#ff8a8a;text-align:center;margin:.8rem 0 0;}

#jlfModal .jlf-fine{margin:1.1rem 0 0;font-size:11.5px;line-height:1.5;
  color:rgba(255,240,246,.4);text-align:center;}
#jlfModal .jlf-fine a{color:rgba(255,240,246,.55);text-decoration:underline;
  text-underline-offset:2px;}
#jlfModal .jlf-fine a:hover{color:var(--jlf-accent-soft,rgba(255,182,206,.9));}

/* Успех: галочка + подсказка про вкладку с ботом */
#jlfModal .jlf-success{display:none;text-align:center;padding:.6rem 0 .4rem;}
#jlfModal.jlf-sent .jlf-success{display:block;}
#jlfModal.jlf-sent .jlf-form{display:none;}
#jlfModal .jlf-tick{width:64px;height:64px;margin:0 auto 1.1rem;display:grid;place-items:center;
  border-radius:50%;background:var(--jlf-accent,#E84C7A);color:var(--jlf-accent-ink,#fff);
  animation:jlfUp .4s cubic-bezier(.16,1,.3,1);}
#jlfModal .jlf-success-title{font-family:Georgia,'Times New Roman',serif;font-weight:600;
  font-size:clamp(21px,2.6vw,26px);color:#fff;margin:0 0 .6rem;}
#jlfModal .jlf-success-body{font-size:14.5px;line-height:1.6;color:rgba(255,240,246,.72);
  max-width:34ch;margin:0 auto;}
#jlfModal .jlf-success-body a{color:var(--jlf-accent-soft,rgba(255,182,206,.9));
  text-decoration:underline;text-underline-offset:2px;}

/* Палитры лендингов (акцент = фирменный цвет кнопок этого лендинга) */
#jlfModal[data-landing="clitor"]{--jlf-accent:#da1b44;--jlf-accent-ink:#fff;
  --jlf-glow:rgba(218,27,68,.14);--jlf-border:rgba(218,27,68,.32);--jlf-accent-soft:#f2a3b6;}
#jlfModal[data-landing="orgazm"]{--jlf-accent:#ff2679;--jlf-accent-ink:#fff;
  --jlf-glow:rgba(255,38,121,.13);--jlf-border:rgba(255,38,121,.3);--jlf-accent-soft:#ffa7cc;}
#jlfModal[data-landing="prokach2_0"]{--jlf-accent:#e877a3;--jlf-accent-ink:#2b0f1c;
  --jlf-glow:rgba(232,119,163,.13);--jlf-border:rgba(232,119,163,.3);--jlf-accent-soft:#f4b7cf;}
#jlfModal[data-landing="cuni_camp"]{--jlf-accent:#fcd173;--jlf-accent-ink:#201703;
  --jlf-glow:rgba(252,209,115,.12);--jlf-border:rgba(252,209,115,.3);--jlf-accent-soft:#fbe3ae;}
#jlfModal[data-landing="fabrika_men"],
#jlfModal[data-landing="fabrika_women"]{--jlf-accent:#e0c4a8;--jlf-accent-ink:#241708;
  --jlf-glow:rgba(224,196,168,.12);--jlf-border:rgba(224,196,168,.3);--jlf-accent-soft:#eed9c2;}

@media (max-width:560px){
  #jlfModal{padding:0;align-items:end;}
  #jlfModal .jlf-card{width:100%;max-width:none;border-radius:22px 22px 0 0;
    border-left:none;border-right:none;border-bottom:none;margin:auto 0 0;}
}