/* ============================
   RESET & TEMEL AYARLAR
============================ */
* { margin:0; padding:0; box-sizing:border-box; }
html, body { scroll-behavior:smooth; }
body {
  font-family:'Poppins',sans-serif;
  background:#000;
  color:#fff;
  overflow-x:hidden;
}
.page-light {
  background:#fff !important;
  color:#111 !important;
}

/* ============================
   TOPBAR (KAYAN ÜST BAR)
============================ */
#topBar {
  position: fixed;
  top: -80px;
  left: 0;
  width: 100%;
  height: 70px;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5000;
  transition: top .45s ease;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

#topBar.show { top: 0; }

.header-inner {
  width: 94%;
  max-width: 1450px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

#topBar .header-logo a {
  color:#000;
  font-size:20px;
  text-decoration:none;
  letter-spacing:1px;
  font-weight:600;
}

/* Dil seçici */
#topBar .lang-switch {
  position:absolute;
  right:30px;
  font-size:15px;
}
#topBar .lang-switch a {
  color:#000;
  text-decoration:none;
}

/* ============================
   HAMBURGER ICON (ORTAK)
============================ */
.menu-icon {
  position: fixed;
  top: 25px;
  left: 25px;
  width: 24px;
  height: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  z-index: 6000;
}

.menu-icon span {
  width: 100%;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: all .35s ease;
}

.menu-icon.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-icon.active span:nth-child(2) { opacity: 0; }
.menu-icon.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* TopBar görünürken hamburger siyah olur */
#topBar.show ~ .menu-icon span {
  background:#000 !important;
}

/* ============================
   SIDE MENU (ORTAK)
============================ */
.side-menu {
  position: fixed;
  top: 0;
  left: -260px;
  width: 260px;
  height: 100vh;
  background: rgba(10,10,10,0.94);
  padding-top: 120px;
  box-shadow: 3px 0 10px rgba(0,0,0,0.4);
  transition: left .4s ease;
  z-index: 5500;
}

.side-menu.open { left:0; }

.side-menu ul { list-style:none; padding-left:40px; }
.side-menu ul li { margin:24px 0; }
.side-menu ul li a {
  color:#fff;
  font-size:18px;
  font-weight:500;
  text-decoration:none;
  transition: .3s;
}
.side-menu ul li a:hover { color:#c6a664; }

.side-menu .social-area {
  margin-top:40px;
  padding-left:40px;
}
.side-menu .social-area a {
  color:#c6a664;
  font-size:20px;
  text-decoration:none;
}

/* ============================
   BACKDROP
============================ */
.backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease;
  z-index:5300;
}

.backdrop.show {
  opacity:1;
  pointer-events:auto;
}

/* ============================
   HERO ANİMASYONU (ORTAK)
============================ */
@keyframes fadeInTitle {
  from { opacity:0; transform:translate(-50%, -46%); }
  to { opacity:1; transform:translate(-50%, -50%); }
}

/* ===========================
   ORTAK FOOTER
=========================== */

footer {
  background:#fff;
  color:#555;
  text-align:center;
  padding:20px 0;
  width:100%;
}

footer .social {
  margin-bottom:10px;
}

footer .social a {
  color:#000;
  margin:0 10px;
  font-size:22px;
  text-decoration:none;
  transition:color .3s;
}

footer .social a:hover {
  color:#c6a664;
}