/* O'Wellness Lead Popup — referans O'SPA form paneli tasarımı.
   Renkler temadan devralınır; tema değişken tanımlamazsa yedek değerler kullanılır. */
.owp{
  --owp-gold:#c9a96e; --owp-gold-l:#e0c992;
  --owp-panel:#15110d; --owp-bg2:#0f0c09; --owp-ink:#fff;
  --owp-ink2:rgba(255,255,255,.66); --owp-ink3:rgba(255,255,255,.42);
  --owp-line:rgba(255,255,255,.10); --owp-r:10px; --owp-rlg:18px;
  position:fixed; inset:0; z-index:99999; display:flex;
  align-items:center; justify-content:center; padding:20px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.owp[hidden]{display:none}
.owp__backdrop{position:absolute;inset:0;background:rgba(6,5,4,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .35s ease}
.owp.is-open .owp__backdrop{opacity:1}
.owp__panel{
  position:relative; width:100%; max-width:430px;
  max-height:calc(100dvh - 40px); overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding:clamp(1.6rem,4vw,2.3rem);
  background:var(--owp-panel); border:1px solid var(--owp-line);
  border-radius:var(--owp-rlg); box-shadow:0 24px 70px -12px rgba(0,0,0,.7);
  opacity:0; transform:translateY(16px) scale(.98); transition:opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1);
}
.owp.is-open .owp__panel{opacity:1;transform:none}
.owp__x{
  position:absolute; top:10px; right:10px; width:38px; height:38px;
  display:flex; align-items:center; justify-content:center;
  background:transparent; border:0; border-radius:50%;
  color:var(--owp-ink3); font-size:24px; line-height:1; cursor:pointer;
  transition:color .2s ease,background .2s ease;
}
.owp__x:hover,.owp__x:focus-visible{color:var(--owp-gold);background:rgba(255,255,255,.05)}
.owp__title{margin:0 0 .4rem;font-size:clamp(1.3rem,4vw,1.6rem);font-weight:600;color:var(--owp-ink);line-height:1.25}
.owp__sub{margin:0 0 1.6rem;font-size:.92rem;line-height:1.6;color:var(--owp-ink2)}
.owp__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.owp__field{margin:0 0 1.05rem}
.owp__field label{display:block;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--owp-ink3);margin-bottom:.5rem}
.owp__field input{
  width:100%; padding:.95rem 1.1rem; box-sizing:border-box;
  border:1px solid var(--owp-line); border-radius:var(--owp-r);
  background:var(--owp-bg2); color:var(--owp-ink);
  font-family:inherit; font-size:16px; font-weight:300;  /* 16px: iOS yakınlaştırmasını engeller */
  transition:border-color .25s ease;
}
.owp__field input::placeholder{color:var(--owp-ink3);opacity:.7}
.owp__field input:focus{border-color:var(--owp-gold);outline:none}
.owp__field input:user-invalid{border-color:#c2564f}
.owp__consent{margin:0 0 1.2rem}
.owp__consent label{display:flex;gap:.6rem;align-items:flex-start;font-size:.8rem;line-height:1.5;color:var(--owp-ink2);cursor:pointer}
.owp__consent input{flex:0 0 auto;width:18px;height:18px;margin:1px 0 0;accent-color:var(--owp-gold)}
.owp__actions{margin:0}
.owp__btn{
  width:100%; min-height:50px; padding:.9rem 1.4rem;
  border:0; border-radius:999px; cursor:pointer;
  background:linear-gradient(135deg,var(--owp-gold) 0%,#b89254 100%); color:#0a0705;
  font-family:inherit; font-size:.74rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;
}
.owp__btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(201,169,110,.55)}
.owp__btn:active{transform:none}
.owp__btn[disabled]{opacity:.6;cursor:progress;transform:none}
.owp__status{margin:.9rem 0 0;min-height:1.2em;font-size:.86rem;line-height:1.5;text-align:center}
.owp__status.is-ok{color:var(--owp-gold-l)}
.owp__status.is-err{color:#f0a9a4}
.owp.is-done .owp__form>*:not(.owp__status){display:none}

@media (max-width:480px){
  .owp{padding:14px;align-items:flex-end}
  .owp__panel{max-width:100%;border-radius:var(--owp-rlg) var(--owp-rlg) 14px 14px;padding:1.5rem 1.25rem 1.6rem}
  .owp__title{font-size:1.25rem}
  .owp__sub{font-size:.88rem;margin-bottom:1.3rem}
}
@media (prefers-reduced-motion:reduce){
  .owp__backdrop,.owp__panel,.owp__btn{transition:none}
  .owp__panel{transform:none}
}

/* ── Marka başlığı ── */
.owp__brand{display:flex;justify-content:center;padding:.2rem 0 1.15rem}
.owp__logo{max-height:46px;max-width:min(230px,70%);width:auto;height:auto;display:block;object-fit:contain}
.owp__brandname{
  font-family:'Copperplate','Copperplate Gothic Light',Georgia,serif;
  font-size:1.32rem;letter-spacing:.17em;text-transform:uppercase;
  color:var(--owp-gold-l);line-height:1.1;text-align:center;
}
/* Altın saç teli ayraç */
.owp__rule{
  display:block;height:1px;margin:0 auto 1.35rem;width:84px;
  background:linear-gradient(90deg,transparent,var(--owp-gold),transparent);
  opacity:.85;
}

/* ── Başlık ve açıklama ── */
.owp__title{
  font-family:'Copperplate','Copperplate Gothic Light',Georgia,serif;
  text-align:center;text-wrap:balance;letter-spacing:.015em;font-weight:600;
  font-size:clamp(1.22rem,3.3vw,1.48rem);margin:0 0 .5rem;line-height:1.3;
}
.owp__sub{text-align:center;text-wrap:balance;margin:0 auto 1.55rem;max-width:34ch;font-size:.9rem;line-height:1.65;color:var(--owp-ink2)}

/* ── Eylem butonları ── */
.owp__wa{display:flex;flex-direction:column;gap:.68rem}
.owp__wa .owp__btn{
  display:flex;align-items:center;justify-content:center;gap:.6rem;
  min-height:56px;padding:.95rem 1.3rem;text-decoration:none;border:0;cursor:pointer;
  border-radius:12px;font-weight:700;font-size:.79rem;
  letter-spacing:.17em;text-transform:uppercase;line-height:1;
  transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,filter .25s ease;
}
.owp__wa .owp__btn svg{width:21px;height:21px;fill:currentColor;flex:none}

/* Birincil: markanın altın "Randevu Al" rengi */
.owp__btn--gold{
  background:linear-gradient(135deg,var(--owp-gold) 0%,var(--owp-gold-l) 52%,var(--owp-gold) 100%);
  color:#17120c;
  box-shadow:0 10px 26px -12px rgba(201,169,110,.75);
}
/* İkincil: WhatsApp kurumsal yeşili */
.owp__btn--wa{
  background:linear-gradient(135deg,#1da851 0%,#25d366 100%);
  color:#06230f;
  box-shadow:0 10px 26px -12px rgba(37,211,102,.6);
}
@media (hover:hover){
  .owp__wa .owp__btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
  .owp__btn--gold:hover{box-shadow:0 16px 34px -14px rgba(201,169,110,.9)}
  .owp__btn--wa:hover{box-shadow:0 16px 34px -14px rgba(37,211,102,.75)}
}
.owp__wa .owp__btn:active{transform:none}
.owp__wa .owp__btn:focus-visible{outline:2px solid var(--owp-gold-l);outline-offset:3px}

.owp__wa-note{
  margin:1.05rem 0 0;text-align:center;font-size:.715rem;line-height:1.55;
  letter-spacing:.03em;color:var(--owp-ink3);
}

/* ── Panel: biraz daha ferah ve derin ── */
.owp__panel{
  max-width:468px;
  background:linear-gradient(170deg,#191511 0%,var(--owp-panel) 55%,var(--owp-bg2) 100%);
  border-color:rgba(201,169,110,.2);
  box-shadow:0 30px 80px -14px rgba(0,0,0,.78),0 0 0 1px rgba(255,255,255,.02) inset;
}

@media (max-width:480px){
  .owp__brand{padding:.1rem 0 .95rem}
  .owp__logo{max-height:40px}
  .owp__brandname{font-size:1.14rem}
  .owp__rule{margin-bottom:1.1rem;width:68px}
  .owp__sub{margin-bottom:1.3rem;font-size:.86rem}
  .owp__wa{gap:.6rem}
  .owp__wa .owp__btn{min-height:54px;font-size:.745rem;letter-spacing:.13em;padding:.9rem 1rem}
  .owp__wa .owp__btn svg{width:19px;height:19px}
  .owp__wa-note{font-size:.69rem}
}
@media (prefers-reduced-motion:reduce){
  .owp__wa .owp__btn{transition:none}
  .owp__wa .owp__btn:hover{transform:none}
}

/* Temaların eski form penceresi: yerine bu pencere açılıyor */
#leadModal,.lm-overlay{display:none!important}