:root{
    --nav-blue:#083f78;
    --nav-blue-dark:#062f5c;
    --nav-blue-soft:#0a5598;
    --nav-orange:#ff7a3d;
    --nav-orange-soft:#ff9b66;
    --nav-sea:#8fd3df;
    --nav-text:#315573;
    --nav-muted:#7b8ea5;
    --nav-white:#ffffff;
    --nav-bg:#f8fbff;
    --nav-border:rgba(8,63,120,.08);
    --nav-shadow:rgba(8,63,120,.12);
}

/* HEADER */

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

    background:
        linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,251,255,.92) 100%);

    backdrop-filter:blur(22px) saturate(150%);
    -webkit-backdrop-filter:blur(22px) saturate(150%);

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

    box-shadow:
        0 18px 44px rgba(8,63,120,.08),
        0 4px 14px rgba(8,63,120,.04);

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

.aralis-header.shrink{
    height:68px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(246,250,255,.96) 100%);
    box-shadow:
        0 20px 48px rgba(8,63,120,.11),
        0 4px 14px rgba(8,63,120,.05);
}

/* INNER */

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

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

/* LOGO */

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

.header-logo img{
    height:75px;
    max-width:230px;
    object-fit:contain;
    display:block;
    transition:
        height .30s ease,
        transform .30s ease,
        filter .30s ease;
    filter:drop-shadow(0 8px 14px rgba(8,63,120,.10));
}

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

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

/* NAV */

.header-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    flex:1;
}

.nav-item{
    position:relative;
}

.nav-link{
    position:relative;

    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;

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

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

    font-size:12px;
    font-weight:700;
    letter-spacing:.45px;
    text-transform:uppercase;
    text-decoration:none;
    white-space:nowrap;

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

.nav-link i{
    color:var(--nav-orange);
    font-size:12px;
    transition:
        color .25s ease,
        transform .25s ease;
}

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

.nav-link::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:999px;
    background:
        linear-gradient(135deg, rgba(255,122,61,.12), rgba(143,211,223,.12));
    opacity:0;
    transition:opacity .25s ease;
}

.nav-link::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:6px;
    width:0;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg, var(--nav-orange), var(--nav-orange-soft));
    transform:translateX(-50%);
    transition:width .28s ease;
}

.nav-link:hover,
.nav-item.open > .nav-link{
    color:#fff;
    background:linear-gradient(135deg, var(--nav-blue), var(--nav-blue-soft));
    box-shadow:
        0 12px 26px rgba(8,63,120,.18),
        inset 0 0 0 1px rgba(255,255,255,.16);
    transform:translateY(-2px);
}

.nav-link:hover::before,
.nav-link.active::before,
.nav-item.open > .nav-link::before{
    opacity:0;
}

.nav-link:hover::after,
.nav-item.open > .nav-link::after{
    width:42%;
}

.nav-link:hover i,
.nav-item.open > .nav-link i{
    color:#fff;
    transform:translateY(-2px);
}

/* DESKTOP DROPDOWN */

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

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

    background:
        radial-gradient(circle at top right, rgba(255,122,61,.08), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);

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

    box-shadow:
        0 28px 60px rgba(8,63,120,.16),
        0 6px 18px rgba(8,63,120,.06);

    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,.08);
    border-top:1px solid rgba(8,63,120,.08);

    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:600px;
    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:#355a78;
    background:transparent;

    font-size:13px;
    font-weight:650;
    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:36px;
    height:36px;
    flex:0 0 36px;

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

    border-radius:12px;

    color:var(--nav-orange);
    background:rgba(255,122,61,.11);

    font-size:14px;

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

.dropdown-menu a:hover{
    color:var(--nav-blue);
    background:#f2f7fc;
    transform:translateX(4px);
    box-shadow:inset 0 0 0 1px rgba(8,63,120,.05);
}

.dropdown-menu a:hover i{
    color:#fff;
    background:linear-gradient(135deg, var(--nav-orange), var(--nav-orange-soft));
    box-shadow:0 10px 18px rgba(255,122,61,.24);
    transform:translateY(-2px);
}

/* RIGHT */

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

/* LANGUAGE & PORTAL */

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

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

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

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

    color:var(--nav-blue);
    background:#fff;

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

    font-size:13px;
    font-weight:750;
    text-decoration:none;
    white-space:nowrap;

    box-shadow:
        0 12px 26px rgba(8,63,120,.07),
        inset 0 0 0 1px rgba(255,255,255,.5);

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

.topbar-portal{
    color:#fff;
    background:
        linear-gradient(135deg, var(--nav-blue), var(--nav-blue-soft));
    border-color:transparent;
    box-shadow:
        0 14px 28px rgba(8,63,120,.18);
}

.topbar-portal i{
    color:var(--nav-orange-soft);
}

