/* Kayseri Temizlik — İletişim (/iletisim). Deniz mavisi bilgi kartı + beyaz form kartı + buz grisi hat kutuları + harita. */
.iletisim__izgara{display:flex;flex-direction:column;gap:24px}
.nap{background:radial-gradient(60% 50% at 100% 0%,rgba(163,230,53,.16),transparent 70%),linear-gradient(165deg,var(--ink) 0%,var(--ink2) 100%);color:#fff;border-radius:var(--r-buyuk);box-shadow:var(--gol2);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:3px;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(--baslik);font-weight:800;font-size:30px;line-height:1;letter-spacing:-.01em;color:var(--accent);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(--font);font-weight:700;font-size:12px;letter-spacing:.1em;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:#fff;text-decoration:underline;text-decoration-color:var(--sun);text-underline-offset:4px;display:inline-flex;align-items:center;gap:6px}
.ileti-form{border-radius:var(--r-buyuk);background:var(--white);border:1px solid var(--line);box-shadow:var(--gol1);border-top:5px solid var(--accent);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:700;color:var(--ink);text-decoration-color:var(--cizgi)}
.ileti-form__gonder{align-self:flex-start}
.hatlar{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hat{border-radius:var(--r-kart);background:var(--soft);border:1px solid transparent;padding:22px;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:700;color:var(--ink);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:16px;background:rgba(11,59,33,.9);color:#fff}
.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:34px;border-radius:var(--r-buyuk);gap:24px}
  .nap__telefon{font-size:40px}
  .ileti-form{grid-column:6/span 7;padding:34px;border-radius:var(--r-buyuk)}
  .hatlar{gap:24px}
  .ofis-harita__perde{left:24px;right:auto;bottom:24px;max-width:420px;padding:20px}
}