/* İletişim sayfası (2026-10-30): hero urun.css .uhero (kısa); iki sütun: iletişim bilgileri + harita + sosyal | talep formu. Elle yazılır. */

/* ---------- Hero (kısa) ---------- */
.il-hero { min-height: clamp(32rem, calc(70svh - var(--ust-h)), 44rem); }
/* Arka plan destek.css .dhero ile aynı (kullanıcı 2026-10-30): koyu zemin, kenarda mavi ışık, ince tarama ızgarası */
.il-hero {
  background:
    radial-gradient(ellipse 55% 85% at 88% 0%, rgba(var(--xg-rgb), .34), rgba(var(--xg-rgb), 0) 70%),
    radial-gradient(ellipse 75% 16rem at 50% 100%, rgba(var(--xg-rgb), .2), rgba(var(--xg-rgb), 0) 72%),
    var(--ink);
}
.il-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background-image: linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
  background-size: 4rem 4rem;
  -webkit-mask-image: radial-gradient(ellipse 70% 90% at 75% 20%, #000 0%, transparent 75%);
  mask-image: radial-gradient(ellipse 70% 90% at 75% 20%, #000 0%, transparent 75%);
}
.il-hizli { display: flex; flex-wrap: wrap; gap: 0.75rem 2.5rem; margin-top: 2rem; list-style: none; padding: 0; }
.il-hizli[data-belir] { --sira: 3; }
.il-hizli a { display: inline-flex; align-items: center; gap: 0.75rem; font-family: var(--font-baslik); font-size: 1.5rem; font-weight: 600; letter-spacing: .02em; color: #fff; transition: color .2s; }
.il-hizli .ikon { font-size: 1.25rem; color: var(--xg-acik); }
.il-hizli a:hover { color: var(--xg-acik); }

/* ---------- İki sütun: eşit yükseklik; harita sol sütunun kalan boşluğunu doldurur ---------- */
.il-ana__ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 4.5rem; align-items: stretch; }
.il-bilgi { display: flex; flex-direction: column; }
.il-bilgi__baslik { margin-top: 0.75rem; }
.il-bilgi__giris { max-width: 38rem; margin-top: 1.25rem; font-size: var(--fs-lg); line-height: 1.55; color: var(--soluk); }

.il-liste { display: grid; grid-template-columns: repeat(3, minmax(0, auto)); justify-content: space-between; gap: 1.75rem 2rem; margin: 2.25rem 0 0; padding: 0; list-style: none; }
.il-liste li { display: flex; align-items: flex-start; gap: 1rem; }
.il-liste li:first-child { grid-column: 1 / -1; }
.il-liste__ikon { flex: none; display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--xg-50); color: var(--xg); font-size: 1.125rem; }
.il-liste__etiket { display: block; margin-bottom: 0.25rem; font-family: var(--font-baslik); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); }
.il-liste address { font-style: normal; font-size: var(--fs-base); line-height: 1.55; color: var(--metin); }
.il-liste__deger { font-size: var(--fs-base); font-weight: 600; color: var(--metin); transition: color .2s; }
a.il-liste__deger:hover { color: var(--xg); }
.il-liste__yol { display: inline-flex; align-items: center; gap: 0.5rem; margin-top: 0.5rem; font-size: var(--fs-sm); font-weight: 600; color: var(--xg); }
.il-liste__yol .ikon { font-size: 0.875rem; }
.il-liste__yol:hover { color: var(--xg-koyu); text-decoration: underline; }

