/* ===== Google Fonts (Örnek: Playfair Display & Poppins) ===== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;400;500;600;700&display=swap');

/* ===== Temel Ayarlar ve Değişkenler ===== */
:root {
    /* Renkler */
    --primary-color: #916D21;       /* Ana Altın/Bronz */
    --primary-darker: #7a5c1b;    /* Koyu Altın */
    --secondary-color: #ADA75B;   /* İkincil Zeytin/Haki */
    --accent-color: #E8C872;       /* Vurgu Rengi (Açık Altın) */
    --dark-color: #1a1a1a;         /* Koyu Renk (Siyaha Yakın) */
    --dark-gray: #333;
    --medium-gray: #555;
    --light-gray: #777;
    --bg-light-color: #f9f9f9;     /* Açık Arka Plan */
    --bg-lighter-texture: #fdfdfd; /* Daha Açık, belki dokulu */
    --bg-dark-color: #111;        /* Koyu Footer Arka Planı */
    --white-color: #ffffff;
    --black-color: #000000;
    --success-color: #28a745;     /* Başarı Rengi (WhatsApp Butonu) */

    /* Fontlar */
    --heading-font: 'Playfair Display', serif;
    --body-font: 'Poppins', sans-serif;

    /* Boyutlar ve Geçişler */
    --navbar-height: 75px;
    --topbar-height: 40px;
    --transition-speed: 0.4s;
    --transition-ease: cubic-bezier(0.25, 0.8, 0.25, 1);
    --border-radius: 8px;
    --container-width: 1200px;
    --box-shadow-light: 0 5px 15px rgba(0, 0, 0, 0.08);
    --box-shadow-medium: 0 8px 25px rgba(0, 0, 0, 0.12);
    --box-shadow-heavy: 0 12px 35px rgba(145, 109, 33, 0.2); /* Vurgulu Gölge */
}
::selection {
  background-color: #916D21; /* Seçim arka plan rengi */
  color: #ffffff; /* Seçim yazı rengi (opsiyonel, kontrast için beyaz tercih edilmiştir) */
}


/* ===== Genel Sıfırlama ve Temel Stiller ===== */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    font-size: 62.5%;
    overflow-x: hidden;
}

body {
    font-family: var(--body-font);
    font-size: 1.6rem;
    line-height: 1.7;
    color: var(--medium-gray);
    background-color: var(--white-color);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.no-scroll { overflow: hidden; }


/* ===== Yardımcı Sınıflar ===== */
.container { max-width: var(--container-width); margin: 0 auto; padding: 0 2rem; }
img { max-width: 100%; height: auto; display: block; object-fit: cover; }
a { text-decoration: none; color: var(--primary-color); transition: color var(--transition-speed) ease; }
a:hover { color: var(--primary-darker); }
h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); font-weight: 700; line-height: 1.3; margin-bottom: 1.5rem; color: var(--dark-gray); }
h1 { font-size: clamp(3.5rem, 5vw, 5.5rem); margin-bottom: 2rem; }
h2 { font-size: clamp(2.8rem, 4vw, 4rem); margin-bottom: 1rem; }
h3 { font-size: clamp(2rem, 3vw, 2.6rem); font-family: var(--body-font); font-weight: 600;}
h4 { font-size: clamp(1.8rem, 2.5vw, 2.2rem); font-family: var(--body-font); font-weight: 500;}
p { margin-bottom: 2rem; }
ul { list-style: none; }
section { padding: 8rem 0; overflow: hidden; }

/* Arka Plan İyileştirmeleri */
.bg-light {
    background-color: var(--bg-lighter-texture);
}

.text-center { text-align: center; }
.mt-3 { margin-top: 3rem !important; }
.mt-5 { margin-top: 5rem !important; }
.highlight { color: var(--primary-color); font-style: italic; }

/* ===== Bölüm Başlıkları ===== */
.section-title { margin-bottom: 5rem; }
.section-title h2 { position: relative; padding-bottom: 1.5rem; margin-bottom: 1rem; }
.section-title h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background: linear-gradient(90deg, var(--accent-color), var(--primary-color)); border-radius: 2px; }
.section-title .subtitle { font-size: 1.8rem; color: var(--light-gray); max-width: 600px; margin: 0 auto; }


/* ===== Buton Stilleri ===== */
.btn { display: inline-block; padding: 1.2rem 3.5rem; border: 2px solid transparent; border-radius: 50px; font-family: var(--body-font); font-size: 1.6rem; font-weight: 600; cursor: pointer; text-transform: uppercase; letter-spacing: 0.5px; transition: all var(--transition-speed) var(--transition-ease); text-align: center; box-shadow: var(--box-shadow-light); position: relative; overflow: hidden; z-index: 1; }
.btn i { margin-right: 0.8rem; font-size: 1.4rem; }
.btn-primary { background-color: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); }
.btn-primary::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-darker); transform: scaleX(0); transform-origin: left; transition: transform var(--transition-speed) var(--transition-ease); z-index: -1; }
.btn-primary:hover { color: var(--white-color); box-shadow: var(--box-shadow-heavy); transform: translateY(-4px) scale(1.02); }
.btn-primary:hover::before { transform: scaleX(1); }
.btn-secondary { background-color: var(--dark-gray); color: var(--white-color); border-color: var(--dark-gray); }
.btn-secondary:hover { background-color: var(--black-color); border-color: var(--black-color); color: var(--white-color); transform: translateY(-4px) scale(1.02); box-shadow: 0 8px 20px rgba(0,0,0,0.2); }
.btn-outline-light { background-color: transparent; color: var(--white-color); border-color: var(--white-color); }
.btn-outline-light:hover { background-color: var(--white-color); color: var(--primary-color); transform: translateY(-3px); }
.btn-outline-primary { background-color: transparent; color: var(--primary-color); border-color: var(--primary-color); box-shadow: none; }
.btn-outline-primary:hover { background-color: var(--primary-color); color: var(--white-color); transform: translateY(-2px); box-shadow: var(--box-shadow-light);}
.btn-success { background-color: var(--success-color); color: var(--white-color); border-color: var(--success-color); }
.btn-success:hover { background-color: #218838; border-color: #1e7e34; color: var(--white-color); transform: translateY(-3px); }
.btn-lg { padding: 1.5rem 4.5rem; font-size: 1.8rem; }
.btn-sm { padding: 0.8rem 2rem; font-size: 1.3rem; }


/* ===== Üst Bilgi Çubuğu (Top Bar) ===== */
.top-bar { background-color: var(--dark-color); color: #ccc; height: var(--topbar-height); padding: 0; font-size: 1.3rem; z-index: 1001; position: relative; }
.top-bar-container { display: flex; justify-content: space-between; align-items: center; height: 100%; }
.top-bar-left span, .top-bar-right > div { margin-right: 2rem; }
.top-bar-left span:last-child { margin-right: 0; }
.top-bar-left .separator { color: #555; margin: 0 1rem; }
.top-bar a { color: #ccc; transition: color var(--transition-speed) ease; }
.top-bar a:hover { color: var(--white-color); }
.top-bar i { color: var(--primary-color); margin-right: 0.6rem; }
.top-bar-right { display: flex; align-items: center; }
.social-media-top a { margin-left: 1.5rem; font-size: 1.5rem; }
.social-media-top a i { transition: transform var(--transition-speed) ease, color var(--transition-speed) ease; } /* Color transition */
.social-media-top a:hover i { transform: scale(1.2) rotate(5deg); color: var(--accent-color); }
.top-lang-switcher .lang-btn { color: #ccc; font-size: 1.3rem; margin-left: 0.5rem; padding: 0.2rem 0.5rem; background: none; border: none; cursor: pointer; transition: color var(--transition-speed) ease; } /* Transition eklendi */
.top-lang-switcher .lang-btn.active, .top-lang-switcher .lang-btn:hover { color: var(--white-color); border-radius: 3px; }

/* ===== Ana Navigasyon Bar ===== */
.navbar { position: fixed; top: var(--topbar-height); left: 0; width: 100%; height: var(--navbar-height); background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 1000; transition: background-color var(--transition-speed) ease, height var(--transition-speed) ease, top var(--transition-speed) ease, box-shadow var(--transition-speed) ease; }
.navbar.navbar-scrolled { top: 0; height: calc(var(--navbar-height) - 10px); background-color: rgba(255, 255, 255, 0.95); box-shadow: var(--box-shadow-medium); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.navbar.navbar-hidden { top: calc(-1 * var(--navbar-height)); /* Sadece navbar yüksekliği kadar */ transition: top 0.5s ease-in-out; } /* Smooth hide/show */
.navbar-container { display: flex; justify-content: space-between; align-items: center; height: 100%; position: relative; }
.logo { height: 50px; width: auto; transition: height var(--transition-speed) ease; }
.navbar.navbar-scrolled .logo { height: 40px; }
.menu-items-wrapper { display: flex; align-items: center; }
.menu-items { display: flex; align-items: center; }
.menu-items li { margin-left: 3.5rem; }
.nav-link { color: var(--dark-gray); font-family: var(--body-font); font-weight: 500; font-size: 1.6rem; padding: 1rem 0; position: relative; transition: color var(--transition-speed) ease; text-transform: uppercase; letter-spacing: 0.5px; }
.nav-link::before { content: ''; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background-color: var(--primary-color); transform: scaleX(0); transform-origin: bottom right; transition: transform var(--transition-speed) ease-out; }
.nav-link:hover::before, .nav-link.active::before { transform: scaleX(1); transform-origin: bottom left; }
.nav-link:hover, .nav-link.active { color: var(--primary-color); }
.menu-toggle { display: none; background: none; border: none; cursor: pointer; padding: 1rem; z-index: 1005; width: 40px; height: 40px; position: relative; }
.hamburger-icon { display: block; width: 24px; height: 2px; background-color: var(--dark-gray); position: relative; transition: background-color 0s linear 0.2s; }
.hamburger-icon::before, .hamburger-icon::after { content: ''; display: block; width: 100%; height: 2px; background-color: var(--dark-gray); position: absolute; left: 0; transition: transform var(--transition-speed) ease, top var(--transition-speed) ease; }
.hamburger-icon::before { top: -8px; }
.hamburger-icon::after { top: 8px; }
.menu-toggle.active .hamburger-icon { background-color: transparent; }
.menu-toggle.active .hamburger-icon::before { top: 0; transform: rotate(45deg); }
.menu-toggle.active .hamburger-icon::after { top: 0; transform: rotate(-45deg); }
.mobile-lang-switcher { display: none; }


/* ===== Hero Section (Kayan Resimler) ===== */
.hero-section { height: 100vh; min-height: 650px; position: relative; display: flex; align-items: center; justify-content: center; color: var(--white-color); text-align: center; overflow: hidden; padding-top: 0; }
.hero-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.hero-slider .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0; animation: fadeSliderHero 24s linear infinite; }
.hero-slider .slide:nth-child(1) { animation-delay: 0s; }
.hero-slider .slide:nth-child(2) { animation-delay: 6s; }
.hero-slider .slide:nth-child(3) { animation-delay: 12s; }
.hero-slider .slide:nth-child(4) { animation-delay: 18s; }
@keyframes fadeSliderHero { 0%, 25%, 100% { opacity: 0; transform: scale(1.05); } 4.17% { opacity: 1; transform: scale(1); } 20.83% { opacity: 1; transform: scale(1); } }
.hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)); z-index: 2; }
.hero-content { position: relative; z-index: 3; max-width: 850px; }
.hero-content h1 { color: var(--white-color); font-weight: 700; text-shadow: 2px 3px 10px rgba(0, 0, 0, 0.5); margin-bottom: 2rem; }
.hero-content h1 .highlight { color: var(--accent-color); font-style: normal; }
.hero-subtitle { font-size: 2rem; margin-bottom: 4rem; color: rgba(255, 255, 255, 0.9); font-weight: 300; }
.hero-buttons .btn { margin: 0 1rem; }
.scroll-down-indicator { position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.7); font-size: 2.5rem; z-index: 4; animation: bounceHero 2s infinite; transition: color var(--transition-speed) ease; }
.scroll-down-indicator:hover { color: var(--white-color); }
@keyframes bounceHero { 0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); } 40% { transform: translateX(-50%) translateY(-10px); } 60% { transform: translateX(-50%) translateY(-5px); } }


