/* Tarz izgarasi (scripts/acilis/izgara.mjs; sahip gorsel duzeltmeler ek m. 8, eMeals plan tarzi izgarasi): telefonda 2 sutun kare,
   masaustunde 4 sutun ve karisik boyut (iz-buyuk 2x2, iz-genis 2x1; bosluksuz 3 satir). Fotograf kareyi doldurur; alt kosede renkli etiket; metin yok. */
.izgara-bolum { margin: 28px 0 8px; }
.izgara-bolum h2 { margin: 0 0 14px; }
.izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.iz-k a { position: relative; display: block; aspect-ratio: 1; border-radius: 16px; overflow: hidden; background: #e6e9ee; color: inherit; text-decoration: none; }
.iz-k img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.iz-k a:hover img { transform: scale(1.03); }
.iz-k a:focus-visible { outline: 3px solid var(--ink, #14233c); outline-offset: 2px; }
.iz-etiket { position: absolute; left: 10px; bottom: 10px; padding: 6px 11px; border-radius: 999px; background: var(--iz-renk, #14233c); color: #fff; font-weight: 800; font-size: 14px; line-height: 1.1; letter-spacing: .01em; box-shadow: 0 2px 8px rgba(20, 35, 60, .25); }
@media (min-width: 760px) {
  .izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: dense; gap: 14px; }
  .iz-k.iz-buyuk { grid-column: span 2; grid-row: span 2; }
  .iz-k.iz-genis { grid-column: span 2; position: relative; }
  .iz-k.iz-genis a { position: absolute; inset: 0; aspect-ratio: auto; }
  .iz-k.iz-buyuk .iz-etiket { font-size: 18px; padding: 8px 14px; left: 14px; bottom: 14px; }
}
@media (prefers-reduced-motion: reduce) { .iz-k img { transition: none; } }