.il-harita { position: relative; flex: 1; min-height: 18rem; margin: 2.25rem 0 0; border: 1px solid var(--cizgi); border-radius: var(--yaricap); overflow: hidden; background: var(--kagit-2); }
.il-harita iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; transition: opacity .25s; }
.il-harita.is-yukleniyor iframe { opacity: .45; }
.il-yakin { position: absolute; right: 0.75rem; top: 0.75rem; display: flex; flex-direction: column; border-radius: 0.375rem; overflow: hidden; box-shadow: 0 0.25rem 0.75rem rgba(var(--ink-rgb), .2); }
.il-yakin button { width: 2.5rem; height: 2.5rem; border: 0; background: #fff; color: var(--ink); font-size: 1.375rem; line-height: 1; cursor: pointer; transition: background .2s, color .2s; }
.il-yakin button + button { border-top: 1px solid var(--cizgi); }
.il-yakin button:hover:not(:disabled) { background: var(--xg); color: #fff; }
.il-yakin button:disabled { color: var(--cizgi); cursor: default; }

.il-sosyal { margin-top: 2rem; }
.il-sosyal__gruplar { display: flex; flex-wrap: wrap; gap: 1rem 3rem; margin-top: 0.5rem; }
.il-sosyal__ad { font-size: var(--fs-sm); font-weight: 600; color: var(--metin); }
.il-sosyal .sosyal a.is-youtube { background: #ff0000; }
.il-sosyal .sosyal a.is-facebook { background: #1877f2; }
.il-sosyal .sosyal a.is-x-marka { background: #000; }
.il-sosyal .sosyal a.is-x-marka .ikon { font-size: 0.875rem; }
.il-sosyal .sosyal a:hover, .il-sosyal .sosyal a:focus-visible { box-shadow: 0 0.375rem 1rem rgba(var(--ink-rgb), .25); }

/* ---------- Talep formu ---------- */
.il-form { padding: 3rem; border: 1px solid var(--cizgi); border-radius: var(--yaricap); background: var(--kagit-2); }
.il-form__baslik { margin-top: 0.75rem; font-family: var(--font-baslik); font-size: 2.5rem; font-weight: 800; line-height: 1; text-transform: uppercase; color: var(--ink); }
.il-form__giris { margin-top: 0.875rem; font-size: var(--fs-base); line-height: 1.55; color: var(--soluk); }
.il-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }   /* px-sabit */

.il-tur { margin: 2rem 0 0; padding: 0; border: 0; min-width: 0; }
.il-tur__secenekler { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.625rem; }
.il-tur__secenek { position: relative; display: flex; cursor: pointer; }
.il-tur__secenek input { position: absolute; opacity: 0; pointer-events: none; }
.il-tur__secenek > span {
  flex: 1; display: flex; flex-direction: column; gap: 0.375rem; padding: 0.875rem 0.875rem 1rem;
  border: 1px solid var(--cizgi); border-radius: 0.375rem; background: var(--kagit);
  transition: border-color .2s, background .2s, box-shadow .2s;
}
.il-tur__secenek strong { font-family: var(--font-baslik); font-size: 1.0625rem; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; line-height: 1.1; color: var(--ink); }
.il-tur__secenek small { font-size: var(--fs-xs); line-height: 1.4; color: var(--soluk); }
.il-tur__secenek:hover > span { border-color: var(--xg-acik); }
.il-tur__secenek input:checked + span { border-color: var(--xg); background: var(--xg-50); box-shadow: inset 0 0 0 1px var(--xg); }
.il-tur__secenek input:checked + span strong { color: var(--xg-koyu); }
.il-tur__secenek input:focus-visible + span { outline: 2px solid var(--xg); outline-offset: 2px; }

.il-form__satir { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.il-form__satir, .il-form > .il-alan { margin-top: 1.25rem; }
.il-alan { display: flex; flex-direction: column; min-width: 0; }
.il-alan__ad { display: block; margin-bottom: 0.5rem; font-family: var(--font-baslik); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--soluk); }
.il-tur .il-alan__ad { margin-bottom: 0.75rem; }
.il-alan input, .il-alan textarea, .il-secim select {
  width: 100%; min-height: 3rem; padding: 0.75rem 1rem; border: 1px solid var(--cizgi); border-radius: 0.375rem;
  font: inherit; font-size: var(--fs-base); color: var(--metin); background: var(--kagit);
  transition: border-color .2s, box-shadow .2s;
}
.il-alan textarea { resize: vertical; min-height: 7.5rem; line-height: 1.5; }
.il-alan input:focus, .il-alan textarea:focus, .il-secim select:focus { outline: none; border-color: var(--xg); box-shadow: 0 0 0 3px rgba(var(--xg-rgb), .18); }   /* px-sabit */
.il-alan textarea::placeholder { color: #8a93a8; }
.il-secim { position: relative; display: block; }
.il-secim select { padding-right: 2.75rem; appearance: none; -webkit-appearance: none; cursor: pointer; }
.il-secim__ok { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--xg); }

.il-onay { display: flex; align-items: flex-start; gap: 0.75rem; margin-top: 1.25rem; font-size: var(--fs-sm); line-height: 1.5; color: var(--soluk); cursor: pointer; }
.il-onay input { flex: none; width: 1.125rem; height: 1.125rem; margin-top: 0.125rem; accent-color: var(--xg); }
.il-onay a { font-weight: 600; color: var(--xg); text-decoration: underline; }
.il-form__hata { margin-top: 1rem; padding: 0.75rem 1rem; border-left: 3px solid var(--atlihan); background: #fdf1f1; font-size: var(--fs-sm); color: var(--metin); }   /* px-sabit */
.il-form__gonder { width: 100%; margin-top: 1.5rem; }
.il-form__gonder:disabled { opacity: .7; cursor: progress; }

/* Gönderim bildirimi (js/iletisim.js: 4 sn görünür) */
.il-bildirim {
  position: fixed; left: 50%; bottom: 2rem; z-index: 60; max-width: calc(100% - 2rem); padding: 1rem 1.5rem; border-radius: 0.375rem;
  background: var(--ink); color: #fff; font-weight: 600; box-shadow: 0 1rem 2.5rem rgba(var(--ink-rgb), .35);
  opacity: 0; transform: translate(-50%, 1rem); pointer-events: none; transition: opacity .3s, transform .3s var(--ease);
}
.il-bildirim.is-acik { opacity: 1; transform: translate(-50%, 0); }

/* ---------- Tablet / mobil ---------- */
@media (max-width: 1100px) {
  .il-ana__ic { grid-template-columns: minmax(0, 1fr); gap: 3rem; }
  .il-harita { flex: none; height: 20rem; }
  .il-hizli a { font-size: 1.25rem; }
}
@media (max-width: 640px) {
  .il-form { padding: 1.75rem 1.25rem; }
  .il-form__baslik { font-size: 2rem; }
  .il-liste, .il-form__satir { grid-template-columns: minmax(0, 1fr); }
  .il-tur__secenekler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .il-tur__secenek:last-child { grid-column: 1 / -1; }
  .il-harita { min-height: 0; height: 16rem; }
}

/* Onay sayfası (talep-alindi.html; JS yoksa ziyaretçi buraya gelir) */
.il-alindi__ic { display: flex; flex-direction: column; align-items: center; gap: 1.25rem; min-height: 40vh; justify-content: center; text-align: center; }
.il-alindi__ikon { display: grid; place-items: center; width: 4rem; height: 4rem; border-radius: 50%; background: var(--xg-50); color: var(--xg); font-size: 1.75rem; }