/* ===== Neden Lora Trip? Bölümü (İkonlu & Büyük Logolu) ===== */
.about-content-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 5rem; align-items: center; }
.about-image { text-align: center; }
.about-image img { border-radius: var(--border-radius); max-width: clamp(300px, 50vw, 500px); /* Logo daha büyük */ height: auto; box-shadow: none; }
.about-text h3 { color: var(--primary-darker); margin-bottom: 2rem; font-family: var(--heading-font); font-size: 2.8rem; }
.about-features { margin-top: 3rem; margin-bottom: 3rem; padding-left: 0; }
.about-features li { margin-bottom: 1.5rem; padding-left: 3.5rem; position: relative; font-size: 1.7rem; color: var(--dark-gray); }
.about-features li i { position: absolute; left: 0; top: 2px; color: var(--primary-color); font-size: 2rem; width: 25px; text-align: center; transition: transform 0.3s ease; }
.about-features li:hover i { transform: scale(1.2) rotate(10deg); } /* İkon hover efekti */


/* ===== Aktivitelerimiz Bölümü ===== */
#popular-activities { /* ID güncellendi */ }
.tours-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 3rem; }
.tour-card { background-color: var(--white-color); border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--box-shadow-light); transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease; }
.tour-card:hover { transform: translateY(-8px) rotate(-1deg); box-shadow: var(--box-shadow-medium); }
.tour-card-image { position: relative; height: 250px; overflow: hidden; }
.tour-card-image img { width: 100%; height: 100%; transition: transform 0.6s ease; }
.tour-card:hover .tour-card-image img { transform: scale(1.05); }
.tour-card-badge { position: absolute; top: 1.5rem; left: 1.5rem; background-color: var(--primary-color); color: var(--white-color); padding: 0.5rem 1.2rem; font-size: 1.2rem; font-weight: 600; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; }
.tour-card-content { padding: 2.5rem; }
.tour-card-title { font-family: var(--body-font); font-weight: 600; font-size: 2rem; color: var(--dark-gray); margin-bottom: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tour-card-description { font-size: 1.5rem; color: var(--light-gray); margin-bottom: 2rem; height: 4.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.tour-card-details { display: flex; justify-content: space-between; font-size: 1.4rem; color: var(--medium-gray); padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid #eee; }
.tour-card-details span i { margin-right: 0.5rem; color: var(--primary-color); }
.tour-card-footer { display: flex; justify-content: space-between; align-items: center; }
.tour-card-price { font-size: 1.5rem; font-weight: 500; color: var(--light-gray); }


/* ===== Kendi Paketini Oluştur (Buton Hizalama) ===== */
.create-package-section { background-color: var(--white-color); }
.package-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 5rem; margin-top: 4rem; background-color: var(--white-color); padding: 4rem; border-radius: var(--border-radius); box-shadow: var(--box-shadow-medium); align-items: stretch; }
.package-column { display: flex; flex-direction: column; height: 100%; }
.package-column-title { font-family: var(--heading-font); font-size: 2.4rem; color: var(--primary-darker); margin-bottom: 2.5rem; border-bottom: 2px solid var(--primary-color); padding-bottom: 1rem; display: inline-block; }
.package-column-title i { margin-right: 1rem; color: var(--primary-color); }
.package-list { padding-left: 0; flex-grow: 1; }
.package-list li { margin-bottom: 1.5rem; font-size: 1.7rem; color: var(--dark-gray); position: relative; padding-left: 3rem; transition: color var(--transition-speed) ease, transform var(--transition-speed) ease; }
.package-list li:hover { color: var(--primary-color); transform: translateX(5px); }
.package-list li i { position: absolute; left: 0; top: 4px; color: var(--secondary-color); font-size: 1.6rem; width: 20px; text-align: center; transition: color var(--transition-speed) ease, transform var(--transition-speed) ease; }
.package-list li:hover i { color: var(--primary-color); transform: rotate(10deg); }
.package-column .btn-outline-primary { width: 100%; margin-top: auto; padding-top: 1rem; padding-bottom: 1rem; }
#create-package .btn-primary { margin-top: 2rem; }
#create-package .package-cta-text { font-size: 1.8rem; color: var(--medium-gray); margin-bottom: 2rem; }


/* ===== Konaklama Galerisi v2 (3x2 Layout) ===== */
.sample-rooms-section { /* bg-light */ }
.room-gallery-3x2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.room-item-v2 { position: relative; overflow: hidden; border-radius: var(--border-radius); cursor: pointer; height: 280px; box-shadow: var(--box-shadow-light); transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease; }
.room-item-v2:hover { transform: translateY(-5px) scale(1.02); box-shadow: var(--box-shadow-medium); }
.room-item-v2 img { width: 100%; height: 100%; transition: transform 0.5s ease; }
.room-item-v2:hover img { transform: scale(1.1); }
.room-item-overlay { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0); display: flex; flex-direction: column; justify-content: flex-end; align-items: center; text-align: center; padding: 2rem; opacity: 0; transition: background-color var(--transition-speed) ease, opacity var(--transition-speed) ease; }
.room-item-v2:hover .room-item-overlay { background-color: rgba(0, 0, 0, 0.6); opacity: 1; }
.room-item-overlay h4 { color: var(--white-color); font-size: 1.8rem; margin-bottom: 1rem; transform: translateY(15px); transition: transform var(--transition-speed) ease 0.1s; }
.room-item-overlay .view-details-icon { color: var(--white-color); font-size: 2.5rem; transform: translateY(15px); transition: transform var(--transition-speed) ease 0.2s; }
.room-item-v2:hover .room-item-overlay h4, .room-item-v2:hover .room-item-overlay .view-details-icon { transform: translateY(0); }

/* ===== Resim Modal Stilleri ===== */
.modal { display: none; position: fixed; z-index: 1050; padding: 50px 20px 20px 20px; /* Padding ayarlandı */ left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.92); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); opacity: 0; /* Başlangıçta gizli */ transition: opacity 0.4s ease; }
.modal.visible { opacity: 1; } /* JS ile eklenecek */
.modal-content { margin: auto; display: block; max-width: 90%; max-height: 80%; animation: zoomInModal 0.5s ease; }
@keyframes zoomInModal { from { transform: scale(0.7); opacity: 0; } to { transform: scale(1); opacity: 1; } }
#modalCaption { margin: 15px auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; font-size: 1.8rem; animation: fadeInCaption 0.5s ease 0.3s; animation-fill-mode: both; opacity: 0;} /* Caption animasyonu */
@keyframes fadeInCaption { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.modal-close-btn { position: absolute; top: 20px; right: 35px; color: #f1f1f1; font-size: 4rem; font-weight: bold; transition: 0.3s ease; cursor: pointer; z-index: 1051; }
.modal-close-btn:hover, .modal-close-btn:focus { color: #bbb; transform: scale(1.1); }


/* ===== CTA Bölümü v2 (Yeniden Tasarlandı) ===== */
#contact-cta {
    background: var(--dark-color); /* Koyu arka plan */
    /* background: linear-gradient(145deg, var(--dark-gray), var(--dark-color)); */
    padding: 10rem 0;
    position: relative;
    overflow: hidden;
    color: var(--white-color);
}
/* Arka plan desen/şekil (daha soyut) */
#contact-cta::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -20%;
    width: 150%;
    height: 150%;
    background: radial-gradient(circle, rgba(145, 109, 33, 0.1) 0%, rgba(145, 109, 33, 0) 60%);
    transform: rotate(15deg);
    z-index: 1;
    pointer-events: none;
}

#contact-cta .container {
    position: relative;
    z-index: 2;
    display: flex; /* Flexbox layout */
    flex-direction: column; /* Varsayılan olarak alt alta */
    align-items: center; /* Ortala */
    text-align: center;
}

#contact-cta .cta-content {
    max-width: 750px; /* Metin genişliği */
    margin-bottom: 4rem;
}


#contact-cta h2 {
    color: var(--white-color);
    font-size: clamp(3rem, 4.5vw, 4.2rem);
    margin-bottom: 2rem;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.2);
    font-family: var(--heading-font);
}
#contact-cta h2 .highlight { /* Highlight kaldırıldı, başlık daha sade */
    color: inherit; /* Ana renk */
    font-style: normal;
}
#contact-cta p {
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.9rem;
    line-height: 1.8;
    margin-bottom: 0; /* Butonlarla arasındaki boşluğu .cta-buttons yönetecek */
}

#contact-cta .cta-buttons {
    display: flex;
    flex-wrap: wrap; /* Küçük ekranlarda alt alta */
    justify-content: center; /* Butonları ortala */
    gap: 2rem; /* Butonlar arası boşluk */
    width: 100%; /* Tam genişlik kapla */
}

