:root{
  --bg:#ffffff;
  --text:#0f172a;
  --muted:#5b677a;
  --primary:#3B7C6D;
  --primary-600:#16a34a;
  --card:#f7fafc;
  --ring:#e6eef5;
  --shadow:0 10px 30px rgba(15,23,42,.08);
}

/* Fluid tipografi */
html{font-size:clamp(14px, 0.9rem + 0.5vw, 18px); scroll-behavior:smooth;}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.55;
}

.container{max-width:1100px;margin:0 auto;padding:0 1.2rem}
.section{padding:5rem 0; scroll-margin-top:84px;}
.section.alt{background:linear-gradient(180deg,#fafcff 0%,#ffffff 100%)}
.section-title{font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);margin:0 0 1rem}

.site-header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(180%) blur(8px);
  background:color-mix(in oklab, #ffffff 85%, transparent);
  border-bottom:1px solid var(--ring);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  min-height:72px; transition:min-height .25s ease, padding .25s ease;
}
.logo svg{width:36px;height:36px;transition:width .25s ease, height .25s ease, transform .25s ease}
/* Yeni logo görseli boyutları (header küçülmesine uyumlu) */
/* Logo boyutu ve konumu (biraz daha büyük + biraz sola) */
.brand-only{ padding:.2rem 0; margin-left:-14px; }   /* sola kaydırma */
.brand-img{ height:66px; width:auto; }              /* önceki 36px'ti */
.site-header.is-shrunk .brand-img{ height:34px; }   /* küçülmüş header için */

/* İstersen biraz daha sola:
.brand-only{ margin-left:-14px; }
*/


/* Eski SVG kuralları varsa etkisiz kalsın: */
.logo svg{ display:none !important; }
.brand-text{ display:none !important; }


.nav{display:flex;align-items:center;gap:.6rem;margin-left:auto;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav-link{padding:.5rem .7rem;border-radius:999px;text-decoration:none;color:inherit}
.nav-link:hover{background:#f2f6fb}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.65rem 1rem;border-radius:999px;border:1px solid transparent;
  font-weight:600; text-decoration:none; transition:.25s ease;
}
.btn.primary{background:var(--primary);color:white}
.btn.primary:hover{background:var(--primary-600)}
.btn.ghost{background:#fff;border-color:var(--ring);color:var(--text)}
.btn.ghost:hover{box-shadow:var(--shadow)}

.lang-wrap{position:relative}
.lang-menu{
  position:absolute;right:0;top:120%;
  background:#fff;border:1px solid var(--ring);border-radius:14px;box-shadow:var(--shadow);
  padding:.25rem;display:none;min-width:180px;
  z-index:70;
}
.lang-menu.open{display:block}
.lang-item{display:block;width:100%;text-align:left;background:transparent;border:0;padding:.65rem .75rem;border-radius:10px;cursor:pointer}
.lang-item:hover{background:#f2f6fb}

/* Hamburger kontrolü */
.menu-btn{display:none}
.site-header.nav-collapsed .menu-btn{display:inline-flex}
.site-header.nav-collapsed .nav{display:none}

/* Dikey mobil menü */
.mobile-menu{
  position:absolute;left:0;right:0;top:100%;
  background:#fff;border-top:1px solid var(--ring);border-bottom:1px solid var(--ring);
  box-shadow:var(--shadow);padding:.5rem;display:none;z-index:60;
}
.mobile-menu.open{display:block}
.mobile-menu .nav-link{display:block;padding:.75rem 1rem;border-radius:10px;text-decoration:none;color:inherit}
.mobile-menu .nav-link:hover{background:#f2f6fb}
.mobile-menu .lang-wrap.mobile{margin:.25rem 0}

/* --- HERO: Pure CSS arka plan slider --- */
.hero{ position:relative; isolation:isolate; overflow:hidden; padding: 10rem 0;}

/* Slider katmanı (arka planda) */
.hero-slider{
  position:absolute; inset:0; z-index:-2; /* ::after örtüsünün ALTINDA olsun */
}

/* Tüm görseller üst üste, CSS animasyonla sırayla görünür */
.hero-slider img{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover;
  opacity:0;                   /* başlangıçta görünmez */
  animation:heroFade 24s infinite;
  pointer-events:none;         /* tıklama almaz */
}

/* 4 görsel için zamanlama: 24s / 4 = 6s */
.hero-slider img:nth-child(1){ animation-delay:0s; }
.hero-slider img:nth-child(2){ animation-delay:6s; }
.hero-slider img:nth-child(3){ animation-delay:12s; }
.hero-slider img:nth-child(4){ animation-delay:18s; }

/* Yumuşak görünme/kaybolma */
@keyframes heroFade{
  0%   { opacity:0; }
  2%   { opacity:1; }  /* hızlıca görünür */
  23%  { opacity:1; }  /* bir süre görünür */
  25%  { opacity:0; }  /* sonra kaybolur */
  100% { opacity:0; }
}

/* Okunabilirlik için üst örtü (sliderın ÜSTÜNDE) */
.hero::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg, rgba(255,255,255,.85) 0%,
                                      rgba(255,255,255,.35) 35%,
                                      rgba(255,255,255,.85) 100%);
}

/* Küçük ekranda biraz daha örtü */
@media (max-width:560px){
  .hero::after{
    background:linear-gradient(180deg, rgba(255,255,255,.9) 0%,
                                        rgba(255,255,255,.45) 35%,
                                        rgba(255,255,255,.9) 100%);
  }
}

/* NOT: Eski .hero-slider img.is-active ve transition kuralları varsa silebilirsin. */



/* Grid & Cards */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}
.card{
  background:var(--card); border:1px solid var(--ring); border-radius:16px;
  padding:1rem; box-shadow:var(--shadow); transition:transform .25s ease, box-shadow .25s ease;
}
.card:hover{transform:translateY(-3px); box-shadow:0 14px 40px rgba(15,23,42,.1)}
.card h3{margin:.25rem 0 .35rem;font-size:1.05rem}
.card p{margin:0;color:var(--muted)}

/* About */
.avatar{
  width:140px;height:140px;border-radius:50%;
  display:grid;place-items:center;background:linear-gradient(135deg,#f0f9ff,#ffffff);
  color:#0f172a;font-weight:700;font-size:2rem;border:1px solid var(--ring);box-shadow:var(--shadow)
}

/* Contact */
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}
.form .field{display:flex;flex-direction:column;gap:.35rem}
.form input,.form textarea{
  width:100%;padding:.7rem .9rem;border:1px solid var(--ring);border-radius:12px;outline:none;
  background:#fff; font:inherit;
}
.form input:focus,.form textarea:focus{box-shadow:0 0 0 4px rgba(34,197,94,.15);border-color:var(--primary)}
.form-actions{display:flex;gap:.6rem;flex-wrap:wrap}

/* Footer */
.site-footer{padding:2rem 1rem;border-top:1px solid var(--ring);text-align:center;color:var(--muted)}

/* WhatsApp FAB */
.wa-fab{
  position:fixed;right:18px;bottom:18px;background:var(--primary);color:#fff;
  padding:.85rem 1rem;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow)
}
.wa-fab:hover{background:var(--primary-600)}
.wa-fab-text{font-weight:700}

/* Scroll reveal */
.reveal-on-scroll{opacity:0;transform:translateY(12px);transition:opacity .5s ease, transform .5s ease}
.reveal-on-scroll.revealed{opacity:1;transform:none}

/* Header küçülme */
.site-header.is-shrunk .header-inner{min-height:56px}
.site-header.is-shrunk .brand{padding:.35rem .6rem}
.site-header.is-shrunk .logo svg{width:28px;height:28px;transform:translateY(1px)}
.site-header.is-shrunk .brand-text small{display:none}
.site-header.is-shrunk .nav-link{padding:.35rem .55rem}
.site-header.is-shrunk .btn{padding:.45rem .7rem}

/* Küçük ekran */
@media (max-width:560px){
  #home, .section { scroll-margin-top:92px; }
  .header-inner{gap:.6rem}
  .brand-text strong{font-size:1rem}
}
/* Nav orta alanda esnek; taşarsa önce hamburger'e düşer */
.nav{
  flex:1 1 auto;              /* brand solda, actions sağda; nav ortada esner */
  min-width:0;                 /* taşma hesapları için şart */
  overflow-x:auto;
  overflow-y:visible;          /* dikey dil menüsü kesilmesin */
}

/* Sağ aksiyon alanı (dil + hamburger) */
.actions{ display:flex; align-items:center; gap:.5rem }

/* Dar alanda: hamburger görünür, yatay nav gizlenir, masaüstü dil butonu gizlenir (mobil menüde var zaten) */
.menu-btn{ display:none }
.site-header.nav-collapsed .menu-btn{ display:inline-flex }
.site-header.nav-collapsed .nav{ display:none }
.site-header.nav-collapsed .actions .lang-wrap{ display:none }  /* kopya görünümü engelle */