/* ===========================
   SAYFA ARKA PLANI
   (anasayfayı etkilemez)
=========================== */
body {
  background:#fff !important;
  color:#111;
  margin:0;
  padding:0;
  display:block !important;   /* Footer sola kaymasın */
  width:100% !important;
}


/* ===========================
   HAKKIMIZDA: HERO
=========================== */
.hero {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.hero::after {
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.45);
}
.hero h1 {
  position:relative;
  z-index:2;
  font-size:80px;
  font-weight:600;
  letter-spacing:6px;
  text-transform:uppercase;
}


/* ===========================
   HAKKIMIZDA: METİN
=========================== */
.about-content {
  background:#fff;
  color:#111;
  padding:100px 20px;
  text-align:center;
  display:flex;
  justify-content:center;
}
.about-inner {
  max-width:900px;
  line-height:1.8;
  font-size:15px;
  color:#222;
  text-align:justify;
}
.about-inner p { margin-bottom:20px; }


/* ===========================
   HAKKIMIZDA: EKİP
=========================== */
.team-section {
  background:#fff;
  color:#111;
  padding:80px 0 120px;
  text-align:center;
}
.team-section h2 {
  font-size:28px;
  font-weight:600;
  letter-spacing:2px;
  margin-bottom:50px;
}

.team-container { 
  max-width:94%; 
  margin:0 auto; 
}
.team-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

.team-card {
  position:relative;
  overflow:hidden;
  cursor:pointer;
}
.team-card img {
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  filter:brightness(0.75);
  transition:.4s ease;
}
.team-card:hover img {
  transform:scale(1.05);
  filter:brightness(0.9);
}

.overlay-name {
  position:absolute;
  bottom:15px;
  left:20px;
  color:#fff;
  font-size:16px;
  opacity:0;
  transform:translateY(10px);
  transition:.3s ease;
}
.team-card:hover .overlay-name {
  opacity:1;
  transform:translateY(0);
}


/* EKİP DETAY */
.team-details {
  grid-column:1 / -1;
  background:#f8f8f8;
  color:#111;
  text-align:center;
  padding:0;
  max-height:0;
  overflow:hidden;
  opacity:0;
  transition:.8s ease;
}
.team-details.active {
  max-height:520px;
  opacity:1;
  padding:80px 20px;
}
.team-details .inner {
  max-width:800px;
  margin:0 auto;
}
.team-details h3 {
  font-size:24px;
  font-weight:600;
  margin-bottom:6px;
  text-transform:uppercase;
}
.team-details .email {
  color:#c6a664;
  font-size:15px;
  margin-bottom:15px;
  display:block;
}
.team-details p {
  line-height:1.7;
  font-size:15px;
  color:#333;
}