/* Kuzey Temizlik — İletişim (/iletisim). Tasarım sistemi: koyu kart (lacivert) + form kartı + hatlar + harita. */
.iletisim__izgara{display:flex;flex-direction:column;gap:24px}
.nap{background:var(--ink);color:var(--bg);border-radius:24px;padding:26px 22px;display:flex;flex-direction:column;gap:20px}
.nap__durum{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--bodyD)}
.nap__nokta{width:10px;height:10px;border-radius:50%;background:var(--mutedD);flex-shrink:0}
.nap__nokta--acik{background:var(--accent);box-shadow:0 0 0 4px var(--glowSoft)}
.nap__telefon{font-family:var(--mono);font-weight:500;font-size:30px;line-height:1;letter-spacing:-.03em;color:var(--sun);text-decoration:none}
.nap__eylem{display:flex;flex-direction:column;gap:10px}
.nap__liste{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--lineD)}
.nap__liste>div{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-bottom:1px solid var(--lineD)}
.nap__liste dt{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mutedD)}
.nap__liste dt .ikon{color:var(--accent)}
.nap__liste dd{margin:0;font-size:16px;font-weight:500;display:flex;flex-direction:column;gap:4px}
.nap__liste address{font-style:normal}
.nap__liste a{color:var(--bg);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px;display:inline-flex;align-items:center;gap:6px}
.ileti-form{border-radius:24px;background:var(--white);border:1px solid var(--line);padding:24px 20px;display:flex;flex-direction:column;gap:18px}
.ileti-form__bas{display:flex;flex-direction:column;gap:6px}
.ileti-form__bas a{font-weight:600}
.ileti-form__gonder{align-self:flex-start}
.hatlar{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hat{border-radius:24px;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:10px}
.hat__tel{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none}
.ofis-harita{position:relative;overflow:hidden;align-self:start}
.ofis-harita__perde{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;background:rgba(11,37,69,.86);color:var(--bg)}
.ofis-harita__adres{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}
.ofis-harita__adres .ikon{color:var(--accent)}
.ofis-harita__dugmeler{display:flex;flex-wrap:wrap;gap:8px}
.ofis-harita__iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit}
@media (min-width:40em){ .hatlar{grid-template-columns:repeat(3,minmax(0,1fr))} .nap__eylem{flex-direction:row;flex-wrap:wrap} }
@media (min-width:64em){
  .iletisim__izgara{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
  .nap{grid-column:1/span 5;padding:36px;border-radius:28px;gap:24px}
  .nap__telefon{font-size:44px}
  .ileti-form{grid-column:6/span 7;padding:36px;border-radius:28px}
  .hatlar{gap:24px}
  .ofis-harita__perde{left:24px;right:auto;bottom:24px;max-width:420px;padding:20px}
}