/* FSB Enerji — Gürsan-style Multi Page (Beige+Gold) */
:root{--beige:#f5f1ea;--beige2:#efe7dc;--text:#1f1f1f;--muted:rgba(0,0,0,.55);--gold:#d4af37;--gold2:#b8952e;--line:rgba(0,0,0,.08);--shadow:0 18px 45px rgba(0,0,0,.10);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 520px at 10% 0%, rgba(212,175,55,.12), transparent 55%),radial-gradient(900px 520px at 90% 10%, rgba(212,175,55,.08), transparent 55%),var(--beige)}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}
.container{max-width:1160px;margin:0 auto;padding:0 18px}.muted{color:var(--muted)}.tiny{font-size:12px}.sep{opacity:.55}
.page{min-height:70vh;opacity:0;transform:translateY(8px);transition:opacity .32s ease,transform .32s ease}
.page.is-ready{opacity:1;transform:none}body.is-leaving .page{opacity:0;transform:translateY(-6px)}
.topbar{background:var(--beige2);border-bottom:1px solid var(--line);font-size:14px}
.topbar__inner{display:flex;justify-content:space-between;align-items:center;padding:10px 0;gap:12px}
.topbar__left{display:flex;gap:12px;flex-wrap:wrap;color:var(--gold2)}.topbar__left a{color:var(--gold2)}.topbar__left .sep,.topbar__left .addr{color:var(--gold2)}
.topbar__right{display:flex;gap:10px;align-items:center}
.icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:rgba(255,255,255,.55);color:rgba(0,0,0,.65)}
.header{position:sticky;top:0;z-index:40;background:rgba(245,241,234,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header__inner{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:12px}
.brand{display:flex;align-items:center;gap:12px}
.brand__logo{width:44px;height:44px;border-radius:14px;padding:6px;object-fit:cover;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 25px rgba(0,0,0,.06)}
.brand__name{font-weight:1000;letter-spacing:.8px}
.brand__sub{font-size:12px;letter-spacing:2px;color:rgba(0,0,0,.55)}
.menu{display:flex;align-items:center;gap:18px}.menu>a{font-weight:900;font-size:13px;color:rgba(0,0,0,.70);padding:8px 6px}.menu>a:hover{color:#000}
.dd{position:relative}.dd__btn{border:0;background:transparent;font-weight:900;font-size:13px;color:rgba(0,0,0,.70);cursor:pointer;display:flex;gap:6px;align-items:center;padding:8px 6px}
.dd__btn:hover{color:#000}
.dd__panel{position:absolute;top:42px;left:0;min-width:280px;max-height:70vh;overflow:auto;background:rgba(255,255,255,.96);border:1px solid rgba(0,0,0,.10);border-radius:14px;box-shadow:var(--shadow);padding:10px;display:none}
.dd.is-open .dd__panel{display:block}
.dd__panel a{display:block;padding:10px 10px;border-radius:12px;font-weight:800;color:rgba(0,0,0,.72)}
.dd__panel a:hover{background:rgba(212,175,55,.10);color:#000}
.header__actions{display:flex;gap:10px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.60);font-weight:1000}
.btn--gold{background:linear-gradient(180deg,#f5de8f,var(--gold));border-color:rgba(212,175,55,.65);color:#2b2107}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.60);cursor:pointer}
.burger span{display:block;width:20px;height:2px;background:#222;margin:5px auto;opacity:.85}
.banner{position:relative;height:260px;overflow:hidden;border-bottom:1px solid var(--line)}
.banner img{width:100%;height:100%;object-fit:cover;opacity:.22}
.banner__veil{position:absolute;inset:0;background:radial-gradient(900px 520px at 30% 20%, rgba(245,241,234,.92), rgba(245,241,234,.72))}
.banner__inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center}
.banner h1{margin:0;font-size:34px}
.banner p{margin:8px 0 0;color:rgba(0,0,0,.70);max-width:70ch}
.hero .banner{height:420px}.hero .banner h1{font-size:44px}
.layout{display:grid;grid-template-columns:320px 1fr;gap:18px;padding:26px 0 60px}
.sidebar{background:rgba(255,255,255,.65);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius);overflow:hidden;height:fit-content;box-shadow:0 12px 30px rgba(0,0,0,.06);position:sticky;top:96px}
.sidehead{padding:14px;border-bottom:1px solid rgba(0,0,0,.08);font-weight:1000}
.sidelist a{display:block;padding:12px 14px;border-left:3px solid transparent;color:rgba(0,0,0,.70);font-weight:800}
.sidelist a:hover{background:rgba(212,175,55,.08)}
.sidelist a.is-active{border-left-color:var(--gold2);background:rgba(212,175,55,.10);color:#000}
.sidecard{padding:14px;border-top:1px solid rgba(0,0,0,.08)}.sidecard h3{margin:0 0 8px;font-size:14px}
.sidecard .mini{font-size:13px;color:rgba(0,0,0,.66)}
.form{display:grid;gap:10px;margin-top:10px}
label{display:grid;gap:6px;font-size:12px;font-weight:900;color:rgba(0,0,0,.70)}
input,select,textarea{padding:10px;border-radius:12px;border:1px solid rgba(0,0,0,.10);background:#fff;outline:none}
input:focus,select:focus,textarea:focus{border-color:rgba(212,175,55,.75);box-shadow:0 0 0 4px rgba(212,175,55,.14)}
.status{min-height:18px;font-size:13px}.status.ok{color:#0f7a2c}.status.err{color:#b42318}
.content{background:rgba(255,255,255,.70);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.06)}
.content__banner img{width:100%;height:340px;object-fit:cover;display:block}
.content__body{padding:18px}.content__body h2{margin:0 0 10px;color:var(--gold2)}
.content__body p{line-height:1.8;color:rgba(0,0,0,.70)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.box{padding:14px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:rgba(255,255,255,.60)}
.box h3{margin:0 0 8px;font-size:14px}
.list{padding-left:18px;margin:10px 0 0;color:rgba(0,0,0,.70)}.list li{margin:8px 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:26px 0 60px}
.card{background:rgba(255,255,255,.70);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.06)}
.card img{width:100%;height:170px;object-fit:cover;display:block}
.card .pad{padding:14px}.card h3{margin:0 0 8px}.card p{margin:0;color:rgba(0,0,0,.65);line-height:1.6}
.card .more{display:inline-block;margin-top:10px;color:var(--gold2);font-weight:1000}
.footer{background:#0f3b63;color:#eaf2ff;margin-top:40px}.footer a{color:#eaf2ff}
.footer__grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr;gap:22px;padding:38px 0}
.footlogo{width:120px;margin-bottom:10px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25))}
.footcol h4{margin:0 0 12px;font-size:14px;color:var(--gold)}
.footcol a{display:block;padding:7px 0;opacity:.92}.footcol a:hover{opacity:1}
.footnews{display:flex;gap:10px;padding:10px 0}
.footnews img{width:74px;height:54px;border-radius:10px;object-fit:cover}
.footnews__t{font-weight:900;font-size:13px}.footnews__d{opacity:.8;font-size:12px}
.footbottom{padding:14px 0;border-top:1px solid rgba(255,255,255,.12);opacity:.92;font-size:13px}
.wa{position:fixed;right:18px;bottom:18px;z-index:60;padding:14px 16px;border-radius:999px;background:rgba(36,155,74,.92);color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.25);font-weight:1000}
@media (max-width:980px){
  .menu{display:none}.burger{display:block}
  .menu.is-open{display:grid;position:absolute;top:72px;right:18px;background:rgba(255,255,255,.96);border:1px solid rgba(0,0,0,.10);border-radius:14px;padding:10px;box-shadow:var(--shadow);min-width:260px;gap:6px}
  .dd__panel{position:static;display:block;box-shadow:none;border:0;padding:0;background:transparent;max-height:none}
  .dd__btn{width:100%;justify-content:space-between}
  .layout{grid-template-columns:1fr}.sidebar{position:static}
  .cards{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr}
  .banner{height:220px}.hero .banner{height:320px}.hero .banner h1{font-size:32px}
}

/* ===== TOP BAR KURUMSAL (BEJ + ALTIN) ===== */
.topbar{
  background:#efe7dc;
  border-bottom:1px solid rgba(0,0,0,.08);
  font-size:13px;
}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;flex-wrap:wrap}
.topbar-left{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.topbar-left a,.topbar-left span{color:rgba(0,0,0,.72);font-weight:600;text-decoration:none}
.topbar-left i{color:#b8952e;margin-right:6px}
.topbar-right a{
  width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;background:#f5f1ea;color:#b8952e;border:1px solid rgba(0,0,0,.10);
  transition:all .25s ease
}
.topbar-right a:hover{background:#d4af37;color:#fff;border-color:rgba(212,175,55,.6)}

/* === HOME HERO (Gursan-style) === */
.hero--home{min-height:520px; position:relative}
.hero--home .hero__bg{position:absolute; inset:0}
.hero--home .hero__bg img,.hero--home .hero__bg video{width:100%;height:100%;object-fit:cover;filter:brightness(.88) contrast(1.08) saturate(1.05)}
.hero--home .hero__veil--dark{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.18) 55%, rgba(0,0,0,0) 100%),
    radial-gradient(900px 520px at 18% 20%, rgba(0,0,0,.45), rgba(0,0,0,0));
}
.heroHome{position:relative; padding:86px 0 76px}
.heroHome__content{max-width:640px; color:#fff}
.heroHome__kicker{display:inline-flex;gap:10px;align-items:center;font-weight:950;letter-spacing:.6px;opacity:.92;margin-bottom:10px}
.heroHome__kicker span{width:10px;height:10px;border-radius:99px;background:#d4af37}
.heroHome__content h1{margin:0;font-size:46px;line-height:1.05;letter-spacing:.2px}
.heroHome__content p{margin:12px 0 0;max-width:62ch;color:rgba(255,255,255,.86);line-height:1.75}
.heroHome__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.heroHome__cta .btn{border-color:rgba(255,255,255,.22)}
.heroHome__cta .btn:not(.btn--gold){background:rgba(255,255,255,.12);color:#fff}
.heroHome__cta .btn:not(.btn--gold):hover{background:rgba(255,255,255,.18)}
@media (max-width:980px){
  .hero--home{min-height:460px}
  .heroHome{padding:64px 0 56px}
  .heroHome__content h1{font-size:34px}
}

/* === FOOTER OVERRIDE: BEJ KURUMSAL (NO BLUE) === */
.footer, footer{
  background:linear-gradient(180deg,#f5f1ea 0%,#efe7dc 100%) !important;
  color:#1f1f1f !important;
  border-top:1px solid rgba(0,0,0,.10) !important;
}
.footer a{color:inherit}

/* =======================
   === PREMIUM ADDONS ===
   ======================= */

/* Reveal on scroll */
.reveal{opacity:0; transform:translateY(14px); transition:opacity .6s ease, transform .6s ease}
.reveal.is-in{opacity:1; transform:none}

/* HERO Slider */
.heroSlider{position:relative; min-height:560px}
.heroSlider .hero__bg{position:absolute; inset:0}
.heroSlider .hero__bg img,.heroSlider .hero__bg video{width:100%;height:100%;object-fit:cover; filter:brightness(.86) contrast(1.08) saturate(1.05)}
.heroSlider .hero__veil--dark{position:absolute; inset:0}
.heroSlider__slides{position:absolute; inset:0}
.heroSlide{position:absolute; inset:0; opacity:0; transition:opacity .9s ease}
.heroSlide.is-active{opacity:1}
.heroSlider__controls{
  position:absolute; inset:0; pointer-events:none;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 14px;
}
.heroArrow{
  pointer-events:auto;
  width:46px;height:46px;border-radius:14px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);
  color:#fff; display:grid; place-items:center;
  backdrop-filter: blur(8px);
  cursor:pointer;
}
.heroArrow:hover{background:rgba(255,255,255,.18)}
.heroDots{
  position:absolute; left:0; right:0; bottom:18px;
  display:flex; justify-content:center; gap:10px;
}
.heroDot{
  width:10px;height:10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(255,255,255,.18);
  cursor:pointer;
}
.heroDot.is-active{background: #d4af37; border-color: rgba(212,175,55,.9)}

/* Premium KPI row */
.kpis--premium{grid-template-columns:repeat(4,1fr)}
.kpi .num[data-count]{font-variant-numeric: tabular-nums}
@media (max-width:1040px){ .kpis--premium{grid-template-columns:repeat(2,1fr)} }

/* Client logos marquee */
.marquee{
  background:rgba(255,255,255,.55);
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  overflow:hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.07);
}
.marqueeTrack{
  display:flex;
  gap:22px;
  padding:14px 18px;
  width:max-content;
  animation: marquee 28s linear infinite;
}
.marquee:hover .marqueeTrack{animation-play-state:paused}
.clientLogo{
  width:160px; height:76px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  display:grid; place-items:center;
  padding:10px;
}
.clientLogo img{max-width:100%; max-height:100%; opacity:.9; filter:grayscale(1)}
.clientLogo img:hover{filter:none; opacity:1}
@keyframes marquee{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* Feature strip */
.features{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
.feature{
  background:rgba(255,255,255,.62);
  border:1px solid rgba(0,0,0,.10);
  border-radius:18px;
  padding:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.07);
}
.feature h3{margin:0 0 8px; font-size:15px}
.feature p{margin:0; color:rgba(0,0,0,.65); line-height:1.7}
@media (max-width:980px){ .features{grid-template-columns:1fr} }


/* Utility */
.hidden{display:none!important;}


.floating-teklif{
  position:fixed;
  right:20px;
  bottom:90px;
  background:linear-gradient(135deg,#f2c94c,#e0b100);
  color:#000;
  font-weight:600;
  padding:14px 22px;
  border-radius:50px;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,.25);
  z-index:9999;
  transition:all .3s ease;
}
.floating-teklif:hover{transform:scale(1.05);}

/* Anchor offset for sticky header */
#teklif-al{scroll-margin-top:90px;}


/* Dropdown groups */
.dd__group{padding:4px 0}
.dd__title{padding:8px 10px 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:1000;color:rgba(0,0,0,.55)}
.dd__divider{height:1px;background:rgba(0,0,0,.08);margin:6px 8px;border-radius:999px}
/* Make anchor scroll position nicer when header is sticky */
#teklif-al{scroll-margin-top:90px}


/* --- Services: fast finder + modern typography --- */
.services-toolbar{padding:22px 0 10px}
.services-toolbar .toolbar-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.services-toolbar .toolbar-title h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.02em}
.services-toolbar .toolbar-title p{margin:8px 0 0;opacity:.85;max-width:62ch}
.services-toolbar .toolbar-search{min-width:min(420px,100%)}
.services-toolbar input[type="search"]{
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.75);
  outline:none;
}
.services-toolbar input[type="search"]:focus{border-color:rgba(0,0,0,.28);box-shadow:0 0 0 4px rgba(0,0,0,.06)}

.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.chip{
  padding:9px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.7);
  cursor:pointer;
  font-weight:700;
  font-size:13px;
  line-height:1;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.chip:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.08)}
.chip.is-active{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.22)}

.cards .card .kicker{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:10px}
.cards .card h3{margin:0 0 10px;font-size:20px;line-height:1.22;letter-spacing:-.01em}
.cards .card p{margin:0 0 14px;font-size:14.5px;line-height:1.6;opacity:.88}

.sr-only{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}


/* --- Premium Services Typography & Cards --- */
.cards{gap:18px}
.card{backdrop-filter: blur(10px); transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.card:hover{transform:translateY(-4px); box-shadow:0 18px 54px rgba(0,0,0,.10); border-color:rgba(0,0,0,.18)}
.card .pad{padding:18px 18px 16px}
.cards .card .kicker{font-size:11px; letter-spacing:.10em; margin-bottom:12px; opacity:.75}
.cards .card h3{margin:0 0 12px; font-size:clamp(21px,1.7vw,30px); line-height:1.18; letter-spacing:-.02em; font-weight:950}
.cards .card p{margin:0 0 14px; font-size:13.5px; line-height:1.75; opacity:.82}
.cards .card .more{font-size:13px}
@media (max-width: 820px){
  .cards{grid-template-columns:1fr; gap:14px}
  .card img{height:190px}
}




/* === Dropdown ana başlıkları (GES ÇÖZÜMLERİ vb.) - Logo rengi & daha canlı === */
.dd__title{
  color: var(--gold);
  font-weight: 900;
  font-size: 12.5px;
  letter-spacing: .10em;
}

.dd__divider{
  background: rgba(212,175,55,.35);
}

/* Dropdown link hover vurgusu */
.dd a:hover, .dropdown a:hover, .dd__menu a:hover{
  color: var(--gold);
}



/* === HERO (Home) - Professional polish === */
.hero--home{
  min-height: 640px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero--home::after{
  /* softer, more premium overlay */
  background: linear-gradient(90deg,
    rgba(0,0,0,0.58) 0%,
    rgba(0,0,0,0.30) 48%,
    rgba(0,0,0,0.08) 100%);
}
.heroSlide img{
  filter: brightness(0.95) contrast(1.06) saturate(1.05);
  transform: scale(1.02);
}

.heroHome{
  padding: 0;
  width: 100%;
}
.heroHome__content{
  max-width: 720px;
  padding: 0 10px;
}
.heroHome__kicker{
  display:flex;
  align-items:center;
  gap: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .95;
}
.heroHome__kicker::before{
  content:"";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--gold);
  box-shadow: 0 0 0 6px rgba(218,177,71,0.18);
}
.heroHome__content h1{
  font-size: 62px;
  line-height: 1.02;
  letter-spacing: -0.02em;
  margin: 14px 0 14px;
  text-shadow: 0 10px 30px rgba(0,0,0,.38);
}
.heroHome__content p{
  font-size: 18px;
  line-height: 1.7;
  max-width: 560px;
  opacity: .95;
}
.heroHome__cta{
  margin-top: 22px;
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
}
.heroHome__cta .btn{
  height: 48px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  backdrop-filter: blur(4px);
}
.heroHome__cta .btn:not(.btn--gold){
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.20);
  color: #fff;
}
.heroHome__cta .btn:not(.btn--gold):hover{
  background: rgba(255,255,255,0.16);
}
.heroArrow{
  width: 44px;
  height: 44px;
  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(6px);
}
.heroArrow:hover{
  background: rgba(0,0,0,0.48);
}
.heroDots{
  bottom: 26px;
}
.heroDot{
  width: 9px;
  height: 9px;
  opacity: .55;
}
.heroDot.active{
  opacity: 1;
  transform: scale(1.08);
}

/* Responsive */
@media (max-width: 992px){
  .hero--home{ min-height: 560px; }
  .heroHome__content h1{ font-size: 48px; }
}
@media (max-width: 600px){
  .hero--home{ min-height: 520px; }
  .heroHome__content{ max-width: 100%; padding: 0 6px; }
  .heroHome__content h1{ font-size: 36px; }
  .heroHome__content p{ font-size: 15px; }
  .heroHome__cta .btn{ height: 44px; border-radius: 12px; }
  .heroArrow{ width: 40px; height: 40px; }
}


/* HERO VIDEO FIX */
.hero__bg { position: absolute; inset: 0; overflow: hidden; }
.hero { position: relative; }
.heroVideo { width: 100%; height: 100%; object-fit: cover; display: block; }


/* HERO SIZE (requested) */
.hero{
  min-height: 72vh;
  height: 72vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media (max-width: 900px){
  .hero{ min-height: 64vh; height: 64vh; }
}
.hero__bg{ position:absolute; inset:0; overflow:hidden; }
.heroVideo, .hero__bg img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
/* keep content readable */
.hero__veil{ position:absolute; inset:0; }
.heroHome{ position:relative; z-index:2; padding-top: 24px; padding-bottom: 24px; }



.heroHome p,
.heroHome .hero__eyebrow,
.heroHome .hero__sub,
.heroHome span,
.heroHome small{
  color:#E6C15A; /* logo gold */
}


/* HERO TEXT COLOR OVERRIDE - BLACK */
.heroHome h1{
  color:#ffffff; /* slogan stays white */
}
.heroHome p,
.heroHome .hero__eyebrow,
.heroHome .hero__sub,
.heroHome span,
.heroHome small{
  color:#000000; /* black */
}

/* =============================
   HERO TEXT READABILITY (VERY STRONG) - no box, keep video intact
   ============================= */

/* subtle but strong directional veil (does not touch video element) */
.hero .hero__veil--dark{
  z-index:1;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.55) 0%,
    rgba(0,0,0,0.28) 55%,
    rgba(0,0,0,0.00) 100%
  );
}

/* headline: maximum readability */
.hero .heroHome h1{
  color:#ffffff;
  font-weight: 900;
  letter-spacing: .8px;
  text-shadow:
    0 3px 8px rgba(0,0,0,0.75),
    0 8px 24px rgba(0,0,0,0.55),
    0 16px 48px rgba(0,0,0,0.45);
}

/* paragraph: force high contrast + strong shadow */
.hero .heroHome p{
  color:#ffffff;
  font-weight: 600;
  text-shadow:
    0 2px 8px rgba(0,0,0,0.70),
    0 10px 26px rgba(0,0,0,0.45);
}

/* keep kicker readable too */
.hero .heroHome__kicker{
  text-shadow: 0 2px 10px rgba(0,0,0,0.65);
}


/* Modern section headings */
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-top:18px}
.section-head h2{margin:0;color:var(--gold2);font-size:28px;letter-spacing:.2px}
.section-head p{margin:0;max-width:720px;color:rgba(0,0,0,.65);line-height:1.7}

/* Modern corporate approach block */
.approach{padding-top:18px}
.approach__card{
  background:linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.62));
  border:1px solid rgba(0,0,0,.08);
  border-radius:22px;
  box-shadow:0 16px 40px rgba(0,0,0,.06);
  padding:22px;
  position:relative;
  overflow:hidden;
}
.approach__card:before{
  content:"";
  position:absolute; inset:-60px -60px auto auto;
  width:220px; height:220px;
  background:radial-gradient(circle, rgba(231,196,102,.45), rgba(231,196,102,0));
  transform:rotate(18deg);
}
.approach__badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.70);
  color:rgba(0,0,0,.70);
  font-size:12px;
  letter-spacing:.4px;
  text-transform:uppercase;
}
.approach__card h2{margin:12px 0 8px;color:rgba(0,0,0,.88);font-size:30px;line-height:1.15}
.approach__card p{margin:0;color:rgba(0,0,0,.68);line-height:1.8;max-width:820px}

