/* İletişim sayfası: yalnızca kitte olmayan yerleşim. Önek: il- */

/* Kanallar: dört büyük cam kart */
.il-kanallar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.il-kanal { display: flex; flex-direction: column; gap: .9rem; min-height: clamp(13rem, 22vw, 16rem); padding: clamp(1.4rem, 3vw, 2.2rem); }
.il-kanal__ikon { width: clamp(2.75rem, 5vw, 3.4rem); height: auto; fill: none; stroke: var(--buz); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.il-kanal__ikon .il-altin { stroke: var(--altin); }
.il-kanal__ikon * { vector-effect: non-scaling-stroke; }
.il-kanal h3 { font-stretch: 88%; font-weight: 700; font-size: clamp(1.25rem, 2.2vw, 1.55rem); line-height: 1.2; margin: 0; }
.il-kanal p { margin: 0; font-size: 1.02rem; max-width: none; }
.il-kanal__adres { margin-top: auto; display: inline-flex; flex-wrap: wrap; align-items: center; gap: .6rem; min-height: 2.75rem; color: var(--sis); font-stretch: 90%; }
.il-kanal__adres a { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--isik); text-underline-offset: .25em; }
.il-kanal__adres a:focus-visible { outline: 2px solid var(--altin); outline-offset: 3px; border-radius: .25rem; }

/* İlk mesaj: başlık ve liste yan yana */
.il-ikili { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: clamp(1.75rem, 5vw, 4.5rem); align-items: start; }
.il-ikili .maddeler li { font-size: clamp(1.02rem, 1.4vw, 1.15rem); }

/* Adımlar: üç sütun */
.il-adimlar.adimlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.il-adimlar.adimlar::before { right: 22%; }

/* Nerede: metin ve körfez çizimi */
.il-nerede { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: clamp(1.75rem, 5vw, 4.5rem); align-items: center; }
.il-nerede .maddeler { margin-top: 1.5rem; }
.il-korfez { padding: clamp(.75rem, 2vw, 1.25rem); }
.il-korfez svg { display: block; width: 100%; height: auto; }
.il-korfez .il-kiyi { fill: none; stroke: var(--buz); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; opacity: .85; }
.il-korfez .il-kiyi--ince { stroke-width: 1; opacity: .35; stroke-dasharray: 3 6; }
.il-korfez .il-nokta { fill: var(--altin); }
.il-korfez .il-hale { fill: none; stroke: var(--altin); stroke-width: 1; vector-effect: non-scaling-stroke; opacity: .5; transform-box: fill-box; transform-origin: center; }
.il-korfez text { fill: var(--isik); font-family: inherit; font-stretch: 88%; font-weight: 700; font-size: 18px; }
.hareket .il-korfez .il-hale { animation: il-nabiz 3.2s ease-out infinite; }
@keyframes il-nabiz { from { transform: scale(.6); opacity: .7; } to { transform: scale(1.8); opacity: 0; } }

/* Not kutusu */
.il-not { margin-top: clamp(1.5rem, 3vw, 2.25rem); }
.il-not p + p { margin-top: .6rem; }

@media (max-width: 60rem) {
  .il-ikili, .il-nerede { grid-template-columns: minmax(0, 1fr); }
  .il-adimlar.adimlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 40rem) {
  .il-kanallar { grid-template-columns: minmax(0, 1fr); }
  .il-kanal { min-height: 0; }
  .il-adimlar.adimlar { grid-template-columns: minmax(0, 1fr); }
}