/*
Theme Name: Elektrikli Bagaj Premium
Theme URI: https://elektriklibagaj.com
Author: ArkaDijital
Description: Elektrikli bagaj tamiri, onarımı ve yedek parça satışı için premium WordPress teması.
Version: 1.0
Text Domain: elektrikli-bagaj-premium
*/

:root{
    --dark:#080808;
    --dark-2:#111;
    --red:#b30000;
    --red-2:#e30613;
    --white:#fff;
    --gray:#b8b8b8;
    --border:rgba(255,255,255,.08);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Arial, Helvetica, sans-serif;
    background:var(--dark);
    color:var(--white);
}

a{
    color:inherit;
    text-decoration:none;
}

img{
    max-width:100%;
    height:auto;
}

.eb-container{
    width:min(1240px, 92%);
    margin:auto;
}

/* HEADER */
.eb-header{
    background:rgba(8,8,8,.92);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--border);
    position:sticky;
    top:0;
    z-index:999;
}

.eb-header-inner{
    height:88px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.eb-logo{
    font-size:28px;
    font-weight:900;
    letter-spacing:-1px;
}

.eb-logo span{
    color:var(--red-2);
}

.eb-menu ul{
    list-style:none;
    display:flex;
    align-items:center;
    gap:28px;
}

.eb-menu a{
    color:#fff;
    font-size:15px;
    font-weight:700;
    transition:.3s;
}

.eb-menu a:hover{
    color:var(--red-2);
}

.eb-header-btn{
    background:linear-gradient(135deg,var(--red),var(--red-2));
    padding:14px 22px;
    border-radius:50px;
    font-weight:800;
    box-shadow:0 0 30px rgba(227,6,19,.35);
}

/* HERO */
.eb-hero{
    position:relative;
    min-height:720px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.72),rgba(0,0,0,.35)),
        url('assets/img/hero.jpg') center/cover no-repeat;
}

.eb-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 20% 30%,rgba(227,6,19,.22),transparent 35%);
    pointer-events:none;
}

.eb-hero-content{
    position:relative;
    z-index:2;
    max-width:780px;
}

.eb-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:rgba(227,6,19,.13);
    border:1px solid rgba(227,6,19,.35);
    color:#fff;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:800;
    margin-bottom:24px;
}

.eb-hero h1{
    font-size:64px;
    line-height:1.02;
    letter-spacing:-2px;
    margin-bottom:24px;
}

.eb-hero h1 span{
    color:var(--red-2);
}

.eb-hero p{
    color:#d7d7d7;
    font-size:20px;
    line-height:1.7;
    max-width:680px;
    margin-bottom:34px;
}

.eb-actions{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

.eb-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 26px;
    border-radius:50px;
    font-weight:900;
    transition:.3s;
}

.eb-btn-primary{
    background:linear-gradient(135deg,var(--red),var(--red-2));
    color:#fff;
    box-shadow:0 20px 50px rgba(227,6,19,.35);
}

.eb-btn-light{
    background:#fff;
    color:#111;
}

.eb-btn:hover{
    transform:translateY(-4px);
}

/* SECTIONS */
.eb-section{
    padding:100px 0;
}

.eb-section-title{
    max-width:760px;
    margin-bottom:48px;
}

.eb-section-title small{
    color:var(--red-2);
    font-weight:900;
    letter-spacing:1px;
}

.eb-section-title h2{
    font-size:44px;
    line-height:1.15;
    margin:12px 0;
}

.eb-section-title p{
    color:var(--gray);
    font-size:17px;
    line-height:1.7;
}

/* CARDS */
.eb-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

