:root{--dark:#0b1d2b;--gold:#c99a2e;--soft:#f6f4ee;--muted:#667085}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;color:#1f2937;line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1380px,97%);margin:auto}
.header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 5px 22px #0001}.nav{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand img{width:245px;height:125px;object-fit:contain;flex-shrink:0}.menu{display:flex;align-items:center;gap:15px;font-weight:900;color:#1d2a36;white-space:nowrap;flex-wrap:nowrap}.menu a{padding:45px 0;border-bottom:4px solid transparent;font-size:17px;white-space:nowrap}.menu a:hover,.menu .active{color:var(--gold);border-color:var(--gold)}.topbtn{background:var(--gold);color:#fff;padding:15px 17px;border-radius:7px;font-weight:900;white-space:nowrap;font-size:16px}
.hero{min-height:635px;background:center/cover no-repeat;position:relative;color:white;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b,#0007,#0001)}.hero .container{width:min(1380px,97%);margin:auto}.kicker{font-weight:900;letter-spacing:8px;text-transform:uppercase}.hero h1,.hero h2{font-size:66px;line-height:1.05;margin:14px 0}.hero p{font-size:21px;max-width:820px}.btn{display:inline-block;background:var(--gold);color:#fff;padding:15px 24px;border-radius:7px;font-weight:900;margin-top:22px}.btn.dark{background:var(--dark)}
.section{padding:75px 0}.gray{background:var(--soft)}.title{text-align:center;margin-bottom:42px}.title span{color:var(--gold);font-weight:900}.title h2{color:var(--dark);font-size:40px;margin-top:6px}.title p{color:var(--muted);max-width:820px;margin:8px auto}.grid{display:grid;gap:24px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.card{background:white;border:1px solid #e8ecf2;border-radius:16px;padding:28px;box-shadow:0 12px 32px #0001}.card h3{font-size:23px;color:var(--dark);margin-bottom:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.photo{border-radius:18px;overflow:hidden;box-shadow:0 16px 42px #0003}.check{border-left:5px solid var(--gold);background:#fff;padding:14px 18px;margin:10px 0;border-radius:10px;font-weight:800}
.doc-card{display:flex;gap:22px;align-items:center;background:white;border:1px solid #e5e7eb;border-radius:18px;padding:26px;box-shadow:0 12px 32px #0001}.doc-icon{width:76px;height:76px;background:var(--dark);color:white;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900}.doc-card h3{font-size:24px;color:var(--dark)}.doc-card p{color:var(--muted)}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{background:white;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #0002}.project img{height:300px;width:100%;object-fit:cover}.project div{padding:21px}.timeline{max-width:940px;margin:auto;display:grid;gap:16px}.step{display:grid;grid-template-columns:66px 1fr;gap:16px;background:#fff;padding:18px;border-radius:15px;box-shadow:0 8px 24px #0001}.num{background:var(--gold);color:#fff;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-weight:900}
details{background:white;border:1px solid #e8ecf2;border-radius:14px;padding:18px;box-shadow:0 7px 22px #0001;margin:12px 0}summary{font-weight:900;color:var(--dark)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,textarea{padding:14px;border:1px solid #ddd;border-radius:9px;font-size:15px;width:100%}textarea{grid-column:span 2;min-height:120px}.contactbox{background:var(--dark);color:white;border-radius:18px;padding:30px}.map{width:100%;height:380px;border:0;border-radius:18px}.footer{background:#06111c;color:white;padding:36px 0;text-align:center}.float-wa{position:fixed;right:18px;bottom:18px;background:#25d366;color:#fff;padding:15px 20px;border-radius:50px;font-weight:900}.float-call{position:fixed;left:18px;bottom:18px;background:var(--gold);color:#fff;padding:15px 20px;border-radius:50px;font-weight:900}
@media(max-width:980px){.nav{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand img{width:245px;height:125px;object-fit:contain;flex-shrink:0}.menu{display:flex;align-items:center;gap:15px;font-weight:900;color:#1d2a36;white-space:nowrap;flex-wrap:nowrap}.menu a{padding:45px 0;border-bottom:4px solid transparent;font-size:17px;white-space:nowrap}.topbtn{background:var(--gold);color:#fff;padding:15px 17px;border-radius:7px;font-weight:900;white-space:nowrap;font-size:16px}.hero{text-align:center;min-height:540px}.hero h1,.hero h2{font-size:38px}.g2,.g3,.split,.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.formgrid{grid-template-columns:1fr}textarea{grid-column:span 1}.doc-card{display:block;text-align:center}.doc-icon{margin:0 auto 14px}}


.brand{display:flex;align-items:center;justify-content:flex-start;gap:0;min-width:190px;flex-shrink:0;margin-top:-10px}
.brand-title{display:none!important}
.brand-title strong{display:none!important}
.brand-title small{display:none!important}
.group-power{background:linear-gradient(135deg,#0b1d2b,#142f45);color:white;border-radius:22px;padding:34px;box-shadow:0 18px 50px #0003}
.group-power h3{font-size:32px;margin-bottom:10px;color:white}
.group-power .companies{font-size:22px;color:var(--gold);font-weight:900;margin:15px 0}
.info-list{display:grid;gap:14px;margin-top:22px}
.info-list div{background:#fff;border-left:5px solid var(--gold);border-radius:12px;padding:16px 18px;box-shadow:0 8px 25px #0001}
.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.process-card{background:white;border-radius:18px;padding:26px;border:1px solid #e8ecf2;box-shadow:0 10px 30px #0001}
.process-card h3{color:var(--dark);font-size:22px;margin-bottom:10px}
.faq-grid{max-width:1050px;margin:auto}
.faq-grid details{padding:22px 24px}
@media(max-width:980px){
.brand{display:flex;align-items:center;justify-content:flex-start;gap:0;min-width:190px;flex-shrink:0;margin-top:-10px}
.brand-title strong{display:none!important}
.brand-title small{display:none!important}
.process-grid{grid-template-columns:1fr}
}


.brand-title strong::after{content:" LTD. ŞTİ.";font-size:22px;font-weight:800}
.brand-title small{display:none!important}
.service-process-image{margin-top:34px;border-radius:18px;overflow:hidden;box-shadow:0 18px 44px #0002}
.service-process-image img{width:100%;height:auto;display:block}
@media(max-width:1100px){
  .nav{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .brand{display:flex;align-items:center;justify-content:flex-start;gap:0;min-width:190px;flex-shrink:0;margin-top:-10px}
  .brand img{width:245px;height:125px;object-fit:contain;flex-shrink:0}
  .menu{display:flex;align-items:center;gap:15px;font-weight:900;color:#1d2a36;white-space:nowrap;flex-wrap:nowrap}
  .menu a{padding:45px 0;border-bottom:4px solid transparent;font-size:17px;white-space:nowrap}
}


.brand-title{display:none!important}
.brand-title strong::after{content:""!important}
@media(max-width:1100px){
  .nav{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .brand{display:flex;align-items:center;justify-content:flex-start;gap:0;min-width:190px;flex-shrink:0;margin-top:-10px}
  .brand img{width:245px;height:125px;object-fit:contain;flex-shrink:0}
  .menu{display:flex;align-items:center;gap:15px;font-weight:900;color:#1d2a36;white-space:nowrap;flex-wrap:nowrap}
  .menu a{padding:45px 0;border-bottom:4px solid transparent;font-size:17px;white-space:nowrap}
}


.project-category{margin:55px 0 22px;border-left:6px solid var(--gold);padding-left:18px}
.project-category h2{font-size:34px;color:var(--dark)}
.project-category p{color:var(--muted);max-width:820px}
@media(max-width:1200px){
  .nav{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .brand{display:flex;align-items:center;justify-content:flex-start;gap:0;min-width:190px;flex-shrink:0;margin-top:-10px}
  .brand img{width:245px;height:125px;object-fit:contain;flex-shrink:0}
  .menu{display:flex;align-items:center;gap:15px;font-weight:900;color:#1d2a36;white-space:nowrap;flex-wrap:nowrap}
  .menu a{padding:45px 0;border-bottom:4px solid transparent;font-size:17px;white-space:nowrap}
  .topbtn{background:var(--gold);color:#fff;padding:15px 17px;border-radius:7px;font-weight:900;white-space:nowrap;font-size:16px}
}


.company-title-menu{font-size:24px;font-weight:900;color:var(--dark);white-space:nowrap;letter-spacing:.3px;margin-right:4px}
.header-left{display:flex;align-items:center;gap:10px;flex-shrink:0}
.project-category{
  margin:55px 0 22px;
  border-left:6px solid var(--gold);
  padding-left:18px;
}
.project-category h2{
  font-size:34px;
  color:var(--dark);
}
.project-category p{
  color:var(--muted);
  max-width:820px;
}
@media(max-width:1250px){
  .nav{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .header-left{display:flex;align-items:center;gap:10px;flex-shrink:0}
  .brand{display:flex;align-items:center;justify-content:flex-start;gap:0;min-width:190px;flex-shrink:0;margin-top:-10px}
  .brand img{width:245px;height:125px;object-fit:contain;flex-shrink:0}
  .company-title-menu{font-size:24px;font-weight:900;color:var(--dark);white-space:nowrap;letter-spacing:.3px;margin-right:4px}
  .menu{display:flex;align-items:center;gap:15px;font-weight:900;color:#1d2a36;white-space:nowrap;flex-wrap:nowrap}
  .menu a{padding:45px 0;border-bottom:4px solid transparent;font-size:17px;white-space:nowrap}
  .topbtn{background:var(--gold);color:#fff;padding:15px 17px;border-radius:7px;font-weight:900;white-space:nowrap;font-size:16px}
}

.hizmetler-tek-gorsel{background:#f6f4ee;padding:70px 0}
.hizmetler-tek-gorsel .single-img{border-radius:18px;overflow:hidden;box-shadow:0 18px 45px #0002;background:white}
.hizmetler-tek-gorsel img{width:100%;height:auto;display:block}
@media(max-width:1250px){
  .nav{display:block;text-align:center;padding:10px 0}
  .header-left{justify-content:center}
  .brand{justify-content:center;min-width:auto;margin-top:0}
  .brand img{width:245px;height:auto;margin:auto}
  .company-title-menu{font-size:22px;margin:4px 0 8px 0}
  .menu{justify-content:center;flex-wrap:wrap;gap:13px}
  .menu a{padding:6px 0;font-size:17px}
  .topbtn{display:inline-block;margin-top:8px}
}



/* === MASFEY SADE SON DÜZELTME: SADECE MENÜ + OKUNAKLI GÖRSEL YAZILARI === */

.header{
  background:#fffaf0!important;
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  box-shadow:0 5px 20px rgba(0,0,0,.10)!important;
}

.nav{
  width:min(1420px,98%)!important;
  margin:auto!important;
  min-height:104px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  padding:0!important;
}

.header-left{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex:0 0 auto!important;
}

.brand{
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  min-width:auto!important;
}

.brand img{
  width:132px!important;
  height:94px!important;
  object-fit:contain!important;
  display:block!important;
}

.brand-title,
.brand-title strong,
.brand-title small{
  display:none!important;
}

.company-title-menu{
  display:block!important;
  font-size:25px!important;
  font-weight:900!important;
  color:#0b1d2b!important;
  white-space:nowrap!important;
  letter-spacing:.2px!important;
  margin-right:8px!important;
}

.menu{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:15px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
  flex:1 1 auto!important;
  min-width:0!important;
}

.menu a{
  display:inline-block!important;
  padding:40px 0 36px 0!important;
  border-bottom:4px solid transparent!important;
  font-size:16.5px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#142333!important;
  white-space:nowrap!important;
}

.menu a:hover,
.menu a.active{
  color:var(--gold)!important;
  border-color:var(--gold)!important;
}

.topbtn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--gold)!important;
  color:#fff!important;
  padding:14px 15px!important;
  border-radius:7px!important;
  font-weight:900!important;
  font-size:15.5px!important;
  white-space:nowrap!important;
  margin-left:8px!important;
  flex:0 0 auto!important;
}

/* Görsel üstü yazılar: tüm sayfalarda okunur */
.hero{
  position:relative!important;
  min-height:620px!important;
  display:flex!important;
  align-items:center!important;
  background-size:cover!important;
  background-position:center!important;
  overflow:hidden!important;
}

.hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.60) 38%,rgba(0,0,0,.22) 100%)!important;
  z-index:0!important;
}

.hero .container{
  position:relative!important;
  z-index:2!important;
  width:min(780px,92%)!important;
  margin-left:max(4%,calc((100vw - 1320px)/2))!important;
  margin-right:auto!important;
  padding:30px 34px!important;
  background:rgba(0,0,0,.48)!important;
  border-left:6px solid var(--gold)!important;
  border-radius:0 18px 18px 0!important;
  box-shadow:0 18px 55px rgba(0,0,0,.45)!important;
}

.hero .container:after{
  display:none!important;
}

.hero .kicker,
.hero h1,
.hero h2,
.hero p{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 3px 14px rgba(0,0,0,.95)!important;
}

.hero .kicker{
  font-size:16px!important;
  letter-spacing:6px!important;
  font-weight:900!important;
}

.hero h1,
.hero h2{
  font-size:58px!important;
  line-height:1.05!important;
  font-weight:900!important;
  margin:12px 0!important;
}

.hero p{
  font-size:20px!important;
  line-height:1.45!important;
  font-weight:800!important;
}

/* Hizmetler tek görsel alanında panel uygulanmasın */
.hizmetler-tek-gorsel .container{
  width:min(1220px,92%)!important;
  margin:auto!important;
  padding:0!important;
  background:transparent!important;
  border-left:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

@media(max-width:1180px){
  .nav{
    display:block!important;
    text-align:center!important;
    padding:8px 0!important;
    min-height:auto!important;
  }
  .header-left{
    justify-content:center!important;
  }
  .brand img{
    width:125px!important;
    height:auto!important;
    margin:auto!important;
  }
  .company-title-menu{
    font-size:22px!important;
    margin:4px 0 8px 0!important;
  }
  .menu{
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:13px!important;
  }
  .menu a{
    padding:6px 0!important;
    font-size:16px!important;
  }
  .topbtn{
    display:inline-flex!important;
    margin:9px auto 0 auto!important;
  }
  .hero{
    min-height:520px!important;
  }
  .hero .container{
    width:92%!important;
    margin:auto!important;
    padding:25px 22px!important;
    border-radius:16px!important;
  }
  .hero h1,
  .hero h2{
    font-size:38px!important;
  }
  .hero p{
    font-size:17px!important;
  }
}


/* === MASFEY HEADER LOGOSUZ + MOBIL MENÜ NET DÜZELTME === */
.header{
  background:#fffaf0!important;
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  box-shadow:0 5px 20px rgba(0,0,0,.10)!important;
}

.nav{
  width:min(1500px,96%)!important;
  min-height:88px!important;
  margin:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:0!important;
}

.header-left{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-width:0!important;
}

.company-title-menu{
  display:block!important;
  font-size:26px!important;
  font-weight:900!important;
  color:#0b1d2b!important;
  white-space:nowrap!important;
  letter-spacing:.3px!important;
  margin:0!important;
  line-height:1.1!important;
}

.brand{display:none!important;}
.brand img{display:none!important;}

.menu-toggle{
  display:none!important;
}

.menu{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}

.menu a{
  display:inline-flex!important;
  align-items:center!important;
  padding:33px 0 30px!important;
  border-bottom:4px solid transparent!important;
  font-size:16.5px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#142333!important;
  white-space:nowrap!important;
}

.menu a:hover,
.menu a.active,
.menu .active{
  color:var(--gold)!important;
  border-color:var(--gold)!important;
}

.topbtn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--gold)!important;
  color:#fff!important;
  padding:14px 18px!important;
  border-radius:7px!important;
  font-weight:900!important;
  font-size:15.5px!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  margin:0!important;
}

.section-logo{
  width:110px!important;
  height:auto!important;
  display:block!important;
  background:#fff!important;
  border-radius:10px!important;
  padding:8px!important;
  margin:0 0 18px 0!important;
}

.hero .container{
  background:rgba(0,0,0,.38)!important;
}

@media(max-width:1280px){
  .nav{width:min(1500px,98%)!important; gap:12px!important;}
  .company-title-menu{font-size:22px!important;}
  .menu{gap:12px!important;}
  .menu a{font-size:15px!important;}
  .topbtn{font-size:14px!important; padding:12px 14px!important;}
}

@media(max-width:900px){
  .nav{
    width:100%!important;
    min-height:86px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:0 22px!important;
    position:relative!important;
  }

  .company-title-menu{
    font-size:22px!important;
    white-space:normal!important;
    max-width:260px!important;
  }

  .menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:54px!important;
    height:54px!important;
    background:transparent!important;
    border:0!important;
    color:#111!important;
    font-size:44px!important;
    line-height:1!important;
    cursor:pointer!important;
    z-index:10001!important;
  }

  .topbtn{display:none!important;}

  .menu{
    display:none!important;
  }

  body.menu-open .menu{
    display:block!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    background:#fff!important;
    z-index:10000!important;
    box-shadow:0 14px 28px rgba(0,0,0,.16)!important;
    border-top:1px solid #eee!important;
  }

  body.menu-open .menu a{
    display:block!important;
    width:100%!important;
    padding:22px 28px!important;
    border-bottom:1px solid #eee!important;
    border-left:0!important;
    font-size:26px!important;
    font-weight:400!important;
    line-height:1.25!important;
    color:#111!important;
    text-align:left!important;
  }

  body.menu-open .menu a.active,
  body.menu-open .menu .active{
    color:#111!important;
    border-color:#eee!important;
  }

  body.menu-open .menu-toggle{
    font-size:0!important;
  }

  body.menu-open .menu-toggle:before{
    content:"×";
    font-size:58px!important;
    line-height:1!important;
    font-weight:300!important;
  }

  .hero{
    min-height:640px!important;
    text-align:center!important;
    align-items:center!important;
  }

  .hero .container{
    width:92%!important;
    margin:auto!important;
    padding:28px 20px!important;
    border-radius:18px!important;
    border-left:5px solid var(--gold)!important;
    background:rgba(0,0,0,.52)!important;
  }

  .hero h1,.hero h2{font-size:46px!important;}
  .hero p{font-size:20px!important;}
  .hero .kicker{font-size:17px!important; letter-spacing:8px!important;}

  .g2,.g3,.split,.project-grid,.process-grid{
    grid-template-columns:1fr!important;
  }

  .project img{height:auto!important;}
  .float-call,.float-wa{padding:12px 18px!important; font-size:17px!important; z-index:9999!important;}
}

@media(max-width:520px){
  .nav{min-height:78px!important; padding:0 18px!important;}
  .company-title-menu{font-size:19px!important; max-width:230px!important;}
  .menu-toggle{font-size:40px!important; width:50px!important; height:50px!important;}
  body.menu-open .menu a{font-size:24px!important; padding:21px 26px!important;}
  .hero{min-height:610px!important;}
  .hero h1,.hero h2{font-size:42px!important;}
  .hero p{font-size:18px!important;}
  .hero .kicker{font-size:15px!important; letter-spacing:7px!important;}
}