#contact-cta .cta-buttons .btn {
    margin: 0; /* Flex gap kullandığımız için margin'e gerek yok */
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    padding: 1.4rem 4rem; /* Biraz daha büyük butonlar */
    font-size: 1.7rem;
}
/* CTA Buton Özel Hover */
#contact-cta .btn-light {
    border-width: 3px;
    background-color: var(--white-color);
    color: var(--primary-darker);
}
#contact-cta .btn-light:hover {
    background-color: transparent;
    color: var(--white-color);
    transform: scale(1.05);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}
#contact-cta .btn-success {
    border-width: 3px;
     background-color: var(--success-color); /* WhatsApp rengi */
     border-color: var(--success-color);
     color: var(--white-color);
}
#contact-cta .btn-success:hover {
    background-color: #1f7a34;
    border-color: #1c6d2f;
    transform: scale(1.05);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}


/* ===== Footer v2 ===== */
.footer-v2 { background-color: var(--dark-color); color: #a0a0a0; padding-top: 8rem; }
.footer-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 4rem; padding-bottom: 5rem; border-bottom: 1px solid #333; }
.footer-logo { height: 50px; margin-bottom: 2rem; }
.footer-about p { font-size: 1.5rem; line-height: 1.8; margin-bottom: 2.5rem; }
.social-media-footer a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); color: var(--white-color); font-size: 1.6rem; margin-right: 1rem; transition: background-color var(--transition-speed) ease, transform var(--transition-speed) ease; }
.social-media-footer a:hover { background-color: var(--primary-color); transform: translateY(-3px) rotate(5deg); }
.footer-v2 h4 { color: var(--white-color); font-family: var(--body-font); font-weight: 600; font-size: 1.8rem; margin-bottom: 2.5rem; position: relative; padding-bottom: 1rem; }
.footer-v2 h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 35px; height: 2px; background-color: var(--primary-color); }
.footer-links ul li, .footer-services ul li { margin-bottom: 1.2rem; }
.footer-links ul li a, .footer-services ul li a { color: #a0a0a0; font-size: 1.5rem; transition: color var(--transition-speed) ease, padding-left var(--transition-speed) ease; position: relative; padding-left: 0; }
.footer-links ul li a::before, .footer-services ul li a::before { content: '\f054'; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: -15px; top: 2px; font-size: 1rem; color: var(--primary-color); opacity: 0; transition: opacity var(--transition-speed) ease, left var(--transition-speed) ease; }
.footer-links ul li a:hover, .footer-services ul li a:hover { color: var(--white-color); padding-left: 5px; }
.footer-links ul li a:hover::before, .footer-services ul li a:hover::before { opacity: 1; left: -5px; }
.footer-subscribe p { font-size: 1.5rem; margin-bottom: 2rem; }
#newsletter-form { display: flex; max-width: 350px; }
#newsletter-form input[type="email"] { flex-grow: 1; padding: 1.2rem 1.5rem; border: 1px solid #555; background-color: #333; color: var(--white-color); border-radius: 50px 0 0 50px; font-size: 1.4rem; outline: none; transition: border-color var(--transition-speed) ease; }
#newsletter-form input[type="email"]:focus { border-color: var(--primary-color); }
#newsletter-form input[type="email"]::placeholder { color: #888; }
#newsletter-form button { padding: 1.2rem 2rem; border-radius: 0 50px 50px 0; box-shadow: none; border: 2px solid var(--primary-color); margin-left: -2px; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 2.5rem 0; margin-top: 3rem; font-size: 1.4rem; }
.footer-bottom p { margin-bottom: 0; }
.footer-bottom-links li { display: inline-block; margin-left: 2rem; }
.footer-bottom-links a { color: #a0a0a0; }
.footer-bottom-links a:hover { color: var(--white-color); }


/* ===== Başa Dön Butonu ===== */
#backToTopBtn { display: none; position: fixed; bottom: 30px; right: 30px; z-index: 999; border: none; outline: none; background-color: var(--primary-color); color: white; cursor: pointer; padding: 0; width: 45px; height: 45px; border-radius: 50%; font-size: 1.8rem; box-shadow: var(--box-shadow-medium); transition: background-color var(--transition-speed) ease, opacity 0.5s ease, visibility 0.5s ease, transform var(--transition-speed) ease; opacity: 0; visibility: hidden; transform: translateY(20px); }
#backToTopBtn.show { visibility: visible; opacity: 0.8; transform: translateY(0); }
#backToTopBtn:hover { background-color: var(--primary-darker); opacity: 1; transform: scale(1.1) rotate(5deg); }


/* ===== RESPONSIVE TASARIM (Media Queries) ===== */

@media (max-width: 1199.98px) { .container { max-width: 960px; } }

@media (max-width: 991.98px) {
    html { font-size: 58%; }
    .container { max-width: 720px; }
    .menu-toggle { display: block; }
    .menu-items-wrapper { position: absolute; top: 100%; left: 0; width: 100%; background-color: var(--white-color); box-shadow: 0 10px 20px rgba(0,0,0,0.1); max-height: 0; overflow-y: auto; transition: max-height 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55); }
    .menu-items-wrapper.active { max-height: calc(100vh - var(--navbar-height) + 10px); }
    .menu-items { flex-direction: column; padding: 1rem 0; }
    .menu-items li { margin: 0; width: 100%; }
    .nav-link { display: block; padding: 1.5rem 3rem; text-align: left; border-bottom: 1px solid #eee; font-size: 1.7rem; }
    .nav-link::before { display: none; }
    .nav-link.active { background-color: var(--bg-light-color); }
    .mobile-lang-switcher { display: flex; justify-content: center; padding: 2rem 0; border-top: 1px solid #eee; }
    .mobile-lang-switcher .lang-btn { margin: 0 1rem; color: var(--dark-gray); font-size: 1.6rem; }
    .mobile-lang-switcher .lang-btn.active { color: var(--primary-color); }
    .top-lang-switcher { display: none; }
    .hero-subtitle { font-size: 1.8rem; margin-bottom: 3rem; }
    .hero-buttons { display: flex; flex-direction: column; align-items: center;}
    .hero-buttons .btn { margin: 0.8rem 0; width: 80%; max-width: 300px;}
    .about-content-grid { grid-template-columns: 1fr; }
    .about-image { margin-bottom: 3rem; }
    .tours-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
    .package-grid { grid-template-columns: 1fr; gap: 4rem;}
    .room-gallery-3x2 { grid-template-columns: repeat(2, 1fr); }
    .footer-top { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
    #contact-cta .container { flex-direction: column; } /* CTA mobilde alt alta */
    #contact-cta .cta-content { margin-bottom: 3rem; }
}

@media (max-width: 767.98px) {
    html { font-size: 55%; }
    .container { padding: 0 1.5rem; }
    section { padding: 6rem 0; }
    .top-bar { display: none; }
    .navbar { top: 0; }
    .navbar.navbar-scrolled { top: 0; }
    .navbar.navbar-hidden { top: calc(-1 * var(--navbar-height));}
    h1 { font-size: 3rem; }
    h2 { font-size: 2.6rem; }
    .section-title { margin-bottom: 4rem; }
    .hero-section { min-height: 550px; }
    .hero-subtitle { font-size: 1.7rem; }
    .hero-buttons .btn { width: 90%; }
    .tours-grid { grid-template-columns: 1fr; }
    .room-gallery-3x2 { grid-template-columns: repeat(2, 1fr); }
    .footer-top { grid-template-columns: 1fr; text-align: center;}
    .footer-v2 h4::after { left: 50%; transform: translateX(-50%); }
    .social-media-footer { margin-bottom: 3rem; }
    #newsletter-form { max-width: none; margin: 0 auto; }
    .footer-bottom { flex-direction: column; text-align: center;}
    .footer-bottom-links { margin-top: 1rem; }
    .footer-bottom-links li { margin: 0 1rem; }
    #backToTopBtn { bottom: 20px; right: 20px; width: 40px; height: 40px; font-size: 1.6rem;}
    #contact-cta .cta-buttons { flex-direction: column; align-items: center; width: 100%;} /* Butonlar tam genişlik */
    #contact-cta .cta-buttons .btn { width: 80%; max-width: 350px; margin: 0.8rem 0; }
}

@media (max-width: 575.98px) {
    .btn-lg { padding: 1.2rem 3.5rem; font-size: 1.6rem;}
    .hero-content h1 { font-size: 2.8rem; }
    .hero-subtitle { font-size: 1.6rem; }
    .room-gallery-3x2 { grid-template-columns: 1fr; }
    #newsletter-form { flex-direction: column; }
    #newsletter-form input[type="email"] { border-radius: 50px; margin-bottom: 1rem; text-align: center;}
    #newsletter-form button { border-radius: 50px; margin-left: 0;}
    .modal-content { max-width: 95%; max-height: 80%; }
    .package-grid { padding: 3rem;}
    #contact-cta { padding: 8rem 0; }
    #contact-cta h2 { font-size: 2.8rem; }
    #contact-cta p { font-size: 1.8rem; }
}

/* ============================================= */
/* ===== BALON.HTML SAYFASINA ÖZEL STİLLER ===== */
/* ============================================= */

/* ===== Sayfa Başlığı Bölümü (.page-header) ===== */
.page-header {
  padding: 12rem 0; /* Daha fazla padding */
  position: relative;
  /* background-image kaldırıldı */
  color: var(--white-color);
  text-align: center;
  overflow: hidden; /* Video taşmasını engelle */
}

/* Video Arka Plan Konteyneri */
.page-header-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0; /* Overlay ve içeriğin arkasında */
}

/* Video Elementi */
.page-header-video-bg video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover; /* Alanı kapla, oranı koru */
}

.page-header-overlay {
  position: absolute;
  inset: 0; /* top, right, bottom, left = 0 */
  background-color: rgba(0, 0, 0, 0.6); /* Biraz daha koyu overlay */
  z-index: 1; /* Video BG'nin üzerinde */
}

.page-header .container {
  position: relative; /* İçeriği overlay'in üzerine çıkar */
  z-index: 2; /* Overlay'in üzerinde */
}

.page-header h1 {
  color: var(--white-color);
  font-size: clamp(3.5rem, 5vw, 5rem); /* Başlık boyutu */
  margin-bottom: 1rem;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.6);
}

.page-subtitle {
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 300;
  margin-bottom: 0;
}


/* ===== Balon Turu Detayları Bölümü (.balloon-details-section) ===== */
.balloon-details-section .intro-paragraph {
  font-size: 1.8rem;
  color: var(--medium-gray);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5rem; /* Grid'den önce boşluk */
}

.steps-grid {
  display: grid;
  /* Otomatik sığdırma, min 280px, max 1fr */
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 3rem; /* Adımlar arası boşluk */
}

.step-item {
  background-color: var(--white-color);
  padding: 3rem;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  text-align: center;
  transition: transform var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease);
  border-top: 4px solid var(--primary-color); /* Üstte renkli çizgi */
}

