/* ==========================================================================
   Mega menü — ALTERNATİF 3 "yüzen kart, küçük ikon" (Alt 2 + daha küçük ikonlar): tam genişlik bant yerine menünün
   altında ortalanmış, köşeleri yuvarlak, koyu lacivert yan panelli kart.
   head.tpl'de ?mm=2 ile önizlenir; seçilirse megamenu.css yerine bu kalır.
   ========================================================================== */

.vl-navbar .vl-navbar-dropdown-menu {
    background: transparent;
    padding: 12px 0 0;
    top: 100%;
    left: 50%;
    width: 1040px;
    max-width: calc(100% - 40px);
    transform: translateX(-50%);
    box-shadow: none;
    border: 0;
}
.vl-navbar .vl-navbar-dropdown-menu > .container {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 30px 60px -20px rgba(26, 26, 46, .35), 0 0 0 1px rgba(26, 26, 46, .06);
    padding: 0;
    max-width: none;
    width: 100%;
    overflow: hidden;
}

.vl-navbar .vl-mm {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
}
.vl-navbar .vl-mm-main {
    padding: 22px 26px 24px;
}
.vl-navbar .vl-mm-eyebrow {
    margin: 0 0 12px;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--purple);
}

.vl-navbar .vl-navbar-dropdown-menu .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 4px 12px;
}
.vl-navbar .vl-navbar-dropdown-menu .item-link {
    background: transparent;
    border: 0;
    border-radius: 12px;
    padding: 10px 12px;
    height: auto;
    min-height: 60px;
    align-items: center;
    position: relative;
    color: #1a1a2e;
}
.vl-navbar .vl-navbar-dropdown-menu .item-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 3px;
    border-radius: 3px;
    background: var(--purple);
    opacity: 0;
    transition: .2s;
}
.vl-navbar .vl-navbar-dropdown-menu .item-link:hover {
    transform: none;
    background: #f7f8fd;
}
.vl-navbar .vl-navbar-dropdown-menu .item-link:hover::before { opacity: 1; }

.vl-navbar .vl-navbar-dropdown-menu .item-link .img {
    height: 36px;
    width: 36px;
    min-width: 36px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e6e8f0;
    box-shadow: 0 4px 10px rgba(26, 26, 46, .06);
    margin-right: 12px;
    transition: .2s;
}
.vl-navbar .vl-navbar-dropdown-menu .item-link .img img { width: 19px; height: 19px; object-fit: contain; }
.vl-navbar .vl-navbar-dropdown-menu .item-link:hover .img { border-color: var(--purple); box-shadow: 0 6px 14px rgba(69, 83, 199, .22); }

.vl-navbar .vl-navbar-dropdown-menu .item-link .content { min-width: 0; }
.vl-navbar .vl-navbar-dropdown-menu .item-link .title {
    font-size: 14.5px;
    font-weight: 700;
    margin-bottom: 1px;
    color: #1a1a2e;
    line-height: 1.25;
    transition: color .2s;
}
.vl-navbar .vl-navbar-dropdown-menu .item-link:hover .title { color: var(--purple); }
.vl-navbar .vl-navbar-dropdown-menu .item-link .desc {
    font-size: 12.5px;
    opacity: 1;
    color: #6b6e85;
    line-height: 1.4;
}

