/* --- EfeGuner.com - Project | Ultimate Master Styles --- */
:root {
    --bg-dark: #000000;
    --bg-card: #080808;
    --primary: #00ff41;
    --text-white: #ffffff;
    --text-muted: #808080;
    --transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background-color: var(--bg-dark); color: var(--text-white); font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }

.container { width: 92%; max-width: 1600px; margin: 0 auto; }

/* --- NAVBAR (CRYTEK SİMETRİSİ) --- */
.navbar {
    height: 110px;
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    transition: var(--transition);
}

.nav-wrapper {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
}

.logo img { height: 60px; width: auto; transition: var(--transition); transform-style: preserve-3d; }

.nav-links { display: flex; list-style: none; gap: 45px; }
.nav-links a { 
    color: #fff; text-decoration: none; font-weight: 700; font-size: 0.85rem; 
    letter-spacing: 1.5px; text-transform: uppercase; transition: var(--transition); 
}

.nav-right { display: flex; justify-content: flex-end; gap: 25px; align-items: center; }
.nav-right a { color: #fff; text-decoration: none; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; gap: 8px; }

.navbar.scrolled { height: 75px; background: #ffffff; box-shadow: 0 10px 40px rgba(0,0,0,0.4); border-bottom: none; }
.navbar.scrolled .nav-links a, .navbar.scrolled .nav-right a { color: #000; }
.navbar.scrolled .logo img { height: 45px; transform: rotateX(360deg); }

/* --- HERO (SLIDER GERİ GELDİ) --- */
.hero { height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; }
.hero-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; opacity: 0.7; }
.hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, #000); z-index: -1; }
.hero-title { font-size: clamp(3rem, 10vw, 6rem); font-weight: 900; letter-spacing: -2px; margin-bottom: 10px; }
.hero-subtitle { font-size: 1rem; letter-spacing: 8px; color: var(--text-muted); text-transform: uppercase; margin-bottom: 35px; }
.btn-main { background: #fff; color: #000; padding: 18px 45px; text-decoration: none; font-weight: 800; font-size: 0.8rem; letter-spacing: 2px; border-radius: 2px; transition: 0.3s; }
.btn-main:hover { background: var(--primary); color: #000; }

/* --- ÜRÜN KARTLARI (GELİŞMİŞ HOVER) --- */
.section-padding { padding: 100px 0; }
.grid-products { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 40px; }
.product-card { background: var(--bg-card); border: 1px solid #111; transition: var(--transition); }
.product-card:hover { transform: translateY(-15px) scale(1.02); border-color: #333; box-shadow: 0 20px 40px rgba(0,0,0,0.8); }
.product-img { width: 100%; height: 260px; overflow: hidden; }
.product-img img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: var(--transition); }
.product-card:hover .product-img img { opacity: 1; transform: scale(1.05); }
.product-info { padding: 35px; border-top: 1px solid #111; }
.product-info h3 { font-size: 1.5rem; margin-bottom: 15px; font-weight: 800; }
.product-info p { color: var(--text-muted); line-height: 1.8; }

/* --- REFERANSLAR --- */
.ref-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 40px; align-items: center; padding: 40px 0; border-top: 1px solid #111; }
.ref-item img { width: 100%; filter: grayscale(100%) invert(1); opacity: 0.3; transition: var(--transition); }
.ref-item:hover img { filter: grayscale(0%) invert(0); opacity: 1; transform: scale(1.1); }

/* --- FOOTER (GELİŞMİŞ) --- */
.footer { padding: 100px 0 40px; background: #000; border-top: 1px solid #111; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 60px; margin-bottom: 80px; }
.footer-logo img { height: 45px; margin-bottom: 25px; }
.footer-col h4 { font-size: 0.9rem; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 30px; }
.footer-col ul { list-style: none; }
.footer-col li { margin-bottom: 15px; }
.footer-col a { color: #555; text-decoration: none; font-size: 0.9rem; transition: 0.3s; }
.footer-col a:hover { color: #fff; padding-left: 5px; }
.footer-bottom { border-top: 1px solid #111; padding-top: 40px; display: flex; justify-content: space-between; color: #222; font-size: 0.8rem; }


@media (max-width: 992px) {
    .nav-links {
        position: fixed;
        top: 70px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 70px);
        background: #000;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 50px;
        transition: 0.5s;
        z-index: 999;
    }
    .nav-links.active { left: 0; }
    .nav-right { display: none; }
    .mobile-menu-icon { display: block; font-size: 2rem; cursor: pointer; color: #fff; }
    .navbar.scrolled .mobile-menu-icon { color: #000; }
    
    /* Ürün kartlarını mobilde yan yana gelmeye zorlama, alt alta al */
    .grid-products { grid-template-columns: 1fr !important; }
}