:root{
    --nav-blue:#06244a;
    --nav-blue-dark:#031528;
    --nav-blue-mid:#082f61;
    --nav-blue-soft:#0b4d88;

    --nav-accent:#ffd72e;
    --nav-accent-soft:#fff06a;

    --nav-icon:#f4f8ff;
    --nav-icon-line:#2ea7ff;
    --nav-text:#f2f7ff;
    --nav-muted:#b8c7da;
    --nav-white:#ffffff;
    --nav-border:rgba(255,255,255,.16);
    --nav-shadow:rgba(0,12,30,.36);
    --transition-smooth:cubic-bezier(.4, 0, .2, 1);
}

/* HEADER */

.aralis-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:128px;
    z-index:9999;

    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.14), transparent 26%),
        radial-gradient(circle at 78% 20%, rgba(46,167,255,.10), transparent 24%),
        linear-gradient(135deg, #061a34 0%, #062b58 48%, #031224 100%);

    border-bottom:1px solid rgba(255,255,255,.10);

    box-shadow:
        0 22px 56px rgba(0,12,30,.34),
        inset 0 1px 0 rgba(255,255,255,.08);

    transition:
        height .30s ease,
        background .30s ease,
        box-shadow .30s ease;
}

.aralis-header.shrink{
    height:104px;
    background:
        radial-gradient(circle at 18% 0%, rgba(255,255,255,.12), transparent 26%),
        linear-gradient(135deg, #05172f 0%, #08284f 48%, #020d1d 100%);
    box-shadow:0 18px 44px rgba(0,12,30,.32);
}

/* INNER */

.header-inner{
    width:min(1780px, calc(100% - 72px));
    height:100%;
    margin:0 auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:42px;
}

/* LOGO */

.header-logo{
    display:flex;
    align-items:center;
    flex:0 0 auto;
    text-decoration:none;
}

.header-logo img{
    height:112px;
    max-width:300px;
    object-fit:contain;
    display:block;
    filter:drop-shadow(0 16px 24px rgba(0,0,0,.28));
    transition:
        height .30s ease,
        transform .30s ease,
        filter .30s ease;
}

.header-logo:hover img{
    transform:translateY(-2px);
}

.aralis-header.shrink .header-logo img{
    height:90px;
}

/* NAV */

.header-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
    flex:1;
    min-width:0;
}

.nav-item{
    position:relative;
}

.nav-link{
    position:relative;

    min-width:90px;
    min-height:60px;

    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;

    padding:6px 24px;
    border-radius:24px;

    color:var(--nav-muted);
    background:transparent;

    font-size:14px;
    font-weight:500;
    letter-spacing:.2px;
    text-transform:none;
    text-decoration:none;
    white-space:nowrap;

    transition:all .30s var(--transition-smooth);
}

.nav-link::before{
    content:"";
    position:absolute;
    right:0;
    top:14px;
    width:1px;
    height:38px;
    background:linear-gradient(180deg, transparent, rgba(255,255,255,.18), transparent);
}

.header-nav > .nav-link:last-child::before,
.header-nav > .nav-item:last-child .nav-link::before{
    display:none;
}

.nav-link i{
    position:relative;
    z-index:1;

    width:20px;
    height:20px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    color:var(--nav-icon);
    font-size:15px;
    font-weight:900;

    text-shadow:0 0 10px rgba(46,167,255,.22);

    transition:
        color .25s ease,
        transform .25s ease,
        text-shadow .25s ease;
}

.nav-link span{
    position:relative;
    z-index:1;
    line-height:1.1;
}

.nav-link:hover,
.nav-link.active,
.nav-item.open > .nav-link{
    color:var(--nav-white);
    background:rgba(255,255,255,.06);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
    transform:translateY(-1px);
}

.nav-link:hover i,
.nav-link.active i,
.nav-item.open > .nav-link i{
    color:var(--nav-accent);
    transform:translateY(-1px) scale(1.02);
    text-shadow:
        0 0 12px rgba(255,215,46,.32),
        0 0 18px rgba(46,167,255,.18);
}

.nav-link::after{
    content:"";
    position:absolute;
    bottom:6px;
    left:50%;
    width:0;
    height:2.5px;
    border-radius:99px;
    background:linear-gradient(90deg, #0088ff, var(--nav-icon-line), #0088ff);
    transform:translateX(-50%);
    transition:width .30s var(--transition-smooth);
    box-shadow:0 2px 8px rgba(56,178,255,.40);
}

.nav-link:hover::after,
.nav-link.active::after,
.nav-item.open > .nav-link::after{
    width:28px;
}

/* DESKTOP DROPDOWN */

.dropdown-menu{
    position:absolute;
    top:calc(100% + 14px);
    left:50%;

    min-width:300px;
    padding:12px;

    background:
        radial-gradient(circle at top right, rgba(46,167,255,.10), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);

    border:1px solid rgba(8,63,120,.10);
    border-radius:22px;

    box-shadow:
        0 28px 64px rgba(0,16,38,.20),
        0 6px 18px rgba(8,63,120,.08);

    transform:translateX(-50%) translateY(12px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
        opacity .28s ease,
        visibility .28s ease,
        transform .28s ease;

    z-index:10001;
}

.dropdown-menu::before{
    content:"";
    position:absolute;
    top:-7px;
    left:50%;

    width:14px;
    height:14px;

    background:#fff;
    border-left:1px solid rgba(8,63,120,.10);
    border-top:1px solid rgba(8,63,120,.10);

    transform:translateX(-50%) rotate(45deg);
}

.nav-item.open > .dropdown-menu,
.nav-item:hover > .dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-50%) translateY(0);
}

