/* TEMEL STİLLER */
:root {
    --primary-color: #001f5b; 
    --secondary-color: #fdb813; 
    --text-color: #ffffff; 
    --bg-color: #f4f4f4; 
    --accent-blue: #00e5ff; 
    --dark-bg: #000c24; 
}

body {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--primary-color);
    color: var(--text-color);
    line-height: 1.6;
}

h1, h2, h3 { margin-top: 0; font-weight: 700; }
a { text-decoration: none; color: inherit; transition: 0.3s; }
.container { width: 85%; max-width: 1200px; margin: 0 auto; padding: 20px 0; }
.section-title { text-align: center; margin-bottom: 50px; }
.section-title h2 { font-size: 2.5rem; color: var(--primary-color); text-transform: uppercase; }
.section-title p { font-size: 1.1rem; color: #555; max-width: 800px; margin: 0 auto; }

/* HEADER & NAV */
header {
    background-color: var(--primary-color);
    padding: 20px 0;
    border-bottom: 2px solid var(--secondary-color);
    position: sticky;
    top: 0;
    z-index: 1000;
}
nav ul { margin: 0; padding: 0; list-style: none; text-align: right; }
nav ul li { display: inline-block; margin-left: 20px; }
nav ul li a { font-size: 1rem; text-transform: uppercase; font-weight: 700; }
nav ul li a:hover, nav ul li a.active { color: var(--secondary-color); }
.logo { float: left; font-size: 1.8rem; font-weight: 700; color: var(--secondary-color); }

/* RESİMLER (Barlas Aksesuar & Teknik) */
.site-banner-container { text-align: center; background-color: var(--dark-bg); padding: 20px 0; }
.site-banner { width: 100%; max-width: 1200px; height: auto; display: block; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 25px rgba(0, 229, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.1); }

/* HERO BÖLÜMÜ (Ana Sayfa) */
.hero { background: radial-gradient(circle, #003366 0%, var(--primary-color) 70%); padding: 80px 0; text-align: center; border-bottom: 2px solid var(--secondary-color); }
.hero-text h1 { font-size: 3.5rem; text-transform: uppercase; color: var(--secondary-color); margin-bottom: 10px; }
.hero-text h2 { font-size: 1.8rem; color: var(--text-color); margin-bottom: 20px; }
.cta-btn { background-color: var(--secondary-color); color: var(--primary-color); padding: 15px 30px; font-size: 1.2rem; font-weight: 700; border-radius: 5px; display: inline-block; }

/* ALT SAYFA BAŞLIKLARI (İletişim ve Tedarik İçin) */
.page-header { background: radial-gradient(circle, #001f5b 0%, #000c24 100%); padding: 60px 0; text-align: center; border-bottom: 2px solid var(--secondary-color); }
.page-header h1 { font-size: 3rem; color: var(--secondary-color); margin-bottom: 10px; }
.page-header p { font-size: 1.2rem; color: #fff; }

/* ÜRÜNLER & KARTLAR */
.categories { background-color: var(--bg-color); color: #333333; padding: 80px 0; }
.categories-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; }
.category-card { background-color: #ffffff; padding: 40px 20px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); text-align: center; transition: 0.3s; }
.category-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.15); }
.category-icon { font-size: 3rem; margin-bottom: 20px; color: var(--primary-color); }
.category-title { font-size: 1.5rem; color: var(--primary-color); margin-bottom: 10px; text-transform: uppercase; }

/* YEDEK PARÇA & TEDARİK EKRANI */
.spare-parts { background: linear-gradient(135deg, var(--dark-bg) 0%, var(--primary-color) 100%); padding: 80px 0; }
.spare-parts .section-title h2 { color: var(--secondary-color); }
.spare-parts .section-title p { color: #e0e0e0; }
.parts-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; }
.part-card { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(0, 229, 255, 0.2); padding: 30px; border-radius: 10px; text-align: center; transition: 0.3s; color:#fff; }
.part-card:hover { border-color: var(--secondary-color); background: rgba(255, 255, 255, 0.1); }
.part-icon { font-size: 3.5rem; color: var(--accent-blue); margin-bottom: 15px; }
.part-card h3 { font-size: 1.5rem; color: var(--secondary-color); margin-bottom: 10px; }
.btn-outline-yellow { border: 2px solid var(--secondary-color); color: var(--secondary-color); padding: 10px 20px; border-radius: 5px; font-weight: bold; display: inline-block; margin-top:15px; }
.btn-outline-yellow:hover { background-color: var(--secondary-color); color: var(--primary-color); }

/* İLETİŞİM & HARİTA */
.contact-section { background-color: var(--bg-color); color: #333; padding: 80px 0; }
.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.contact-info-box { background-color: #fff; padding: 40px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.contact-info-box h3 { font-size: 2rem; color: var(--primary-color); margin-bottom: 20px; }
.contact-info-box p { font-size: 1.1rem; margin-bottom: 15px; display: flex; align-items: center; gap: 10px; }
.contact-info-box i { color: var(--secondary-color); font-size: 1.5rem; }
.map-container iframe { width: 100%; height: 400px; border: none; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }

/* FOOTER */
footer { background-color: var(--dark-bg); color: var(--text-color); padding: 50px 0; text-align: center; border-top: 2px solid var(--secondary-color); }
.footer-seo-keywords { font-size: 0.85rem; opacity: 0.6; margin-top: 20px; line-height: 1.4; }

/* RESPONSIVE */
@media (max-width: 900px) {
    .container { width: 90%; }
    .hero-text h1 { font-size: 2.5rem; }
    .logo { float: none; display: block; text-align: center; margin-bottom: 10px; }
    nav ul { text-align: center; }
    nav ul li { display: inline-block; margin: 5px 10px; }
    .contact-grid { grid-template-columns: 1fr; }
}