/* Konaklama türleri kartları: ana sayfadaki "Konaklama Türleri" bölümü (3 grup) ve landing'lerdeki "Diğer Konaklama Seçenekleri".
   Kartlar ceviri/turler.py ile üretilir. Mobilde ana sayfada kısa (2 sütun, yalnız başlık), landing'lerde alt alta; geniş ekranda ızgara. */
.tur-kartlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.tur-kart {
  display: flex; align-items: flex-start; gap: 14px; height: 100%; padding: 14px;
  border-radius: 16px; background: #FAF7F2; border: 1px solid #E2D9CD; color: #2A2A2A; text-decoration: none;
}
.tur-kart:hover { border-color: #4A4A4A; }
.tur-ikon { flex-shrink: 0; width: 30px; font-size: 24px; line-height: 1; text-align: center; }
.tur-metin { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.tur-metin strong { font-size: 16px; }
.tur-metin span { font-size: 14px; line-height: 1.4; color: #5A534C; }
.tur-metin .tur-incele { margin-top: 4px; font-weight: 700; color: #1E7A46; }
.diger .tur-kartlar { margin-top: 14px; }

/* Ana sayfa: gruplar */
.tur-gruplar { display: flex; flex-direction: column; gap: 12px; }
.tur-grup h3 { margin: 0 0 6px; font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; font-size: 12px; font-weight: 700;
  letter-spacing: 1.5px; text-transform: uppercase; color: #5A534C; }
.turler-page .tur-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.turler-page .tur-kart { align-items: center; gap: 8px; padding: 10px; border-radius: 14px; }
.turler-page .tur-ikon { width: 24px; font-size: 20px; }
.turler-page .tur-metin strong { font-size: 14px; line-height: 1.25; }
.turler-page .tur-metin span { display: none; }

@media (min-width: 600px) { .diger .tur-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) {
  .tur-gruplar { gap: 22px; }
  .tur-grup h3 { font-size: 13px; margin-bottom: 10px; }
  .turler-page .tur-kartlar { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
  .turler-page .tur-kart { flex-direction: column; align-items: flex-start; gap: 12px; padding: 18px; border-radius: 16px; }
  .turler-page .tur-ikon { width: 30px; font-size: 24px; }
  .turler-page .tur-metin strong { font-size: 16px; }
  .turler-page .tur-metin span { display: block; }
  .diger .tur-kartlar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}