
.ssf-wrap{
  --gold:#d9a441;
  --gold2:#b77d22;
  --cream:#fbfaf8;
  --ssf-photo:none;
  position:relative;
  min-height:100svh;
  overflow:hidden;
  color:#fff;
  background:#100c09;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif
}
.ssf-bg{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(13,10,8,.95) 0%,rgba(18,13,9,.82) 38%,rgba(18,13,9,.64) 58%,rgba(13,10,8,.85) 100%),
    radial-gradient(circle at 63% 16%,rgba(224,171,78,.20),transparent 27%),
    linear-gradient(135deg,#12100f,#3d2a1a 58%,#15100d),
    var(--ssf-photo);
  background-size:cover;
  background-position:center;
  transform:scale(1.01)
}
.ssf-bg:after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 15% 18%,rgba(255,255,255,.05),transparent 25%),
    linear-gradient(180deg,transparent 0 74%,rgba(8,6,5,.52) 100%);
  pointer-events:none
}
.ssf-shell{
  position:relative;z-index:2;
  width:min(1460px,100%);
  margin:0 auto;
  padding:70px 56px 42px;
  min-height:calc(100svh - 180px);
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.66fr);
  gap:74px;
  align-items:center;
  box-sizing:border-box
}
.ssf-copy{max-width:760px}
.ssf-logo-lockup{display:flex;align-items:center;gap:18px;margin-bottom:56px}
.ssf-monogram{
  width:74px;height:74px;display:grid;place-items:center;
  font-family:Georgia,serif;font-style:italic;font-size:27px;
  border:1px solid rgba(217,164,65,.65);border-radius:50%;
  color:var(--gold);letter-spacing:-.12em;padding-right:5px;box-sizing:border-box
}
.ssf-logo-text strong{display:block;font-family:Georgia,serif;font-size:22px;letter-spacing:.04em}
.ssf-logo-text span{display:block;color:var(--gold);font-size:10px;letter-spacing:.28em;margin-top:4px}
.ssf-kicker{font-size:13px;line-height:1.45;letter-spacing:.22em;color:#e6bc69;font-weight:800;margin-bottom:20px}
.ssf-copy h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(52px,5.2vw,82px);
  line-height:.98;
  letter-spacing:-.045em;
  margin:0 0 22px;
  max-width:820px
}
.ssf-lead{max-width:680px;color:rgba(255,255,255,.84);font-size:18px;line-height:1.55;margin:0 0 34px}
.ssf-features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:760px}
.ssf-feature{text-align:center;color:#fff}
.ssf-feature-icon{
  width:64px;height:64px;border:1.5px solid var(--gold);border-radius:50%;
  display:grid;place-items:center;margin:0 auto 12px;color:#efbe5c;font-size:27px
}
.ssf-feature strong{font-size:13px;line-height:1.35;font-weight:500}
.ssf-script-line{
  margin-top:44px;color:#e0aa48;
  font-family:"Brush Script MT","Segoe Script",cursive;
  font-size:38px;line-height:1.05;transform:rotate(-3deg);display:inline-block
}
.ssf-script-line span{padding-left:45px}
.ssf-card{
  width:100%;max-width:540px;justify-self:end;
  background:rgba(251,250,248,.98);color:#222;
  border-radius:30px;padding:34px 36px 30px;
  box-shadow:0 35px 100px rgba(0,0,0,.38);
  box-sizing:border-box
}
.ssf-card-head>span{display:block;color:#b17a25;font-size:12px;font-weight:800;letter-spacing:.20em;margin-bottom:12px}
.ssf-card h2{
  font-family:Georgia,"Times New Roman",serif;font-weight:400;
  font-size:44px;line-height:.98;letter-spacing:-.035em;margin:0 0 12px;color:#202127
}
.ssf-card-head p{font-size:15px;line-height:1.5;color:#70757c;margin:0 0 22px}
.ssf-form{display:grid;gap:9px}
.ssf-form>label:not(.ssf-check){font-size:12px;font-weight:600;color:#2c3035;margin:4px 0 -3px}
.ssf-form input,.ssf-form select,.ssf-form textarea{
  width:100%;box-sizing:border-box;border:1px solid #dcdfe2;background:#fff;color:#222;
  border-radius:10px;padding:12px 14px;font:inherit;font-size:13px;outline:none;box-shadow:none
}
.ssf-form input,.ssf-form select{min-height:46px}
.ssf-form textarea{min-height:86px;resize:vertical}
.ssf-form input:focus,.ssf-form select:focus,.ssf-form textarea:focus{
  border-color:#c9983f;box-shadow:0 0 0 3px rgba(217,164,65,.12)
}
.ssf-phone-wrap{
  display:grid;grid-template-columns:auto 1fr;overflow:hidden;
  border:1px solid #dcdfe2;background:#fff;border-radius:10px;min-height:46px
}
.ssf-phone-wrap:focus-within{border-color:#c9983f;box-shadow:0 0 0 3px rgba(217,164,65,.12)}
.ssf-phone-prefix{
  display:flex;align-items:center;gap:8px;padding:0 12px;border-right:1px solid #e0e1e2;
  color:#34373c;font-size:13px;white-space:nowrap
}
.ssf-flag{font-size:16px}.ssf-chevron{font-size:13px;color:#7a7d82;margin-left:2px}
.ssf-phone-wrap .ssf-phone{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-width:0}
.ssf-check{display:flex;align-items:flex-start;gap:8px;font-size:10.5px;line-height:1.45;color:#4f5358;margin-top:4px}
.ssf-check input{width:auto;min-height:auto;margin:2px 0 0}.ssf-check a{color:#666;text-decoration:underline}
.ssf-form button{
  margin-top:5px;border:0;border-radius:10px;padding:14px 18px;
  background:linear-gradient(90deg,#d9a441,#c78b2e);color:#fff;
  font-size:12px;font-weight:800;letter-spacing:.02em;cursor:pointer;display:flex;justify-content:center;gap:16px
}
.ssf-form button[disabled]{opacity:.55;cursor:wait}
.ssf-msg{font-size:11px;font-weight:700;min-height:14px}.ssf-msg.ok{color:#1b7a3d}.ssf-msg.err{color:#b12e2e}
.ssf-bottom-strip{
  position:relative;z-index:2;width:min(1200px,calc(100% - 80px));margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0 38px;
  border-top:1px solid rgba(217,164,65,.20)
}
.ssf-bottom-strip>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;border-right:1px solid rgba(217,164,65,.24)}
.ssf-bottom-strip>div:last-child{border-right:0}
.ssf-bottom-strip span{color:#e8b95b;font-size:25px}
.ssf-bottom-strip strong{font-size:13px;line-height:1.35;font-weight:500}

@media(max-width:1050px){
  .ssf-shell{grid-template-columns:1fr;gap:34px;padding:44px 24px 32px;min-height:auto}
  .ssf-copy{max-width:none}
  .ssf-logo-lockup{margin-bottom:30px}
  .ssf-copy h1{font-size:58px;max-width:760px}
  .ssf-card{justify-self:stretch;max-width:none}
  .ssf-bottom-strip{width:calc(100% - 48px)}
}



/* Standalone landing: tema kaynaklı alt/üst sabit CTA'ları görünmez yap */
body.ssf-standalone-page a[href^="tel:"],
body.ssf-standalone-page a[href*="wa.me"],
body.ssf-standalone-page a[href*="whatsapp"],
body.ssf-standalone-page [class*="whatsapp"],
body.ssf-standalone-page [id*="whatsapp"],
body.ssf-standalone-page [class*="floating"],
body.ssf-standalone-page [id*="floating"],
body.ssf-standalone-page .fixed-bottom,
body.ssf-standalone-page .bottom-buttons,
body.ssf-standalone-page .mobile-contact-bar,
body.ssf-standalone-page .call-button,
body.ssf-standalone-page .whatsapp-button {
  display:none!important;
}

/* Mobil: kullanıcı sayfaya girer girmez formu görsün */
@media(max-width:700px){
  html,body{background:#100c09!important}
  .ssf-wrap{min-height:100svh}
  .ssf-bg{
    background:
      linear-gradient(180deg,rgba(12,9,7,.72) 0%,rgba(15,10,7,.88) 38%,rgba(12,9,7,.98) 100%),
      radial-gradient(circle at 80% 8%,rgba(221,166,66,.18),transparent 25%),
      linear-gradient(135deg,#17110d,#2b1c12 60%,#0e0b09),
      var(--ssf-photo);
    background-size:cover;
    background-position:center top
  }
  .ssf-shell{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:14px 10px 18px;
    min-height:auto
  }
  .ssf-copy{
    width:100%;
    max-width:none;
    padding:0 6px;
    box-sizing:border-box
  }
  .ssf-logo-lockup{
    margin:0 0 8px;
    gap:10px
  }
  .ssf-monogram{
    width:38px;height:38px;
    font-size:14px;
    border-width:1px
  }
  .ssf-logo-text strong{font-size:14px;line-height:1}
  .ssf-logo-text span{font-size:6px;letter-spacing:.23em;margin-top:3px}
  .ssf-kicker{
    font-size:8px;
    line-height:1.35;
    letter-spacing:.18em;
    margin:0 0 5px
  }
  .ssf-copy h1{
    font-size:27px;
    line-height:.98;
    margin:0 0 4px;
    max-width:330px
  }
  .ssf-lead{
    font-size:11px;
    line-height:1.35;
    margin:0 0 4px;
    max-width:390px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
  }
  .ssf-features,
  .ssf-script-line,
  .ssf-bottom-strip{
    display:none!important
  }

  .ssf-card{
    order:2;
    width:100%;
    max-width:none;
    border-radius:20px 20px 16px 16px;
    padding:17px 14px 16px;
    box-shadow:0 16px 40px rgba(0,0,0,.28)
  }
  .ssf-card-head>span{
    font-size:9px;
    letter-spacing:.18em;
    margin-bottom:5px
  }
  .ssf-card h2{
    font-size:30px;
    line-height:.92;
    margin:0 0 6px
  }
  .ssf-card-head p{
    font-size:11px;
    line-height:1.35;
    margin:0 0 11px
  }
  .ssf-form{
    gap:5px
  }
  .ssf-form>label:not(.ssf-check){
    font-size:10px;
    margin:2px 0 -1px
  }
  .ssf-form input,
  .ssf-form select{
    min-height:40px
  }
  .ssf-form input,
  .ssf-form select,
  .ssf-form textarea{
    padding:9px 10px;
    border-radius:9px;
    font-size:12px
  }
  .ssf-form textarea{
    min-height:58px;
    max-height:78px
  }
  .ssf-phone-wrap{
    min-height:40px;
    border-radius:9px
  }
  .ssf-phone-prefix{
    padding:0 9px;
    gap:6px;
    font-size:12px
  }
  .ssf-flag{font-size:14px}
  .ssf-check{
    font-size:9px;
    line-height:1.3;
    gap:7px
  }
  .ssf-form button{
    min-height:42px;
    padding:10px 14px;
    border-radius:9px;
    font-size:11px;
    margin-top:3px
  }
}

/* Çok küçük ekranlarda formun ilk alanları yine ilk ekranda kalsın */
@media(max-width:390px){
  .ssf-shell{padding-top:10px}
  .ssf-logo-lockup{margin-bottom:5px}
  .ssf-kicker{display:none}
  .ssf-copy h1{font-size:24px}
  .ssf-lead{font-size:10px;-webkit-line-clamp:1}
  .ssf-card{padding-top:14px}
  .ssf-card h2{font-size:27px}
}
