/* ═══════════════════════════════════════════
   LAYOUT — topbar, nav, mega menü, footer
   Her sayfada base.css'ten sonra yüklenir.
   ═══════════════════════════════════════════ */

/* ── TOPBAR ── */
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:1001;
  background:#f7f7f7;
  border-bottom:1px solid rgba(0,0,0,.07);
  box-shadow:inset 0 -4px 8px -4px rgba(0,0,0,.06);
  height:36px;
  display:flex;align-items:center;
}
.topbar.hidden{display:none;}
.topbar-inner{
  max-width:1280px;margin:0 auto;padding:0 2rem;
  display:flex;align-items:center;justify-content:space-between;
  width:100%;font-size:.75rem;color:#405363;
}
.topbar-left{display:flex;align-items:center;gap:1.5rem;}
.topbar-right{display:flex;align-items:center;gap:1.5rem;}
.topbar a{color:#405363;display:flex;align-items:center;gap:.35rem;transition:.2s;}
.topbar a:hover{color:var(--navy);}
.topbar-sep{color:#b0bec5;}
.topbar-social{display:flex;gap:.5rem;}
.topbar-social a{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:#fff !important;transition:transform .2s;}
.topbar-social a:hover{transform:translateY(-2px);color:#fff !important;}
.topbar-social a.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}
.topbar-social a.li{background:#0A66C2;}
.topbar-social a.fb{background:#1877F2;}
.topbar-scam{color:var(--red)!important;font-weight:500;}

/* ── NAV — düz beyaz, gölgesiz ── */
.nav{
  position:fixed;top:36px;left:0;right:0;z-index:1000;
  background:#ffffff;
  border-bottom:1px solid rgba(0,0,0,.09);
  transition:box-shadow .3s;
}
.nav.scrolled{top:0;box-shadow:0 2px 16px rgba(0,0,0,.07);}

.nav-bar{
  max-width:1280px;margin:0 auto;padding:0 2rem;
  display:flex;align-items:center;justify-content:space-between;
  height:70px;
}
.nav-logo img{height:38px;width:auto;}

.nav-links{display:flex;align-items:center;gap:.1rem;}
.nav-links>li{height:70px;display:flex;align-items:center;}
.nav-links>li>a{
  display:flex;align-items:center;
  padding:.5rem .8rem;height:70px;
  color:var(--navy);font-size:.71rem;font-weight:400;
  letter-spacing:.06em;text-transform:uppercase;
  transition:var(--ease);white-space:nowrap;
}
.nav-links>li>a:hover,.nav-links>li.active>a{color:var(--gold);}
.nav-links>li.active>a{border-bottom:2px solid var(--gold);}

/* Basit dropdown (About) — li'ye position:relative */
.nav-links>li{position:relative;}
.dropdown{
  position:absolute;top:70px;left:0;min-width:190px;
  background:#242c5a;
  border:1px solid rgba(255,255,255,.08);border-top:2px solid var(--red);
  border-radius:0 0 6px 6px;
  box-shadow:0 16px 40px rgba(0,0,0,.25);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:var(--ease);z-index:10;
}
.nav-links>li.active .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown a{display:block;padding:.65rem 1.2rem;color:#d9d9d9;font-size:.8rem;border-bottom:1px solid rgba(255,255,255,.06);transition:var(--ease);}
.dropdown a:last-child{border-bottom:none;}
.dropdown a:hover{color:#fff;padding-left:1.5rem;}

/* ── MEGA PANELLERİ ── */
.mega-panel{
  position:absolute;left:0;right:0;top:70px;
  background:#242c5a;
  border-top:2px solid var(--red);
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 24px 48px rgba(0,0,0,.35);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:var(--ease);
}
.nav.has-mega .mega-panel[data-panel].active{
  opacity:1;visibility:visible;transform:translateY(0);
}

.mega-inner{
  max-width:1280px;margin:0 auto;
  padding:2rem;display:grid;gap:2rem;
}
.mega-inner>*{min-width:0;}
.mega-inner.c4{grid-template-columns:repeat(4,1fr) 260px;}
.mega-inner.c3{grid-template-columns:repeat(3,1fr) 260px;}
.mega-inner.c2{grid-template-columns:repeat(2,1fr) 260px;}

.mega-col-title{
  font-size:.65rem;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--red);
  margin-bottom:.9rem;padding-bottom:.5rem;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.mega-link{
  display:flex;align-items:center;gap:.55rem;
  padding:.5rem 0;color:var(--mega-text);font-size:.82rem;
  border-bottom:1px solid rgba(255,255,255,.07);transition:var(--ease);
}
.mega-link:last-child{border-bottom:none;}
.mega-link:hover{color:#fff;padding-left:5px;}
.mega-feat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:6px;overflow:visible;display:flex;flex-direction:column;transition:var(--ease);}
.mega-feat:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);}
.mega-feat img{width:100%;height:130px;object-fit:cover;opacity:.7;transition:var(--ease);}
.mega-feat:hover img{opacity:.85;}
.mega-feat-body{padding:1.1rem;flex:1;}
.mega-feat-tag{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem;}
.mega-feat-title{font-family:var(--font-d);font-size:1.15rem;color:#fff;margin-bottom:.4rem;line-height:1.3;}
.mega-feat-desc{font-size:.76rem;color:rgba(255,255,255,.75);line-height:1.7;}
.mega-feat-cta{display:inline-flex;align-items:center;gap:.4rem;margin:1rem 1.1rem 1.1rem;font-size:.72rem;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-weight:500;transition:var(--ease);}
.mega-feat:hover .mega-feat-cta{gap:.75rem;}

/* ── NAV RIGHT ── */
.nav-right{display:flex;align-items:center;gap:.75rem;}
.nav-lang img{width:22px;height:22px;}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:.4rem;background:none;border:none;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:var(--ease);}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* Mobile menu */
.mobile-menu{display:none;position:fixed;inset:70px 0 0;background:var(--navy);overflow-y:auto;z-index:999;padding:1.5rem 1.5rem 3rem;}
.mobile-menu.open{display:block;}
.mobile-menu a{display:block;padding:.8rem 0;color:rgba(255,255,255,.8);font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.08);}
.mobile-menu a:hover{color:var(--gold-lt);}
.mob-group{border-bottom:1px solid rgba(255,255,255,.08);}
.mob-title{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;background:none;border:none;cursor:pointer;
  font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold);padding:1.1rem 0;user-select:none;
  font-family:inherit;
}
.mob-arrow{
  display:inline-block;width:8px;height:8px;flex-shrink:0;
  border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);
  transform:rotate(45deg);transition:transform .25s;
}
.mob-group.open .mob-arrow{transform:rotate(-135deg);}
.mob-links{display:none;padding-bottom:.5rem;}
.mob-group.open .mob-links{display:block;}

.mob-social{display:flex;gap:.75rem;padding:1.5rem 0 .5rem;}
.mob-social a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff !important;transition:transform .2s;}
.mob-social a:hover{color:#fff !important;transform:translateY(-2px);}
.mob-social a.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}
.mob-social a.li{background:#0A66C2;}
.mob-social a.fb{background:#1877F2;}

@media(min-width:1201px){
  .mobile-menu{display:none !important;}
}

@media(max-width:1200px){
  .topbar{display:none;}
  .nav{top:0;}
  .nav-links{display:none;}
  .nav-toggle{display:flex;}
  .mega-panel{display:none;}
}

/* ── CONTACT BAR ── */
.contact-bar{background:#242c5a;padding:5rem 2rem;}
.contact-grid{max-width:1200px;margin:0 auto;}
.contact-top{
  display:flex;align-items:flex-end;justify-content:space-between;
  margin-bottom:3rem;padding-bottom:3rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.contact-headline{font-family:var(--font-d);font-size:3.2rem;color:#fff;font-weight:400;line-height:1.1;}
.contact-headline em{font-style:italic;color:var(--red);}
.contact-tagline{font-size:.85rem;color:rgba(255,255,255,.65);max-width:240px;text-align:right;line-height:1.8;}
.contact-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.contact-item{border-left:2px solid rgba(255,255,255,.1);padding-left:1.5rem;transition:.3s;}
.contact-item:hover{border-left-color:var(--red);}
.contact-item-lbl{display:flex;align-items:center;gap:.5rem;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:.6rem;}
.contact-item-lbl svg{width:13px;height:13px;stroke:rgba(255,255,255,.65);fill:none;stroke-width:1.5;flex-shrink:0;}
.contact-item p,.contact-item a{font-size:.92rem;color:rgba(255,255,255,.9);line-height:1.8;display:block;}
.contact-item a{transition:.2s;}
.contact-item a:hover{color:#fff;}

/* ── FOOTER ── */
footer{background:#ffffff;padding:4rem 2rem 0;box-shadow:0 -6px 24px rgba(0,0,0,.08);position:relative;z-index:10;}
.footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid rgba(0,0,0,.08);}
.footer-grid>*{min-width:0;}
.footer-col a{overflow-wrap:break-word;}
.footer-brand img{height:44px;width:auto;margin-bottom:1.1rem;}
.footer-brand p{font-size:.81rem;color:var(--text);line-height:1.9;max-width:300px;}
.footer-contacts{margin-top:1.1rem;}
.footer-contacts p{font-size:.79rem;color:var(--text);margin-bottom:.35rem;}
.footer-col h3{font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;color:var(--red);margin-bottom:1.1rem;font-weight:500;}
.footer-col a{display:block;font-size:.81rem;color:var(--text);margin-bottom:.5rem;transition:var(--ease);}
.footer-view-all{color:var(--red) !important;font-weight:600;margin-top:.4rem;padding-top:.6rem;border-top:1px solid rgba(0,0,0,.08);}
.footer-view-all:hover{padding-left:4px;}
.footer-col a:hover{color:var(--navy);padding-left:4px;}
.scam-link{color:var(--red)!important;}
.footer-bottom{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;font-size:.74rem;color:var(--text);flex-wrap:wrap;gap:.75rem;}
.footer-bottom a{color:var(--text);}
.footer-bottom a:hover{color:var(--navy);}
.footer-bottom-links{display:flex;gap:1.25rem;}
.footer-social{display:flex;gap:.75rem;}
.footer-social a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#fff !important;transition:var(--ease);}
.footer-social a:hover{color:#fff !important;transform:translateY(-2px);}
.footer-social a.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);}
.footer-social a.li{background:#0A66C2;}
.footer-social a.fb{background:#1877F2;}

/* Footer accordion — sadece mobilde */
.footer-col-toggle{cursor:default;}
.footer-col-links{display:block;}
.footer-arrow{display:none;}

@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr;}
  .footer-col{border-bottom:1px solid rgba(0,0,0,.07);padding-bottom:0;}
  .footer-col-toggle{
    display:flex;align-items:center;justify-content:space-between;
    cursor:pointer;margin-bottom:0;padding:.9rem 0;
    user-select:none;
  }
  .footer-arrow{
    display:inline-block;width:10px;height:10px;font-size:0;
    border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
    transform:rotate(45deg);transition:transform .25s;margin-top:-4px;
  }
  .footer-col.open .footer-arrow{transform:rotate(-135deg);margin-top:2px;}
  .footer-col-links{
    display:none;
    padding-bottom:.75rem;
  }
  .footer-col.open .footer-col-links{display:block;}
  .contact-row{grid-template-columns:1fr;}
  .contact-top{flex-direction:column;gap:1rem;align-items:flex-start;}
  .contact-tagline{text-align:left;max-width:100%;}
}

.back-to-top{
  position:fixed;bottom:1.75rem;right:1.75rem;z-index:900;
  width:44px;height:44px;background:var(--navy);color:#fff;
  border:none;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 16px rgba(0,0,0,.18);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:var(--ease);
}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0);}
.back-to-top:hover{background:var(--red);transform:translateY(-3px);}