.step-item:hover {
  transform: translateY(-8px);
  box-shadow: var(--box-shadow-medium);
}

.step-icon {
  display: inline-block;
  background-color: var(--primary-color);
  color: var(--white-color);
  width: 70px;
  height: 70px;
  line-height: 70px; /* İkonu dikey ortala */
  border-radius: 50%;
  font-size: 2.8rem; /* İkon boyutu */
  margin-bottom: 2rem;
  box-shadow: 0 5px 15px rgba(145, 109, 33, 0.4); /* İkon gölgesi */
  transition: transform var(--transition-speed) var(--transition-ease);
}

.step-item:hover .step-icon {
  transform: scale(1.1) rotate(10deg);
}

.step-title {
  font-family: var(--body-font); /* Adım başlıkları Poppins */
  font-size: 2rem;
  font-weight: 600;
  color: var(--dark-gray);
  margin-bottom: 1rem;
}

.step-description {
  font-size: 1.5rem;
  color: var(--light-gray);
  line-height: 1.8;
  margin-bottom: 0; /* Paragrafın alt boşluğunu kaldır */
}


/* ===== Balon Turu Galeri Bölümü (.balloon-gallery-section) ===== */
.balloon-gallery-section {
   /* Ana section stilleri (padding vb.) zaten var */
}

.balloon-image-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Varsayılan 3 sütun */
  gap: 2rem;
  margin-top: 4rem;
}

.balloon-img-item {
  border-radius: var(--border-radius);
  overflow: hidden; /* Resmin köşelerini yuvarlat */
  box-shadow: var(--box-shadow-medium);
  transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
  cursor: default; /* Modal eklenmediyse default */
  /* Eğer modal eklenecekse cursor: pointer; */
}

.balloon-img-item img {
  width: 100%;
  height: 250px; /* Sabit yükseklik */
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.balloon-img-item:hover {
  transform: scale(1.05); /* Hover'da hafif büyüme */
  box-shadow: var(--box-shadow-heavy);
}
.balloon-img-item:hover img {
  transform: scale(1.1); /* İçerideki resmi daha fazla büyüt */
}

/* Galeri Responsive Ayarları */
@media (max-width: 991.98px) {
  .balloon-image-grid {
      grid-template-columns: repeat(2, 1fr); /* Tablette 2 sütun */
  }
}

@media (max-width: 575.98px) {
  .balloon-image-grid {
      grid-template-columns: 1fr; /* Mobilde tek sütun */
  }
   .balloon-img-item img {
       height: 280px; /* Mobilde biraz daha yüksek */
   }
}


/* ===== Balon Turu Rezervasyon CTA Bölümü (.balloon-booking-cta-section) ===== */
.balloon-booking-cta-section {
  padding: 8rem 0; /* Standart section padding */
  /* bg-light sınıfı HTML'de mevcut */
}

.balloon-booking-cta-section h2 {
  color: var(--primary-darker); /* Ana CTA'dan farklı renk */
  margin-bottom: 1.5rem;
}

.balloon-booking-cta-section p {
  font-size: 1.8rem;
  color: var(--medium-gray);
  max-width: 700px;
  margin: 0 auto 3rem auto;
}

.balloon-booking-cta-section .btn {
  margin: 1rem; /* Butonlar arası boşluk */
}


/* ============================================= */
/* =====      EKLENECEK CSS SONU           ===== */
/* ============================================= */

/* ============================================= */
/* ===== HAKKIMIZDA.HTML SAYFASINA ÖZEL STİLLER ===== */
/* ============================================= */

/* Sayfa başlığı stilleri (.page-header) zaten mevcut */

/* Genel İçerik Alanı */
.about-us-content-section {
  /* Arka plan rengi vs. buradan ayarlanabilir veya bg-light kullanılabilir */
}

/* Giriş Paragrafı */
.about-intro {
  margin-bottom: 5rem; /* Sonraki bölümden önce boşluk */
}
.about-intro h2 {
  font-family: var(--body-font); /* Giriş başlığı Poppins */
  font-weight: 600;
  color: var(--primary-darker);
  margin-bottom: 2rem;
}
.about-intro p {
  font-size: 1.8rem;
  line-height: 1.8;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  color: var(--medium-gray);
}

/* Bölüm Ayırıcı Çizgi */
hr.section-divider {
  border: none;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--primary-color), transparent);
  margin: 6rem auto; /* Bölümler arası boşluk */
  width: 80%;
  opacity: 0.5;
}

/* Misyon/Hikaye (İki Sütunlu Bölüm) */
.about-section-split {
  display: grid;
  grid-template-columns: 1fr 1fr; /* İki eşit sütun */
  gap: 5rem;
  align-items: center; /* İçerikleri dikeyde ortala */
  margin-bottom: 5rem; /* Sonraki bölümden önce boşluk */
}

/* Responsive: Tablette Tek Sütun */
@media (max-width: 991.98px) {
  .about-section-split {
      grid-template-columns: 1fr; /* Tek sütuna düşür */
  }
  /* Resim/Logo sütunu metinden sonra gelsin (isteğe bağlı) */
  .about-section-image.logo-section {
      order: -1; /* Veya text'e order: 1 ver */
      margin-bottom: 3rem;
  }
}

.about-section-text h3 {
  color: var(--primary-darker);
  margin-bottom: 2.5rem; /* Paragraflardan önce daha fazla boşluk */
}

.about-section-image.logo-section {
  text-align: center; /* Logoyu ve alt yazıyı ortala */
}
.about-section-image.logo-section img {
   max-width: clamp(250px, 40vw, 350px); /* Logo boyutu ayarlandı */
   margin: 0 auto; /* Yatayda ortala */
   box-shadow: none;
}
.logo-caption {
  font-size: 1.4rem;
  font-style: italic;
  color: var(--light-gray);
  margin-top: 1.5rem;
  margin-bottom: 0;
}

/* Vizyon Bölümü */
.about-vision {
   margin-bottom: 5rem; /* Sonraki bölümden önce boşluk */
}
.about-vision h3 {
  margin-bottom: 2rem;
}
.about-vision p {
  font-size: 1.7rem;
  line-height: 1.9;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  color: var(--medium-gray);
}


/* Değerler Bölümü */
.about-values {
   margin-bottom: 5rem; /* Sonraki bölümden önce boşluk */
}
.about-values h3 {
  margin-bottom: 4rem;
}
.values-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* Responsive grid */
  gap: 3rem;
}
.value-item {
  background-color: var(--white-color);
  padding: 3rem;
  border-radius: var(--border-radius);
  text-align: center;
  box-shadow: var(--box-shadow-light);
  transition: transform var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease);
  border: 1px solid #eee;
}
.value-item:hover {
  transform: translateY(-8px);
  box-shadow: var(--box-shadow-medium);
}
.value-icon {
  font-size: 3.5rem; /* İkon boyutu */
  color: var(--primary-color);
  margin-bottom: 2rem;
  display: inline-block;
  transition: transform var(--transition-speed) ease;
}
.value-item:hover .value-icon {
  transform: scale(1.15) rotate(-5deg);
}
.value-item h4 {
  font-family: var(--body-font);
  font-size: 1.9rem;
  font-weight: 600;
  color: var(--dark-gray);
  margin-bottom: 1rem;
}
.value-item p {
  font-size: 1.5rem;
  color: var(--light-gray);
  line-height: 1.7;
  margin-bottom: 0;
}

/* Hizmetler Bölümü */
.about-services {
   margin-bottom: 5rem; /* Sonraki bölümden önce boşluk */
}
.about-services h3 {
  margin-bottom: 2rem;
}
.about-services p {
  font-size: 1.7rem;
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto 3rem auto;
  color: var(--medium-gray);
}
.service-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.2rem; /* Etiketler arası boşluk */
}
.tag {
  display: inline-block;
  background-color: rgba(145, 109, 33, 0.1); /* Hafif altın arka plan */
  color: var(--primary-darker);
  padding: 0.8rem 1.8rem;
  border-radius: 20px;
  font-size: 1.4rem;
  font-weight: 500;
  transition: background-color var(--transition-speed) ease, color var(--transition-speed) ease;
}
.tag:hover {
  background-color: var(--primary-color);
  color: var(--white-color);
}

/* Sonuç Bölümü */
.about-conclusion h3 {
  margin-bottom: 2rem;
}
.about-conclusion p {
  font-size: 1.7rem;
  line-height: 1.9;
  max-width: 900px;
  margin: 0 auto 3rem auto;
  color: var(--medium-gray);
}

/* ============================================= */
/* =====      EKLENECEK CSS SONU           ===== */
/* ============================================= */

/* ===================================================== */
/* ===== AKTİVİTELER.HTML SAYFASINA ÖZEL STİLLER ===== */
/* ===================================================== */

/* Sayfa başlığı stilleri (.page-header) zaten mevcut */

.activities-list-section {
  /* İsterseniz farklı bir arka plan rengi verebilirsiniz */
  /* background-color: var(--white-color); */
}

/* Aktivite Öğesi Genel Yapısı */
.activity-item {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Responsive Sütunlar */
  /* grid-template-columns: 1fr 1.2fr; /* Sabit oranlı sütunlar (opsiyonel) */
  gap: 5rem; /* Sütunlar arası boşluk */
  align-items: center; /* İçeriği dikeyde ortala */
  margin-bottom: 6rem; /* Aktiviteler arası dikey boşluk */
  position: relative; /* Divider için */
}

/* Aktivite Görsel Alanı */
.activity-image {
  border-radius: var(--border-radius);
  overflow: hidden; /* Resmin köşelerini yuvarlat */
  box-shadow: var(--box-shadow-medium);
  position: relative; /* Efektler için */
}

.activity-image img {
  width: 100%;
  height: 350px; /* Resim yüksekliği (ayarlanabilir) */
  object-fit: cover;
  display: block;
  transition: transform 0.6s var(--transition-ease), filter 0.4s ease;
}

.activity-image:hover img {
  transform: scale(1.08); /* Hover'da daha belirgin zoom */
  filter: brightness(1.05); /* Hafif parlaklık */
}

/* Aktivite Açıklama Alanı */
.activity-description {
  padding: 1rem 0; /* Dikey iç boşluk (isteğe bağlı) */
}

.activity-description h2 {
  font-family: var(--heading-font); /* Başlık fontu */
  font-size: clamp(2.6rem, 3.5vw, 3.2rem); /* Başlık boyutu */
  color: var(--primary-darker); /* Başlık rengi */
  margin-bottom: 2rem;
  line-height: 1.3;
}

