/* Turla360 — Tüm Destinasyonlar sayfası (ülke > şehir ızgarası)
   GetYourGuide "All destinations" deseni. */

.tn-dp-inner { max-width: 1180px; margin: 0 auto; padding: 0 20px; }

.tn-dp-hero {
  background: linear-gradient(135deg, #0a1f5c 0%, #1a3a8f 55%, #1a56db 100%);
  color: #fff;
  padding: 34px 0 30px;
}
.tn-dp-yol { font-size: 12px; color: rgba(255,255,255,.72); margin-bottom: 12px; }
.tn-dp-yol a { color: rgba(255,255,255,.82); text-decoration: none; }
.tn-dp-yol a:hover { text-decoration: underline; }
.tn-dp-yol span { margin: 0 6px; opacity: .6; }
.tn-dp-yol strong { color: #fff; font-weight: 600; }

.tn-dp-baslik { font-size: clamp(24px, 3.2vw, 34px); font-weight: 800; line-height: 1.15; margin: 0 0 8px; }
.tn-dp-alt    { font-size: 16px; color: rgba(255,255,255,.84); margin: 0; max-width: 620px; }
.tn-dp-sayac  { font-size: 12px; color: rgba(255,255,255,.66); margin: 10px 0 0; }

.tn-dp-govde { padding: 34px 0 52px; background: #fff; }
.tn-dp-bos   { color: #64748b; font-size: 15px; }

.tn-dp-ulke { margin-bottom: 34px; }
.tn-dp-ulke:last-child { margin-bottom: 0; }
.tn-dp-ulke-ad {
  display: flex; align-items: center; gap: 10px;
  font-size: 19px; font-weight: 700; color: #0f172a;
  margin: 0 0 14px; padding-bottom: 10px;
  border-bottom: 1px solid #e8edf3;
}
.tn-dp-ulke-adet {
  font-size: 12px; font-weight: 700; color: #475569;
  background: #f1f5f9; border-radius: 999px; padding: 2px 9px;
}

.tn-dp-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }

.tn-dp-kart {
  display: block; text-decoration: none; color: inherit;
  border: 1px solid #e8edf3; border-radius: 12px; overflow: hidden;
  background: #fff; transition: box-shadow .16s ease, transform .16s ease, border-color .16s ease;
}
.tn-dp-kart:hover {
  box-shadow: 0 8px 22px rgba(15,23,42,.10);
  transform: translateY(-2px);
  border-color: #d5dee9;
}
.tn-dp-img { display: block; width: 100%; height: 132px; object-fit: cover; background: #eef2f7; }
.tn-dp-img-bos { background: linear-gradient(135deg, #e2e8f0, #cbd5e1); }

.tn-dp-govde-metin { display: block; padding: 11px 13px 13px; }
.tn-dp-ad     { display: block; font-size: 16px; font-weight: 700; color: #0f172a; line-height: 1.25; }
.tn-dp-bolge  { display: block; font-size: 12px; color: #64748b; margin-top: 2px; }
.tn-dp-adet   { display: block; font-size: 12px; color: #1a56db; font-weight: 600; margin-top: 6px; }

@media (max-width: 1000px) { .tn-dp-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 720px)  { .tn-dp-grid { grid-template-columns: repeat(2, 1fr); } .tn-dp-img { height: 112px; } }
@media (max-width: 420px)  { .tn-dp-grid { grid-template-columns: 1fr; } }