/* Sağ panel — koyu */
.vl-navbar .vl-mm-aside {
    background: radial-gradient(120% 90% at 100% 0%, rgba(69, 83, 199, .75) 0%, rgba(69, 83, 199, 0) 55%), #1f2350;
    padding: 26px 26px 24px;
    color: #fff;
    display: flex;
    flex-direction: column;
    position: relative;
}
.vl-navbar .vl-mm-aside::after {
    content: "";
    position: absolute;
    inset: auto -40px -60px auto;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 28px solid rgba(255, 255, 255, .05);
}
.vl-navbar .vl-mm-aside-title { font-size: 18px; font-weight: 800; margin: 0 0 6px; letter-spacing: -.3px; line-height: 1.25; }
.vl-navbar .vl-mm-aside-desc { font-size: 13px; opacity: .78; margin: 0 0 14px; line-height: 1.5; }
.vl-navbar .vl-mm-aside-list { list-style: none; margin: 6px 0 0; padding: 0; }
.vl-navbar .vl-mm-aside-list li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 600; padding: 5px 0; opacity: .95; }
.vl-navbar .vl-mm-aside-list li i { color: #7ee2b0; font-size: 12px; width: 16px; }
.vl-navbar .vl-mm-aside-link {
    margin-top: auto;
    padding-top: 18px;
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 1;
}
.vl-navbar .vl-mm-aside-link i { width: 26px; height: 26px; border-radius: 50%; background: var(--red); display: inline-flex; align-items: center; justify-content: center; font-size: 11px; transition: transform .2s; }
.vl-navbar .vl-mm-aside-link:hover { color: #fff; text-decoration: none; }
.vl-navbar .vl-mm-aside-link:hover i { transform: translateX(4px); }

.vl-navbar .vl-mm-search { display: flex; gap: 6px; background: #fff; border-radius: 12px; padding: 5px; position: relative; z-index: 1; }
.vl-navbar .vl-mm-search .form-control { border: 0; box-shadow: none; height: 40px; font-size: 14px; background: transparent; color: #1a1a2e; padding-left: 10px; }
.vl-navbar .vl-mm-search .form-control:focus { box-shadow: none; }
.vl-navbar .vl-mm-search .btn { width: 40px; height: 40px; min-width: 40px; border-radius: 9px; background: var(--red); color: #fff; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; }
.vl-navbar .vl-mm-search .btn:hover { background: #d90d45; color: #fff; }

/* ---- Mobil menü: aynı dil (ikon karesi, satır listesi, alt bilgi kartı) ---- */
.vl-mobile-menu .vl-mm { display: block; }
.vl-mobile-menu .vl-mm-eyebrow {
    margin: 10px 0 6px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #8a8ca3;
}
.vl-mobile-menu .vl-navbar-dropdown-menu .item-link {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #eceef6;
    border-radius: 0;
    padding: 10px 4px;
    margin: 0;
}
.vl-mobile-menu .vl-navbar-dropdown-menu .item:last-child .item-link { border-bottom: 0; }
.vl-mobile-menu .vl-navbar-dropdown-menu .item-link:hover { transform: none; }
.vl-mobile-menu .vl-navbar-dropdown-menu .item-link .img {
    width: 36px; height: 36px; min-width: 36px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e6e8f0;
    margin-right: 12px;
}
.vl-mobile-menu .vl-navbar-dropdown-menu .item-link .img img { width: 19px; height: 19px; object-fit: contain; }
.vl-mobile-menu .vl-navbar-dropdown-menu .item-link .title { font-size: 15px; font-weight: 700; color: #1a1a2e; }
.vl-mobile-menu .vl-navbar-dropdown-menu .item-link .desc { font-size: 13px; opacity: 1; color: #6b6e85; }
.vl-mobile-menu .vl-mm-aside {
    background: #1f2350;
    border-radius: 14px;
    padding: 16px 16px 14px;
    color: #fff;
    margin: 12px 0 6px;
}
.vl-mobile-menu .vl-mm-aside-title { font-size: 15px; font-weight: 800; margin: 0 0 4px; }
.vl-mobile-menu .vl-mm-aside-desc { font-size: 12.5px; opacity: .85; margin: 0 0 10px; }
.vl-mobile-menu .vl-mm-aside-list { list-style: none; margin: 0; padding: 0; }
.vl-mobile-menu .vl-mm-aside-list li { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; padding: 3px 0; }
.vl-mobile-menu .vl-mm-aside-list li i { color: #7ee2b0; font-size: 11px; width: 16px; }
.vl-mobile-menu .vl-mm-aside-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }
.vl-mobile-menu .vl-mm-search { display: flex; gap: 6px; background: #fff; border-radius: 10px; padding: 4px; }
.vl-mobile-menu .vl-mm-search .form-control { border: 0; box-shadow: none; height: 38px; font-size: 14px; background: transparent; }
.vl-mobile-menu .vl-mm-search .btn { width: 38px; height: 38px; min-width: 38px; border-radius: 8px; background: var(--red); color: #fff; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; }
.vl-mobile-menu .vl-mm-aside-list li { border: 0 !important; }
.vl-mobile-menu .vl-mm-aside-list li:last-child { border: 0 !important; }