.dropdown-wide{
    min-width:640px;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
}

.dropdown-menu a{
    position:relative;

    display:flex;
    align-items:center;
    gap:12px;

    padding:12px;
    border-radius:15px;

    color:#284b6d;
    background:transparent;

    font-size:14px;
    font-weight:500;
    line-height:1.4;
    text-decoration:none;

    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.dropdown-menu a i{
    width:38px;
    height:38px;
    flex:0 0 38px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:13px;

    color:#0b4d88;
    background:rgba(46,167,255,.12);

    font-size:15px;

    transition:
        color .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.dropdown-menu a:hover{
    color:#06244a;
    background:#eef7ff;
    transform:translateX(4px);
    box-shadow:inset 0 0 0 1px rgba(46,167,255,.10);
}

.dropdown-menu a:hover i{
    color:#ffffff;
    background:linear-gradient(135deg, #0b4d88, #2ea7ff);
    box-shadow:0 10px 20px rgba(46,167,255,.26);
    transform:translateY(-2px);
}

/* RIGHT */

.header-right{
    display:flex;
    align-items:center;
    gap:18px;
    flex:0 0 auto;
}

/* LANGUAGE */

.topbar-lang{
    position:relative;
    cursor:pointer;
}

.topbar-lang{
    min-height:56px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0 18px;
    border-radius:999px;

    color:#f7fbff;
    background:rgba(255,255,255,.08);

    border:2px solid rgba(255,255,255,.32);

    font-size:15px;
    font-weight:500;
    text-decoration:none;
    white-space:nowrap;

    box-shadow:
        0 14px 28px rgba(0,12,30,.16),
        inset 0 1px 0 rgba(255,255,255,.16);

    transition:
        color .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.lang-current{
    display:flex;
    align-items:center;
    gap:9px;
}

.topbar-lang:hover,
.topbar-lang.open{
    transform:translateY(-2px);
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.48);
}

.flag-icon{
    width:24px;
    height:24px;
    object-fit:cover;
    border-radius:50%;
    box-shadow:0 4px 8px rgba(0,12,30,.22);
}

/* PORTAL */

.topbar-portal{
    min-height:58px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:0 28px;
    border-radius:999px;

    color:#071b35;
    background:linear-gradient(135deg, var(--nav-accent), var(--nav-accent-soft));
    border:0;

    font-size:15px;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;

    box-shadow:
        0 18px 34px rgba(255,215,46,.20),
        inset 0 1px 0 rgba(255,255,255,.40);

    transition:
        color .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.topbar-portal i{
    width:24px;
    height:24px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    color:#071b35;
    font-size:23px;
}

.topbar-portal:hover{
    transform:translateY(-3px);
    background:linear-gradient(135deg, #fff06a, #ffd72e);
    box-shadow:0 22px 38px rgba(255,215,46,.28);
}

/* LANGUAGE DROPDOWN */

.lang-dropdown{
    position:absolute;
    top:calc(100% + 14px);
    right:0;

    min-width:142px;
    padding:8px;

    background:#fff;
    border:1px solid rgba(8,63,120,.10);
    border-radius:16px;

    box-shadow:
        0 22px 46px rgba(0,16,38,.18),
        0 4px 12px rgba(8,63,120,.05);

    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(10px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;

    z-index:10002;
}

.topbar-lang.open .lang-dropdown,
.topbar-lang:hover .lang-dropdown{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
}

.lang-item{
    display:flex;
    align-items:center;
    gap:10px;

    padding:10px 12px;
    border-radius:11px;

    color:#06244a;
    background:transparent;

    font-size:13px;
    font-weight:500;
    text-decoration:none;

    transition:
        color .2s ease,
        background .2s ease,
        transform .2s ease;
}

.lang-item:hover,
.lang-item.active{
    color:#0b4d88;
    background:#eef7ff;
    transform:translateX(3px);
}

/* HAMBURGER */

.hamburger{
    display:none;

    width:50px;
    height:50px;

    border:1px solid rgba(255,255,255,.18);
    border-radius:16px;

    background:rgba(255,255,255,.08);

    box-shadow:0 14px 28px rgba(0,12,30,.18);

    cursor:pointer;

    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.hamburger:hover{
    background:rgba(255,255,255,.14);
    transform:translateY(-2px);
}

.hamburger span{
    width:22px;
    height:2px;

    display:block;
    margin:5px auto;

    border-radius:999px;
    background:#fff;

    transition:all .25s ease;
}

.hamburger.active span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.hamburger.active span:nth-child(2){
    opacity:0;
}

.hamburger.active span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}

/* MOBILE DRAWER */

.mobile-drawer{
    position:fixed;
    inset:0;
    z-index:10000;

    padding:24px;
    overflow:auto;

    background:
        radial-gradient(circle at top right, rgba(46,167,255,.14), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%);

    transform:translateX(100%);
    transition:transform .38s cubic-bezier(.4,0,.2,1);
}

.mobile-drawer.open{
    transform:translateX(0);
}

.mobile-drawer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-bottom:32px;
}

.mobile-drawer-head img{
    height:76px;
    max-width:220px;
    object-fit:contain;
}

.mobile-drawer-head button{
    width:48px;
    height:48px;

    border:none;
    border-radius:16px;

    color:#fff;
    background:linear-gradient(135deg, #06244a, #0b4d88);

    box-shadow:0 14px 28px rgba(8,63,120,.16);

    cursor:pointer;
    transition:
        transform .25s ease,
        background .25s ease;
}

.mobile-drawer-head button:hover{
    transform:rotate(90deg);
    background:linear-gradient(135deg, #0b4d88, #2ea7ff);
}

.mobile-nav{
    display:flex;
    flex-direction:column;
    gap:12px;
    padding-bottom:44px;
}

.mobile-nav a{
    min-height:58px;

    display:flex;
    align-items:center;
    gap:12px;

    padding:0 18px;
    border-radius:18px;

    color:#06244a;
    background:#fff;

    border:1px solid rgba(8,63,120,.08);

    font-size:15px;
    font-weight:500;
    text-decoration:none;

    box-shadow:0 8px 18px rgba(8,63,120,.05);

    transition:
        color .22s ease,
        background .22s ease,
        border-color .22s ease,
        transform .22s ease;
}

.mobile-nav a i{
    width:24px;
    color:#0b4d88;
    text-align:center;
    font-size:15px;
}

.mobile-nav a:hover{
    color:#0b4d88;
    border-color:rgba(46,167,255,.25);
    transform:translateX(4px);
}

.mobile-nav a.portal{
    color:#071b35;
    background:linear-gradient(135deg, var(--nav-accent), var(--nav-accent-soft));
    border-color:transparent;
    box-shadow:0 12px 28px rgba(255,215,46,.20);
}

.mobile-nav a.portal i{
    color:#071b35;
}

.mobile-nav a.portal:hover{
    color:#071b35;
    background:linear-gradient(135deg, #fff06a, #ffd72e);
}

/* MOBILE DROPDOWN */

body.mobile-menu-open{
    overflow:hidden;
}

.mobile-nav-group{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.mobile-nav-dropdown-head{
    min-height:58px;

    display:flex;
    align-items:center;
    gap:8px;

    border-radius:18px;
}

.mobile-nav-main-link{
    flex:1;
    min-height:58px;

    display:flex;
    align-items:center;
    gap:12px;

    padding:0 18px;
    border-radius:18px;

    color:#06244a;
    background:#fff;

    border:1px solid rgba(8,63,120,.08);

    font-size:15px;
    font-weight:500;
    text-decoration:none;

    box-shadow:0 8px 18px rgba(8,63,120,.05);

    transition:
        color .22s ease,
        background .22s ease,
        border-color .22s ease,
        transform .22s ease,
        box-shadow .22s ease;
}

.mobile-nav-main-link i{
    width:24px;
    color:#0b4d88;
    text-align:center;
    font-size:15px;
}

.mobile-nav-main-link:hover{
    color:#0b4d88;
    border-color:rgba(46,167,255,.25);
    transform:translateX(4px);
}

.mobile-nav-arrow-btn{
    width:54px;
    height:58px;

    flex:0 0 54px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:18px;

    color:#0b4d88;
    background:#fff;

    border:1px solid rgba(8,63,120,.08);

    cursor:pointer;

    box-shadow:0 8px 18px rgba(8,63,120,.05);

    transition:
        color .22s ease,
        background .22s ease,
        border-color .22s ease,
        transform .22s ease,
        box-shadow .22s ease;
}

.mobile-nav-arrow-btn i{
    transition:transform .25s ease;
}

.mobile-nav-arrow-btn:hover{
    color:#fff;
    background:linear-gradient(135deg, #06244a, #0b4d88);
    border-color:transparent;
    box-shadow:0 12px 26px rgba(8,63,120,.22);
}

.mobile-submenu{
    display:none;
}

.mobile-submenu[hidden]{
    display:none !important;
}

.mobile-nav-group.open > .mobile-submenu{
    display:block !important;
}

.mobile-submenu-inner{
    display:flex;
    flex-direction:column;
    gap:8px;

    padding:4px 0 6px 12px;
}

.mobile-submenu a{
    min-height:50px;

    display:flex;
    align-items:center;
    gap:11px;

    padding:0 15px;
    border-radius:15px;

    color:#315573;
    background:rgba(255,255,255,.80);

    border:1px solid rgba(8,63,120,.06);

    font-size:14px;
    font-weight:500;
    text-decoration:none;

    box-shadow:0 6px 14px rgba(8,63,120,.04);

    transition:
        color .22s ease,
        background .22s ease,
        border-color .22s ease,
        transform .22s ease;
}

.mobile-submenu a i{
    width:32px;
    height:32px;
    flex:0 0 32px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border-radius:11px;

    color:#0b4d88;
    background:rgba(46,167,255,.12);

    font-size:14px;
}

.mobile-submenu a:hover{
    color:#0b4d88;
    background:#fff;
    border-color:rgba(46,167,255,.20);
    transform:translateX(4px);
}

.mobile-nav-group.open .mobile-nav-main-link{
    color:#fff;
    background:linear-gradient(135deg, #06244a, #0b4d88);
    border-color:transparent;
    box-shadow:0 12px 28px rgba(8,63,120,.18);
}

.mobile-nav-group.open .mobile-nav-main-link i{
    color:#fff;
}

.mobile-nav-group.open .mobile-nav-arrow-btn{
    color:#071b35;
    background:linear-gradient(135deg, var(--nav-accent), var(--nav-accent-soft));
    border-color:transparent;
    box-shadow:0 12px 26px rgba(255,215,46,.22);
}

.mobile-nav-group.open .mobile-nav-arrow-btn i{
    transform:rotate(180deg);
}

/* RESPONSIVE */

@media(max-width:1500px){
    .header-inner{
        width:min(100% - 46px, 1780px);
        gap:26px;
    }

    .header-logo img{
        height:96px;
        max-width:260px;
    }

    .nav-link{
        min-width:96px;
        padding:0 13px;
        font-size:14px;
    }

    .nav-link i{
        font-size:15px;
    }

    .topbar-portal{
        padding:0 22px;
    }
}

@media(max-width:1240px){
    .header-inner{
        width:min(100% - 36px, 1380px);
        gap:18px;
    }

    .nav-link{
        min-width:80px;
        font-size:13px;
    }

    .topbar-portal span{
        display:none;
    }
}

@media(max-width:1100px){
    .aralis-header{
        height:86px;
    }

    .aralis-header.shrink{
        height:76px;
    }

    .header-nav,
    .topbar-portal,
    .topbar-lang{
        display:none;
    }

    .header-logo img{
        height:78px;
        max-width:230px;
    }

    .aralis-header.shrink .header-logo img{
        height:66px;
    }

    .hamburger{
        display:inline-flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
    }

    .dropdown-menu{
        display:none !important;
    }

    .mobile-submenu{
        display:none !important;
    }

    .mobile-submenu[hidden]{
        display:none !important;
    }

    .mobile-nav-group.open > .mobile-submenu{
        display:block !important;
    }
}

@media(max-width:560px){
    .aralis-header{
        height:76px;
    }

    .aralis-header.shrink{
        height:70px;
    }

    .header-inner{
        width:min(100% - 28px, 1380px);
    }

    .header-logo img{
        height:62px;
        max-width:185px;
    }

    .aralis-header.shrink .header-logo img{
        height:56px;
    }

    .hamburger{
        width:44px;
        height:44px;
    }

    .mobile-drawer{
        padding:20px;
    }

    .mobile-drawer-head{
        margin-bottom:24px;
    }

    .mobile-drawer-head img{
        height:62px;
        max-width:180px;
    }

    .mobile-nav{
        gap:10px;
    }

    .mobile-nav a,
    .mobile-nav-main-link{
        min-height:54px;
        font-size:14px;
        border-radius:16px;
        padding:0 15px;
    }

    .mobile-nav-dropdown-head{
        min-height:54px;
    }

    .mobile-nav-arrow-btn{
        width:50px;
        height:54px;
        flex-basis:50px;
        border-radius:16px;
    }

    .mobile-submenu-inner{
        padding-left:6px;
    }

    .mobile-submenu a{
        min-height:48px;
        font-size:13px;
        border-radius:14px;
    }
}

/* SCROLLBAR GİZLEME */

html{
    scrollbar-width:none;
    -ms-overflow-style:none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar{
    display:none;
}


/* =========================================================
   SON BOYUT DÜZELTMESİ
   Logo ve menü ikonları dengeli kalır.
========================================================= */

.aralis-header{
    height:96px !important;
}

.aralis-header.shrink{
    height:82px !important;
}

.header-logo img{
    height:82px !important;
    max-width:260px !important;
}

.aralis-header.shrink .header-logo img{
    height:68px !important;
}

.nav-link{
    min-height:60px !important;
}

.nav-link i{
    width:20px !important;
    height:20px !important;
    font-size:15px !important;
}

.topbar-portal i{
    width:20px !important;
    height:20px !important;
    font-size:15px !important;
}

@media(max-width:1500px){
    .header-logo img{
        height:74px !important;
        max-width:240px !important;
    }

    .nav-link{
        min-width:82px !important;
        padding:6px 18px !important;
    }

    .nav-link i{
        font-size:14px !important;
    }
}

@media(max-width:1100px){
    .aralis-header{
        height:76px !important;
    }

    .aralis-header.shrink{
        height:68px !important;
    }

    .header-logo img{
        height:62px !important;
        max-width:210px !important;
    }

    .aralis-header.shrink .header-logo img{
        height:54px !important;
    }
}

@media(max-width:560px){
    .aralis-header{
        height:72px !important;
    }

    .aralis-header.shrink{
        height:66px !important;
    }

    .header-logo img{
        height:54px !important;
        max-width:175px !important;
    }

    .aralis-header.shrink .header-logo img{
        height:48px !important;
    }
}



/* =========================================================
   FONT AWESOME İKON GÖRÜNME DÜZELTMESİ
   Solid ikonların kare/kutu çıkmaması için zorunlu.
========================================================= */

.nav-link i,
.dropdown-menu a i,
.topbar-portal i,
.mobile-nav a i,
.mobile-nav-main-link i,
.mobile-submenu a i,
.mobile-nav-arrow-btn i,
.hamburger i,
.fa-solid,
.fas{
    font-family:"Font Awesome 7 Free","Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
    font-weight:900 !important;
    font-style:normal !important;
}




/* =========================================================
   MENÜ ESKİ YATAY HAL DÜZELTMESİ
   İkonlar yazının solunda, menü eski klasik yapıda görünür.
========================================================= */

.nav-link{
    min-width:auto !important;
    min-height:42px !important;
    height:auto !important;

    display:inline-flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    padding:0 16px !important;
    border-radius:999px !important;

    color:var(--nav-text) !important;
    background:transparent !important;

    font-size:14px !important;
    font-weight:500 !important;
    letter-spacing:.15px !important;
    text-decoration:none !important;
    white-space:nowrap !important;

    transition:all .25s ease !important;
}

.nav-link i{
    width:auto !important;
    height:auto !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:var(--nav-icon) !important;
    font-size:14px !important;
    line-height:1 !important;

    font-family:"Font Awesome 7 Free","Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important;
    font-weight:900 !important;
    font-style:normal !important;

    text-shadow:0 0 10px rgba(46,167,255,.18) !important;
    transition:color .25s ease, transform .25s ease !important;
}

.nav-link span{
    line-height:1 !important;
}

.nav-link::before{
    display:none !important;
}

.nav-link::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:-5px !important;
    width:0 !important;
    height:2px !important;
    border-radius:999px !important;
    background:linear-gradient(90deg, transparent, var(--nav-icon-line), transparent) !important;
    transform:translateX(-50%) !important;
    transition:width .25s ease !important;
    box-shadow:0 2px 8px rgba(56,178,255,.25) !important;
}

.nav-link:hover,
.nav-link.active,
.nav-item.open > .nav-link{
    color:var(--nav-white) !important;
    background:rgba(255,255,255,.08) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important;
    transform:translateY(-1px) !important;
}

.nav-link:hover i,
.nav-link.active i,
.nav-item.open > .nav-link i{
    color:var(--nav-accent) !important;
    transform:translateY(-1px) !important;
}

.nav-link:hover::after,
.nav-link.active::after,
.nav-item.open > .nav-link::after{
    width:42px !important;
}

.header-nav{
    gap:6px !important;
}

@media(max-width:1500px){
    .nav-link{
        padding:0 12px !important;
        font-size:13px !important;
    }

    .nav-link i{
        font-size:13px !important;
    }
}




/* =========================================================
   DİL VE MÜŞTERİ GİRİŞİ MENÜ LİNKLERİYLE AYNI BOYUT
========================================================= */

.header-right{
    gap:6px !important;
}

.topbar-lang,
.topbar-portal{
    min-height:42px !important;
    height:42px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    padding:0 16px !important;
    border-radius:999px !important;

    font-size:14px !important;
    font-weight:500 !important;
    letter-spacing:.15px !important;
    text-decoration:none !important;
    white-space:nowrap !important;

    border:0 !important;
    box-shadow:none !important;

    transition:all .25s ease !important;
}

/* Dil seçeneği menü linkleri gibi */
.topbar-lang{
    color:var(--nav-text) !important;
    background:transparent !important;
}

.topbar-lang:hover,
.topbar-lang.open{
    color:var(--nav-text) !important;
    background:transparent !important;
    box-shadow:none !important;
    transform:none !important;
}

/* Müşteri girişi artık dev buton değil, menü kapsülü gibi */
.topbar-portal{
    color:var(--nav-text) !important;
    background:transparent !important;
}

.topbar-portal:hover{
    color:var(--nav-white) !important;
    background:rgba(255,255,255,.08) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) !important;
    transform:translateY(-1px) !important;
}

.topbar-portal i,
.lang-current i{
    width:auto !important;
    height:auto !important;
    font-size:14px !important;
    color:var(--nav-icon) !important;
    margin:0 !important;
}

.topbar-portal:hover i,
.topbar-lang:hover .lang-current i,
.topbar-lang.open .lang-current i{
    color:var(--nav-accent) !important;
}

.lang-current{
    gap:8px !important;
}

.lang-current span,
.topbar-portal span{
    line-height:1 !important;
    font-size:14px !important;
    font-weight:500 !important;
}

.flag-icon{
    width:20px !important;
    height:20px !important;
    border-radius:50% !important;
    box-shadow:0 3px 8px rgba(0,0,0,.20) !important;
}

/* Açılır dil menüsü modern kalsın ama küçük */
.lang-dropdown{
    top:calc(100% + 10px) !important;
    min-width:130px !important;
    padding:8px !important;
    border-radius:14px !important;
    background:#ffffff !important;
    border:1px solid rgba(8,63,120,.10) !important;
    box-shadow:0 20px 42px rgba(0,16,38,.16) !important;
}

.lang-item{
    min-height:36px !important;
    padding:0 10px !important;
    border-radius:10px !important;
    font-size:13px !important;
    font-weight:500 !important;
}

/* Logo biraz büyük ama dengeli */
.header-logo img{
    height:88px !important;
    max-width:285px !important;
}

.aralis-header.shrink .header-logo img{
    height:72px !important;
}

@media(max-width:1500px){
    .topbar-lang,
    .topbar-portal{
        height:40px !important;
        min-height:40px !important;
        padding:0 12px !important;
        font-size:13px !important;
    }

    .topbar-portal i,
    .lang-current i{
        font-size:13px !important;
    }

    .lang-current span,
    .topbar-portal span{
        font-size:13px !important;
    }

    .flag-icon{
        width:18px !important;
        height:18px !important;
    }

    .header-logo img{
        height:78px !important;
        max-width:255px !important;
    }
}




/* =========================================================
   LOGO BÜYÜK + DİL / MÜŞTERİ GİRİŞİ MODERN KOMPAKT
========================================================= */

/* Logo biraz daha büyük */
.header-logo img{
    height:98px !important;
    max-width:315px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 12px 22px rgba(0,0,0,.28)) !important;
}

.aralis-header.shrink .header-logo img{
    height:78px !important;
}

/* Sağ alan */
.header-right{
    gap:8px !important;
}

/* Dil ve müşteri girişi: menü linkleriyle aynı yükseklikte, modern kapsül */
.topbar-lang,
.topbar-portal{
    min-height:42px !important;
    height:42px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    padding:0 14px !important;
    border-radius:999px !important;

    font-size:14px !important;
    font-weight:600 !important;
    letter-spacing:.12px !important;
    text-decoration:none !important;
    white-space:nowrap !important;

    border:1px solid rgba(255,255,255,.12) !important;

    background:
        linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.035)) !important;

    box-shadow:
        0 8px 18px rgba(0,12,30,.16),
        inset 0 1px 0 rgba(255,255,255,.11) !important;

    backdrop-filter:blur(10px) saturate(140%) !important;
    -webkit-backdrop-filter:blur(10px) saturate(140%) !important;

    transition:all .22s ease !important;
}

/* Dil */
.topbar-lang{
    color:var(--nav-text) !important;
}

.lang-current{
    gap:8px !important;
}

.lang-current span{
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1 !important;
}

.lang-current i{
    font-size:11px !important;
    color:rgba(255,255,255,.82) !important;
}

/* Bayrak daha temiz */
.flag-icon{
    width:20px !important;
    height:20px !important;
    border-radius:50% !important;
    box-shadow:
        0 3px 8px rgba(0,0,0,.24),
        inset 0 0 0 1px rgba(255,255,255,.20) !important;
}

/* Müşteri girişi */
.topbar-portal{
    color:var(--nav-text) !important;
}

.topbar-portal i{
    width:18px !important;
    height:18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:var(--nav-accent) !important;
    font-size:14px !important;
    line-height:1 !important;
}

.topbar-portal span{
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1 !important;
}

/* Hover: modern ama boyut büyümez */
.topbar-lang:hover,
.topbar-lang.open,
.topbar-portal:hover{
    color:#ffffff !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.06)) !important;

    border-color:rgba(255,255,255,.20) !important;

    box-shadow:
        0 10px 22px rgba(0,12,30,.20),
        inset 0 1px 0 rgba(255,255,255,.15) !important;

    transform:translateY(-1px) !important;
}

.topbar-lang:hover .lang-current i,
.topbar-lang.open .lang-current i,
.topbar-portal:hover i{
    color:var(--nav-accent) !important;
}

/* Dil açılır menüsü küçük ve modern */
.lang-dropdown{
    top:calc(100% + 10px) !important;
    right:0 !important;
    min-width:132px !important;
    padding:8px !important;

    border-radius:16px !important;
    background:
        linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%) !important;

    border:1px solid rgba(8,63,120,.10) !important;

    box-shadow:
        0 22px 48px rgba(0,16,38,.18),
        0 6px 16px rgba(8,63,120,.08) !important;
}

.lang-item{
    min-height:36px !important;
    padding:0 10px !important;
    border-radius:11px !important;
    color:#06244a !important;
    font-size:13px !important;
    font-weight:600 !important;
}

.lang-item:hover,
.lang-item.active{
    color:#06244a !important;
    background:
        linear-gradient(135deg, rgba(46,167,255,.12), rgba(255,215,46,.10)) !important;
    transform:translateX(2px) !important;
}

/* Responsive */
@media(max-width:1500px){
    .header-logo img{
        height:88px !important;
        max-width:285px !important;
    }

    .aralis-header.shrink .header-logo img{
        height:72px !important;
    }

    .topbar-lang,
    .topbar-portal{
        height:40px !important;
        min-height:40px !important;
        padding:0 12px !important;
        font-size:13px !important;
    }

    .topbar-portal span,
    .lang-current span{
        font-size:13px !important;
    }

    .topbar-portal i{
        font-size:13px !important;
    }

    .flag-icon{
        width:18px !important;
        height:18px !important;
    }
}

@media(max-width:1100px){
    .header-logo img{
        height:68px !important;
        max-width:220px !important;
    }

    .aralis-header.shrink .header-logo img{
        height:58px !important;
    }
}

@media(max-width:560px){
    .header-logo img{
        height:58px !important;
        max-width:185px !important;
    }

    .aralis-header.shrink .header-logo img{
        height:50px !important;
    }
}

/* =========================================================
   İSTENEN SON DÜZENLEME
   Logo %20 büyütüldü, Müşteri Girişi renkli modern kapsül yapıldı.
========================================================= */

/* Logo: mevcut 98px değerinin %20 büyüğü = 118px */
.header-logo img{
    height:118px !important;
    max-width:378px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 14px 26px rgba(0,0,0,.30)) !important;
}

.aralis-header.shrink .header-logo img{
    height:94px !important;
}

/* Müşteri girişi renkli ama menüyle aynı boyutta */
/* MÜŞTERİ GİRİŞİ - ETABAL KURUMSAL */

.topbar-portal{
    height:42px !important;
    min-height:42px !important;
    padding:0 16px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    background:#ffd72e !important;
    background-image:none !important;

    color:#06244a !important;
    border:1px solid #ffd72e !important;

    border-radius:999px !important;

    box-shadow:none !important;
}

.topbar-portal i,
.topbar-portal span{
    color:#06244a !important;
}

.topbar-portal:hover{
    background:#ffcf00 !important;
    background-image:none !important;
    color:#06244a !important;
    border-color:#ffcf00 !important;
    box-shadow:none !important;
    transform:translateY(-1px) !important;
}

.topbar-portal:hover i,
.topbar-portal:hover span{
    color:#06244a !important;
}
.topbar-portal i,
.topbar-portal span{
    color:#071b35 !important;
}

.topbar-portal:hover{
    color:#071b35 !important;
    background:linear-gradient(135deg, #fff06a 0%, #ffd72e 48%, #38bdf8 100%) !important;
    border-color:rgba(255,255,255,.38) !important;
    box-shadow:
        0 13px 28px rgba(255,215,46,.30),
        0 8px 22px rgba(46,167,255,.18),
        inset 0 1px 0 rgba(255,255,255,.55) !important;
    transform:translateY(-1px) !important;
}

.topbar-portal:hover i,
.topbar-portal:hover span{
    color:#071b35 !important;
}

@media(max-width:1500px){
    .header-logo img{
        height:106px !important;
        max-width:342px !important;
    }

    .aralis-header.shrink .header-logo img{
        height:86px !important;
    }

    .topbar-portal{
        height:40px !important;
        min-height:40px !important;
        padding:0 14px !important;
    }
}

@media(max-width:1100px){
    .header-logo img{
        height:82px !important;
        max-width:264px !important;
    }

    .aralis-header.shrink .header-logo img{
        height:70px !important;
    }
}

@media(max-width:560px){
    .header-logo img{
        height:70px !important;
        max-width:222px !important;
    }

    .aralis-header.shrink .header-logo img{
        height:60px !important;
    }
}
/* Logo header yüksekliğini bozmadan maksimum büyük görünüm */
.header-logo{
    height:100% !important;
    display:flex !important;
    align-items:center !important;
}

.header-logo img{
    height:calc(100% - 10px) !important;
    max-height:150px !important;
    max-width:390px !important;
    object-fit:contain !important;
}

.aralis-header.shrink .header-logo img{
    height:calc(100% - 8px) !important;
    max-height:74px !important;
}

@media(max-width:1500px){
    .header-logo img{
        max-height:86px !important;
        max-width:350px !important;
    }
}

@media(max-width:1100px){
    .header-logo img{
        max-height:64px !important;
        max-width:230px !important;
    }
}

@media(max-width:560px){
    .header-logo img{
        max-height:54px !important;
        max-width:190px !important;
    }
}
/* =========================================================
   SADECE LOGO BÜYÜTME DÜZELTMESİ
   Menü şekline, dil seçeneğine ve müşteri girişine dokunmaz.
   Bu kodu CSS dosyanın EN ALTINA ekle.
========================================================= */

.aralis-header,
.header-inner,
.header-logo{
    overflow:visible !important;
}

.header-logo{
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
}

.header-logo img{
    height:140px !important;
    max-height:none !important;
    max-width:378px !important;
    object-fit:contain !important;
    display:block !important;
}

.aralis-header.shrink .header-logo img{
    height:94px !important;
    max-height:none !important;
}

@media(max-width:1500px){
    .header-logo img{
        height:106px !important;
        max-height:none !important;
        max-width:342px !important;
    }

    .aralis-header.shrink .header-logo img{
        height:86px !important;
        max-height:none !important;
    }
}

@media(max-width:1100px){
    .header-logo img{
        height:82px !important;
        max-height:none !important;
        max-width:264px !important;
    }

    .aralis-header.shrink .header-logo img{
        height:70px !important;
        max-height:none !important;
    }
}

@media(max-width:560px){
    .header-logo img{
        height:70px !important;
        max-height:none !important;
        max-width:222px !important;
    }

    .aralis-header.shrink .header-logo img{
        height:60px !important;
        max-height:none !important;
    }
}
/* SADECE LOGO BOYUT AYARI */
:root{
    --logo-size:120px;          /* BURADAN BÜYÜT/KÜÇÜLT */
    --logo-size-shrink:100px;    /* scroll sonrası küçük hali */
}

.aralis-header,
.header-inner,
.header-logo{
    overflow:visible !important;
}

.header-logo img{
    height:var(--logo-size) !important;
    max-height:none !important;
    max-width:none !important;
    width:auto !important;
    object-fit:contain !important;
}

.aralis-header.shrink .header-logo img{
    height:var(--logo-size-shrink) !important;
    max-height:none !important;
    max-width:none !important;
    width:auto !important;
}

/* =========================================================
   MENÜ İKONLARI - FOOTER HİZMETLERİMİZ İKON STİLİ
   Menü yapısını bozmaz. Sadece ikonları kutulu modern yapar.
========================================================= */

.header-nav .nav-link{
    gap:10px !important;
}

.header-nav .nav-link i{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    flex:0 0 34px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:12px !important;

    color:var(--nav-accent) !important;
    background:rgba(255,215,46,.12) !important;

    font-size:14px !important;
    line-height:1 !important;

    box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
    text-shadow:none !important;

    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease !important;
}

.header-nav .nav-link:hover i,
.header-nav .nav-link.active i,
.header-nav .nav-item.open > .nav-link i{
    color:#071b35 !important;
    background:linear-gradient(135deg, var(--nav-accent), var(--nav-accent-soft)) !important;
    transform:translateY(-1px) scale(1.04) !important;
    box-shadow:0 10px 22px rgba(255,215,46,.22) !important;
}

/* Dropdown menü ikonları zaten benzerdi; footer hizmetler ikonuyla aynı hale getirildi */
.dropdown-menu a i{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;

    border-radius:14px !important;

    color:var(--nav-accent) !important;
    background:rgba(255,215,46,.12) !important;

    font-size:15px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.dropdown-menu a:hover i{
    color:#071b35 !important;
    background:linear-gradient(135deg, var(--nav-accent), var(--nav-accent-soft)) !important;
    transform:scale(1.05) rotate(-4deg) !important;
    box-shadow:0 10px 22px rgba(255,215,46,.24) !important;
}

/* Mobil menü ikonları */
.mobile-nav a i,
.mobile-nav-main-link i,
.mobile-submenu a i{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    flex:0 0 36px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:13px !important;

    color:#0b4d88 !important;
    background:rgba(46,167,255,.12) !important;

    font-size:14px !important;
    text-align:center !important;
}

.mobile-nav a:hover i,
.mobile-nav-main-link:hover i,
.mobile-submenu a:hover i,
.mobile-nav-group.open .mobile-nav-main-link i{
    color:#071b35 !important;
    background:linear-gradient(135deg, var(--nav-accent), var(--nav-accent-soft)) !important;
}

@media(max-width:1500px){
    .header-nav .nav-link{
        gap:8px !important;
    }

    .header-nav .nav-link i{
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        flex-basis:30px !important;
        border-radius:11px !important;
        font-size:13px !important;
    }
}
.header-nav .nav-link{
    position: relative;
    overflow: hidden;

    border-radius: 40px;
    padding: 0 28px;
    height: 46px;

    background: linear-gradient(180deg,#0b2b63 0%,#061d44 100%);
    border: 1px solid rgba(255,255,255,.12);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 8px 18px rgba(0,0,0,.25);

    transition: .30s;
}

.header-nav .nav-link:hover,
.header-nav .nav-link.active{
    background: linear-gradient(180deg,#123b80 0%,#08234d 100%);
    transform: translateY(-2px);
}