.topbar-lang:hover,
.topbar-portal:hover{
    transform:translateY(-3px);
}

.topbar-lang:hover{
    color:var(--nav-orange);
    border-color:rgba(255,122,61,.25);
    box-shadow:
        0 18px 34px rgba(8,63,120,.10);
}

.topbar-portal:hover{
    color:#fff;
    background:
        linear-gradient(135deg, var(--nav-orange), var(--nav-orange-soft));
    box-shadow:
        0 18px 34px rgba(255,122,61,.22);
}

.topbar-portal:hover i{
    color:#fff;
}

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

.flag-icon{
    width:20px;
    height:20px;
    object-fit:cover;
    border-radius:50%;
    box-shadow:0 3px 6px rgba(8,63,120,.12);
}

/* LANGUAGE DROPDOWN */

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

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

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

    box-shadow:
        0 22px 46px rgba(8,63,120,.14),
        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:var(--nav-blue);
    background:transparent;

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

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

.lang-item:hover,
.lang-item.active{
    color:var(--nav-orange);
    background:#f3f8fc;
    transform:translateX(3px);
}

/* HAMBURGER */

.hamburger{
    display:none;

    width:46px;
    height:46px;

    border:0;
    border-radius:15px;

    background:
        linear-gradient(135deg, var(--nav-blue), var(--nav-blue-soft));

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

    cursor:pointer;

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

.hamburger:hover{
    background:
        linear-gradient(135deg, var(--nav-orange), var(--nav-orange-soft));
    transform:translateY(-2px);
    box-shadow:
        0 18px 34px rgba(255,122,61,.22);
}

.hamburger span{
    width:21px;
    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(255,122,61,.12), 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:48px;
    object-fit:contain;
}

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

    border:none;
    border-radius:16px;

    color:#fff;
    background:
        linear-gradient(135deg, var(--nav-blue), var(--nav-blue-soft));

    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, var(--nav-orange), var(--nav-orange-soft));
}

.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:var(--nav-blue);
    background:#fff;

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

    font-size:15px;
    font-weight:750;
    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:20px;
    color:var(--nav-orange);
    text-align:center;
}

.mobile-nav a:hover{
    color:var(--nav-orange);
    border-color:rgba(255,122,61,.25);
    transform:translateX(4px);
}

.mobile-nav a.portal{
    color:#fff;
    background:
        linear-gradient(135deg, var(--nav-blue), var(--nav-blue-soft));
    border-color:transparent;
    box-shadow:0 12px 28px rgba(8,63,120,.18);
}

.mobile-nav a.portal i{
    color:var(--nav-orange-soft);
}

.mobile-nav a.portal:hover{
    color:#fff;
    background:
        linear-gradient(135deg, var(--nav-orange), var(--nav-orange-soft));
}

.mobile-nav a.portal:hover i{
    color:#fff;
}

/* 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:var(--nav-blue);
    background:#fff;

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

    font-size:15px;
    font-weight:750;
    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:20px;
    color:var(--nav-orange);
    text-align:center;
}

.mobile-nav-main-link:hover{
    color:var(--nav-orange);
    border-color:rgba(255,122,61,.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:var(--nav-orange);
    background:#fff;

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

    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, var(--nav-orange), var(--nav-orange-soft));
    border-color:transparent;
    box-shadow:0 12px 26px rgba(255,122,61,.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:#355a78;
    background:rgba(255,255,255,.78);

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

    font-size:14px;
    font-weight:700;
    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:30px;
    height:30px;
    flex:0 0 30px;

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

    border-radius:10px;

    color:var(--nav-orange);
    background:rgba(255,122,61,.10);

    font-size:13px;
}

.mobile-submenu a:hover{
    color:var(--nav-orange);
    background:#fff;
    border-color:rgba(255,122,61,.20);
    transform:translateX(4px);
}

.mobile-nav-group.open .mobile-nav-main-link{
    color:#fff;
    background:linear-gradient(135deg, var(--nav-blue), var(--nav-blue-soft));
    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:#fff;
    background:linear-gradient(135deg, var(--nav-orange), var(--nav-orange-soft));
    border-color:transparent;
    box-shadow:0 12px 26px rgba(255,122,61,.22);
}

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

/* RESPONSIVE */

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

    .header-nav{
        gap:4px;
    }

    .nav-link{
        padding:0 10px;
        font-size:11px;
    }

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

@media(max-width:1100px){
    .header-nav,
    .topbar-portal,
    .topbar-lang{
        display:none;
    }

    .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:72px;
    }

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

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

    .header-logo img{
        height:42px;
        max-width:170px;
    }

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

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

    .mobile-drawer{
        padding:20px;
    }

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

    .mobile-drawer-head img{
        height:42px;
    }

    .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;
}