/* Sayfa ve Konteyner */
.tours-page { padding: 60px 0; background: #fff; color: #111; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* 1. Üst Metin Bloğu */
.tour-main-info-header { text-align: center; margin-bottom: 50px; }
.tour-title { font-size: 48px; font-weight: 800; margin-bottom: 25px; }
.gold-text { color: var(--gold); }
.full-description { max-width: 1000px; margin: 0 auto; }
.full-description p { font-size: 16px; line-height: 1.8; color: #444; margin-bottom: 15px; text-align: justify; }

/* 2. Orta Bölüm (Görsel ve Kartlar) */
.tour-middle-wrapper {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    margin-bottom: 40px;
    align-items: start;
}

/* Görsel Alanı ve Yan Yana Thumbnail Sorunu Çözümü */
.main-image-wrapper { border-radius: 25px; overflow: hidden; aspect-ratio: 16/10; box-shadow: 0 15px 35px rgba(0,0,0,0.1); }
.main-image-wrapper img { width: 100%; height: 100%; object-fit: cover; }

.thumbnail-list { 
    display: flex !important; /* YAN YANA DİZİLİMİ ZORLAR */
    flex-direction: row !important; 
    gap: 15px; 
    margin-top: 15px; 
}
.thumbnail-list img { 
    width: 100px; 
    height: 70px; 
    object-fit: cover; 
    border-radius: 12px; 
    cursor: pointer; 
    border: 2px solid transparent; 
}
.thumbnail-list img.active { border-color: var(--gold); }

/* Sağ Kartlar */
.tour-features-side { display: flex; flex-direction: column; gap: 15px; }
.feature-card {
    display: flex; align-items: center; gap: 20px;
    padding: 22px; background: #f9f9f9; border-radius: 18px;
    border: 1px solid #eee; transition: 0.3s;
}
.feature-card:hover { transform: translateX(5px); border-color: var(--gold); background: #fff; }
.icon-box { color: var(--gold); font-size: 24px; }
.f-text strong { display: block; font-size: 15px; margin-bottom: 2px; }
.f-text span { font-size: 13px; color: #777; }

/* 3. Alt Bölüm (Yan Yana Bloklar) */
.tour-bottom-action-area {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.extra-info-block-black {
    background: #111; color: #fff; padding: 35px; border-radius: 25px;
}
.extra-info-block-black h4 { font-size: 20px; margin-bottom: 15px; }
.extra-info-block-black p { font-size: 14px; line-height: 1.6; color: #ccc; margin: 0; }

.visual-features-list {
    background: #fff; padding: 35px; border-radius: 25px; border: 1px solid #eee;
}
.visual-features-list h3 { font-size: 20px; margin-bottom: 25px; font-weight: 700; }
.v-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.v-item { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 600; color: #333; }
.v-item i {
    width: 24px; height: 24px; border: 1.5px solid #111; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; font-size: 10px; color: #111;
}

/* Mobil Uyumluluk */
@media (max-width: 992px) {
    .tour-middle-wrapper, .tour-bottom-action-area { grid-template-columns: 1fr; }
    .thumbnail-list { justify-content: center; }
}