/* ========= YENİ HEADER BÖLÜMÜ (TÜM HEADER STİLLERİ BURADA) ========= */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #0e102b;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .25);
  padding: 12px 0;
}

.nav {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo-text {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  white-space: nowrap; /* Yazının alt satıra kaymasını engeller */
}

.logo-image-link {
  margin: 0 auto; /* Logoyu ortalamak için */
}

.logo-image {
  height: 70px;
  display: block;
}

.menu {
  display: flex;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu a {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  opacity: .95;
  transition: .25s ease;
}

.menu a:hover {
  opacity: 1;
  color: #ffd54f;
}

.menu a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  height: 2px;
  width: 0;
  background: #ffd54f;
  transition: width .25s ease;
}

.menu a:hover::after, .menu a.active::after {
  width: 100%;
}

.hamburger-menu {
  display: none; /* Büyük ekranda gizli */
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  z-index: 1001;
}

.hamburger-menu span {
  display: block;
  width: 25px;
  height: 3px;
  margin: 5px 0;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

/* === MOBİL İÇİN MEDIA QUERY (HAMBURGER MENÜ AKTİVASYONU) === */
@media (max-width: 1024px) { /* 1024px'den küçük ekranlarda geçerli olacak */
  .logo-text {
    display: none; /* Yer kazanmak için metin logoyu gizle */
  }

  .logo-image-link {
    margin: 0; /* Ortalamayı kaldır, sola yasla */
  }

  .nav {
    justify-content: space-between; /* Logo ve hamburgeri iki uca yasla */
  }

  .hamburger-menu {
    display: block; /* Hamburgeri göster */
  }

  .menu {
    display: none; /* Menüyü varsayılan olarak gizle */
    position: absolute;
    top: 94px; /* header yüksekliği kadar */
    left: 0;
    width: 100%;
    background: #0e102b;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
    box-shadow: 0 10px 10px rgba(0,0,0,0.1);
  }

  .menu.active {
    display: flex; /* Hamburger'e tıklanınca menüyü göster */
  }

  .menu li {
    padding: 10px 0;
  }

  /* Hamburger animasyonu (çarpı işareti) */
  .hamburger-menu.active span:nth-child(2) {
    opacity: 0;
  }
  .hamburger-menu.active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  .hamburger-menu.active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }
}


/* ========= Global & Base ========= */
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%; overflow-x: hidden;} /* TAŞMA SORUNUNU KESİN ÇÖZMEK İÇİN EKLENDİ */
body{
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:#f8f8fc;color:#2b2b2b;line-height:1.6
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
[id]{scroll-margin-top:90px} /* sticky header için anchor düzeltmesi */

/* ESKİ HEADER KODLARININ YERİNE YUKARIDAKİ YENİ BÖLÜM GEÇTİ */

/* ========= Buttons ========= */
.btn,.btn-small{
  display:inline-block;border:none;cursor:pointer;
  background:linear-gradient(90deg,#673ab7,#9c27b0);
  color:#fff;padding:12px 22px;border-radius:10px;font-weight:700;
  box-shadow:0 10px 20px rgba(103,58,183,.25);
  transition:transform .12s ease,filter .2s ease
}
.btn:hover,.btn-small:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-small{padding:9px 16px;border-radius:8px;font-weight:600}

/* ========= Shell (section wrapper) ========= */
.shell{
  max-width:1200px;margin:44px auto;padding:24px 20px;
  background:#fff;border-radius:16px;
  box-shadow:0 14px 45px rgba(14,21,47,.08), 0 10px 20px rgba(14,21,47,.06)
}

/* ========= HERO (premium koyu mor) ========= */
.mentor-hero{
  background:radial-gradient(1200px 600px at 15% 0%,#2b2b8f 0,#1d1b7a 45%,#14123a 100%);
  color:#fff;padding:70px 20px
}
.mentor-container{
  max-width:1200px;margin:0 auto;display:grid;gap:32px;
  grid-template-columns:1.1fr .9fr;align-items:center
}
@media(max-width:920px){.mentor-container{grid-template-columns:1fr}}
.mentor-copy h1{font-size:clamp(30px,4.6vw,48px);line-height:1.12;margin:0 0 12px}
.mentor-copy p{color:#dfe2ff;max-width:56ch;margin:0 0 18px;font-weight:500}

/* Dikey kayar ray */
.mentor-rail-link{display:block;color:inherit}
.mentor-rail-wrap{
  position:relative;height:350px;overflow:hidden;border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);padding:12px
}
.mentor-rail{display:flex;flex-direction:column;gap:16px;animation:scrollDown 15s linear infinite}
.mentor-rail:hover{animation-play-state:paused}
@keyframes scrollDown{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}
.vcard{
  display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:center;
  background:rgba(12,12,26,.6);border:1px solid rgba(255,255,255,.14);
  border-radius:16px;padding:12px;box-shadow:0 10px 28px rgba(0,0,0,.28)
}
.vcard img{width:80px;height:80px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.25)}
.vcard .meta h3{margin:0;font-size:17px}
.vcard .meta p{margin:4px 0 0;font-size:13px;color:#cfd6ff}
.fade{position:absolute;left:0;right:0;height:70px;pointer-events:none;background:linear-gradient(to bottom,rgba(20,18,58,1),rgba(20,18,58,0))}
.fade-top{top:0}.fade-bottom{bottom:0;transform:rotate(180deg)}

/* ========= Paketler (premium kartlar) ========= */
.plans-section{text-align:center}
.plans-section h2,.plans-section h1{font-size:clamp(24px,3.2vw,32px);color:#1e276c;margin-bottom:6px}
.plans-section .subtitle{color:#6b7280;margin:8px 0 28px}
.plans-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px
}
@media(max-width:1000px){.plans-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.plans-grid{grid-template-columns:1fr}}
.plan-card{
  display:grid;gap:12px;background:#14123a ;border:1px solid #e6e8f5;border-radius:16px;padding:22px;
  transition:transform .12s ease, box-shadow .2s ease, border-color .2s ease;
  box-shadow:0 12px 26px rgba(20,20,43,.06);
  text-align:left;
  scroll-margin-top:90px;
}
.plan-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 36px rgba(20,20,43,.09);
  border-color:#c7d2fe
}
.plan-card h3, .plan-card h2{color:#ffffff}
.plan-card ul{padding-left:18px;color:#ffffff}
.plan-card .price{font-weight:800;color:#ffffff}
.plan-card .btn-small{justify-self:start}

.plan-card .desc {
  color: #000000; /* Açık gri, koyu arka planda daha görünür */
  font-style: italic;
}


/* fiyat listesi */
.price-list{padding-left:18px;color:#222}

/* ek bilgi */
.plan-info{margin-top:24px;text-align:left}
.plan-info h3{color:#1e276c;margin-bottom:6px}

/* ========= Yorumlar Slider ========= */
.slider{position:relative}
.slider-head{text-align:center;margin-bottom:16px}
.slider-head h2{font-size:clamp(24px,3vw,32px);color:#1e276c;margin-bottom:6px}
.slider-head p{color:#6b7280}
.t-viewport{overflow:hidden;max-width:1200px;margin:0 auto}
.t-track{display:flex;gap:16px;transition:transform .35s ease;will-change:transform;padding:6px 2px 10px}
.t-card{
  flex:0 0 calc(33.333% - 10.7px);background:#fff;border:1px solid #e6e8f5;border-radius:16px;padding:18px;
  box-shadow:0 14px 32px rgba(20,20,43,.06);min-height:190px
}
@media(max-width:900px){.t-card{flex-basis:calc(50% - 8px)}}
@media(max-width:600px){.t-card{flex-basis:100%}}
.t-quote{position:relative;color:#334155;line-height:1.6;padding-top:8px}
.t-quote::before{content:"“";position:absolute;left:-6px;top:-8px;font-size:42px;color:#94a3b8;opacity:.35}
.t-meta{display:flex;align-items:center;gap:10px;margin-top:14px}
.t-name{font-weight:700;color:#111827}
.t-badge{font-size:12px;font-weight:800;border-radius:999px;padding:4px 8px;border:1px solid currentColor}
.t-ogr{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}
.t-veli{color:#0f766e;background:#ccfbf1;border-color:#99f6e4}
.t-nav{
  position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
  border:none;cursor:pointer;background:#6a1b9a;color:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .1s,background .2s
}
.t-nav:hover{background:#4a148c}
.t-prev{left:10px}.t-next{right:10px}

/* ========= Uzmanlar Grid ========= */
.experts-section{text-align:center}
.experts-section h1{color:#1e276c;margin-bottom:6px}
.experts-section .subtitle{color:#6b7280;margin:8px 0 28px}
.experts-grid{
  display:grid;gap:20px;grid-template-columns:repeat(4,1fr)
}
@media(max-width:1100px){.experts-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.experts-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.experts-grid{grid-template-columns:1fr}}
.expert-card{
  background:#fff;border:1px solid #e6e8f5;border-radius:16px;padding:16px;text-align:left;
  box-shadow:0 12px 26px rgba(20,20,43,.06)
}
.expert-card img{width:100%;height:240px;object-fit:cover;border-radius:12px;margin-bottom:10px}
.expert-card h3{color:#6a1b9a;margin-bottom:2px}
.expert-card .title{color:#6b7280;font-size:.9rem;margin-bottom:8px}
.expert-card .bio{color:#404454}

/* ========= İletişim ========= */
.contact-page{text-align:center}
.contact-page h1{color:#1e276c;margin-bottom:6px}
.contact-page .subtitle{color:#6b7280;margin:8px 0 28px}
.contact-form{
  max-width:640px;margin:0 auto;display:grid;gap:12px;text-align:left
}
.contact-form label{font-weight:600}
.contact-form input,.contact-form textarea,.contact-form select{
  padding:12px;border:1px solid #d1d5db;border-radius:10px;font-size:1rem;outline:none;background:#fff
}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{
  border-color:#6a1b9a;box-shadow:0 0 0 3px rgba(106,27,154,.12)
}
.contact-info{margin-top:26px;color:#404454}

/* Footer'daki inline stilleri CSS'e taşıyabilirsin, şimdilik dokunmadım */










/* Tüm modallar başlangıçta gizli */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 40px 20px;
  box-sizing: border-box;
}

/* Açıldığında aktif class eklenecek */
.modal.active {
  display: block;
}

/* Modal içeriği */
.modal-content {
  background: white;
  padding: 20px;
  border-radius: 8px;
  max-width: 700px;
  margin: 50px auto;
  position: relative;
}