.activity-description p {
  font-size: 1.6rem;
  line-height: 1.8;
  color: var(--medium-gray);
  margin-bottom: 1.5rem;
}

/* Özellik Listesi */
.activity-features {
  list-style: none;
  padding-left: 0;
  margin: 2.5rem 0;
}

.activity-features li {
  margin-bottom: 1rem;
  padding-left: 3rem; /* İkon için yer */
  position: relative;
  font-size: 1.5rem;
  color: var(--dark-gray);
}

.activity-features li i {
  position: absolute;
  left: 0;
  top: 3px;
  color: var(--primary-color);
  font-size: 1.6rem;
  width: 20px;
  text-align: center;
}

/* Aktivite Ayırıcı Çizgi */
hr.activity-divider {
  border: none;
  height: 1px;
  background-color: #e0e0e0; /* Hafif gri çizgi */
  margin: 6rem 0; /* Aktiviteler arası boşluk */
}

/* Ters Layout (Resim Sağda) */
/* :nth-child(even) kullanarak otomatik sıralama */
#activities-list .activity-item:nth-child(even) .activity-image {
   /* Grid kullanıyorsak order'a gerek yok, sütunları yer değiştirebiliriz */
   /* Flexbox kullanıyorsak order: 2; */
}
#activities-list .activity-item:nth-child(even) .activity-description {
   /* Flexbox kullanıyorsak order: 1; */
}
/* Veya grid-template-areas ile kontrol edilebilir */
@media (min-width: 768px) { /* Sadece tablet ve üzeri için */
   .activity-item {
       grid-template-areas: "image description"; /* Varsayılan */
       grid-template-columns: 1fr 1.2fr; /* Oranları ayarla */
   }
   .activity-item .activity-image { grid-area: image; }
   .activity-item .activity-description { grid-area: description; }

   .activity-item:nth-child(even) {
      grid-template-areas: "description image"; /* Ters layout */
   }
}


/* ===== RESPONSIVE AYARLAMALAR ===== */

@media (max-width: 991.98px) {
  .activity-item {
      gap: 3rem; /* Boşluğu azalt */
      margin-bottom: 5rem;
  }
   hr.activity-divider {
      margin: 5rem 0;
  }
  .activity-description h2 {
      font-size: clamp(2.4rem, 4vw, 2.8rem);
  }
}

@media (max-width: 767.98px) {
   .activity-item,
   .activity-item:nth-child(even) {
      grid-template-columns: 1fr; /* Tek sütuna düşür */
      grid-template-areas: "image" "description"; /* Resim üste, açıklama alta */
      text-align: center; /* İçeriği ortala (isteğe bağlı) */
  }
   .activity-image {
       margin-bottom: 3rem; /* Resimle açıklama arasına boşluk */
       height: 300px; /* Mobil resim yüksekliği */
   }
   .activity-description {
      text-align: left; /* Açıklama metni sola hizalı kalsın */
   }
   .activity-features {
       display: inline-block; /* Liste ortalanmasın */
       text-align: left;
   }
   .activity-item .btn {
       display: block; /* Buton tam genişlik */
       max-width: 300px; /* Max genişlik */
       margin-left: auto;
       margin-right: auto;
   }

}


/* ===================================================== */
/* =====      EKLENECEK CSS SONU                   ===== */
/* ===================================================== *//* ============================================== */
/* ===== MICE.HTML SAYFASINA ÖZEL STİLLER ===== */
/* ============================================== */

/* Sayfa başlığı stilleri (.page-header) zaten mevcut ve uyumlu olmalı */
/* Eğer .page-header'ın MICE sayfası için özel bir arka planı varsa
   ve metin rengi okunmuyorsa, buraya override eklenebilir:
.mice-content-section .page-header h1,
.mice-content-section .page-header .page-subtitle {
    color: var(--white-color); /* Veya uygun kontrast renk */
    /* text-shadow: ... ; */ /* Gerekirse gölge ayarı */
/*} */

/* MICE Giriş Bölümü */
.mice-intro {
  margin-bottom: 5rem;
}
.mice-intro h2 {
  font-family: var(--body-font); /* Giriş başlığı Poppins */
  font-weight: 600;
  color: var(--primary-darker);
  margin-bottom: 2rem;
}
.mice-intro p {
  font-size: 1.7rem; /* Biraz daha büyük giriş metni */
  line-height: 1.9;
  max-width: 950px; /* Daha geniş metin alanı */
  margin-left: auto;
  margin-right: auto;
  color: var(--medium-gray);
}
.mice-intro p:last-of-type {
  margin-bottom: 0;
}

/* Neden Lora MICE Bölümü */
.why-lora-mice {
  /* Genel section stilleri geçerli */
}

/* Özellik Grid'i (Homepage'deki premium-features benzeri) */
.feature-grid-mice {
  display: grid;
  /* 2 veya 4 sütun iyi görünebilir */
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 3.5rem; /* Biraz daha fazla boşluk */
  margin-bottom: 5rem; /* Resimden önce boşluk */
}

.feature-item-mice {
  background-color: var(--white-color);
  padding: 3rem 2.5rem;
  border-radius: var(--border-radius);
  border: 1px solid #eee;
  text-align: center;
  box-shadow: var(--box-shadow-light);
  transition: transform var(--transition-speed) var(--transition-ease), box-shadow var(--transition-speed) var(--transition-ease);
}
.feature-item-mice:hover {
  transform: translateY(-8px);
  box-shadow: var(--box-shadow-medium);
}

.feature-icon-mice {
  font-size: 4rem;
  color: var(--primary-color);
  margin-bottom: 2rem;
  display: inline-block;
  transition: transform var(--transition-speed) ease;
}
.feature-item-mice:hover .feature-icon-mice {
  transform: scale(1.1) rotate(-5deg);
}

.feature-item-mice h4 {
  font-family: var(--body-font);
  font-size: 1.9rem;
  font-weight: 600;
  color: var(--dark-gray);
  margin-bottom: 1rem;
}

.feature-item-mice p {
  font-size: 1.5rem;
  color: var(--light-gray);
  line-height: 1.7;
  margin-bottom: 0;
}

/* MICE Resim Alanı */
.mice-image-showcase {
  margin: 4rem auto; /* Üst ve alttan boşluk, yatayda ortala */
  max-width: 800px; /* Resmin max genişliği */
}
.mice-image-showcase img {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-medium);
  margin-bottom: 1.5rem; /* Caption ile arasına boşluk */
}
.mice-image-showcase .caption {
  font-size: 1.4rem;
  color: var(--light-gray);
  font-style: italic;
  margin-bottom: 0;
}


/* MICE Hizmetler Bölümü */
.mice-services {
  margin-top: 6rem; /* Why Lora bölümünden sonra boşluk */
}

.services-layout {
  /* Hizmetleri ve resimleri basitçe alt alta dizer */
  /* Daha karmaşık layout istenirse grid kullanılabilir */
}

.service-item-mice {
  display: flex; /* İkon ve içeriği yan yana getir */
  align-items: flex-start; /* Üstten hizala */
  gap: 3rem; /* İkon ve içerik arası boşluk */
  background-color: var(--white-color); /* Arka plan rengi */
  padding: 3rem; /* İç boşluk */
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  margin-bottom: 4rem; /* Hizmetler arası boşluk */
  border-left: 5px solid var(--secondary-color); /* Sol kenarda vurgu */
  transition: border-left-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
}
.service-item-mice:hover {
   border-left-color: var(--primary-color);
   box-shadow: var(--box-shadow-medium);
}


.service-icon-mice {
  flex-shrink: 0; /* İkonun daralmasını engelle */
  font-size: 3.5rem;
  color: var(--primary-color);
  /* background-color: rgba(145, 109, 33, 0.1); */ /* Hafif arka plan */
  /* width: 70px; */
  /* height: 70px; */
  /* line-height: 70px; */
  /* text-align: center; */
  /* border-radius: 50%; */
  margin-top: 0.5rem; /* Başlıkla hizalamak için */
}

.service-content-mice h3 {
  font-family: var(--body-font);
  font-size: 2.2rem;
  font-weight: 600;
  color: var(--dark-gray);
  margin-bottom: 1rem;
}

.service-content-mice p {
  font-size: 1.6rem;
  color: var(--medium-gray);
  line-height: 1.8;
  margin-bottom: 0;
}


/* MICE İletişim CTA Bölümü */
.mice-contact-cta {
  background-color: var(--bg-light-color); /* Farklı bir arka plan */
  padding: 5rem 3rem; /* Daha kompakt padding */
  border-radius: var(--border-radius);
  margin-top: 6rem; /* Hizmetlerden sonra boşluk */
}

.mice-contact-cta h3 {
  color: var(--primary-darker);
  margin-bottom: 1.5rem;
}

.mice-contact-cta p {
  font-size: 1.7rem;
  color: var(--medium-gray);
  max-width: 700px;
  margin: 0 auto 2.5rem auto;
}


/* ===== RESPONSIVE AYARLAMALAR ===== */

@media (max-width: 991.98px) {
  .feature-grid-mice {
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
  .mice-image-showcase {
      max-width: 600px;
  }
}

@media (max-width: 767.98px) {
   .feature-grid-mice {
      grid-template-columns: 1fr; /* Tek sütun */
      gap: 2.5rem;
  }
   .service-item-mice {
       flex-direction: column; /* İkon ve içeriği alt alta */
       align-items: center; /* Ortala */
       text-align: center;
       gap: 2rem;
       padding: 2.5rem;
       border-left-width: 0; /* Sol çizgiyi kaldır */
       border-top: 4px solid var(--secondary-color); /* Üstte çizgi */
   }
   .service-item-mice:hover {
       border-top-color: var(--primary-color);
   }
   .service-icon-mice {
       margin-top: 0;
       margin-bottom: 1rem;
   }
    .mice-image-showcase {
      max-width: 90%;
   }
   .mice-contact-cta p {
      font-size: 1.6rem;
   }
}


/* ============================================== */
/* =====      EKLENECEK CSS SONU            ===== */
/* ============================================== */

/* ======================================================= */
/* ===== KONAKLAMA.HTML SAYFASINA ÖZEL STİLLER ===== */
/* ======================================================= */

/* Sayfa başlığı stilleri (.page-header) zaten mevcut */

/* Giriş ve Lokasyonlar Bölümü */
.accommodation-intro-section {
  /* bg-light sınıfı HTML'de mevcut */
  padding-bottom: 4rem; /* Alttaki kahvaltı bölümüyle birleşsin */
}

.intro-locations-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); /* Responsive sütun */
  gap: 6rem; /* Sütunlar arası boşluk */
  align-items: start; /* Üstten hizala */
  margin-bottom: 6rem; /* Kahvaltı bölümünden önce boşluk */
}

