/* ================= HAKKIMIZDA BUTONU ================= */
.about-btn{
  display:inline-block;
  margin-top:32px;
  padding:14px 36px;
  background:transparent;
  color:#2aaeb6;
  font-weight:600;
  font-size:14px;
  letter-spacing:.6px;
  border-radius:32px;
  text-decoration:none;
  border:2px solid #2aaeb6;
  transition:all .3s ease;
}
.about-btn:hover{
  background:#2aaeb6;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(42,174,182,.35);
}

/* ================= FADE-IN ================= */
.fade-in{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .6s ease, transform .6s ease;
}
.fade-in.visible{
  opacity:1;
  transform:translateY(0);
}
body.no-animate .fade-in{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}

/* ================= GLOBAL STATS ================= */
.global-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
}
.global-stats > div{
  cursor:pointer;
  border-radius:18px;
  transition:transform .35s ease, box-shadow .35s ease, background .35s ease;
}
.global-stats > div:hover{
  transform:scale(1.15);
  background:rgba(255,255,255,0.06);
  box-shadow:0 25px 60px rgba(0,0,0,.45),
             0 0 0 1px rgba(42,174,182,.35);
}
@media(max-width:900px){
  .global-stats{grid-template-columns:1fr;}
  .global-stats > div:hover{transform:none;box-shadow:none;}
}

/* ================= CONTACT ================= */
.contact-top{
  max-width:1200px;
  margin:120px auto;
  padding:0 20px;
}
.contact-form{
  background:#fff;
  padding:50px;
  border-radius:24px;
}
.contact-form h2{
  font-size:26px;
  margin-bottom:30px;
  color:#2aaeb6;
}
.contact-form input,
.contact-form textarea{
  width:100%;
  padding:14px 18px;
  margin-bottom:18px;
  border-radius:30px;
  border:none;
  background:#f6f6f6;
  font-size:14px;
}
.contact-form textarea{
  height:160px;
  resize:none;
}
.contact-form button{
  padding:14px 40px;
  background:#2aaeb6;
  color:#fff;
  border:none;
  border-radius:30px;
  cursor:pointer;
}

/* ================= MAPS (SADECE KARARTMA) ================= */
.maps-section{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.map-item{
  position:relative;
  width:100%;
  height:420px;
}
.map-item iframe{
  width:100%;
  height:100%;
  border:0;
}
.map-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.55); /* ⬅ SADECE BU KOYULAŞTI */
  pointer-events:none;
}
@media(max-width:900px){
  .maps-section{grid-template-columns:1fr;}
}

/* ================= FOOTER ================= */
.footer-bar{
  background:#7d7d7d;
  padding:18px 10px;
}
.footer-links{
  max-width:1400px;
  margin:auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:32px;
}
.footer-links a{
  color:#fff;
  font-size:13px;
  text-decoration:none;
  opacity:.9;
}
.footer-links a:hover{
  text-decoration:underline;
  opacity:1;
}

.corp-btn{
  display:inline-block;
  margin-top:32px;
  padding:14px 40px;
  background:#2aaeb6;
  color:#ffffff;
  font-family:'Inter', sans-serif;
  font-size:14px;
  font-weight:600;
  letter-spacing:.6px;
  text-decoration:none;
  border-radius:32px;
  position:relative;
  overflow:hidden;
  transition:color .35s ease;
}

/* Fade Layer */
.corp-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:#ffffff;
  opacity:0;
  transition:opacity .35s ease;
  z-index:0;
}

/* Hover Effect */
.corp-btn:hover::before{
  opacity:1;
}

.corp-btn:hover{
  color:#2aaeb6;
}

/* Text üstte kalsın */
.corp-btn{
  z-index:1;
}