/* Limpid S.O.S — iletişim sayfası: form, KVKK onayı, güvenlik doğrulaması, tasarım kartı (yalnız iletisim.html yükler) */

/* ---------- form ---------- */
.if{display:grid;gap:1rem}
.if-ikili{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.if-alan{min-width:0}
.if-alan label b{color:var(--orange);font-weight:500}
.if textarea{min-height:7.5rem;resize:vertical}
.if [aria-invalid="true"]{border-color:#FF6B4A;background:rgba(255,107,74,.06)}
.if-hata{margin-top:.35rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.04em;color:#FF8A6B}
/* tuzak alan: ziyaretci gormez, ekran okuyucu atlar; botlar doldurur */
.if-tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.if-kvkk{display:flex;align-items:flex-start;gap:.7rem;margin:0;font-family:var(--disp);font-size:.86rem;letter-spacing:0;text-transform:none;color:var(--mute);line-height:1.5;cursor:pointer}
.if-kvkk input{flex:none;width:18px;height:18px;margin:.15rem 0 0;padding:0;accent-color:var(--orange);cursor:pointer}
.if-kvkk a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.if-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.2rem}
#if-gonder{justify-content:center;min-width:10rem}
#if-gonder:disabled{background:var(--steel);color:var(--dim);box-shadow:none;cursor:not-allowed;transform:none}
.if-not{font-family:var(--mono);font-size:.64rem;letter-spacing:.06em;color:var(--dim)}
.if-sonuc{padding:2rem 1.6rem;border:1px solid rgba(53,199,123,.45);background:rgba(53,199,123,.08)}
.if-sonuc b{display:block;font-weight:800;font-stretch:75%;font-variation-settings:"wdth" 75;font-size:1.8rem;text-transform:uppercase;color:var(--ok)}
.if-sonuc p{margin-top:.6rem;color:var(--mute)}
.if-sonuc:focus{outline:none}

/* ---------- tasarim sayfasindan gelen teklif ---------- */
.if-tasarim{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;padding:1rem 1.1rem;border:1px solid rgba(254,133,0,.4);border-left:3px solid var(--orange);background:linear-gradient(135deg,rgba(254,133,0,.10),rgba(254,133,0,.02))}
.if-tasarim .mono{color:var(--orange)}
.if-tasarim>div{min-width:0}
#if-tasarim-kod{display:block;margin-top:.2rem;font-weight:800;font-stretch:75%;font-variation-settings:"wdth" 75;font-size:1.7rem;line-height:1;text-transform:uppercase}
#if-tasarim-urun{display:block;margin-top:.25rem;color:var(--mute);font-size:.9rem}
#if-tasarim-ozet{display:flex;flex-wrap:wrap;gap:.3rem .9rem;margin:.6rem 0 0;padding:0;list-style:none;font-size:.82rem}
#if-tasarim-ozet b{font-family:var(--mono);font-size:.6rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-right:.35rem}
.if-tasarim-eylem{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}
.if-tasarim-eylem a,.if-tasarim-eylem button{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.if-tasarim-eylem a:hover,.if-tasarim-eylem button:hover{color:var(--ink)}

/* ---------- guvenlik dogrulamasi penceresi ---------- */
.if-pencere{width:min(440px,calc(100vw - 32px));padding:0;border:1px solid var(--line-2);background:var(--deep);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.if-pencere::backdrop{background:rgba(5,6,10,.72);backdrop-filter:blur(4px)}
.if-pencere-ic{padding:1.5rem 1.5rem 1.3rem}
.if-pencere h2{font-size:1.7rem;margin-top:.5rem;line-height:.95}
.if-pencere p.lede{margin-top:.6rem;font-size:.92rem;max-width:none}
.if-robot{--ilerleme:0;position:relative;display:flex;align-items:center;gap:.9rem;width:100%;margin-top:1.2rem;padding:1rem 1.1rem;overflow:hidden;font:inherit;font-size:.98rem;color:var(--ink);text-align:left;background:var(--void);border:1px solid var(--line-2);cursor:pointer}
.if-robot::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:calc(var(--ilerleme) * 100%);background:var(--orange);transition:width .15s}
.if-robot:hover{border-color:var(--blue)}
.if-robot i{position:relative;flex:none;width:26px;height:26px;border:2px solid var(--mute);border-radius:4px;background:var(--deep)}
.if-robot[data-durum="calisiyor"] i{border-color:var(--line-2);border-top-color:var(--orange);border-radius:50%;animation:if-don .8s linear infinite}
.if-robot[data-durum="tamam"] i{border-color:var(--ok);background:var(--ok)}
.if-robot[data-durum="tamam"] i::after{content:"";position:absolute;left:7px;top:2px;width:7px;height:13px;border:solid #0D0E13;border-width:0 3px 3px 0;transform:rotate(45deg)}
.if-robot[data-durum="tamam"]::after{width:100%;background:var(--ok)}
.if-robot[data-durum="hata"] i{border-color:#FF6B4A}
.if-robot small{margin-left:auto;font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);text-align:right;line-height:1.4}
@keyframes if-don{to{transform:rotate(360deg)}}
.if-pdurum{min-height:1.4em;margin-top:.8rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;color:var(--mute)}
.if-pdurum.kotu{color:#FF8A6B}
.if-pencere-alt{display:flex;justify-content:flex-end;margin-top:.6rem}
.if-pencere-alt button{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);background:none;border:0;padding:.4rem 0;cursor:pointer}
@media (prefers-reduced-motion:reduce){.if-robot[data-durum="calisiyor"] i{animation-duration:2.4s}}

/* ---------- iletisim kanallari (ortak parcalar) ---------- */
.il-kanal .mono{display:block;margin-bottom:.45rem}
.il-kanal a{color:var(--ink);text-decoration:none}
.il-kanal a:hover{color:var(--orange)}
.il-buyuk{font-weight:800;font-stretch:75%;font-variation-settings:"wdth" 75;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.1;letter-spacing:.02em}
.il-orta{font-family:var(--mono);font-size:.9rem;letter-spacing:.02em;line-height:1.7}
.il-adres{font-size:1rem;line-height:1.55;color:var(--ink)}
.il-harita{display:inline-flex;margin-top:.7rem;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)!important}
.il-saat{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1.2rem;font-family:var(--mono);font-size:.8rem;letter-spacing:.03em}
.il-saat span:nth-child(even){text-align:right}
.il-saat .kapali{color:var(--dim)}

@media (max-width:560px){.if-ikili{grid-template-columns:1fr}.if-alt{flex-direction:column;align-items:stretch}#if-gonder{width:100%}}

.il-kanal a.il-buyuk,.il-kanal a.il-orta{display:block}

/* ---------- sayfa düzeni (Stüdyo): fotograf sahnesi + camli kanal kartlari, sagda form paneli; genis ekranda ekrana sigar ---------- */
.ia{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,460px);grid-template-rows:minmax(0,1fr)}
.ia-sahne{position:relative;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:2rem clamp(1rem,3vw,3rem);overflow:hidden}
.ia-arka{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.ia-sahne::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(13,14,19,.92) 0%,rgba(13,14,19,.55) 55%,rgba(13,14,19,.75) 100%),linear-gradient(to top,rgba(13,14,19,.85),transparent 50%)}
.ia-ust,.ia-kartlar{position:relative;z-index:1}
.ia-ust .crumbs{text-align:left}
.ia-ust h1{font-size:clamp(3rem,6.4vw,5.6rem)}
.ia-kartlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;max-width:760px}
.ia-kartlar .il-kanal{padding:1.1rem 1.2rem;background:linear-gradient(135deg,rgba(236,239,244,.16),rgba(186,192,204,.06));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14)}
.ia-kartlar .il-kanal:first-child{border-left:3px solid var(--orange)}
.ia-kartlar .mono{color:#C9CEDA}
.ia-kartlar .il-saat .kapali{color:#AEB4C2}
.ia-panel{min-height:0;overflow:auto;display:flex;flex-direction:column;background:var(--deep);border-left:1px solid var(--line-2)}
.ia-panel-bas{padding:1.2rem 1.5rem;border-bottom:1px solid var(--line-2)}
.ia-panel-bas b{font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.ia-form{padding:1.3rem 1.5rem 1.6rem}
@media (min-width:1001px) and (min-height:640px){
  body:has(.ia){height:100vh;height:100dvh;overflow:hidden}
  body:has(.ia) .ia{flex:1 1 0;min-height:0}
}
@media (max-width:1000px){
  .ia{grid-template-columns:1fr}
  .ia-sahne{min-height:auto}
  .ia-panel{border-left:0;border-top:1px solid var(--line-2)}
}
@media (max-width:560px){.ia-kartlar{grid-template-columns:1fr}}

/* ---------- KVKK aydinlatma metni sayfasi (kvkk.html) ---------- */
.kvkk .wrap{max-width:880px}
.kvkk .code{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.kvkk h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-top:.5rem}
.kvkk-alt{margin:.8rem 0 2rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--dim)}
.kvkk h2{font-size:1.5rem;margin:2.4rem 0 .9rem;padding-top:1.2rem;border-top:1px solid var(--line-2)}
.kvkk p,.kvkk li{color:#C9CEDA;line-height:1.75}
.kvkk p+p{margin-top:.8rem}
.kvkk ul{margin:.6rem 0 .8rem;padding-left:1.2rem}
.kvkk li+li{margin-top:.35rem}
.kvkk b{color:var(--ink)}
.kvkk-haklar{list-style:none;padding-left:0!important}
.kvkk-kimlik{margin:1rem 0 0;border:1px solid var(--line-2)}
.kvkk-kimlik div{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.6rem 1rem;border-top:1px solid var(--line)}
.kvkk-kimlik div:first-child{border-top:0}
.kvkk-kimlik dt{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding-top:.2rem}
.kvkk-kimlik dd{margin:0}
.kvkk-tablo{width:100%;border-collapse:collapse;margin:.4rem 0 1rem;font-size:.92rem}
.kvkk-tablo th,.kvkk-tablo td{padding:.65rem .9rem;border:1px solid var(--line-2);text-align:left;vertical-align:top}
.kvkk-tablo th{font-family:var(--mono);font-size:.66rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:var(--deep)}
.kvkk-tablo td:first-child{white-space:nowrap;color:var(--ink)}
/* doldurulmasi gereken bilgi: yayina almadan once kalmamali */
.doldur{background:rgba(254,133,0,.18);outline:1px dashed var(--orange);padding:0 .25rem;color:#FFB766}
@media (max-width:560px){.kvkk-kimlik div{grid-template-columns:1fr;gap:.2rem}.kvkk-tablo td:first-child{white-space:normal}}