.intro-text h2 {
  color: var(--primary-darker);
  margin-bottom: 2.5rem;
  font-family: var(--body-font); /* Poppins daha uygun olabilir */
  font-weight: 600;
}

.intro-text p {
  font-size: 1.6rem;
  line-height: 1.8;
  color: var(--medium-gray);
}

.locations-list h3 {
  font-family: var(--body-font);
  font-weight: 600;
  font-size: 2.2rem;
  color: var(--dark-gray);
  margin-bottom: 2.5rem;
  border-bottom: 2px solid var(--primary-color);
  padding-bottom: 1rem;
  display: inline-block;
}

.locations-list ul {
  list-style: none;
  padding: 0;
}

.locations-list li {
  display: flex; /* İkon ve metni yan yana */
  align-items: flex-start; /* Üstten hizala */
  gap: 2rem; /* Aradaki boşluk */
  margin-bottom: 2.5rem;
}

.locations-list li i {
  font-size: 2.5rem; /* İkon boyutu */
  color: var(--primary-color);
  margin-top: 0.5rem; /* Metinle hizalamak için */
  width: 30px; /* Sabit genişlik */
  text-align: center;
}

.location-info h4 {
  font-family: var(--body-font);
  font-weight: 600;
  font-size: 1.8rem;
  color: var(--dark-gray);
  margin-bottom: 0.5rem;
}

.location-info p {
  font-size: 1.4rem;
  color: var(--light-gray);
  line-height: 1.6;
  margin-bottom: 0;
}

/* Kahvaltı Bölümü */
.breakfast-showcase {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 4rem;
  align-items: center;
  background-color: var(--white-color); /* Ayrı bir kutu hissi */
  padding: 4rem;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow-light);
  margin-top: 4rem; /* Üstteki bölümden sonra */
}

.breakfast-image img {
  border-radius: var(--border-radius);
  max-height: 300px; /* Max yükseklik */
  width: 100%;
  object-fit: cover;
}

.breakfast-text h3 {
  color: var(--secondary-color); /* Farklı bir renk */
  font-family: var(--heading-font); /* Başlık fontu */
  font-size: 2.6rem;
  margin-bottom: 1.5rem;
}

.breakfast-text p {
  font-size: 1.6rem;
  color: var(--medium-gray);
  line-height: 1.8;
  margin-bottom: 0;
}


/* Konaklama Galerisi */
.accommodation-gallery-section {
  /* Genel section stilleri */
}

.accommodation-image-grid {
  display: grid;
  /* Başlangıçta 4 sütun, min 250px */
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem; /* Resimler arası boşluk */
  margin-top: 4rem;
  margin-bottom: 3rem;
}

@media (min-width: 992px) {
  .accommodation-image-grid {
      grid-template-columns: repeat(4, 1fr); /* Büyük ekranlarda 4 sütun */
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .accommodation-image-grid {
      grid-template-columns: repeat(3, 1fr); /* Tablette 3 sütun */
  }
}
/* Mobil için auto-fit zaten tek sütuna düşürecektir */


.acc-img-item {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius);
  cursor: pointer; /* Modal için */
  box-shadow: var(--box-shadow-light);
  transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
  height: 280px; /* Galeri eleman yüksekliği */
}

.acc-img-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease, filter 0.4s ease;
}

.acc-img-item:hover {
  transform: scale(1.03);
  box-shadow: var(--box-shadow-medium);
}

.acc-img-item:hover img {
  transform: scale(1.1);
  filter: brightness(0.9); /* Hafif karartma */
}

.acc-img-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  color: var(--white-color);
  padding: 1rem 1.5rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  opacity: 0; /* Başlangıçta gizli */
  transform: translateY(10px); /* Aşağıdan gelsin */
  transition: opacity var(--transition-speed) ease, transform var(--transition-speed) ease;
  pointer-events: none; /* Üzerine tıklamayı engelle */
}

.acc-img-item:hover .acc-img-overlay {
  opacity: 1;
  transform: translateY(0);
}

.gallery-note {
  font-size: 1.4rem;
  color: var(--light-gray);
  font-style: italic;
  margin-top: 3rem; /* Galeri sonrası boşluk */
}

/* Hizmet Sözü Bölümü */
.accommodation-service-section {
   background-color: var(--bg-light-color); /* Açık renk arka plan */
}

.service-promise-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 3rem;
  margin-top: 4rem;
}

/* .value-item veya .feature-item-mice stilleri buraya uyarlanabilir */
.promise-item {
  background-color: var(--white-color);
  padding: 3rem;
  border-radius: var(--border-radius);
  text-align: center;
  box-shadow: 0 3px 8px rgba(0,0,0,0.06);
  border: 1px solid #eee;
  transition: transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
}
.promise-item:hover {
   transform: translateY(-6px);
   box-shadow: var(--box-shadow-medium);
}

.promise-item i {
  font-size: 3.8rem; /* İkon boyutu */
  color: var(--secondary-color); /* Farklı renk */
  margin-bottom: 2rem;
  display: block; /* Tam genişlik */
}

.promise-item h4 {
  font-family: var(--body-font);
  font-weight: 600;
  font-size: 1.9rem;
  color: var(--dark-gray);
  margin-bottom: 1rem;
}

.promise-item p {
  font-size: 1.5rem;
  color: var(--light-gray);
  line-height: 1.7;
  margin-bottom: 0;
}


/* Konaklama İletişim CTA */
/* .contact-cta-section-v2 stilleri zaten mevcut ve kullanılabilir */
/* Gerekirse özel override'lar buraya eklenebilir */
#accommodation-contact-cta .cta-overlay {
   background-color: rgba(145, 109, 33, 0.65); /* Farklı overlay rengi */
}


/* ===== RESPONSIVE AYARLAMALAR (Konaklama Özel) ===== */
@media (max-width: 991.98px) {
  .intro-locations-grid {
      grid-template-columns: 1fr; /* Tablette tek sütun */
      gap: 4rem;
  }
  .locations-list { margin-top: 3rem; }
  .breakfast-showcase { grid-template-columns: 1fr; text-align: center;} /* Mobilde alt alta */
  .breakfast-image { margin-bottom: 2rem; }
  .service-promise-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
}

@media (max-width: 767.98px) {
   .accommodation-image-grid {
       grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); /* Daha küçük ekranlarda 2 sütun olabilir */
       gap: 1.5rem;
   }
   .acc-img-item { height: 250px; } /* Yükseklik ayarı */
   .service-promise-grid { grid-template-columns: 1fr; } /* Mobilde tek sütun */
}

@media (max-width: 575.98px) {
   .accommodation-image-grid {
       grid-template-columns: 1fr; /* En küçük ekranda tek sütun */
   }
   .acc-img-item { height: 280px; }
}


/* ======================================================= */
/* =====      EKLENECEK CSS SONU                   ===== */
/* ======================================================= */

/* ====================================================== */
/* ===== ILETISIM.HTML SAYFASINA ÖZEL STİLLER ===== */
/* ====================================================== */

/* Sayfa başlığı stilleri (.page-header) zaten mevcut */
/* İletişim sayfası başlığı için özel renkler/efektler gerekirse buraya eklenebilir */

.contact-content-section {
  background-color: var(--bg-lighter-texture); /* Sayfanın geri kalanıyla uyumlu hafif arka plan */
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); /* Responsive 2 sütun */
  gap: 6rem; /* Sütunlar arası boşluk */
  align-items: start; /* Sütunları üstten hizala */
}

/* Sol Sütun: İletişim Bilgileri */
.contact-info-col h2 {
  font-family: var(--body-font); /* Poppins */
  font-weight: 600;
  font-size: 2.8rem;
  color: var(--primary-darker);
  margin-bottom: 1.5rem;
}

.contact-info-col p {
  font-size: 1.6rem;
  color: var(--medium-gray);
  line-height: 1.8;
  margin-bottom: 3.5rem; /* Liste öncesi boşluk */
}

.contact-details-list {
  list-style: none;
  padding: 0;
  margin-bottom: 4rem; /* Sosyal medya öncesi boşluk */
}

.contact-details-list li {
  display: flex;
  align-items: flex-start; /* İkonu üste hizala */
  margin-bottom: 2.5rem; /* Öğeler arası boşluk */
  gap: 2rem; /* İkon ve metin arası boşluk */
  position: relative; /* Alt çizgi için */
  padding-bottom: 1.5rem; /* Alt çizgi için boşluk */
  border-bottom: 1px dashed #ddd; /* Ayrım çizgisi */
}
.contact-details-list li:last-child {
   margin-bottom: 0;
   border-bottom: none;
   padding-bottom: 0;
}

.contact-details-list li i {
  font-size: 2.2rem; /* İkon boyutu */
  color: var(--primary-color);
  width: 30px; /* Sabit ikon genişliği */
  text-align: center;
  margin-top: 0.3rem; /* Metinle hizalamak için */
  flex-shrink: 0;
  transition: transform 0.3s ease;
}
.contact-details-list li:hover i {
  transform: scale(1.1); /* İkon hover efekti */
}

.contact-detail-content strong {
  display: block;
  font-weight: 600;
  font-size: 1.6rem;
  color: var(--dark-gray);
  margin-bottom: 0.3rem;
  font-family: var(--body-font);
}

.contact-detail-content a,
.contact-detail-content span {
  font-size: 1.6rem;
  color: var(--medium-gray);
  word-break: break-word; /* Uzun linkler kırılsın */
}

.contact-detail-content a:hover {
  color: var(--primary-darker);
  text-decoration: underline;
}

/* İletişim Sosyal Medya */
.contact-socials h4 {
  font-family: var(--body-font);
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--dark-gray);
  margin-bottom: 1.5rem;
}
/* .social-media-footer stilleri zaten genel CSS'de mevcut olmalı */


/* Sağ Sütun: Form */
.contact-form-col h2 {
  font-family: var(--body-font);
  font-weight: 600;
  font-size: 2.8rem;
  color: var(--primary-darker);
  margin-bottom: 1.5rem;
}

.contact-form-col p {
  font-size: 1.6rem;
  color: var(--medium-gray);
  line-height: 1.8;
  margin-bottom: 3rem; /* Form öncesi boşluk */
}

.contact-form .form-group {
  margin-bottom: 2.5rem; /* Form elemanları arası boşluk */
  position: relative;
}

