/* ==========================================================================
   İletişim (/iletisim) — tasarım sistemi bileşenleriyle: koyu ışık kenarlı kart (NAP), beyaz kart (form),
   form 05, kart 06. Kırılım 64em. ic.css ile birlikte yüklenir.
   ========================================================================== */
@layer sifirla, token, temel, bilesen, yerlesim, sayfa, efekt, yardimci;

@layer sayfa {

.iletisim__izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}

/* ---------- NAP kartı ---------- */
.nap{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:18px;border-radius:var(--r-kart);background:var(--night-900);border:1px solid var(--night-800);color:var(--snow-50);padding:28px 24px}
.nap__aur{z-index:-1;left:-120px;top:-160px;width:420px;height:320px;background:radial-gradient(closest-side,rgba(255,106,19,.34),rgba(255,106,19,0));filter:blur(40px)}
.nap__durum{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:rgba(251,250,247,.78)}
.nap__nokta{flex:none;width:9px;height:9px;border-radius:50%;background:var(--uyari)}
.nap__nokta--acik{background:var(--basari);box-shadow:0 0 0 4px rgba(74,222,128,.18)}
.nap__telefon{font-size:clamp(38px, calc(1.7143vw + 31.31px), 56px);line-height:1;color:var(--brand-300);text-decoration:none;text-shadow:0 0 40px rgba(255,138,61,.5);white-space:nowrap}
.nap__telefon:hover{color:var(--brand-300)}
.nap__eylem{display:flex;flex-wrap:wrap;gap:10px;align-self:stretch}
.nap__eylem .btn{height:52px;flex:1 1 150px}
.nap__liste{align-self:stretch;display:grid;gap:18px;margin-top:4px;padding-top:22px;border-top:1px solid rgba(251,250,247,.12)}
.nap__liste dt{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(251,250,247,.58)}
.nap__liste dt .ikon{color:var(--brand-300)}
.nap__liste dd{margin:6px 0 0 30px;font-size:16px;line-height:1.5;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.nap__liste a{color:var(--snow-50)}
.nap__liste a:hover{color:var(--brand-300)}
.nap__liste .metin-link{color:var(--brand-300);font-size:14px}
.nap__not{font-size:13px;color:rgba(251,250,247,.6)}

/* ---------- Form ---------- */
.ileti-form{display:flex;flex-direction:column;gap:18px;border-radius:var(--r-kart);background:#fff;border:1px solid var(--stone-200);padding:28px 20px;scroll-margin-top:110px}
.ileti-form__bas{display:flex;flex-direction:column;gap:6px}
.ileti-form__baslik{font-size:clamp(28px, calc(.7619vw + 25.03px), 36px)}
.ileti-form__alt{font-size:15px;color:var(--ink-500)}
.ileti-form__satir{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.ileti-form__hata{padding:14px 16px;border-radius:14px;background:#FEF3F2;color:var(--hata);font-size:15px}
.ileti-form__gonder{height:54px;align-self:stretch}
.ileti-form select.fld{appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23B8410A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.ileti-form__tamam{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-block:12px}
.ileti-form__tamam p{font-size:17px;line-height:1.55;color:var(--ink-700)}
.ileti-form__tamam:focus{outline:0}
@media (min-width:40em){
  .ileti-form__satir{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .ileti-form__gonder{align-self:flex-start}
}

/* ---------- Harita + ulaşım ---------- */
.konum__izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.ofis-harita{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r-kart);background:var(--night-900);aspect-ratio:4/3}
.ofis-harita picture,.ofis-harita__gorsel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ofis-harita__perde{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:var(--snow-50);background:radial-gradient(60% 60% at 50% 50%,rgba(7,10,18,.55),rgba(7,10,18,.25))}
.ofis-harita__pin{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--brand-500);color:var(--night-950);box-shadow:var(--glow-lg)}
.ofis-harita__adres{font-family:var(--font-disp);letter-spacing:-.02em;font-weight:600;font-size:clamp(18px, calc(.381vw + 16.51px), 22px);max-width:30ch;text-shadow:0 2px 12px rgba(7,10,18,.6)}
.ofis-harita__not{font-size:12.5px;color:rgba(251,250,247,.7)}
.ofis-harita iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1}
.konum__metin{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.konum__baslik{font-size:clamp(30px, calc(1.1429vw + 25.54px), 42px)}
.konum__metin>p{font-size:clamp(16px, calc(.1905vw + 15.26px), 18px);line-height:1.65;color:var(--ink-700);max-width:60ch}

/* ---------- Departmanlar ---------- */
.departman__izgara{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.departman__kart{display:flex;flex-direction:column;gap:8px;border-radius:20px;background:var(--stone-100);border:1px solid rgba(18,21,28,.06);padding:22px}
.departman__ad{font-size:20px;line-height:1.2}
.departman__not{font-size:14px;line-height:1.5;color:var(--ink-500)}
.departman__tel{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none}

@media (min-width:40em){
  .departman__izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:64em){
  .iletisim__izgara{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}
  .nap{padding:40px;gap:22px}
  .ileti-form{padding:40px;gap:20px}
  .konum__izgara{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}
  .ofis-harita{aspect-ratio:16/10}
  .departman__izgara{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .departman__kart{padding:28px}
}

} /* @layer sayfa */