/* --- ANA BİLGİ BÖLÜMÜ --- */.info-section {  width: 100%;  max-width: 900px;  text-align: center;  padding: 70px 0;  margin: 0px auto;}.section-title {  font-size: 28px;  font-weight: 600;  color: var(--text-color-primary);  margin-bottom: 40px;}.info-section .features-container {  display: flex;  align-items: center;  justify-content: center;  gap: 20px;  color: #434343;  margin-top: 80px;}.info-section .features-container .feature-item {  display: flex;  flex-direction: column;  overflow: hidden;  height: 100%;  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;  width: 320px;  flex-shrink: 0;  justify-content: center;  font-size: 21px;  font-weight: 600;}.info-section .features-container .feature-item p {  max-width: 80%;  margin: 0px auto;}.info-section .features-container .cizgi {  background-color: #bebebe;  height: 104px;  width: 1px;  display: inline !important;  position: absolute;}/* --- ÖZELLİKLER KONTEYNERİ (Flexbox ile) --- */.experiences-section {  width: 100%;  height: auto;  background: var(--background-color);  padding: 80px 0px;  overflow: hidden;}.section-header {  display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 30px;  flex-wrap: wrap;  gap: 20px;  padding: 0px 40px;}.experiences-section .tabs-nav ul {  display: flex;  list-style: none;  margin: 0;  padding: 0;  gap: 8px;}.experiences-section .tabs-nav a {  text-decoration: none;  color: var(--text-primary);  border: 1px solid #dadada;  padding: 8px 20px;  border-radius: 6px;  font-weight: 700;  font-size: 17px;  transition: background-color 0.3s, border-color 0.3s;  cursor: pointer;}.experiences-section .tabs-nav a:hover {  color: #fff;  background: #ff4242;  border-color: #ff4242;}.experiences-section .tabs-nav li.active a {  color: #fff;  background: #ff4242;  font-weight: 600;  border-color: #ff4242;}.experiences-section .tabs-nav li.active a::after {  content: "";  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 3px;  background-color: var(--brand-color);}.explore-button {  text-decoration: none;  color: var(--text-primary);  border: 1px solid #000;  padding: 8px 20px;  border-radius: 6px;  font-weight: 700;  font-size: 15px;  transition: background-color 0.3s, border-color 0.3s;}.explore-button:hover {  background-color: var(--brand-color);  border-color: var(--brand-color);  color: #fff;}/* --- KARTLARIN OLDUĞU ALAN --- */.experiences-section .trips-container {  position: relative; /* CRITICAL FIX: This makes the absolute positioned arrows work correctly */}.experiences-section .tab-content {  display: none;}.experiences-section .tab-content.active {  display: block;}.experiences-section .trips-scroller {  display: flex;  gap: 20px;  overflow-x: auto;  padding-bottom: 20px;  -ms-overflow-style: none;  scrollbar-width: none;  scroll-behavior: smooth;  padding: 15px 40px;}.experiences-section .trips-scroller::-webkit-scrollbar {  display: none;}/* --- YENİ KURUMSAL KART TASARIMI --- */.trip-card-link {  display: block;  text-decoration: none;  color: inherit;}.trip-card {  background-color: var(--card-background);  border-radius: 3px;  border: 1px solid var(--border-color);  box-shadow: var(--shadow);  display: flex;  flex-direction: column;  overflow: hidden;  height: 100%;  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;  width: 320px; /* Fixed width for consistency */  flex-shrink: 0; /* Prevents cards from shrinking */}.trip-card-link:hover .trip-card {  transform: translateY(-6px);  box-shadow: var(--shadow-hover);  border-color: var(--brand-color);}.trip-card .card-image {  height: 200px;  position: relative;  padding: 16px;  overflow: hidden;}.trip-card .card-image-bg {  position: absolute;  inset: 0;  background-size: cover;  background-position: center;  transition: transform 0.4s ease;}.trip-card-link:hover .card-image-bg {  transform: scale(1.05);}.trip-card .card-sector {  position: relative;  z-index: 2;  display: inline-flex;  align-items: center;  gap: 8px;  background-color: rgba(255, 255, 255, 0.9);  backdrop-filter: blur(4px);  color: var(--brand-color);  padding: 6px 12px;  border-radius: 8px;  font-size: 13px;  font-weight: 600;}.trip-card .card-sector svg {  width: 16px;  height: 16px;}.trip-card .card-content {  padding: 24px;  flex-grow: 1;  display: flex;  flex-direction: column;  gap: 12px;}.trip-card .main-title {  font-size: 19px;  font-weight: 600;  color: var(--text-primary);  line-height: 1.3;  margin: 0;  display: -webkit-box;  -webkit-line-clamp: 2; /* Kaç satır gösterileceğini belirler */  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}.trip-card .location {  display: flex;  align-items: center;  gap: 8px;  font-size: 14px;  color: var(--text-secondary);  margin: 0;}.trip-card .location svg {  width: 16px;  height: 16px;  flex-shrink: 0;}.trip-card .card-footer {  display: flex;  align-items: center;  justify-content: space-between;  padding: 16px 24px;  background-color: var(--footer-background);  border-top: 1px solid var(--border-color);  margin-top: 42px;}/* Renamed to be more generic */.trip-card .footer-block {  display: flex;  flex-direction: column;  gap: 2px;}.trip-card .footer-label {  font-size: 11px;  font-weight: 500;  color: var(--text-secondary);  text-transform: uppercase;  letter-spacing: 0.5px;  margin-bottom: 4px;}.trip-card .footer-value {  font-size: 14px;  font-weight: 600;  color: var(--text-primary);  display: flex;  align-items: center;  gap: 6px;}.trip-card .footer-value svg {  width: 15px;  height: 15px;  color: var(--brand-color);}.trip-card .date-separator {  width: 1px;  height: 30px;  background: var(--border-color);}/* --- Kaydırma Okları --- */.experiences-section .scroll-arrow {  position: absolute;  top: 50%;  transform: translateY(-50%);  width: 44px;  height: 44px;  background-color: white;  border: 1px solid var(--border-color2);  border-radius: 50%;  display: flex;  justify-content: center;  align-items: center;  cursor: pointer;  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);  z-index: 10;  transition: opacity 0.3s, visibility 0.3s;}.experiences-section .scroll-arrow.left {  left: 58px;}.experiences-section .scroll-arrow.right {  right: 58px;}.experiences-section .scroll-arrow.hidden {  opacity: 0;  visibility: hidden;}/**//* --- Değişkenler ve Temel Stiller --- *//* --- Ana Bölüm Stilleri --- */.purpose-section {  background-color: var(--bg-color);  padding: 80px 0px;  overflow: hidden;}/* --- Genel Başlık --- */.purpose-section .section-main-title {  text-align: center;  font-size: 38px;  font-weight: 400; /* Daha ince bir font ağırlığı */  color: var(--primary-text-color);  margin: 0 0 70px 0;}/* --- Sütunların Kapsayıcısı --- */.purpose-section .content-wrapper {  display: flex;  align-items: center; /* Dikeyde ortalama */  gap: 60px; /* Sütunlar arası boşluk */  flex-wrap: wrap; /* Mobil için hazırlık */}/* --- Sol ve Sağ Sütunlar --- */.purpose-section .text-column,.purpose-section .image-column {  flex: 1; /* Alanı eşit paylaş */  min-width: 300px; /* Küçülürken minimum genişlik */}/* --- Metin Sütunu İçerikleri --- */.purpose-section .subtitle {  font-size: 28px;  font-weight: 400;  color: var(--primary-text-color);  line-height: 1.3;  margin: 0 0 20px 0;  opacity: 0.86;}.purpose-section .description {  font-size: 0.9375rem;  line-height: 1.5;  color: var(--secondary-text-color);  margin: 0 0 35px 0;}/* --- Görsel Sütunu --- */.purpose-section .image-column img {  width: 100%;  height: auto;  border-radius: 3px; /* Yumuşak kenarlar */  display: block;}.neden-biz {  background: #f8f5f1;  padding: 0px 0px 80px;}.neden-biz .hero-container {  width: 100%;}.neden-biz .hero-card {  border-radius: 3px;  overflow: hidden;  display: flex;  flex-direction: column;}/* --- Üst Kısım: Görsel ve Marka Paneli --- */.neden-biz .hero-top {  display: flex;  min-height: 550px;}.neden-biz .hero-image-panel {  flex: 65%;  position: relative;  background-size: cover;  background-position: center;  color: var(--button-text-color);}.neden-biz .hero-content {  position: absolute;  inset: 0;  padding: 40px;  display: flex;  flex-direction: column;  justify-content: end;  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent 60%);}.neden-biz .hero-logo {  width: 120px;  height: auto;}.neden-biz .hero-title {  font-size: 40px;  font-weight: 700;  line-height: 1.1;  margin: 0 0 10px 0;  max-width: 50%;}.neden-biz p {  font-size: 14px;  font-weight: 500;  line-height: 1.1;  margin: 0 0 60px 0;}.neden-biz .play-button {  display: inline-flex;  align-items: center;  gap: 8px;  background-color: var(--brand-color);  color: var(--button-text-color);  padding: 12px 24px;  border-radius: 50px;  text-decoration: none;  font-weight: 700;  transition: background-color 0.3s;}.neden-biz .play-button:hover {  background-color: var(--button-bg-color);}.neden-biz .play-icon {  width: 20px;  height: 20px;}.neden-biz .hero-brand-panel {  height: 160px;  background-color: var(--brand-color);  color: var(--button-text-color);  display: flex;  padding: 20px;  flex-direction: column;  justify-content: center;  align-items: center;  text-align: center;}.neden-biz .brand-panel-icon {  width: 120px;  height: auto;  margin-bottom: 20px;}.neden-biz .brand-panel-text {  font-size: 72px;  font-weight: 800;  line-height: 1.1;  margin: 0;}/* --- Alt Kısım: Özellikler --- */.neden-biz .hero-features {  background-color: var(--card-background);  padding: 50px;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 40px 50px;}.neden-biz .feature-item {  display: flex;  align-items: flex-start;  gap: 20px;}.neden-biz .feature-icon {  flex-shrink: 0;}.neden-biz .feature-icon svg {  width: 50px;  height: auto;}.neden-biz .feature-icon.icon1 path {  fill: #ff4242;}.neden-biz .feature-icon.icon2 line,.neden-biz .feature-icon.icon2 path {  fill: #ff4242;}.neden-biz .feature-icon.icon3 line {  fill: #ff4242;}.neden-biz .feature-icon.icon4 path {  fill: #ff4242;}.neden-biz .feature-text h3 {  margin: 0 0 8px 0;  font-size: 18px;  font-weight: 700;  color: var(--text-primary);}.neden-biz .feature-text h3 b {  color: var(--brand-color);}.neden-biz .feature-text p {  margin: 0;  font-size: 15px;  line-height: 1.4;  color: var(--light-text);}/* YENİ EKLENEN BÖLÜMLER İÇİN STİLLER *//* ====================================================== *//* Sekmeler yerine kullanılacak basit başlık stili */.section-title-simple {  color: var(--text-primary);  font-size: 26px;  font-weight: 700;  margin-top: 0px;}/* --- DESTİNASYON KARTI STİLLERİ --- */.destinations-section .trips-scroller {  padding-top: 15px;  padding-bottom: 15px;}.destination-card {  width: 280px;  height: 400px;  flex-shrink: 0;  position: relative;  border-radius: 5px;  overflow: hidden;  box-shadow: var(--shadow);  transition: transform 0.3s ease, box-shadow 0.3s ease;}.destination-card-link {  display: block;  width: 100%;  height: 100%;}.destination-card:hover {  transform: translateY(-8px);  box-shadow: var(--shadow-hover);}.destination-card .card-image-bg {  position: absolute;  inset: 0;  background-size: cover;  background-position: center;  transition: transform 0.4s ease;}.destination-card:hover .card-image-bg {  transform: scale(1.05);}.destination-card .card-overlay {  position: absolute;  inset: 0;  display: flex;  flex-direction: column;  justify-content: flex-end;  padding: 24px;  color: #fff;  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 50%);  z-index: 2;}.destination-card .destination-title {  font-size: 28px;  font-weight: 700;  margin: 0 0 4px 0;  line-height: 1.2;}.destination-card .trip-count {  font-size: 15px;  font-weight: 500;  background-color: rgba(255, 255, 255, 0.15);  backdrop-filter: blur(4px);  padding: 4px 10px;  border-radius: 20px;  display: inline-block;  align-self: flex-start;}/* --- BLOG KARTI STİLLERİ --- */.blog-section {  padding-top: 0px;}.blog-card {  width: 320px; /* Diğer kartlarla aynı genişlikte */  flex-shrink: 0;  background-color: var(--card-background);  border-radius: 12px;  border: 1px solid var(--border-color);  box-shadow: var(--shadow);  display: flex;  flex-direction: column;  overflow: hidden;  transition: transform 0.3s ease, box-shadow 0.3s ease;}.blog-card-link {  display: flex;  flex-direction: column;  height: 100%;}.blog-card:hover {  transform: translateY(-6px);  box-shadow: var(--shadow-hover);}.blog-card .card-image {  height: 200px;  position: relative;  overflow: hidden;}/* card-image-bg stili zaten mevcut, onu kullanıyoruz */.card-image-bg {  position: absolute;  inset: 0;  overflow: hidden; /* Hover'da resim büyüdüğünde taşmasını engeller */  border-radius: inherit; /* Varsa üst kapsayıcının köşe yuvarlaklığını alır */}/* Resmin kendisini arkaplan gibi davranacak şekilde stillendiriyoruz */.card-image-bg img {  width: 100%;  height: 100%;  object-fit: cover; /* background-size: cover; ile aynı işlevi görür */  object-position: center; /* background-position: center; ile aynı işlevi görür */  transition: transform 0.4s ease; /* Büyüme efektini yumuşatır */}/* Hover efektini doğrudan resme uyguluyoruz */.trip-card-link:hover .card-image-bg img,.destination-card-link:hover .card-image-bg img,.blog-card-link:hover .card-image-bg img {  transform: scale(1.05);}.blog-card .card-content {  padding: 20px;  flex-grow: 1;  display: flex;  flex-direction: column;}.blog-card .blog-category {  font-size: 12px;  font-weight: 600;  color: var(--brand-color);  text-transform: uppercase;  letter-spacing: 0.5px;  margin-bottom: 12px;}.blog-card .main-title {  font-size: 20px;  font-weight: 700;  color: var(--text-primary);  line-height: 1.3;  margin-bottom: 10px;  display: -webkit-box;  -webkit-line-clamp: 2; /* 2 satır göster */  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis;}.blog-card .blog-excerpt {  font-size: 14px;  color: var(--text-secondary);  line-height: 1.5;  margin: 0;  flex-grow: 1; /* Bu, alttaki metayı aşağı iter */}.blog-card .blog-meta {  margin-top: 16px;  padding-top: 16px;  border-top: 1px solid var(--border-color);  font-size: 13px;  color: var(--light-text);}.stats-container {  display: flex;  border-top: 1px solid #d5d0c8;  border-bottom: 1px solid #d5d0c8;  width: 100%;  padding: 20px 0;  color: #3a3a3a;  margin-top: 60px;}.stat-item {  flex: 1; /* Her öğenin eşit yer kaplamasını sağlar */  text-align: center; /* İçeriği ortalar */  padding: 10px 20px;  border-right: 1px solid #d5d0c8; /* Ayırıcı çizgi */}.stat-item:last-child {  border-right: none; /* Son öğenin sağındaki çizgiyi kaldır */}.stat-number {  font-size: 3em; /* Sayıların boyutu */  font-weight: 700; /* Kalınlık */  margin: 0 0 10px 0;}.stat-description {  font-size: 0.9em;  margin: 0;  margin-bottom: 0px !important;}/**//* --- Mobil Uyum (Responsive) --- */@media (max-width: 992px) {  .neden-biz .hero-top {    flex-direction: column;  }  .neden-biz .hero-features {    grid-template-columns: 1fr;  }  .neden-biz .hero-title {    font-size: 60px;    max-width: 100%;  }  .neden-biz .brand-panel-text {    font-size: 56px;  }}@media (max-width: 576px) {  .neden-biz {    padding: 20px 10px;  }  .neden-biz .hero-content {    padding: 25px;  }  .neden-biz .hero-title {    font-size: 29px;  }  .neden-biz .brand-panel-text {    font-size: 40px;  }  .neden-biz .hero-features {    padding: 30px;  }  .neden-biz p {    font-size: 14px;    margin: 0 0 20px 0;  }}/* --- Mobil Uyum (Responsive) --- */@media (max-width: 992px) {  .purpose-section {    padding: 80px 20px;  }  .purpose-section .content-wrapper {    flex-direction: column; /* Sütunları alt alta sırala */    text-align: center;  }  .purpose-section .image-column {    order: -1; /* Görseli metnin üstüne al (isteğe bağlı) */  }  .purpose-section .section-main-title {    font-size: 32px;    margin-bottom: 50px;  }  .purpose-section .subtitle {    font-size: 28px;  }  .neden-biz .brand-panel-icon {    margin-bottom: 20px;  }  .neden-biz .hero-brand-panel {    padding: 20px;    height: auto;  }  .neden-biz .hero-features {    padding: 30px 16px;  }  .ss-list-nav .ss-list-bg {    height: auto;  }  .ss-item-trigger {    padding: 8px 0px !important;    height: auto;  }  .ss-item-trigger svg {    width: 30px;    height: 30px;  }}/* --- Mobil Cihazlar İçin Ayarlama --- */@media (max-width: 768px) {  .info-section .section-title {    font-size: 28px;  }  .features-container {    flex-direction: column; /* Kartları dikeyde sırala */    align-items: center; /* Ortala */    gap: 20px;  }}@media (max-width: 1024px) {  .neden-biz .feature-icon svg {    width: 34px;    height: auto;  }  .info-section {    display: none;  }  .experiences-section .scroll-arrow {    display: none;  }  .slider-container .text-content-container {    width: 100%;    padding: 0 15px 50px 15px;  }  .slider-container .text-item .title {    font-size: 22px;    margin-bottom: 25px;  }  .slider-container .thumbnail-container {    display: none;  }  .experiences-section .trips-scroller {    padding-bottom: 20px;    padding: 15px 15px !important;  }  .section-header {    padding: 0px 15px;  }  .experiences-section,  .purpose-section {    padding: 40px 0px;  }  .purpose-section .section-main-title {    font-size: 26px;    margin-bottom: 30px;  }  .stat-number {    font-size: 32px;    font-weight: 700;    margin: 0 0 10px 0;  }  .stats-container {    border-top: 1px solid #d5d0c8;    border-bottom: 1px solid #d5d0c8;    width: 100%;    padding: 20px 0;    color: #3a3a3a;    margin-top: 60px;    grid-template-columns: repeat(2, 1fr);    display: grid;  }  .stat-item:nth-child(2) {    border-right: 0;  }  .neden-biz .hero-content {    padding: 25px;    position: relative;  }  .blog-section {    padding-top: 0px;  }  .neden-biz .brand-panel-text {    padding-left: 15px;  }  .neden-biz .hero-brand-panel {    flex-direction: row;  }}/* Hizmetler *//* === Services Showcase Stilleri === */.services-showcase {  display: flex;  min-height: 550px;  background-color: #f0f0f0; /* Konteyner arkaplanı */  overflow: hidden; /* Taşan kısımları gizle */}/* 1. Sol Taraf: Resimlerin ve yazıların olduğu ana alan */.ss-image-container {  flex: 65%;  position: relative; /* İçindeki absolut elemanları konumlandırmak için gerekli */  color: white; /* İçindeki tüm metinler beyaz olacak */  overflow: hidden;}/* Yazıların okunabilmesi için resmin üzerine siyah bir katman (gradient) ekliyoruz */.ss-image-container::after {  content: "";  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 70%; /* Alt kısmın %70'ini kaplasın */  background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent);  z-index: 2; /* Yazıların arkasında, resmin önünde dursun */  transition: background 0.5s ease;}.ss-image-container img {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  object-fit: cover;  z-index: 1; /* Gradient'in arkasında */  opacity: 0;  transform: scale(1.05); /* Hafif zoom efekti için başlangıç */  transition: opacity 0.7s ease-in-out, transform 1s ease-out;}.ss-image-container img.active {  opacity: 1;  transform: scale(1); /* Aktif olduğunda normale dön */}/* Resmin üzerindeki metin alanı */.ss-content-overlay {  position: absolute;  bottom: 0;  left: 0;  width: 100%;  padding: 40px;  box-sizing: border-box; /* Padding'in genişliği etkilememesi için */  z-index: 3; /* En üst katman */  opacity: 0;  transform: translateY(20px); /* Aşağıdan yumuşak gelme efekti için */  transition: opacity 0.5s ease-in-out 0.2s, transform 0.5s ease-in-out 0.2s;}.ss-content-overlay.active {  opacity: 1;  transform: translateY(0);}.ss-content-overlay h2 {  font-size: 40px;  font-weight: 700;  line-height: 1.1;  margin: 0 0 10px 0;  max-width: 50%;}.ss-content-overlay p {  font-size: 14px;  font-weight: 500;  line-height: 1.1;  margin: 0 0 60px 0;}/* 2. Sağ Taraf: Navigasyon alanı */.ss-list-nav {  flex: 35%;  /* Sizin değişkenlerinizi kullanıyoruz, eğer tanımlı değilse varsayılan renkler devreye girer */  background-color: var(--brand-color, #1a2a44);  color: var(--button-text-color, #ffffff);  display: flex;  flex-direction: column;  justify-content: center;  padding: 40px;  box-sizing: border-box;}.ss-list-nav .ss-list-bg {  margin-top: auto;  display: flex;  display: flex;  flex-direction: column;  justify-content: space-evenly;  box-sizing: border-box;  height: 100%;}.ss-item-trigger {  cursor: pointer;  margin: 10px 0;  color: rgba(255, 255, 255, 0.6);  transition: color 0.3s ease;  position: relative;  border-bottom: solid 1px #ffffff27;  height: 25%;  display: flex;  align-items: center;}.ss-item-trigger {  background: none;  border-top: none;  border-left: none;  border-right: none;  padding: 0;  margin: 0;  cursor: pointer;  text-align: left; /* Butonların içindeki metnin hizalaması için */  /* Mevcut diğer stilleriniz */}.ss-item-trigger svg {  width: 40px;  height: 40px;  flex-shrink: 0;  margin-right: 20px;  fill: #fff; /* Renk geçişi için */}.ss-item-trigger h2 {  font-size: 34px;  font-weight: 500;  line-height: 1;  display: inline-block;  margin: 0;}.ss-image-liste {  display: none;}.ss-image-liste.active {  display: block;}.ss-item-trigger .underline {  width: 0;  height: 2px;  background-color: #fff;  transition: width 0.3s ease-in-out;  margin-top: 10px;  position: absolute;  left: 0;  bottom: 0;}.ss-item-trigger.active,.ss-item-trigger:hover {  color: #fff; /* Aktif ve hover rengi tam beyaz */}.ss-item-trigger.active .underline {  width: 100%;}.ss-item-trigger.active h2 {  font-weight: 700;}/* Mobil uyumluluk */@media (max-width: 992px) {  .services-showcase {    flex-direction: column;  }  .ss-image-container,  .ss-list-nav {    flex: 1 1 auto; /* Esnekliği sıfırla */  }  .ss-image-container {    min-height: 350px;  }  .ss-list-nav {    padding: 30px 20px;  }  .ss-item-trigger h2 {    font-size: 27px;  }}@media (max-width: 1024px) {  .ss-content-overlay h2 {    max-width: 100%;    font-size: 28px;  }}