/* --- Genel Ayarlar --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', sans-serif; line-height: 1.6; }
.container { width: 90%; max-width: 1200px; margin: 0 auto; }

/* Topbar */
.topbar { background: #2c3e50; color: white; padding: 10px 0; font-size: 13px; }
.topbar .container { display: flex; justify-content: flex-end; gap: 20px; }

/* Header */
header { background: white; padding: 20px 0; border-bottom: 1px solid #eee; position: relative; z-index: 1000; }
.header-flex { display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 22px; font-weight: 800; color: #2c3e50; }
.nav-links { display: flex; gap: 30px; }
.nav-links a { text-decoration: none; color: #333; font-weight: 700; font-size: 14px; }
.menu-toggle { display: none; cursor: pointer; font-size: 25px; }

/* Slider */
.swiper { width: 100%; height: 500px; }
.swiper-slide { background-size: cover; background-position: center; display: flex; align-items: center; position: relative; }
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; }
.slide-content { z-index: 2; color: white; width: 100%; }
.hero-content { max-width: 600px; }
.hero-content h1 { font-size: 48px; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }
.hero-content p { font-size: 18px; margin-bottom: 30px; }
.hero-btns { display: flex; gap: 15px; }
.btn { padding: 15px 30px; text-decoration: none; font-weight: bold; border-radius: 4px; transition: 0.3s; }
.btn-blue { background: #007bff; color: white; border: 1px solid #007bff; }
.btn-dark { background: rgba(0,0,0,0.6); color: white; border: 1px solid white; }

/* --- Mobil Uyumu (Tek Bir Blokta) --- */
@media (max-width: 768px) {
    /* Header Mobil */
    .menu-toggle { display: block; }
    .nav-links { 
        display: none; position: absolute; top: 100%; left: 0; width: 100%; 
        background: white; flex-direction: column; padding: 20px; text-align: center; 
        border-top: 1px solid #eee; box-shadow: 0 4px 6px rgba(0,0,0,0.1); 
    }
    .nav-links.active { display: flex; }

}


/* Footer Genel */
.site-footer { background: #1a1a1a; color: #ccc; padding: 60px 0 20px; margin-top: 50px; }
.footer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }

/* Kolonlar */
.footer-logo { font-size: 22px; font-weight: 800; color: #fff; margin-bottom: 20px; }
.footer-col h3 { color: #fff; margin-bottom: 20px; font-size: 18px; border-bottom: 1px solid #333; padding-bottom: 10px; }
.footer-col p { font-size: 14px; margin-bottom: 15px; }

/* Linkler */
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 10px; }
.footer-links a { text-decoration: none; color: #ccc; transition: 0.3s; }
.footer-links a:hover { color: #007bff; }

/* Alt Bölüm */
.footer-bottom { text-align: center; margin-top: 40px; padding-top: 20px; border-top: 1px solid #333; font-size: 12px; }

/* Mobil Uyumu */
@media (max-width: 768px) {
    .footer-grid { grid-template-columns: 1fr; gap: 30px; }
    .footer-col { text-align: center; }
    .footer-col h3 { display: inline-block; }
}