.contact-form label {
  display: block;
  font-weight: 500;
  font-size: 1.5rem;
  color: var(--dark-gray);
  margin-bottom: 0.8rem; /* Input'tan önce boşluk */
  transition: color 0.3s ease;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
  width: 100%;
  padding: 1.5rem 2rem; /* Daha geniş iç boşluk */
  border: 1px solid #ccc;
  border-radius: var(--border-radius);
  font-size: 1.6rem;
  font-family: var(--body-font);
  color: var(--dark-gray);
  background-color: var(--white-color);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.06); /* İçeri hafif gölge */
  transition: border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
}

.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.06), 0 0 0 3px rgba(145, 109, 33, 0.15); /* Odaklanınca dış çerçeve */
}

.contact-form textarea {
  min-height: 150px; /* Minimum yükseklik */
  resize: vertical; /* Sadece dikeyde boyutlandırma */
}

/* Placeholder Stilleri */
.contact-form ::placeholder { color: #aaa; opacity: 1; }
.contact-form :-ms-input-placeholder { color: #aaa; }
.contact-form ::-ms-input-placeholder { color: #aaa; }

.contact-form .form-submit {
  margin-top: 3rem;
}

.contact-form button[type="submit"] {
  /* .btn, .btn-primary, .btn-lg stilleri zaten genel CSS'de */
  width: 100%; /* Buton tam genişlik */
  padding: 1.6rem 3rem; /* Daha büyük buton */
  transition: all var(--transition-speed) var(--transition-ease), letter-spacing var(--transition-speed) ease; /* Letter spacing eklendi */
}
.contact-form button[type="submit"]:disabled { /* Gönderirken buton stili */
  opacity: 0.6;
  cursor: wait;
  background-color: var(--medium-gray);
  border-color: var(--medium-gray);
  pointer-events: none; /* Tıklamayı engelle */
}
.contact-form button[type="submit"]:hover:not(:disabled) { /* Devre dışı değilken hover */
   letter-spacing: 1px; /* Hover'da harf aralığı */
   /* box-shadow ve transform stilleri genel .btn:hover'dan gelir */
}


/* Form Durum Mesajı Stilleri */
.form-status-message {
  margin-top: 2.5rem; /* Formdan sonra boşluk */
  padding: 0; /* JS ayarlayacak */
  border-radius: var(--border-radius);
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  display: block;
  opacity: 0; /* Başlangıçta görünmez */
  max-height: 0; /* Başlangıçta yer kaplamaz */
  overflow: hidden;
  transition: opacity 0.5s ease-in-out, /* Opacity geçişi */
              max-height 0.5s ease-in-out, /* Yükseklik geçişi */
              padding 0.5s ease-in-out, /* Padding geçişi */
              margin-top 0.5s ease-in-out, /* Margin geçişi */
              visibility 0s linear 0.5s, /* Görünürlük gecikmeli */
              background-color 0.4s ease,
              border-color 0.4s ease;
  border: 1px solid transparent; /* Kenarlık için yer tutucu */
}
.form-status-message.visible { /* JS mesajı yazınca görünür yapacak */
   opacity: 1;
   visibility: visible;
   max-height: 100px; /* İçeriğe göre ayarlanabilir, yeterince büyük olmalı */
   padding: 1.5rem 2rem;
   margin-top: 2.5rem;
   transition: opacity 0.5s ease-in-out, max-height 0.5s ease-in-out, padding 0.5s ease-in-out, margin-top 0.5s ease-in-out, visibility 0s linear 0s, background-color 0.4s ease, border-color 0.4s ease; /* Görünürlük hemen */
}
.form-status-message.success {
  background-color: var(--success-bg);
  color: var(--success-text);
  border-color: var(--success-border);
}
.form-status-message span.success { color: var(--success-text); } /* Span içindeki metin için de renk */

.form-status-message.error {
  background-color: var(--error-bg);
  color: var(--error-text);
  border-color: var(--error-border);
}
.form-status-message span.error { color: var(--error-text); }

.form-status-message.sending {
   background-color: var(--sending-bg);
   border-color: var(--sending-border);
}
.form-status-message span.sending { color: var(--sending-text); font-style: italic; }

/* Yavaşça Yok Olma Efekti */
.form-status-message.fade-out {
  opacity: 0;
  visibility: hidden;
  /* max-height ve padding transition'ı zaten 'visible' kaldırılınca çalışacak */
   transition: opacity 1.5s ease-in-out 0.5s, /* 0.5sn sonra başla, 1.5sn sürsün */
              visibility 0s linear 2s, /* Tamamen kaybolduktan sonra gizle (1.5s + 0.5s) */
              max-height 1.5s ease-in-out 0.5s,
              padding 1.5s ease-in-out 0.5s,
              margin-top 1.5s ease-in-out 0.5s;
}


/* ===== RESPONSIVE AYARLAMALAR (İletişim Özel) ===== */

@media (max-width: 991.98px) {
  .contact-grid {
      grid-template-columns: 1fr;
      gap: 5rem;
  }
  .contact-info-col {
      margin-bottom: 3rem;
      text-align: center; /* İletişim bilgilerini ortala */
  }
   .contact-details-list li {
      justify-content: center; /* Liste öğelerini ortala */
      text-align: left; /* Metni sola hizalı tut */
   }
  .contact-socials { text-align: center; } /* Sosyal ikonları ortala */
}

@media (max-width: 767.98px) {
  .contact-grid { gap: 4rem; }
  .contact-info-col h2, .contact-form-col h2 { font-size: 2.4rem; }
  .contact-form input, .contact-form textarea { padding: 1.2rem 1.5rem; font-size: 1.5rem; }
  .contact-form button[type="submit"] { padding: 1.4rem 2.5rem; }
}

/* ====================================================== */
/* =====      EKLENECEK CSS SONU                    ===== */
/* ====================================================== */

/* Navbar Konteyner Layout */
.navbar-container {
  display: flex;
  justify-content: space-between; /* Logo sol, diğerleri sağ */
  align-items: center;
  height: 100%;
  position: relative;
}

/* Navbar Sağ Taraf Kapsayıcısı */
.navbar-right {
  display: flex;
  align-items: center;
  gap: 2.5rem; /* Sağdaki elemanlar arası boşluk (Menü, Dil, Hamburger) */
}

/* ---- Masaüstü Görünümü İçin ---- */

/* Masaüstü Menü Linkleri Kapsayıcısı (Varsayılan olarak görünür) */
.menu-items-wrapper {
  display: block; /* Masaüstünde her zaman görünür */
  position: static; /* Mutlak konumlandırmayı kaldır */
  max-height: none; /* Yükseklik kısıtlamasını kaldır */
  overflow: visible; /* Overflow'u kaldır */
  background-color: transparent; /* Arka planı kaldır */
  box-shadow: none; /* Gölgeyi kaldır */
}
.menu-items {
  display: flex; /* Linkler yan yana */
  flex-direction: row;
  align-items: center;
  padding: 0;
  border: none;
}
.menu-items li {
  margin-left: 3rem; /* Linkler arası boşluk */
  width: auto;
  text-align: left;
  border: none;
}
.nav-link {
  padding: 1rem 0; /* Dikey padding */
  /* Diğer nav-link stilleri korunur */
}


/* Navbar Dil Seçenekleri Stili (Masaüstü) */
.navbar-lang-switcher {
  display: flex; /* Varsayılan olarak göster */
  align-items: center;
  gap: 0.5rem; /* Butonlar ve ayırıcılar arası boşluk */
  border-left: 1px solid #ddd; /* Menüden ayırmak için çizgi */
  padding-left: 2rem; /* Çizgiden sonra boşluk */
}

.navbar-lang-switcher .lang-btn {
  background: none;
  border: none;
  color: var(--medium-gray); /* Daha soft renk */
  cursor: pointer;
  font-family: var(--body-font);
  font-size: 1.5rem; /* Biraz küçültüldü */
  font-weight: 600; /* Kalın */
  padding: 0.4rem 0.6rem; /* İç boşluk */
  border-radius: 4px; /* Hafif yuvarlak */
  transition: color var(--transition-speed) ease, background-color var(--transition-speed) ease;
}

.navbar-lang-switcher .lang-btn:hover {
  color: var(--primary-darker);
  background-color: #f0f0f0; /* Hafif hover efekti */
}

.navbar-lang-switcher .lang-btn.active {
  color: var(--primary-color);
  /* background-color: rgba(145, 109, 33, 0.1); */ /* Aktif arka planı kaldırıldı, sadece renk */
  font-weight: 700; /* Aktif olan daha kalın */
}

.navbar-lang-switcher .lang-separator {
  color: #ccc; /* Ayırıcı rengi */
  font-size: 1.4rem;
}


/* Mobil Menü Butonu (Masaüstünde Gizli) */
.menu-toggle {
  display: none; /* Masaüstünde gizli */
   /* Hamburger ikon stilleri aynı kalır */
}


/* ---- Mobil Görünümü İçin Medya Sorgusu ---- */
@media (max-width: 991.98px) { /* Mobil menünün aktif olduğu breakpoint */

  /* Navbar Sağ Taraf Düzeni Mobilde */
  .navbar-right {
      gap: 1.5rem; /* Mobil için boşluk ayarı */
  }

  /* Masaüstü Menü Linklerini Gizle */
  .menu-items-wrapper {
      /* Mobil menü açılırken kullanılan stil (JS ile .active eklendiğinde) */
      position: absolute !important;
      top: 100%; /* Navbar'ın hemen altı */
      left: 0;
      width: 100%;
      background-color: var(--white-color) !important;
      box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
      max-height: 0 !important; /* Başlangıçta kapalı */
      overflow-y: auto !important; /* İçerik taşarsa scroll */
      transition: max-height 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) !important;
      padding: 0 !important; /* Ekstra padding olmasın */
      z-index: 1001; /* Diğer elemanların üzerinde */
  }
  .menu-items-wrapper.active {
      max-height: calc(100vh - var(--navbar-height)) !important; /* Açıkken max yükseklik */
      border-top: 1px solid #eee; /* Üstte çizgi */
  }

  /* Mobil Menü Linkleri */
   .menu-items-wrapper ul.menu-items {
      flex-direction: column !important; /* Dikey sırala */
      width: 100% !important;
      padding: 1rem 0 !important; /* Üst/alt boşluk */
  }
   .menu-items-wrapper ul.menu-items li {
      margin: 0 !important;
      width: 100% !important;
  }
   .menu-items-wrapper ul.menu-items .nav-link {
      display: block !important;
      padding: 1.5rem 3rem !important; /* Mobil link padding */
      text-align: left !important;
      border-bottom: 1px solid #eee !important;
      width: 100% !important;
  }
  .menu-items-wrapper ul.menu-items .nav-link::before { display: none !important; } /* Alt çizgiyi kaldır */
   .menu-items-wrapper ul.menu-items .nav-link.active { background-color: var(--bg-light-color) !important; }


  /* Navbar Dil Seçeneklerini Mobilde Gizle */
  .navbar-lang-switcher {
      display: none !important;
  }

  /* Mobil Menü Butonunu Göster */
  .menu-toggle {
      display: block !important; /* Mobilde göster */
  }
}

/* İsteğe Bağlı: Footer TÜRSAB Bölümü Ek Stilleri (style.css sonuna eklenebilir) */
.footer-tursab {
  /* Gerekirse hizalama veya boşluk ayarları */
  /* text-align: center; */ /* Ortalamak isterseniz */
}
.footer-tursab h4 {
  /* Başlık stili zaten genel footer h4'ten gelmeli */
  /* Gerekirse override */
}
.tursab-no {
  font-size: 1.8rem; /* Numara boyutu */
  font-weight: 600; /* Kalın */
  color: var(--white-color); /* Beyaz renk */
  margin-top: -1rem; /* Başlığa biraz daha yakın */
  margin-bottom: 0;
}
.tursab-logo { /* Eğer logo eklerseniz */
  max-width: 100px;
  margin-top: 1rem;
  /* opacity: 0.8; */
}


/* ============================================= */
/* === Transfer Sayfası Özel Stilleri Başlangıç === */
/* ============================================= */

/* --- Transfer Sayfası Bölüm Stilleri --- */
.hero-transfer {
  /* Resim yolu ../img/ olmalı (style.css'in konumuna göre) */
  /* Eğer style.css ana dizindeyse ../img/ yerine img/ kullanmalısın */
  background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url('../img/kapadokyahavalimani.jpg') no-repeat center center;
  background-size: cover;
  background-attachment: fixed; /* Parallax efekti */
  color: #fff; /* İçindeki metinlerin varsayılan rengi */
  padding: clamp(100px, 18vh, 180px) 20px; /* Esnek dikey padding */
  text-align: center;
  min-height: 60vh; /* Minimum yükseklik */
  display: flex; /* İçeriği ortalamak için */
  align-items: center;
  justify-content: center;
  border-bottom: 4px solid #D4AF37; /* LoraTrip Altın rengi kenarlık */
  position: relative; /* İçerik konumlandırma için */
}
.hero-transfer .hero-content { /* HTML'de container içinde */
  max-width: 850px;
  position: relative;
  z-index: 2;
}
/* hero içindeki h1 ve p için özel stil gerekirse (genel h1/p'den farklıysa) */
.hero-transfer h1 {
  color: #fff;
  font-size: clamp(2.8em, 7vw, 4.2em);
  text-shadow: 2px 2px 10px rgba(0,0,0,0.8);
  margin-bottom: 25px;
}
.hero-transfer p {
  color: #f0f0f0;
  font-size: clamp(1.1em, 2.8vw, 1.4em);
  font-weight: 300;
  max-width: 750px;
  margin: 0 auto;
}

/* Premium Bölüm Genel Stili (HTML'de container kullandık) */
.premium-section {
  padding-top: clamp(60px, 9vw, 90px);
  padding-bottom: clamp(60px, 9vw, 90px);
  text-align: center;
}

.airport-info {
  background-color: #f9f9f9; /* Açık gri zemin */
  border-bottom: 1px solid #eee;
}
/* airport-info içindeki h2 ve p için özel stil (genel h2/p'den farklıysa) */
.airport-info h2 {
   color: #3c3c3c;
   font-size: clamp(2em, 4.5vw, 2.6em);
   margin-bottom: 35px;
}
.airport-info p {
  max-width: 800px;
  margin: 0 auto 35px auto;
  color: #5a5a5a;
  font-size: clamp(1em, 2.1vw, 1.1em);
  line-height: 1.8;
}
.airport-images {
  display: flex;
  justify-content: center;
  gap: clamp(25px, 4vw, 40px); /* Esnek boşluk */
  flex-wrap: wrap;
  margin-top: 45px;
}
.airport-images figure {
  margin: 0;
  border-radius: 8px; /* Yuvarlak köşe */
  overflow: hidden; /* Hover efekti için önemli */
  box-shadow: 0 7px 20px rgba(0,0,0,0.08);
  background-color: #fff;
  width: 100%; /* Mobil varsayılan */
  max-width: 480px; /* Maksimum genişlik */
}
@media (min-width: 768px) { /* Tablet ve üzeri */
  .airport-images figure {
      /* Gap 40px ise (40/2=20px) */
      width: calc(50% - 20px); /* Yan yana 2 resim sığdır */
  }
}
.airport-images figure img {
  transition: transform 0.4s ease; /* Sadece zoom efekti için */
  width: 100%; /* Resmi tam kaplat */
}
.airport-images figure:hover img {
   transform: scale(1.05); /* Resme zoom efekti */
}
.airport-images figcaption {
  padding: 15px 20px; /* İç boşluk */
  color: #555;
  font-size: 0.95em;
  font-weight: 500;
  text-align: center; /* Ortala */
}

.transfer-options-container {
  background-color: #ffffff;
   border-bottom: 1px solid #eee;
}
/* transfer-options-container içindeki h2 için özel stil */
.transfer-options-container h2 {
  color: #333;
  font-size: clamp(2em, 4.5vw, 2.6em);
  margin-bottom: 55px; /* Başlık altı boşluk */
}
.transfer-options {
  display: flex;
  justify-content: center;
  align-items: stretch; /* Kartlar aynı hizada */
  flex-wrap: wrap;
  gap: clamp(30px, 5vw, 50px); /* Kartlar arası boşluk */
}
.transfer-option {
  background-color: #fff;
  border-radius: 10px; /* Yuvarlak köşe */
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  overflow: hidden; /* İçerik taşmasın */
  width: 100%; /* Mobil varsayılan */
  max-width: 450px; /* Maksimum genişlik */
  text-align: center;
  display: flex; /* İçeriği dikeyde yönetmek için */
  flex-direction: column;
  border: 1px solid #eee; /* Hafif kenarlık */
  transition: transform 0.4s ease, box-shadow 0.4s ease; /* Hover efekti */
}
@media (min-width: 768px) { /* Tablet ve üzeri */
  .transfer-option {
       /* Gap 50px ise (50/2=25px) */
       width: calc(50% - 25px); /* Yan yana 2 kart sığdır */
       max-width: none; /* calc kullandığımız için max-width gereksiz */
  }
}
@media (min-width: 992px) { /* Desktop */
  /* İsteğe bağlı: Çok büyük ekranlarda kartların fazla büyümesini engelle */
  .transfer-option {
       max-width: 450px;
  }
}
.transfer-option:hover {
  transform: translateY(-10px); /* Hover'da yukarı kaydır */
  box-shadow: 0 18px 40px rgba(0,0,0,0.13); /* Hover'da gölgeyi artır */
}
.transfer-option img {
  width: 100%;
  height: 300px; /* Sabit resim yüksekliği */
  object-fit: cover; /* Resmi orantılı kapla */
}
.transfer-content {
   padding: 35px; /* İçerik boşluğu */
   flex-grow: 1; /* Kart yüksekliğini eşitlemek için */
   display: flex;
   flex-direction: column;
   justify-content: space-between; /* Başlık/metin ile alt kısım arasını ayır */
}
/* transfer-option içindeki h3 ve p için özel stil */
.transfer-option h3 {
  margin-top: 0;
  margin-bottom: 18px;
  color: #C09A2A; /* LoraTrip Altın tonuna yakın */
  font-size: clamp(1.6em, 3.2vw, 2em); /* Esnek boyut */
}
.transfer-option p {
  color: #555;
  line-height: 1.7; /* Satır aralığı */
  font-size: clamp(0.95em, 1.9vw, 1.05em); /* Esnek boyut */
  flex-grow: 1; /* Metin alanının büyümesini sağla */
  margin-bottom: 30px; /* Alt boşluk */
}

.cta-section-transfer {
  background: linear-gradient(135deg, #D4AF37 0%, #b89b2e 100%); /* Altın Gradient */
  color: white;
  padding: clamp(60px, 9vw, 90px) 20px; /* Esnek padding */
}
/* cta içindeki h2 ve p için özel stil */
.cta-section-transfer h2 {
   margin-bottom: 25px;
   font-size: clamp(2.2em, 5.5vw, 2.8em);
   text-shadow: 1px 1px 4px rgba(0,0,0,0.25);
   color: #fff;
}
.cta-section-transfer p {
   margin-bottom: 35px;
   font-size: clamp(1.05em, 2.3vw, 1.2em);
   font-weight: 300;
   max-width: 700px;
   margin-left: auto;
   margin-right: auto;
   color: #f5f5f5; /* Hafif kırık beyaz */
}
.whatsapp-button {
  background-color: #25D366; /* WhatsApp rengi */
  color: white !important; /* style.css'teki a stilini ez */
  padding: 18px 45px; /* Buton boyutu */
  text-decoration: none !important; /* style.css'teki a stilini ez */
  font-weight: 500; /* Yazı kalınlığı */
  font-size: clamp(1.2em, 2.8vw, 1.4em); /* Esnek boyut */
  border-radius: 50px; /* Tam yuvarlak */
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
  display: inline-block; /* Gölge ve transform için */
  box-shadow: 0 6px 18px rgba(0,0,0,0.2);
  border: none;
  cursor: pointer;
}
.whatsapp-button i { /* WhatsApp ikonu */
  margin-right: 12px;
  font-size: 1.1em;
  vertical-align: middle; /* İkonu ortala */
}
.whatsapp-button span { /* Buton metni */
  vertical-align: middle; /* Metni ortala */
}
.whatsapp-button:hover, .whatsapp-button:focus {
  background-color: #128C7E; /* Koyu WhatsApp rengi */
  transform: translateY(-4px) scale(1.05); /* Hover efekti */
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
  outline: none; /* Focus çerçevesini kaldır */
}

/* Responsive Ayarlamalar (Mobil için ek/override) */
@media (max-width: 767px) {
  /* Tablet için olan kuralları ezer */
  .airport-images figure { width: 90%; max-width: 380px; }
  .transfer-option { width: 90%; max-width: 400px; }
  .transfer-option img { height: 250px; }
  .whatsapp-button { padding: 15px 35px; }
  .hero-transfer { background-attachment: scroll; } /* Mobil parallax kapalı */
}

/* =========================================== */
/* === Transfer Sayfası Özel Stilleri Bitiş === */
/* =========================================== */