.eb-card{
    background:linear-gradient(180deg,#151515,#0d0d0d);
    border:1px solid var(--border);
    border-radius:26px;
    padding:34px;
    transition:.35s;
    position:relative;
    overflow:hidden;
}

.eb-card::before{
    content:"";
    position:absolute;
    inset:auto -40px -40px auto;
    width:130px;
    height:130px;
    background:rgba(227,6,19,.18);
    filter:blur(35px);
}

.eb-card:hover{
    transform:translateY(-8px);
    border-color:rgba(227,6,19,.55);
}

.eb-card-icon{
    width:58px;
    height:58px;
    background:linear-gradient(135deg,var(--red),var(--red-2));
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:22px;
}

.eb-card h3{
    font-size:22px;
    margin-bottom:14px;
}

.eb-card p{
    color:#bdbdbd;
    line-height:1.7;
}

/* CTA */
.eb-cta{
    background:
        linear-gradient(135deg,rgba(179,0,0,.92),rgba(0,0,0,.92)),
        url('assets/img/cta.jpg') center/cover no-repeat;
    border-radius:36px;
    padding:70px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

.eb-cta h2{
    font-size:42px;
    margin-bottom:12px;
}

.eb-cta p{
    color:#eee;
    font-size:18px;
}

/* CONTENT */
.eb-content{
    background:#fff;
    color:#111;
    padding:80px 0;
}

.eb-content h1,
.eb-content h2,
.eb-content h3{
    color:#111;
    margin-bottom:18px;
}

.eb-content p{
    color:#333;
    line-height:1.8;
    margin-bottom:18px;
}

/* FOOTER */
.eb-footer{
    background:#050505;
    border-top:1px solid var(--border);
    padding:60px 0 25px;
}

.eb-footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:40px;
}

.eb-footer h3{
    margin-bottom:18px;
}

.eb-footer p,
.eb-footer a{
    color:#aaa;
    line-height:1.8;
}

.eb-copy{
    margin-top:40px;
    padding-top:20px;
    border-top:1px solid var(--border);
    color:#777;
    font-size:14px;
}

/* WHATSAPP */
.eb-whatsapp{
    position:fixed;
    right:22px;
    bottom:22px;
    background:#25d366;
    color:#fff;
    padding:16px 22px;
    border-radius:50px;
    font-weight:900;
    z-index:9999;
    box-shadow:0 15px 40px rgba(37,211,102,.35);
}

/* MOBILE */
@media(max-width:900px){
    .eb-header-inner{
        height:auto;
        padding:18px 0;
        flex-direction:column;
    }

    .eb-menu ul{
        flex-wrap:wrap;
        justify-content:center;
        gap:14px;
    }

    .eb-hero{
        min-height:620px;
        text-align:center;
    }

    .eb-hero h1{
        font-size:42px;
    }

    .eb-hero p{
        font-size:17px;
    }

    .eb-actions{
        justify-content:center;
    }

    .eb-grid{
        grid-template-columns:1fr;
    }

    .eb-section{
        padding:70px 0;
    }

    .eb-section-title h2{
        font-size:34px;
    }

    .eb-cta{
        padding:40px 24px;
        flex-direction:column;
        text-align:center;
    }

    .eb-footer-grid{
        grid-template-columns:1fr;
    }
}/* HEADER */.eb-header{    background:rgba(8,8,8,.94);    backdrop-filter:blur(16px);    border-bottom:1px solid rgba(255,255,255,.08);    position:sticky;    top:0;    z-index:9999;}.eb-header-inner{    min-height:88px;    display:flex;    align-items:center;    justify-content:space-between;    gap:28px;}.eb-logo{    font-size:28px;    font-weight:900;    letter-spacing:-1px;    white-space:nowrap;}.eb-logo span{    color:var(--red-2);}.eb-logo img{    max-height:58px;    width:auto;}/* ANA MENÜ */.eb-menu{    flex:1;    display:flex;    justify-content:center;}.eb-main-menu,.eb-main-menu ul{    list-style:none;    margin:0;    padding:0;}.eb-main-menu{    display:flex;    align-items:center;    gap:6px;}.eb-main-menu li{    position:relative;}.eb-main-menu > li > a{    display:flex;    align-items:center;    gap:7px;    padding:34px 13px;    color:#fff;    font-size:15px;    font-weight:800;    transition:.3s;}.eb-main-menu > li:hover > a,.eb-main-menu > li.current-menu-item > a{    color:var(--red-2);}/* OK İŞARETİ */.eb-main-menu li.menu-item-has-children > a::after{    content:"▾";    font-size:11px;    margin-left:4px;    color:var(--red-2);}/* 1. ALT MENÜ */.eb-main-menu .sub-menu{    position:absolute;    top:100%;    left:0;    min-width:245px;    background:#111;    border:1px solid rgba(255,255,255,.08);    border-radius:0 0 18px 18px;    padding:12px;    opacity:0;    visibility:hidden;    transform:translateY(15px);    transition:.25s ease;    box-shadow:0 25px 60px rgba(0,0,0,.45);    z-index:99999;}.eb-main-menu li:hover > .sub-menu{    opacity:1;    visibility:visible;    transform:translateY(0);}.eb-main-menu .sub-menu li{    width:100%;}.eb-main-menu .sub-menu a{    display:flex;    justify-content:space-between;    align-items:center;    color:#ddd;    font-size:14px;    font-weight:700;    padding:13px 14px;    border-radius:12px;    transition:.25s;}.eb-main-menu .sub-menu a:hover{    background:linear-gradient(135deg,var(--red),var(--red-2));    color:#fff;    padding-left:18px;}/* 2. ALT MENÜ VE DAHA DERİN */.eb-main-menu .sub-menu .sub-menu{    top:0;    left:100%;    border-radius:18px;    margin-left:12px;    transform:translateX(15px);}.eb-main-menu .sub-menu li:hover > .sub-menu{    opacity:1;    visibility:visible;    transform:translateX(0);}/* ALT MENÜDE OK SAĞA */.eb-main-menu .sub-menu li.menu-item-has-children > a::after{    content:"›";    font-size:18px;    color:#fff;}/* HEADER BUTON */.eb-header-btn{    background:linear-gradient(135deg,var(--red),var(--red-2));    padding:14px 22px;    border-radius:50px;    font-weight:900;    color:#fff;    white-space:nowrap;    box-shadow:0 0 30px rgba(227,6,19,.35);    transition:.3s;}.eb-header-btn:hover{    transform:translateY(-3px);}/* MOBİL BUTON */.eb-mobile-toggle{    display:none;    width:46px;    height:46px;    border:1px solid rgba(255,255,255,.12);    background:#141414;    border-radius:14px;    cursor:pointer;}.eb-mobile-toggle span{    display:block;    width:22px;    height:2px;    background:#fff;    margin:5px auto;}/* MOBİL */@media(max-width:980px){    .eb-header-inner{        min-height:78px;        flex-wrap:wrap;    }    .eb-mobile-toggle{        display:block;        order:3;    }    .eb-header-btn{        order:2;        padding:11px 16px;        font-size:13px;    }    .eb-logo{        order:1;        font-size:23px;    }    .eb-menu{        order:4;        width:100%;        display:none;        justify-content:flex-start;    }    .eb-menu.active{        display:block;    }    .eb-main-menu{        display:block;        width:100%;        background:#101010;        border:1px solid rgba(255,255,255,.08);        border-radius:20px;        padding:12px;        margin-bottom:15px;    }    .eb-main-menu > li > a{        padding:15px 14px;        border-radius:12px;        justify-content:space-between;    }    .eb-main-menu .sub-menu,    .eb-main-menu .sub-menu .sub-menu{        position:static;        opacity:1;        visibility:visible;        transform:none;        display:none;        margin:6px 0 6px 14px;        padding:8px;        min-width:100%;        border-radius:14px;        background:#171717;        box-shadow:none;    }    .eb-main-menu li.open > .sub-menu{        display:block;    }    .eb-main-menu .sub-menu a{        font-size:13px;        padding:12px;    }    .eb-main-menu li.menu-item-has-children > a::after{        content:"+";        font-size:18px;    }    .eb-main-menu li.open > a::after{        content:"−";    }}/* PREMIUM MEGA DROPDOWN - ALT MENÜLER ÜST ÜSTE GEÇMESİN */.eb-main-menu > li{    position:relative;}/* 1. seviye alt menü geniş panel */.eb-main-menu > li > .sub-menu{    min-width:620px;    max-width:820px;    display:grid;    grid-template-columns:repeat(3, 1fr);    gap:8px;}/* 2. seviye artık yana açılmasın, bulunduğu kutunun altında açılsın */.eb-main-menu .sub-menu .sub-menu{    position:static !important;    display:none;    opacity:1 !important;    visibility:visible !important;    transform:none !important;    margin:8px 0 0 0 !important;    min-width:100% !important;    background:#181818;    border-radius:14px;    border:1px solid rgba(255,255,255,.06);    box-shadow:none;    padding:8px;}/* Hover olunca kendi altında açılsın */.eb-main-menu .sub-menu li:hover > .sub-menu{    display:block;}/* Alt menü itemleri düzgün hizalansın */.eb-main-menu .sub-menu li{    width:100%;    position:relative;}/* Yana ok yerine aşağı hissi */.eb-main-menu .sub-menu li.menu-item-has-children > a::after{    content:"▾" !important;    font-size:12px;    color:#fff;}/* 3. seviye linkler daha sade */.eb-main-menu .sub-menu .sub-menu a{    font-size:13px;    padding:10px 12px;    background:#111;}/* Çok uzun yazılar taşmasın */.eb-main-menu .sub-menu a{    white-space:normal;    line-height:1.35;}/* Ekranın dışına taşmasın */.eb-main-menu > li:last-child > .sub-menu,.eb-main-menu > li:nth-last-child(2) > .sub-menu{    right:0;    left:auto;}/* Tablet */@media(max-width:1200px){    .eb-main-menu > li > .sub-menu{        min-width:520px;        grid-template-columns:repeat(2, 1fr);    }}/* Mobil zaten accordion */@media(max-width:980px){    .eb-main-menu > li > .sub-menu{        min-width:100%;        max-width:100%;        display:none;        grid-template-columns:1fr;    }    .eb-main-menu li.open > .sub-menu{        display:block;    }    .eb-main-menu .sub-menu .sub-menu{        display:none;    }    .eb-main-menu .sub-menu li.open > .sub-menu{        display:block;    }}/* PREMIUM İLETİŞİM SAYFASI */.eb-contact-full{    background:#080808;    color:#fff;    padding-bottom:90px;    overflow:hidden;}.eb-contact-hero{    position:relative;    padding:110px 20px 150px;    text-align:center;    background:        radial-gradient(circle at 20% 20%, rgba(227,6,19,.35), transparent 32%),        linear-gradient(135deg, rgba(12,12,12,.96), rgba(120,0,0,.88)),        url('assets/img/hero.jpg') center/cover no-repeat;}.eb-contact-hero::after{    content:"";    position:absolute;    inset:0;    background:linear-gradient(180deg, transparent, #080808);    pointer-events:none;}.eb-contact-hero .eb-container{    position:relative;    z-index:2;}.eb-badge{    display:inline-block;    background:rgba(255,255,255,.1);    border:1px solid rgba(255,255,255,.18);    color:#fff;    padding:10px 18px;    border-radius:50px;    font-size:13px;    font-weight:900;    letter-spacing:.7px;    margin-bottom:18px;}.eb-contact-hero h1{    font-size:56px;    line-height:1.05;    margin-bottom:16px;    color:#fff;}.eb-contact-hero p{    max-width:650px;    margin:0 auto;    color:#ddd;    font-size:18px;    line-height:1.7;}.eb-hero-btns{    display:flex;    justify-content:center;    gap:15px;    flex-wrap:wrap;    margin-top:30px;}.eb-btn-red,.eb-btn-white{    display:inline-flex;    align-items:center;    justify-content:center;    min-height:52px;    padding:14px 26px;    border-radius:999px;    font-weight:900;    transition:.3s;}.eb-btn-red{    background:linear-gradient(135deg,#b30000,#e30613);    color:#fff;    box-shadow:0 18px 45px rgba(227,6,19,.35);}.eb-btn-white{    background:#fff;    color:#111;}.eb-btn-red:hover,.eb-btn-white:hover{    transform:translateY(-4px);}.eb-contact-grid{    position:relative;    z-index:4;    display:grid;    grid-template-columns:1fr 1.25fr;    gap:28px;    margin-top:-80px;}.eb-contact-card{    position:relative;    background:linear-gradient(180deg,#171717,#0e0e0e);    border:1px solid rgba(255,255,255,.08);    border-radius:28px;    padding:42px;    box-shadow:0 30px 80px rgba(0,0,0,.45);    overflow:hidden;}.eb-contact-card::before{    content:"";    position:absolute;    width:170px;    height:170px;    right:-55px;    bottom:-55px;    background:rgba(227,6,19,.24);    filter:blur(42px);}.eb-contact-card h2{    position:relative;    color:#fff;    font-size:32px;    margin-bottom:28px;}.eb-contact-card p{    position:relative;    color:#cfcfcf;    font-size:17px;    line-height:1.8;    margin-bottom:18px;}.eb-contact-card b{    color:#e30613;}.eb-contact-card a{    color:#fff;    font-weight:900;}.eb-contact-map{    min-height:460px;    border-radius:28px;    overflow:hidden;    border:1px solid rgba(255,255,255,.08);    box-shadow:0 30px 80px rgba(0,0,0,.45);    background:#111;}.eb-contact-map iframe{    width:100%;    height:100%;    display:block;    filter:grayscale(.15) contrast(1.08);}/* MOBİL */@media(max-width:900px){    .eb-contact-hero{        padding:80px 18px 125px;    }    .eb-contact-hero h1{        font-size:38px;    }    .eb-contact-grid{        grid-template-columns:1fr;        margin-top:-65px;    }    .eb-contact-card{        padding:30px 24px;    }    .eb-contact-card h2{        font-size:28px;    }    .eb-contact-map{        min-height:360px;    }}/* PREMIUM CONTACT SOL BLOK */.eb-contact-card.premium{    padding:45px;}/* ROW */.eb-contact-row{    display:flex;    align-items:flex-start;    gap:18px;    padding:18px;    border-radius:18px;    margin-bottom:16px;    transition:.3s;    border:1px solid rgba(255,255,255,.05);    background:rgba(255,255,255,.02);}/* ICON */.eb-contact-row .icon{    width:52px;    height:52px;    border-radius:14px;    display:flex;    align-items:center;    justify-content:center;    font-size:22px;    background:linear-gradient(135deg,#b30000,#e30613);    box-shadow:0 10px 25px rgba(227,6,19,.35);    flex-shrink:0;}/* TEXT */.eb-contact-row span{    display:block;    font-size:13px;    color:#aaa;    margin-bottom:4px;}.eb-contact-row a{    font-size:18px;    font-weight:900;    color:#fff;}.eb-contact-row p{    color:#bbb;    font-size:15px;}/* HOVER */.eb-contact-row:hover{    transform:translateY(-4px);    border-color:rgba(227,6,19,.4);}/* WHATSAPP ÖZEL */.eb-contact-row.whatsapp{    background:linear-gradient(135deg, rgba(37,211,102,.15), rgba(0,0,0,.2));    border:1px solid rgba(37,211,102,.3);}.eb-contact-row.whatsapp .icon{    background:#25d366;    box-shadow:0 10px 25px rgba(37,211,102,.5);}.eb-contact-row.whatsapp a{    color:#25d366;}/* TELEFON */.eb-contact-row.phone .icon{    background:linear-gradient(135deg,#ff0000,#e30613);}/* KONUM */.eb-contact-row.location .icon{    background:linear-gradient(135deg,#444,#111);}/* HİZMET */.eb-contact-row.service .icon{    background:linear-gradient(135deg,#222,#000);}
/* PREMIUM FOOTER */
.eb-footer{
    background:#050505;
    padding:80px 0 30px;
    border-top:1px solid rgba(255,255,255,.05);
}

.eb-footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:50px;
}

.eb-footer h3{
    margin-bottom:20px;
    font-size:20px;
}

/* TEXT */
.eb-footer p{
    color:#aaa;
    line-height:1.8;
    font-size:14px;
}

/* LİNK */
.eb-footer-links{
    list-style:none;
}

.eb-footer-links li{
    margin-bottom:10px;
}

.eb-footer-links a{
    color:#bbb;
    transition:.3s;
}

.eb-footer-links a:hover{
    color:#e30613;
}

/* CONTACT */
.eb-footer-contact div{
    margin-bottom:12px;
    color:#bbb;
}

.eb-footer-contact a{
    color:#fff;
    font-weight:bold;
}

/* CTA */
.eb-footer-cta a{
    display:inline-block;
    margin-top:15px;
    background:#e30613;
    padding:12px 22px;
    border-radius:50px;
    color:#fff;
    font-weight:bold;
}

/* SEO BLOK */
.eb-footer-seo{
    margin-top:40px;
    padding:20px;
    border-top:1px solid rgba(255,255,255,.05);
    border-bottom:1px solid rgba(255,255,255,.05);
    color:#777;
    font-size:13px;
}

/* ALT */
.eb-copy{
    margin-top:25px;
    font-size:13px;
    color:#666;
    text-align:center;
}

.eb-signature{
    display:block;
    margin-top:5px;
    color:#e30613;
    font-weight:bold;
}

/* MOBİL */
@media(max-width:900px){
    .eb-footer-grid{
        grid-template-columns:1fr;
    }
}
/* HAKKIMIZDA */

.eb-about-hero{
    padding:100px 20px;
    text-align:center;
    background:linear-gradient(135deg,#000,#a00000);
}

.eb-about-hero h1{
    font-size:48px;
}

.eb-about-hero p{
    max-width:600px;
    margin:auto;
    color:#ccc;
}

/* GRID */
.eb-about-grid{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:40px;
    padding:80px 0;
}

/* TEXT */
.eb-about-text h2{
    margin-bottom:20px;
}

.eb-about-text p{
    color:#bbb;
    margin-bottom:18px;
    line-height:1.7;
}

/* BOX */
.eb-about-box{
    background:#141414;
    padding:30px;
    border-radius:20px;
}

.eb-about-box h3{
    margin-bottom:20px;
}

.eb-about-box ul{
    list-style:none;
    margin-bottom:20px;
}

.eb-about-box li{
    margin-bottom:10px;
    color:#ccc;
}

/* BUTON */
.eb-about-btn{
    display:inline-block;
    background:#e30613;
    padding:12px 20px;
    border-radius:50px;
    color:#fff;
}

/* CTA */
.eb-about-cta{
    padding:80px 20px;
    text-align:center;
    background:#0b0b0b;
}

.eb-about-actions{
    margin-top:20px;
    display:flex;
    justify-content:center;
    gap:15px;
}

/* MOBİL */
@media(max-width:768px){
    .eb-about-grid{
        grid-template-columns:1fr;
    }

    .eb-about-hero h1{
        font-size:32px;
    }
}
/* HEADER FIX PREMIUM */
.eb-header{
    background:rgba(8,8,8,.95);
    backdrop-filter:blur(15px);
    border-bottom:1px solid rgba(255,255,255,.05);
    position:sticky;
    top:0;
    z-index:9999;
}

/* FLEX DÜZEN */
.eb-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    min-height:85px;
}

/* LOGO */
.eb-logo{
    flex:0 0 auto;
    font-size:26px;
    font-weight:900;
    white-space:nowrap;
}

.eb-logo span{
    color:#e30613;
}

/* MENU ALANI */
.eb-menu{
    flex:1;
    display:flex;
    justify-content:center;
    min-width:0; /* ÖNEMLİ */
}

/* MENU */
.eb-main-menu{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
    overflow:hidden;
}

/* ITEM */
.eb-main-menu > li > a{
    padding:10px 14px;
    font-size:14px;
    font-weight:800;
    white-space:nowrap;
    color:#fff;
    transition:.3s;
    border-radius:8px;
}

/* HOVER */
.eb-main-menu > li > a:hover{
    background:rgba(227,6,19,.15);
    color:#e30613;
}

/* CTA */
.eb-header-btn{
    flex:0 0 auto;
    background:linear-gradient(135deg,#b30000,#e30613);
    padding:10px 18px;
    border-radius:50px;
    font-weight:900;
    color:#fff;
    white-space:nowrap;
    box-shadow:0 0 20px rgba(227,6,19,.4);
}

/* MENÜ SIĞMAZSA KÜÇÜLSÜN */
.eb-main-menu > li > a{
    font-size:clamp(12px, 0.9vw, 14px);
    padding:clamp(8px, 0.8vw, 12px);
}

/* ÇOK FAZLA MENÜ OLURSA SCROLL (PREMIUM ÇÖZÜM) */
.eb-menu{
    overflow-x:auto;
}

.eb-menu::-webkit-scrollbar{
    height:3px;
}

.eb-menu::-webkit-scrollbar-thumb{
    background:#e30613;
}

/* MOBILE */
.eb-mobile-toggle{
    display:none;
}

/* TABLET ALTINDA */
@media(max-width:1100px){

    .eb-mobile-toggle{
        display:block;
        width:45px;
        height:45px;
        background:#111;
        border-radius:10px;
    }

    .eb-mobile-toggle span{
        display:block;
        height:2px;
        width:22px;
        background:#fff;
        margin:5px auto;
    }

    .eb-menu{
        display:none;
        width:100%;
    }

    .eb-menu.active{
        display:block;
    }

    .eb-main-menu{
        flex-direction:column;
        background:#111;
        padding:15px;
        border-radius:15px;
    }

    .eb-main-menu > li > a{
        width:100%;
    }

}
/* PREMIUM HEADER */
.eb-header{
    background:rgba(8,8,8,.96);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(255,255,255,.07);
    position:sticky;
    top:0;
    z-index:99999;
}

.eb-header-inner{
    min-height:86px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    position:relative;
}

.eb-logo{
    flex:0 0 auto;
    font-size:26px;
    font-weight:900;
    white-space:nowrap;
    color:#fff;
}

.eb-logo span{
    color:#e30613;
}

.eb-logo img{
    max-height:58px;
    width:auto;
}

.eb-menu{
    flex:1;
    display:flex;
    justify-content:center;
    min-width:0;
    overflow:visible !important;
}

.eb-main-menu,
.eb-main-menu ul{
    list-style:none;
    margin:0;
    padding:0;
}

.eb-main-menu{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex-wrap:nowrap;
    overflow:visible !important;
}

.eb-main-menu li{
    position:relative;
}

.eb-main-menu > li > a{
    display:flex;
    align-items:center;
    gap:6px;
    padding:13px 11px;
    color:#fff;
    font-size:clamp(12px, .83vw, 14px);
    font-weight:850;
    white-space:nowrap;
    border-radius:12px;
    transition:.25s;
}

.eb-main-menu > li:hover > a,
.eb-main-menu > li.current-menu-item > a{
    background:rgba(227,6,19,.13);
    color:#fff;
}

/* ALT MENÜ OK */
.eb-main-menu li.menu-item-has-children > a::after{
    content:"▾";
    font-size:10px;
    margin-left:3px;
    color:#e30613;
}

/* 1. SEVİYE ALT MENÜ */
.eb-main-menu > li > .sub-menu{
    position:absolute;
    top:100%;
    left:0;
    width:720px;
    max-width:82vw;
    background:#111;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    padding:16px;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:8px;
    opacity:0;
    visibility:hidden;
    transform:translateY(18px);
    transition:.25s ease;
    box-shadow:0 28px 80px rgba(0,0,0,.55);
    z-index:999999;
}

.eb-main-menu > li:hover > .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* SONDAKİ MENÜLER SAĞDAN AÇILSIN */
.eb-main-menu > li:nth-last-child(1) > .sub-menu,
.eb-main-menu > li:nth-last-child(2) > .sub-menu{
    left:auto;
    right:0;
}

/* ALT MENÜ LİNKLERİ */
.eb-main-menu .sub-menu li{
    width:100%;
}

.eb-main-menu .sub-menu a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:13px 14px;
    color:#ddd;
    font-size:13.5px;
    font-weight:750;
    line-height:1.35;
    white-space:normal;
    border-radius:14px;
    transition:.25s;
}

.eb-main-menu .sub-menu a:hover{
    background:linear-gradient(135deg,#b30000,#e30613);
    color:#fff;
}

/* 2. VE 3. SEVİYE ALT MENÜLER YANA DEĞİL ALTINA AÇILSIN */
.eb-main-menu .sub-menu .sub-menu{
    position:static !important;
    display:none;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    width:100%;
    max-width:100%;
    margin-top:7px;
    padding:8px;
    background:#181818;
    border:1px solid rgba(255,255,255,.06);
    border-radius:15px;
    box-shadow:none;
}

/* Hover olunca kendi kutusunun altında açılsın */
.eb-main-menu .sub-menu li:hover > .sub-menu{
    display:block;
}

/* Alt menüde ok aşağı baksın */
.eb-main-menu .sub-menu li.menu-item-has-children > a::after{
    content:"▾" !important;
    font-size:11px;
    color:#fff;
}

/* CTA */
.eb-header-btn{
    flex:0 0 auto;
    background:linear-gradient(135deg,#b30000,#e30613);
    padding:11px 17px;
    border-radius:50px;
    font-weight:900;
    color:#fff;
    white-space:nowrap;
    box-shadow:0 0 24px rgba(227,6,19,.35);
}

/* MOBİL */
.eb-mobile-toggle{
    display:none;
    width:46px;
    height:46px;
    border:1px solid rgba(255,255,255,.12);
    background:#121212;
    border-radius:14px;
    cursor:pointer;
}

.eb-mobile-toggle span{
    display:block;
    width:22px;
    height:2px;
    background:#fff;
    margin:5px auto;
}

@media(max-width:1100px){

    .eb-header-inner{
        flex-wrap:wrap;
        padding:14px 0;
    }

    .eb-mobile-toggle{
        display:block;
        order:3;
    }

    .eb-logo{
        order:1;
        font-size:22px;
    }

    .eb-header-btn{
        order:2;
        font-size:13px;
        padding:10px 14px;
    }

    .eb-menu{
        order:4;
        width:100%;
        display:none;
        justify-content:flex-start;
    }

    .eb-menu.active{
        display:block;
    }

    .eb-main-menu{
        display:block;
        width:100%;
        background:#101010;
        border:1px solid rgba(255,255,255,.08);
        border-radius:20px;
        padding:12px;
    }

    .eb-main-menu > li > a{
        width:100%;
        justify-content:space-between;
        padding:15px;
        font-size:14px;
    }

    .eb-main-menu > li > .sub-menu,
    .eb-main-menu .sub-menu .sub-menu{
        position:static !important;
        width:100% !important;
        max-width:100% !important;
        display:none;
        grid-template-columns:1fr;
        opacity:1 !important;
        visibility:visible !important;
        transform:none !important;
        margin:6px 0 8px 0;
        padding:10px;
        background:#171717;
        border-radius:16px;
        box-shadow:none;
    }

    .eb-main-menu li.open > .sub-menu{
        display:block !important;
    }

    .eb-main-menu li.menu-item-has-children > a::after{
        content:"+";
        font-size:18px;
    }

    .eb-main-menu li.open > a::after{
        content:"−";
    }
}
/* SAYFA VE BLOG İÇERİK TASARIMI */
.eb-page-wrapper{
    background:#080808;
    color:#fff;
}

.eb-page-hero{
    padding:80px 20px 70px;
    text-align:center;
    background:
        radial-gradient(circle at 20% 20%, rgba(227,6,19,.28), transparent 30%),
        linear-gradient(135deg,#050505,#160000);
    border-bottom:1px solid rgba(255,255,255,.07);
}

.eb-page-hero span{
    display:inline-block;
    margin-bottom:14px;
    color:#e30613;
    font-weight:900;
    font-size:13px;
    letter-spacing:1px;
}

.eb-page-hero h1{
    max-width:950px;
    margin:0 auto;
    font-size:46px;
    line-height:1.15;
    color:#fff;
}

.eb-page-content{
    padding:70px 0;
}

.eb-content-box{
    max-width:1050px;
    margin:auto;
    background:linear-gradient(180deg,#151515,#0d0d0d);
    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;
    padding:46px;
    box-shadow:0 30px 80px rgba(0,0,0,.45);
}

/* Yazı tipografisi */
.eb-content-box h1,
.eb-content-box h2,
.eb-content-box h3,
.eb-content-box h4{
    color:#fff;
    margin:28px 0 16px;
    line-height:1.25;
}

.eb-content-box h2{
    font-size:32px;
}

.eb-content-box h3{
    font-size:24px;
}

.eb-content-box p{
    color:#d1d1d1;
    font-size:17px;
    line-height:1.85;
    margin-bottom:18px;
}

.eb-content-box strong,
.eb-content-box b{
    color:#fff;
    font-weight:900;
}

.eb-content-box ul,
.eb-content-box ol{
    margin:22px 0 26px 24px;
}

.eb-content-box li{
    color:#d1d1d1;
    font-size:17px;
    line-height:1.8;
    margin-bottom:8px;
}

.eb-content-box a{
    color:#e30613;
    font-weight:900;
}

.eb-featured-img{
    margin:-18px -18px 34px;
    border-radius:22px;
    overflow:hidden;
}

.eb-featured-img img{
    width:100%;
    height:auto;
    display:block;
}

/* WordPress görseller */
.eb-content-box img{
    border-radius:18px;
    margin:18px 0;
}

/* Mobil */
@media(max-width:768px){
    .eb-page-hero{
        padding:55px 16px 45px;
    }

    .eb-page-hero h1{
        font-size:30px;
    }

    .eb-page-content{
        padding:40px 0;
    }

    .eb-content-box{
        padding:26px 20px;
        border-radius:22px;
    }

    .eb-content-box p,
    .eb-content-box li{
        font-size:16px;
    }
}
/* MOBİL HEADER DÜZELTME */
@media(max-width:1100px){

    .eb-header-inner{
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        padding:14px 0;
    }

    .eb-logo{
        order:1;
        font-size:22px;
    }

    .eb-header-btn{
        order:2;
        font-size:13px;
        padding:10px 14px;
    }

    .eb-mobile-toggle{
        order:3;
        display:flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        width:46px;
        height:46px;
        border-radius:14px;
        background:#141414;
        border:1px solid rgba(255,255,255,.12);
        cursor:pointer;
        z-index:999999;
    }

    .eb-mobile-toggle span{
        display:block;
        width:23px;
        height:2px;
        background:#fff;
        margin:3px 0;
        transition:.3s;
    }

    .eb-mobile-toggle.active span:nth-child(1){
        transform:translateY(8px) rotate(45deg);
    }

    .eb-mobile-toggle.active span:nth-child(2){
        opacity:0;
    }

    .eb-mobile-toggle.active span:nth-child(3){
        transform:translateY(-8px) rotate(-45deg);
    }

    .eb-menu{
        order:4;
        width:100%;
        display:none !important;
        flex:0 0 100%;
        overflow:visible !important;
    }

    .eb-menu.active{
        display:block !important;
    }

    .eb-main-menu{
        display:block !important;
        width:100%;
        background:#101010;
        border:1px solid rgba(255,255,255,.08);
        border-radius:22px;
        padding:12px;
        margin:8px 0 10px;
        box-shadow:0 25px 70px rgba(0,0,0,.45);
    }

    .eb-main-menu li{
        width:100%;
        position:relative;
    }

    .eb-main-menu > li > a,
    .eb-main-menu .sub-menu a{
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        padding:15px 14px;
        color:#fff;
        font-size:14px;
        font-weight:800;
        border-radius:14px;
        white-space:normal;
    }

    .eb-main-menu > li > a:hover,
    .eb-main-menu .sub-menu a:hover{
        background:rgba(227,6,19,.14);
        color:#fff;
    }

    /* MOBİLDE TÜM ALT MENÜLER KAPALI BAŞLASIN */
    .eb-main-menu .sub-menu{
        position:static !important;
        display:none !important;
        width:100% !important;
        max-width:100% !important;
        min-width:100% !important;
        grid-template-columns:1fr !important;
        opacity:1 !important;
        visibility:visible !important;
        transform:none !important;
        margin:6px 0 8px 0 !important;
        padding:8px !important;
        background:#171717 !important;
        border:1px solid rgba(255,255,255,.06) !important;
        border-radius:16px !important;
        box-shadow:none !important;
    }

    /* SADECE TIKLANAN AÇILSIN */
    .eb-main-menu li.open > .sub-menu{
        display:block !important;
    }

    .eb-main-menu .sub-menu .sub-menu{
        background:#202020 !important;
        margin-left:0 !important;
    }

    /* + / - İŞARETİ */
    .eb-main-menu li.menu-item-has-children > a::after{
        content:"+" !important;
        color:#e30613;
        font-size:20px;
        font-weight:900;
        margin-left:10px;
    }

    .eb-main-menu li.menu-item-has-children.open > a::after{
        content:"−" !important;
    }
}
/* HEADER MOBİL KESİN ÇÖZÜM */
.eb-mobile-details{
    display:none;
}

@media(max-width:1100px){

    .eb-header-inner{
        display:grid !important;
        grid-template-columns:1fr auto auto;
        align-items:center;
        gap:12px;
        padding:12px 0;
        position:relative;
    }

    .eb-logo{
        grid-column:1;
        font-size:22px;
        white-space:nowrap;
        z-index:5;
    }

    .eb-header-btn{
        grid-column:2;
        font-size:13px;
        padding:10px 14px;
        white-space:nowrap;
        z-index:5;
    }

    .eb-desktop-menu{
        display:none !important;
    }

    .eb-mobile-details{
        display:block !important;
        grid-column:3;
        z-index:999999;
    }

    .eb-mobile-summary{
        width:46px;
        height:46px;
        background:#151515;
        border:1px solid rgba(255,255,255,.15);
        border-radius:14px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        cursor:pointer;
        list-style:none;
    }

    .eb-mobile-summary::-webkit-details-marker{
        display:none;
    }

    .eb-mobile-summary span{
        width:23px;
        height:2px;
        background:#fff;
        margin:3px 0;
        display:block;
        transition:.3s;
    }

    .eb-mobile-details[open] .eb-mobile-summary span:nth-child(1){
        transform:translateY(8px) rotate(45deg);
    }

    .eb-mobile-details[open] .eb-mobile-summary span:nth-child(2){
        opacity:0;
    }

    .eb-mobile-details[open] .eb-mobile-summary span:nth-child(3){
        transform:translateY(-8px) rotate(-45deg);
    }

    .eb-mobile-menu{
        position:absolute;
        left:0;
        right:0;
        top:100%;
        background:#101010;
        border:1px solid rgba(255,255,255,.08);
        border-radius:22px;
        padding:12px;
        margin-top:12px;
        box-shadow:0 25px 70px rgba(0,0,0,.55);
        z-index:999999;
        max-height:80vh;
        overflow:auto;
    }

    .eb-mobile-list,
    .eb-mobile-list ul{
        list-style:none;
        margin:0;
        padding:0;
    }

    .eb-mobile-list li{
        width:100%;
    }

    .eb-mobile-list a{
        display:flex;
        justify-content:space-between;
        align-items:center;
        width:100%;
        padding:15px 14px;
        color:#fff;
        font-size:14px;
        font-weight:800;
        border-radius:14px;
        text-decoration:none;
    }

    .eb-mobile-list a:hover{
        background:rgba(227,6,19,.14);
    }

    .eb-mobile-list .sub-menu{
        display:none !important;
        background:#171717;
        border-radius:16px;
        padding:8px;
        margin:4px 0 8px;
    }

    .eb-mobile-list li.open > .sub-menu{
        display:block !important;
    }

    .eb-mobile-list .sub-menu .sub-menu{
        background:#202020;
    }

    .eb-mobile-list li.menu-item-has-children > a::after{
        content:"+";
        color:#e30613;
        font-size:20px;
        font-weight:900;
    }

    .eb-mobile-list li.menu-item-has-children.open > a::after{
        content:"−";
    }
}

@media(min-width:1101px){
    .eb-desktop-menu{
        display:flex !important;
        flex:1;
        justify-content:center;
    }

    .eb-mobile-details{
        display:none !important;
    }
}
/* === YORUM SLIDER DARK PREMIUM === */

.eb-reviews-slider-section {
    overflow: hidden;
    padding-top: 0;
}

/* ANA KUTU */
.eb-reviews-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    padding: 24px 0;
    background: linear-gradient(180deg, #151515, #0d0d0d);
    border: 1px solid var(--border);
}

/* SAĞ SOL FADE (premium efekt) */
.eb-reviews-wrap::before,
.eb-reviews-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.eb-reviews-wrap::before {
    left: 0;
    background: linear-gradient(90deg, #080808, transparent);
}

.eb-reviews-wrap::after {
    right: 0;
    background: linear-gradient(270deg, #080808, transparent);
}

/* KAYAN ALAN */
.eb-reviews-track {
    display: flex;
    gap: 20px;
    width: max-content;
    animation: reviewSlide 38s linear infinite;
}

.eb-reviews-wrap:hover .eb-reviews-track {
    animation-play-state: paused;
}

/* KART */
.eb-review-card {
    width: 300px;
    background: linear-gradient(180deg, #1a1a1a, #0f0f0f);
    border-radius: 22px;
    padding: 20px;
    border: 1px solid var(--border);
    transition: .35s;
    position: relative;
    overflow: hidden;
}

/* KIRMIZI GLOW */
.eb-review-card::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 120px;
    right: -40px;
    bottom: -40px;
    background: rgba(227,6,19,.18);
    filter: blur(40px);
}

/* HOVER */
.eb-review-card:hover {
    transform: translateY(-6px);
    border-color: rgba(227,6,19,.55);
}

/* ÜST */
.eb-review-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

/* İSİM */
.eb-review-name {
    font-weight: 800;
    font-size: 15px;
    color: #fff;
}

/* ARAÇ */
.eb-review-car {
    font-size: 12px;
    color: var(--red-2);
    font-weight: 700;
}

/* YILDIZ */
.eb-review-stars {
    color: #f59e0b;
    font-size: 14px;
}

/* YORUM */
.eb-review-card p {
    font-size: 14px;
    color: #cfcfcf;
    line-height: 1.6;
}

/* ANİMASYON */
@keyframes reviewSlide {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

/* MOBİL */
@media (max-width: 768px) {

    .eb-review-card {
        width: 260px;
        padding: 18px;
    }

    .eb-reviews-track {
        animation-duration: 28s;
    }

    .eb-reviews-wrap::before,
    .eb-reviews-wrap::after {
        width: 35px;
    }
}