/* Tur sayfalarının altındaki "Size Özel Öneriler / Bunlar da İlginizi Çekebilir" kartları:
   büyük dikey kartlar yerine küçük görselli, yatay ve kompakt kartlar. */
html body .pusula-kultur-benzer { margin-bottom: 80px; }
@media (max-width: 600px) {
  html body .pusula-kultur-benzer { margin-bottom: 48px; }
}
html body .pusula-kultur-benzer .pusula-kultur-benzer__izgara {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
html body .pusula-kultur-benzer .pusula-kultur-kart {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
  border-radius: 14px;
  overflow: hidden;
}
html body .pusula-kultur-benzer .pusula-kultur-kart__bag {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 12px 10px;
  flex: 1 1 auto;
}

/* Küçük kare görsel */
html body .pusula-kultur-benzer .pusula-kultur-kart__gorsel {
  flex: none;
  width: 96px;
  height: 96px;
  aspect-ratio: auto;
  border-radius: 10px;
}
html body .pusula-kultur-benzer .pusula-kultur-kart__gorsel .pusula-kultur-kart__logo {
  width: 20px;
  height: 20px;
  right: 5px;
  bottom: 5px;
}

/* Görseli olmayan turlarda aynı boyutta yer tutucu */
html body .pusula-kultur-benzer .pusula-kultur-kart__bag:not(:has(.pusula-kultur-kart__gorsel))::before {
  content: "";
  flex: none;
  width: 96px;
  height: 96px;
  border-radius: 10px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C3561F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.6 7-11a7 7 0 1 0-14 0c0 5.4 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E") center / 30px no-repeat,
    linear-gradient(135deg, #f6efe6, #ebe2d4);
}

/* Metin alanı */
html body .pusula-kultur-benzer .pusula-kultur-kart__ic {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
  gap: 5px;
}
html body .pusula-kultur-benzer .pusula-kultur-kart__baslik {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.3;
}
html body .pusula-kultur-benzer .pusula-kultur-kart__tarih,
html body .pusula-kultur-benzer .pusula-kultur-kart__sure { font-size: 12px; }
html body .pusula-kultur-benzer .pusula-kultur-kart__alt { margin-top: 0; }
html body .pusula-kultur-benzer .pusula-kultur-kart__fiyat { font-size: 14.5px; }

/* İnce "Detaylı Bilgi" butonu */
html body .pusula-kultur-benzer .pusula-kultur-kart__btn {
  margin: 0 12px 12px;
  padding: 8px 10px;
  border-radius: 9px;
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 991px) {
  html body .pusula-kultur-benzer .pusula-kultur-benzer__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  html body .pusula-kultur-benzer .pusula-kultur-benzer__izgara { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  html body .pusula-kultur-benzer .pusula-kultur-kart__gorsel,
  html body .pusula-kultur-benzer .pusula-kultur-kart__bag:not(:has(.pusula-kultur-kart__gorsel))::before { width: 84px; height: 84px; }
}

/* "Bunlar da İlginizi Çekebilir" başlığının yanındaki "Tüm kültür turları" linki (lib/genel-bakis.js) */
html body .pusula-kultur-benzer .pusula-benzer-ust {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
html body .pusula-kultur-benzer .pusula-benzer-tumu {
  color: #C3561F;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
html body .pusula-kultur-benzer .pusula-benzer-tumu:hover { text-decoration: underline; }

/* Sadeleştirilmiş "Genel Bakış" metni (lib/genel-bakis.js) */
html body .pusula-genel p { margin: 0 0 12px; line-height: 1.7; color: #3b4357; }
html body .pusula-genel .pusula-genel__slogan {
  margin: 0 0 14px;
  padding: 2px 0 2px 14px;
  border-left: 3px solid #D9691E;
  color: #1b2a4a;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
}

/* Tur sayfasının üstündeki tek görsellik kapak (lib/tur-gorselleri.js): tema galeriyi tam
   genişlikteki üst bant için "sayfa - 32px, ortala" ayarlıyor; sol sütuna konduğunda içeri
   kaçıyordu. Sütuna tam otursun. */
html body .pusula-kultur-ana > .pusula-kultur-galeri.pusula-kultur-mozaik--n1 {
  width: 100%;
  height: auto;
  margin: 6px 0 32px;
  border-radius: 18px;
  box-shadow: 0 22px 44px -28px rgba(27, 42, 74, .55);
}
html body .pusula-kultur-ana > .pusula-kultur-mozaik--n1 .pusula-kultur-mozaik__kare { width: 100%; }
html body .pusula-kultur-ana > .pusula-kultur-mozaik--n1 .pusula-kultur-mozaik__kare img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
html body .pusula-kultur-ana > .pusula-kultur-mozaik--n1 .pusula-kultur-mozaik__kare:hover img { transform: scale(1.02); }