/* ===== RESET ===== */
*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
body{background:#FAFAF7;color:#1a1a1a;line-height:1.6}

/* ===== HEADER / MENU ===== */
.site-header{
  background:#FAFAF7;
  border-bottom:1px solid #e6e6e6;
  position:sticky; top:0; z-index:1000;
}

.header100__inner{
  max-width:1200px;
  margin:0 auto;
  padding:16px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

/* Link reset (mavi/altı çiziliyi kesin keser) */
.site-header a{
  color:#1a1a1a;
  text-decoration:none;
}
.site-header a:hover{ text-decoration:underline; }

.logo a{
  font-size:18px;
  font-weight:700;
  letter-spacing:.2px;
}

/* Desktop nav */
.nav100{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}

.nav100 a{ font-size:15px; }
.nav100 a.active{ text-decoration:underline; }

.nav100__cta{
  background:#B11116;
  color:#fff !important;
  padding:8px 16px;
  border-radius:999px;
  text-decoration:none !important;
}

/* Hamburger button (desktopta kapalı) */
.nav100__btn{
  display:none;
  background:transparent;
  border:0;
  cursor:pointer;
  padding:8px;
}
.nav100__btn span{
  display:block;
  width:24px;
  height:2px;
  background:#111;
  margin:5px 0;
}

/* Drawer (HER ZAMAN gizli başlar) */
.nav100__drawer{
  display:none;
  max-width:1200px;
  margin:0 auto;
  padding:14px 20px 20px;
  border-top:1px solid #e6e6e6;
  background:#fff;
}
.nav100__drawer a{
  display:block;
  padding:12px 0;
}
.drawer-buy{
  margin-top:10px;
  background:#C8A74E;
  color:#111 !important;
  padding:12px 16px;
  text-align:center;
  border-radius:999px;
  text-decoration:none !important;
}

/* Mobile behaviour */
@media (max-width: 900px){
  .nav100{ display:none; }
  .nav100__btn{ display:block; }
  body.nav-open .nav100__drawer{ display:block; }
}

/* ===== HERO ===== */
.hero{
  background:linear-gradient(135deg,#111,#2b2b2b);
  color:#fff;
  padding:100px 20px;
  text-align:center;
}
.hero h1{font-size:42px;margin-bottom:20px}
.hero p{font-size:18px;max-width:700px;margin:0 auto 30px}

/* ===== SECTIONS ===== */
.section{padding:80px 20px;max-width:1200px;margin:auto}
.section.light{background:#fff}
.section h2{text-align:center;font-size:32px;margin-bottom:50px}

.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}

.card{
  background:#fff;
  padding:30px;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,0.06);
}
.card h3{margin-bottom:15px}

.text-block{max-width:800px;margin:auto}
.text-block ul{margin-top:20px;padding-left:20px}
.text-block li{margin-bottom:10px}

.btn-primary,.btn-secondary{
  display:inline-block;
  padding:14px 34px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
}
.btn-primary{background:#C8A74E;color:#111}
.btn-secondary{background:#B11116;color:#fff}

.cta{text-align:center;background:#111;color:#fff}
.cta p{margin:20px auto 30px;max-width:600px}

/* ===== FOOTER ===== */
.site-footer{
  background:#fff;
  border-top:1px solid #e6e6e6;
  padding:60px 20px 30px;
  font-size:15px;
  color:#1a1a1a;
}
.footer-inner{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:40px;
}
.footer-col strong{display:block;font-weight:700;margin-bottom:12px}
.footer-col p{line-height:1.6;color:#333}
.footer-col a{color:#1a1a1a;text-decoration:none}
.footer-col a:hover{text-decoration:underline}
.footer-bottom{
  margin-top:50px;
  padding-top:20px;
  border-top:1px solid #e6e6e6;
  text-align:center;
  font-size:14px;
  color:#666;
}

@media (max-width: 900px){
  .footer-inner{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 600px){
  .site-footer{padding:40px 20px 20px;text-align:center}
  .footer-inner{grid-template-columns:1fr;gap:25px}
  .footer-bottom{margin-top:30px;font-size:13px}
}