.approach__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.chip{
  display:inline-flex;
  padding:10px 12px;
  border-radius:999px;
  background:rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.06);
  color:rgba(0,0,0,.72);
  font-size:13px;
  line-height:1;
}

@media (max-width: 900px){
  .section-head{align-items:flex-start;flex-direction:column}
  .section-head h2{font-size:24px}
  .approach__card h2{font-size:26px}
}



/* Menü: PROJELERİMİZ (gizli) */
.dd--projeler{display:none !important;}

/* Logo size adjustment */
.logo img{max-height:60px;width:auto;}
.brand-text{font-size:20px;line-height:1.1;}

/* FORCE LOGO SIZE – FINAL */
header .logo img,
.navbar .logo img,
.site-logo img {
  max-height: 90px !important;
  width: auto !important;
}

header .brand-text,
header .site-title {
  font-size: 16px !important;
  line-height: 1.1 !important;
}

/* === FORCE VERY LARGE LOGO (FINAL) === */
header,
.navbar,
.header-inner {
  min-height: 120px !important;
}

header .logo img,
header img,
.navbar img {
  height: 110px !important;
  max-height: 110px !important;
  width: auto !important;
}

header .brand-text,
header .site-title,
header .subtitle {
  font-size: 14px !important;
  line-height: 1.1 !important;
}


/* FORCE BIGGER LOGO (FSB) */
.brand__logo{
  width: auto !important;
  height: 82px !important;
  max-height: 82px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 18px !important;
}
.brand__name{
  font-size: 20px !important;
  line-height: 1.05 !important;
}
.brand__sub{
  font-size: 13px !important;
  letter-spacing: 2px !important;
  line-height: 1.05 !important;
}
.header__inner{
  padding: 10px 0 !important;
}



/* === FSB: Logo size sync (Header + Footer) === */
:root{
  --fsb-logo-max-h: 90px;
  --fsb-logo-max-h-mobile: 60px;
}
header .brand__logo,
.footer .footlogo{
  max-height: var(--fsb-logo-max-h);
  width: auto !important;
  height: auto !important;
}
@media (max-width: 768px){
  header .brand__logo,
  .footer .footlogo{
    max-height: var(--fsb-logo-max-h-mobile);
  }
}