/* Premium Navbar Styles */
.premium-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #ffffff;
    /* publics_backup ile aynı: daha güçlü ve geniş shadow */
    box-shadow: rgb(62, 65, 63) 0px 0px 10px 10px;
    z-index: 1030;
    transition: all 0.3s ease;
    overflow: visible !important;
    max-width: 100vw;
}

.premium-navbar.scrolled {
       box-shadow: rgb(71, 60, 60) 0px 0px 10px 10px;
}

.nav-container {
    max-width: 100%;
    margin: 0;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 120px; /* publics_backup ile aynı: üst menü daha büyük */
    width: 100%;
    box-sizing: border-box;
    overflow: visible !important;
    gap: 10px;
}

.nav-brand {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
}

.nav-logo,
.nav-logo-blue {
    height: 100px;
    width: auto;
    transition: opacity 0.3s ease;
}

.nav-logo {
    display: none;
}

.nav-logo-blue {
    display: block;
}

/* =========================================================
   Kurumsal > Akreditasyon ve Kalite (dropdown içinde collapse section)
   ========================================================= */
.neo-dropdown-section-toggle{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: 700;
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    cursor: pointer;
}
.neo-dropdown-section-toggle:hover{
    opacity: 0.9;
}
.neo-dropdown-section-chevron{
    font-size: 0.85rem;
    opacity: 0.75;
    transition: transform 0.2s ease;
}
.neo-dropdown-section-toggle[aria-expanded=\"true\"] .neo-dropdown-section-chevron{
    transform: rotate(180deg);
}
.neo-dropdown-section-collapse{
    padding-top: 6px;
}

/* Premium portaldaki logoyla aynı oran ve konum için */
.premium-navbar .nav-brand img {
    height: 120px; /* publics_backup ile aynı */
    width: auto;
    display: block;
}

/* Home page premium polish (scoped) */
body.neo-home {
    background:
        radial-gradient(900px 900px at 10% 0%, rgba(14,165,233,0.10), transparent 55%),
        radial-gradient(900px 900px at 90% 0%, rgba(196,161,77,0.14), transparent 55%),
        var(--neo-bg);
    /* Carousel full-bleed düzeni yatay taşma oluşturmasın */
    overflow-x: clip;
}

body.neo-home .neo-carousel-section {
    /* publics_backup ile aynı */
    margin-top: 120px; /* navbar yüksekliği kadar: bitişik görünüm */
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
    /* Görselin sağ/sol beyaz boşluklarını kapat (container içindeyse bile tam genişlik) */
    /* Not: Bazı tarayıcılarda scrollbar genişliği nedeniyle 100vw 1-2px kısa kalabiliyor.
       Bu yüzden çok küçük bir “overscan” ile sağ/solu tam kapatıyoruz. */
    width: calc(100vw + 24px);
    margin-left: calc(50% - 50vw - 12px);
    margin-right: calc(50% - 50vw - 12px);
    max-width: none;
}

/* Üst menü ile carousel bitişik - render ve builder için zorunlu (override'ları geçersiz kılar) */
section.neo-carousel-section,
.neo-carousel-section {
    margin-top: 120px !important;
    padding-top: 0 !important;
}
@media (max-width: 768px) {
    section.neo-carousel-section,
    .neo-carousel-section {
        margin-top: 0 !important; /* mobilde body padding-top 80px ile bitişik */
    }
}

body.neo-home .neo-carousel-section .carousel-item::after {
    /* publics_backup ile aynı */
    height: 120px;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.30));
}

body.neo-home .neo-carousel-section .carousel,
body.neo-home .neo-carousel-section .carousel-inner,
body.neo-home .neo-carousel-section .carousel-item {
    width: 100%;
    max-width: 100%;
}

.neo-carousel-caption {
    position: absolute;
    left: min(6vw, 64px);
    right: min(6vw, 64px);
    bottom: 70px;
    z-index: 20;
    color: #ffffff;
    max-width: 980px;
}
.neo-carousel-title {
    margin: 0 0 10px 0;
    font-weight: 900;
    letter-spacing: -0.02em;
    line-height: 1.05;
    font-size: clamp(1.6rem, 2.6vw, 3.1rem);
    text-shadow: 0 16px 40px rgba(2,6,23,0.55);
}
.neo-carousel-subtitle {
    margin: 0;
    max-width: 780px;
    font-size: clamp(0.98rem, 1.25vw, 1.15rem);
    line-height: 1.55;
    color: rgba(255,255,255,0.92);
    text-shadow: 0 12px 30px rgba(2,6,23,0.55);
}
.neo-carousel-actions { margin-top: 14px; display: flex; gap: 10px; flex-wrap: wrap; }
.neo-carousel-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 800;
    border: 1px solid rgba(255,255,255,0.28);
    background: rgba(255,255,255,0.10);
    color: #fff;
    backdrop-filter: blur(8px);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.neo-carousel-btn:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,0.16);
    box-shadow: 0 18px 40px rgba(2,6,23,0.35);
}
.neo-carousel-btn-primary {
    background: linear-gradient(135deg, rgba(14,165,233,0.95), rgba(2,132,199,0.95));
    border-color: rgba(14,165,233,0.5);
}
.neo-carousel-btn-primary:hover {
    background: linear-gradient(135deg, rgba(14,165,233,1), rgba(2,132,199,1));
}

/* ── Slider Yazı Katmanı (text overlay) ─────────────────────────── */
.slider-text-overlay {
    position: absolute;
    z-index: 15;
    padding: 14px 20px;
    border-radius: 8px;
    max-width: 55%;
    box-sizing: border-box;
    word-wrap: break-word;
    pointer-events: none;
}
.slider-overlay-title {
    margin: 0 0 6px;
    font-size: clamp(1.1rem, 2.2vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
}
.slider-overlay-desc {
    margin: 0 0 4px;
    font-size: clamp(0.82rem, 1.1vw, 1rem);
    line-height: 1.45;
}
.slider-overlay-date {
    display: block;
    font-size: 0.80rem;
    margin-top: 4px;
    opacity: 0.9;
}
@media (max-width: 575px) {
    .slider-text-overlay {
        max-width: 80%;
        padding: 10px 14px;
    }
    .slider-overlay-title { font-size: 1rem; }
    .slider-overlay-desc  { font-size: 0.82rem; }
}
/* ── / Slider Yazı Katmanı ──────────────────────────────────────── */

/* Home search box: dikkat çekici ama hafif RGB glow */
body.neo-home .neo-corporate-search {
    overflow: visible;
}
body.neo-home .neo-search-box {
    isolation: isolate;
    border: 1px solid rgba(var(--neo-search-rgb-main, 14,165,233),0.72);
    box-shadow:
        0 18px 50px rgba(2,6,23,0.14),
        0 0 26px rgba(var(--neo-search-rgb-main, 14,165,233),0.20),
        0 0 42px rgba(var(--neo-search-rgb-second, 168,85,247),0.12);
    animation: neoSearchRgbGlow 5.5s ease-in-out infinite;
}
body.neo-home .neo-search-box::before {
    content: "";
    position: absolute;
    inset: -7px;
    z-index: -1;
    border-radius: 22px;
    background: linear-gradient(
        120deg,
        rgba(var(--neo-search-rgb-main, 14,165,233),0.26),
        rgba(var(--neo-search-rgb-second, 168,85,247),0.20),
        rgba(var(--neo-search-rgb-third, 34,197,94),0.18),
        rgba(var(--neo-search-rgb-fourth, 245,158,11),0.18),
        rgba(var(--neo-search-rgb-main, 14,165,233),0.26)
    );
    filter: blur(15px);
    opacity: .58;
    pointer-events: none;
    background-size: 260% 260%;
    animation: neoSearchRgbSweep 7s linear infinite;
}
body.neo-home .neo-search-box::after {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;
    border-radius: 15px;
    background: rgba(255,255,255,0.72);
    pointer-events: none;
}
body.neo-home .neo-search-box:focus-within {
    border-color: rgba(var(--neo-search-rgb-main, 14,165,233),0.92);
    box-shadow:
        0 26px 70px rgba(var(--neo-search-rgb-main, 14,165,233),0.26),
        0 0 0 3px rgba(var(--neo-search-rgb-main, 14,165,233),0.18),
        0 0 46px rgba(var(--neo-search-rgb-second, 168,85,247),0.18);
}
body.neo-home .neo-search-box:focus-within::before {
    opacity: .76;
}
@keyframes neoSearchRgbGlow {
    0%, 100% {
        box-shadow:
            0 18px 50px rgba(2,6,23,0.14),
            0 0 26px rgba(var(--neo-search-rgb-main, 14,165,233),0.20),
            0 0 42px rgba(var(--neo-search-rgb-second, 168,85,247),0.12);
    }
    50% {
        box-shadow:
            0 22px 60px rgba(2,6,23,0.16),
            0 0 34px rgba(var(--neo-search-rgb-third, 34,197,94),0.18),
            0 0 54px rgba(var(--neo-search-rgb-fourth, 245,158,11),0.14);
    }
}
@keyframes neoSearchRgbSweep {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Mobil: RGB glow kesilmesin (overflow + eski mobil resetleri) */
@media (max-width: 768px) {
    body.neo-home .neo-corporate-search {
        overflow: visible;
    }

    body.neo-home .neo-search-box-wrapper {
        position: relative;
        z-index: 1;
        isolation: isolate;
        overflow: visible;
        padding: 10px 0;
    }

    body.neo-home .neo-search-box-wrapper::before {
        content: "";
        position: absolute;
        inset: 4px -5px;
        z-index: -1;
        border-radius: 999px;
        background: linear-gradient(
            120deg,
            rgba(var(--neo-search-rgb-main, 14,165,233),0.28),
            rgba(var(--neo-search-rgb-second, 168,85,247),0.22),
            rgba(var(--neo-search-rgb-third, 34,197,94),0.18),
            rgba(var(--neo-search-rgb-fourth, 245,158,11),0.18),
            rgba(var(--neo-search-rgb-main, 14,165,233),0.28)
        );
        background-size: 260% 260%;
        filter: blur(12px);
        opacity: .68;
        pointer-events: none;
        animation: neoSearchRgbSweep 7s linear infinite;
    }

    body.neo-home .neo-search-box {
        overflow: hidden;
        border-radius: 999px !important;
        background: #ffffff !important;
        border: 1px solid rgba(var(--neo-search-rgb-main, 14,165,233),0.72) !important;
        box-shadow:
            0 10px 28px rgba(2,6,23,0.14),
            inset 0 0 0 1px rgba(255,255,255,0.65) !important;
        animation: neoSearchRgbGlow 5.5s ease-in-out infinite !important;
    }

    body.neo-home .neo-search-box::before {
        content: none;
    }

    body.neo-home .neo-search-box::after {
        content: none;
    }

    body.neo-home .neo-search-box:focus-within {
        transform: none;
        border-color: rgba(var(--neo-search-rgb-main, 14,165,233),0.92) !important;
        box-shadow:
            0 14px 36px rgba(var(--neo-search-rgb-main, 14,165,233),0.24),
            0 0 0 3px rgba(var(--neo-search-rgb-main, 14,165,233),0.18),
            0 0 40px rgba(var(--neo-search-rgb-second, 168,85,247),0.18) !important;
    }

    body.neo-home .neo-search-filter-btn {
        border-left: 1px solid rgba(var(--neo-search-rgb-main, 14,165,233),0.22) !important;
    }
}

/* 3 Column Equal Height Fix */
.neo-three-col .neo-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.neo-three-col .neo-card-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center; /* Vertically center content if needed */
}

/* Ensure avatar card doesn't push height too much */
.neo-avatar-lg {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

body.neo-home .neo-three-col .neo-card-body h3 {
    letter-spacing: -0.01em;
}

@media (max-width: 768px) {
    .nav-container {
        height: 80px;
        padding: 0 8px 0 0;
    }
    
    .premium-navbar .nav-brand img {
        height: 60px; /* Logo biraz daha kucuk */
        width: auto;
    }

    /* Carousel Full Width Mobile */
    body.neo-home .neo-carousel-section {
        margin-top: 0; /* mobilde body padding-top (80px) ile bitişik */
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        width: 100vw;
        max-width: 100vw;
        padding: 0;
        overflow: hidden; /* Taşmayı engelle */
    }
    
    /* Ensure container inside doesn't add padding */
    body.neo-home .neo-carousel-section .container,
    body.neo-home .neo-carousel-section .container-fluid {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        width: 100%;
        max-width: 100%;
    }
    
    /* Not: Bootstrap carousel animasyonu için .carousel-item margin-right:-100% kullanılmalı.
       Burayı override etmek (0 yapmak) mobilde iki slide'ın alt alta görünmesine sebep olur. */
    
    .carousel-inner {
        padding: 0;
    }
    .neo-carousel-caption { left: 16px; right: 16px; bottom: 54px; }
}

/* Bootstrap dropdown-toggle ok işaretini gizle, sadece kendi ikonumuz kalsın */
.premium-navbar .dropdown-toggle::after {
    display: none !important;
}

.premium-navbar.scrolled .nav-logo {
    display: none;
}

.premium-navbar.scrolled .nav-logo-blue {
    display: block;
}

.nav-menu {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-start;
    margin-left: 10px;
    overflow: visible;
}

.nav-list {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
}

.nav-item {
    position: relative;
    overflow: visible;
}

.nav-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 11px;
    color: #1e293b;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    border-radius: 8px;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.nav-link i:first-child {
    font-size: 17px;
    color: inherit; /* ikon rengi metinle aynı olsun */
}

.nav-link:hover {
    background: #f1f5f9;
    color: var(--neo-primary);
}

.nav-link.active {
    background: #e0f2fe;
    color: var(--neo-primary);
}

.dropdown-arrow {
    font-size: 10px;
    transition: transform 0.3s ease;
}

.nav-item.dropdown:hover .dropdown-arrow {
    transform: rotate(180deg);
}

/* Bootstrap dropdown-menu display'ini override etmemek için sadece varsayılanı burada tanımlıyoruz */
.premium-navbar .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    padding: 15px;
    padding-top: 25px;
    min-width: 280px;
    display: none;
    z-index: 1040;
    margin-top: -4px; /* link ile dropdown arasında boşluk kalmaması için hafif overlap */
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

/* Dropdown hover + JS class: Bootstrap kurallarını geçecek şekilde premium-navbar ile daha spesifik */
.premium-navbar .nav-item.dropdown:hover .dropdown-menu,
.premium-navbar .nav-item.dropdown .dropdown-menu:hover,
.premium-navbar .nav-item.dropdown.active .dropdown-menu,
.premium-navbar .nav-item.dropdown.dropdown-open .dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    animation: dropdownFadeIn 0.3s ease;
}
@keyframes dropdownFadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropdown-section {
    margin-bottom: 15px;
}

.dropdown-section:last-child {
    margin-bottom: 0;
}

.dropdown-section h6 {
    font-size: 12px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    padding: 0 10px;
}

/* Bilgi Bankası dropdown: tek sütun, yükseklik kısıtlı + içten kaydırma */
.premium-navbar .dropdown-menu.dropdown-menu-bilgi-bankasi {
    max-height: calc(100vh - 140px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}
.premium-navbar .dropdown-menu.dropdown-menu-bilgi-bankasi .dropdown-section:not(:has(a, h6, button)) {
    display: none !important;
}

.dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    color: #1e293b;
    text-decoration: none;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.2s ease;
}

.dropdown-item i {
    font-size: 14px;
    color: #1d4ed8;
    width: 18px;
}

.dropdown-item:hover {
    background: #f1f5f9;
    color: #3b82f6;
    transform: translateX(5px);
}

.dropdown-item:hover i {
    color: #1d4ed8;
}

.nav-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    flex-shrink: 0;
    margin-left: auto;
    padding-left: 12px;
    position: relative;
    z-index: 5;
    background: #ffffff;
}

.search-container {
    position: relative;
}

.search-input {
    padding: 10px 40px 10px 15px;
    border: 1px solid #e2e8f0;
    border-radius: 25px;
    font-size: 14px;
    width: 135px;
    transition: all 0.3s ease;
}

.search-input:focus {
    outline: none;
    border-color: #08193a;
    box-shadow: 0 0 0 3px rgba(8, 25, 58, 0.15);
}

.search-btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: #0d2e70; /* koyu lacivert (--navy) */
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.search-btn:hover {
    background: #0f2d6b;
    transform: translateY(-50%) scale(1.1);
}

.online-services-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: linear-gradient(135deg, #2c5aa0 0%, #1e3c72 100%);/* neo primary ile uyumlu */
    color: #ffffff;
    border: none;
    border-radius: 25px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap; /* 'Online İşlemler' tek satırda kalsın */
}

.online-services-btn > i,
.online-services-btn i.fa-th {
    display: none !important;
}

.online-services-btn:hover {
    background: #0f2d6b;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(8, 25, 58, 0.35);
}

/* Navbar arama — kompakt input + belirgin gönder butonu */
.nav-search-form {
    display: inline-flex;
    align-items: stretch;
    flex-shrink: 0;
    min-width: 0;
    max-width: 150px;
    width: 132px;
    border: 1.5px solid rgba(13, 46, 112, 0.28);
    border-radius: 999px;
    background: #f1f5f9;
    box-shadow: 0 2px 10px rgba(13, 46, 112, 0.14);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.nav-search-form:focus-within {
    border-color: #2c5aa0;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(44, 90, 160, 0.2);
}
.nav-search-field {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 8px 12px;
    font-size: 15px;
    font-weight: 600;
    color: #0f172a;
}
.nav-search-field::placeholder {
    color: #475569;
    font-weight: 600;
    opacity: 1;
}
.nav-search-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    min-width: 36px;
    padding: 0;
    border: none;
    background: linear-gradient(135deg, #2c5aa0 0%, #1e3c72 100%);
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.nav-search-submit:hover {
    background: #0f2d6b;
    box-shadow: 0 4px 14px rgba(44, 90, 160, 0.35);
    transform: translateY(-1px);
}
@media (min-width: 1200px) {
    .nav-search-form {
        width: 148px;
        max-width: 158px;
    }
}
@media (min-width: 1025px) {
    .premium-navbar .nav-container {
        padding: 0 46px;
        gap: 15px;
    }
    .premium-navbar .nav-brand {
        margin-right: 0;
    }
    .premium-navbar .nav-brand img,
    .premium-navbar .nav-logo-blue {
        height: 118px;
    }
    .premium-navbar .nav-menu {
        flex: 1 1 auto;
        min-width: 0;
        margin-left: 10px;
        padding-right: 0;
    }
    .premium-navbar .nav-list {
        gap: 2px;
    }
    .premium-navbar .nav-link {
        padding: 10px 12px;
        font-size: 15px;
    }
    /* Menü ile Online Hizmetler / arama / dil bloğu çakışmasın */
    .premium-navbar .nav-actions {
        flex: 0 0 auto;
        margin-left: auto;
        gap: 10px;
        padding-left: 15px;
        border-left: 1px solid rgba(226, 232, 240, 0.95);
        box-shadow: -8px 0 12px rgba(255, 255, 255, 0.85);
    }
}
@media (min-width: 1025px) and (max-width: 1400px) {
    .premium-navbar .nav-brand img,
    .premium-navbar .nav-logo-blue {
        height: 96px;
    }
    .premium-navbar .nav-link {
        padding: 10px 8px;
    }
    .premium-navbar .nav-actions {
        padding-left: 10px;
        gap: 6px;
    }
}
/* Masaüstünde TR/ENG yalnızca pill; mobilde dil menüsünde */
@media (min-width: 1025px) {
    .nav-lang-menu-item-mobile {
        display: none;
    }
}
@media (max-width: 1024px) {
    .nav-lang-pill,
    .nav-lang-sep {
        display: none !important;
    }
    .nav-lang-switcher {
        gap: 0;
    }
    .nav-lang-more-btn {
        min-width: 40px;
        height: 40px;
        padding: 0 10px;
        border-radius: 12px;
    }
    .nav-lang-more-icon i {
        font-size: 1.05rem;
    }
    .nav-lang-more-chevron {
        display: inline-flex;
        align-items: center;
    }
    .nav-lang-menu {
        right: 0;
        left: auto;
        min-width: 200px;
    }
    /* Arama: yalnızca büyüteç ikonu */
    .nav-search-field {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
        opacity: 0;
        pointer-events: none;
    }
    .nav-search-form {
        width: 40px;
        max-width: 40px;
        min-width: 40px;
        border-radius: 50%;
        flex-shrink: 0;
    }
    .nav-search-submit {
        width: 40px;
        min-width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 15px;
    }
}
@media (max-width: 768px) {
    .nav-search-form {
        width: 38px;
        max-width: 38px;
        min-width: 38px;
    }
    .nav-search-submit {
        width: 38px;
        min-width: 38px;
        height: 38px;
        font-size: 14px;
    }
}

.nav-corporate-search-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    background: #f1f5f9;
    color: #1e3a5f;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    flex-shrink: 0;
}

.nav-corporate-search-btn:hover {
    background: #e2e8f0;
    color: #0f2d6b;
    border-color: #cbd5e1;
    transform: translateY(-1px);
}

.nav-corporate-search-item-desktop {
    display: none;
}

@media (min-width: 1025px) {
    .nav-corporate-search-item-desktop {
        display: flex;
        align-items: center;
    }

    .nav-corporate-search-item-desktop .nav-corporate-search-btn {
        width: 40px;
        height: 40px;
    }
}

/* Üst menü dil seçici (Google Çeviri — tüm sayfa) */
.nav-lang-switcher {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.nav-lang-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #475569;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.nav-lang-pill:hover {
    background: #e2e8f0;
    color: #1e3a5f;
    border-color: #cbd5e1;
}

.nav-lang-pill.is-active {
    color: #fff;
    background: linear-gradient(135deg, #2c5aa0 0%, #1e3c72 100%);
    border-color: #1e3c72;
    box-shadow: 0 2px 8px rgba(30, 60, 114, 0.25);
}

.nav-lang-sep {
    color: #cbd5e1;
    font-weight: 600;
    font-size: 13px;
    user-select: none;
    padding: 0 1px;
}

.nav-lang-more {
    position: relative;
    list-style: none;
}

.nav-lang-more > summary {
    list-style: none;
}

.nav-lang-more > summary::-webkit-details-marker {
    display: none;
}

.nav-lang-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.nav-lang-more-btn:hover {
    background: #e2e8f0;
    color: #1e3a5f;
}

.nav-lang-more[open] .nav-lang-more-btn {
    background: #e2e8f0;
    border-color: #94a3b8;
}

.nav-lang-more[open] .nav-lang-more-chevron i {
    transform: rotate(180deg);
}

.nav-lang-more-chevron i {
    display: block;
    font-size: 10px;
    transition: transform 0.2s ease;
}

.nav-lang-more-code {
    font-size: 11px;
    font-weight: 800;
    color: #1e3a5f;
}

.nav-lang-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    margin: 0;
    padding: 6px;
    min-width: 200px;
    list-style: none;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
    z-index: 1060;
}

.nav-lang-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    margin: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    color: #0f172a;
    transition: background 0.15s ease;
}

.nav-lang-menu-item:hover {
    background: #f1f5f9;
}

.nav-lang-menu-item.is-active {
    background: #e0e7ff;
    color: #1e3a5f;
    font-weight: 600;
}

.nav-lang-menu-code {
    flex: 0 0 28px;
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
}

.nav-lang-menu-name {
    flex: 1;
}

.kto-gtranslate-hidden {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

/* Google Çeviri üst çerçevesi — sayfa kaymasını azalt */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
iframe.goog-te-banner-frame,
.goog-te-balloon-frame,
iframe.goog-te-balloon-frame {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

body {
    top: 0 !important;
}

#goog-gt-tt,
.goog-tooltip {
    display: none !important;
}

.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}

.mobile-menu-toggle span {
    width: 25px;
    height: 3px;
    background: #1e293b;
    border-radius: 3px;
    transition: all 0.3s ease;
}

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

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

.mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
}

@media (max-width: 1024px) {
    .nav-menu {
        position: fixed;
        top: 84px;
        left: -100%;
        width: 280px;
        max-width: 85vw;
        height: calc(100dvh - 84px);
        background: white;
        box-shadow: 2px 0 20px rgba(0, 0, 0, 0.15);
        transition: left 0.3s ease;
        overflow-y: auto;
        padding: 20px;
        z-index: 1020;
        display: flex;
        flex-direction: column;
    }

    .nav-menu.active {
        left: 0;
    }

    .nav-list {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .nav-link {
        width: 100%;
        padding: 12px 15px;
    }

    .dropdown-menu {
        position: static;
        display: none !important;
        box-shadow: none;
        margin-top: 10px;
        margin-left: 20px;
        width: calc(100% - 40px);
    }

    .nav-item.dropdown.active .dropdown-menu,
    .nav-item.dropdown.dropdown-open .dropdown-menu {
        display: block !important;
    }

    .mobile-menu-toggle {
        display: flex !important;
    }

    .search-input {
        width: 150px;
    }

    /* Mobilde de mümkün olduğunca tek satırda tut */
    .online-services-btn {
        padding: 8px 14px;
        font-size: 13px;
    }
}

/* Neo Theme - distinct look, fonts, and layout */
:root {
    --neo-primary: #0ea5e9;
    --neo-dark: #0b132b;
    --neo-muted: #64748b;
    --neo-bg: #f1f5f9;
    --neo-card: #ffffff;

    /* Kurumsal renk değişkenleri (sayfa tipleri bu değişkenleri kullanır) */
    --primary-color: #003366;
    --primary-light: #004d99;
    --primary-dark: #002244;
    --secondary-color: #C4A14D;
    --secondary-light: #d4b86d;
    --secondary-dark: #a38940;
}

html, body {
    background: var(--neo-bg);
    color: #0f172a;
    font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
}

/* Navbar */
.neo-navbar {
    background: var(--neo-card);
    box-shadow: 0 10px 30px rgba(2, 6, 23, 0.06);
    padding: 0.5rem 0;
    transition: all 0.3s ease;
    z-index: 1030; /* Ensure navbar stays above carousel */
}
.neo-navbar.scrolled {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 5px 20px rgba(2, 6, 23, 0.08);
}
.neo-brand { display:flex; align-items:center; gap:8px; font-weight:700; color: var(--neo-dark); text-decoration:none; }
.neo-brand img { transition: all 0.3s ease; }
.neo-white-logo { display: none; }
.neo-blue-logo { display: block; }
.neo-navbar.scrolled .neo-white-logo { display: none; }
.neo-navbar.scrolled .neo-blue-logo { display: block; }
.neo-nav .nav-link { color: #0f172a; font-weight: 600; padding: 0.6rem 0.8rem; position: relative; transition: color 0.3s ease; }
.neo-nav .nav-link.active { color: var(--neo-primary); }
.neo-nav .nav-link::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: var(--neo-primary); transition: all 0.3s ease; transform: translateX(-50%); }
.neo-nav .nav-link:hover::before { width: 80%; }
.neo-nav .nav-link:hover, .neo-nav .nav-link.active { color: var(--neo-primary); }
.neo-dropdown { border: none; box-shadow: 0 12px 30px rgba(2,6,23,0.08); border-radius: 12px; }
.neo-dropdown .dropdown-item { font-size: 0.9rem; padding: 0.6rem 1rem; transition: background 0.2s ease; }
.neo-dropdown .dropdown-item:hover { background: #f1f5f9; }
.neo-dropdown .dropdown-header { font-weight: 700; color: var(--neo-primary); font-size: 0.85rem; }

/* Navbar Right Section */
.navbar-right-section { display: flex; align-items: center; gap: 1rem; }
.neo-search-box-nav { position: relative; display: flex; align-items: center; }
.neo-search-input { border: 1px solid #e2e8f0; border-radius: 20px; padding: 0.5rem 2.5rem 0.5rem 1rem; background: #f8fafc; color: #0f172a; font-size: 0.9rem; width: 200px; transition: all 0.3s ease; }
.neo-search-input::placeholder { color: #64748b; }
.neo-search-input:focus { outline: none; border-color: #e2e8f0; background: #fff; box-shadow: none; }
.neo-search-button { position: absolute; right: 8px; background: none; border: none; color: #64748b; padding: 0.25rem; }
.neo-search-button:hover { color: var(--neo-primary); }

.neo-online-button { display: flex; align-items: center; gap: 0.5rem; background: var(--neo-primary); color: #fff; border-radius: 10px; padding: 0.6rem 1rem; cursor: pointer; transition: all 0.3s ease; font-weight: 600; }
.neo-online-button:hover { background: #0284c7; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(14,165,233,0.25); }
.neo-button-icon { font-size: 1rem; }
.neo-button-text { font-size: 0.9rem; }
.neo-button-arrow { font-size: 0.8rem; transition: transform 0.3s ease; }
.neo-online-button:hover .neo-button-arrow { transform: rotate(180deg); }

/* Hero */
.neo-hero { padding: 4rem 0 2rem; background: linear-gradient(120deg, #e2f3ff, #f8fbff); }
.neo-title { font-size: 2.2rem; font-weight: 800; letter-spacing: -0.5px; margin-bottom: 0.5rem; }
.neo-subtitle { color: var(--neo-muted); margin-bottom: 1.5rem; }
.neo-cta .btn { margin-right: 0.5rem; }
.btn-neo-primary { background: var(--neo-primary); color: #fff; border-radius: 10px; padding: 0.6rem 1rem; border: none; }
.btn-neo-outline { background: transparent; color: var(--neo-primary); border: 2px solid var(--neo-primary); border-radius: 10px; padding: 0.6rem 1rem; }
.btn-neo-primary:hover { filter: brightness(0.95); }
.btn-neo-outline:hover { background: var(--neo-primary); color: #fff; }
.neo-hero-media { position: relative; }
.neo-hero-img { border-radius: 16px; box-shadow: 0 20px 40px rgba(2,6,23,0.15); }

/* Carousel */
.neo-carousel-section { 
    position: relative;
    padding-top: 0;
    margin-top: 120px; /* Navbar yüksekliği ile aynı: menü ile bitişik */
    margin-bottom: 0 !important; /* Carousel'e 0 margin - arama bölümüne bağlanması için */
    box-shadow: 
        0 15px 50px rgba(0, 0, 0, 0.3),
        0 20px 60px rgba(0, 0, 0, 0.25),
        0 25px 80px rgba(0, 0, 0, 0.2);
}

/* Carousel'in altına güçlü gölge efekti */
.neo-carousel-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #cbd5e1 10%, #cbd5e1 90%, transparent 100%);
    z-index: 20;
    box-shadow: 
        0 3px 15px rgba(0, 0, 0, 0.3),
        0 6px 25px rgba(0, 0, 0, 0.25),
        0 10px 35px rgba(0, 0, 0, 0.2),
        0 -3px 15px rgba(0, 0, 0, 0.3),
        0 -6px 25px rgba(0, 0, 0, 0.25),
        0 -10px 35px rgba(0, 0, 0, 0.2);
}
.neo-carousel-section .carousel { 
    position: relative;
    overflow: hidden;
}
.neo-carousel-section .carousel-item {
    position: relative;
}
.neo-carousel-section .carousel-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.30));
    pointer-events: none;
    z-index: 5;
}
.neo-carousel-section .carousel-item img { 
    height: calc(100vh - 120px); /* Full height minus navbar height */
    min-height: 500px;
    max-height: 700px;
    object-fit: cover; 
    width: 100%;
}
.neo-carousel-section .carousel-indicators {
    bottom: 30px;
    z-index: 15;
}
.neo-carousel-section .carousel-indicators button {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,0.8);
    background: transparent;
    margin: 0 6px;
    transition: all 0.3s ease;
}
.neo-carousel-section .carousel-indicators button.active {
    background: var(--neo-primary);
    border-color: var(--neo-primary);
    transform: scale(1.3);
    box-shadow: 0 0 10px rgba(14,165,233,0.5);
}
/* Ana slider: kare kontroller, dikey ortalı; dolgu şeffaf cam (beyaz blok yok) */
.neo-carousel-section .carousel-control-prev,
.neo-carousel-section .carousel-control-next {
    width: 42px;
    height: 42px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    background: rgba(2, 6, 23, 0.22);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: 1;
    transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    z-index: 25;
}
.neo-carousel-section .carousel-control-prev { left: min(24px, 3.5vw); }
.neo-carousel-section .carousel-control-next { right: min(24px, 3.5vw); }
.neo-carousel-section .carousel-control-prev:hover,
.neo-carousel-section .carousel-control-next:hover {
    background: rgba(14, 165, 233, 0.55);
    border-color: rgba(255, 255, 255, 0.55);
    transform: translateY(calc(-50% - 2px));
    box-shadow: 0 8px 22px rgba(14, 165, 233, 0.28);
    opacity: 1;
}
.neo-carousel-section .carousel-control-prev-icon,
.neo-carousel-section .carousel-control-next-icon {
    width: 1.125rem;
    height: 1.125rem;
    background-size: 1.125rem 1.125rem;
    filter: brightness(0) invert(1);
    opacity: 0.92;
}
.neo-carousel-section .carousel-control-prev:hover .carousel-control-prev-icon,
.neo-carousel-section .carousel-control-next:hover .carousel-control-next-icon {
    opacity: 1;
}

/* Carousel Overlay Gradient - Removed to allow search section to connect seamlessly */

/* Quick Access - neo-three-col ile birleşik, aynı arka plan */
.neo-quick { 
    padding: 0;
    margin-top: 0;
    background: var(--neo-card);
    box-shadow: none;
    position: relative;
    z-index: 10;
}

/* neo-quick üst/alt çizgiler kaldırıldı */
.neo-quick::before,
.neo-quick::after {
    display: none;
}
.neo-quick .container {
    padding: 1.25rem 15px;
}
.neo-quick .row > [class*="col-"] {
    display: flex;
}
.neo-quick .row > [class*="col-"] > .neo-quick-card {
    width: 100%;
    flex: 1 1 auto;
}
.neo-quick-card { 
    display: flex; 
    flex-direction: column; 
    gap: 1px; 
    align-items: center; 
    text-align: center;
    background: var(--neo-card); 
    border: 1px solid #e2e8f0;
    border-radius: 16px; 
    padding: 1rem 0.85rem 1.35rem; 
    text-decoration: none; 
    color: #0f172a; 
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

.neo-quick-card {
    height: 100%;
    justify-content: center;
}
.neo-quick-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--neo-primary), #0284c7);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}
.neo-quick-card:hover::before {
    transform: scaleX(1);
}
.neo-quick-card i { 
    color: var(--neo-primary); 
    font-size: 2rem; 
    margin-bottom: 0.5rem;
    padding: 1rem;
    background: linear-gradient(135deg, rgba(14,165,233,0.1), rgba(14,165,233,0.05));
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.neo-quick-icon {
    width: 150px;
    height: 100px;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    background: linear-gradient(135deg, rgb(255 255 255 / 10%), rgb(253 253 253 / 5%));
    border-radius: 22%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    object-fit: contain;
}
.neo-quick-card h6 { 
    font-weight: 700; 
    margin: 0 0 0.5rem 0; 
    font-size: 1.1rem;
    color: #0f172a;
}
.neo-quick-card p { 
    color: var(--neo-muted); 
    margin: 0; 
    font-size: 0.9rem; 
    line-height: 1.45;
}
.neo-quick-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 20px 40px rgba(2,6,23,0.12);
    border-color: var(--neo-primary);
}
.neo-quick-card:hover i {
    background: linear-gradient(135deg, var(--neo-primary), #0284c7);
    color: #fff;
    transform: scale(1.1);
}

.neo-quick-card:hover .neo-quick-icon {
    /* Hover'da üst/orta çizgi efektleri kalsın; ortadaki mavi dolgu olmasın */
    background: linear-gradient(135deg, rgb(255 255 255 / 10%), rgb(253 253 253 / 5%));
    transform: scale(1.1);
}

/* Sections */
.neo-section { 
    padding: 2.5rem 0; 
    position: relative;
}

/* Tüm section container'larına üst ve alt shadow */
.neo-section .container {
    position: relative;

}

/* Section'lar arası geçiş çizgisi - görseldeki gibi - gölgeli gömülü görünüm */
.neo-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #cbd5e1 10%, #cbd5e1 90%, transparent 100%);
    z-index: 1;
    box-shadow: 
        0 3px 15px rgba(0, 0, 0, 0.3),
        0 6px 25px rgba(0, 0, 0, 0.25),
        0 10px 35px rgba(0, 0, 0, 0.2),
        0 -3px 15px rgba(0, 0, 0, 0.3),
        0 -6px 25px rgba(0, 0, 0, 0.25),
        0 -10px 35px rgba(0, 0, 0, 0.2);
}

.neo-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #cbd5e1 10%, #cbd5e1 90%, transparent 100%);
    z-index: 1;
    box-shadow: 
        0 3px 15px rgba(0, 0, 0, 0.3),
        0 6px 25px rgba(0, 0, 0, 0.25),
        0 10px 35px rgba(0, 0, 0, 0.2),
        0 -3px 15px rgba(0, 0, 0, 0.3),
        0 -6px 25px rgba(0, 0, 0, 0.25),
        0 -10px 35px rgba(0, 0, 0, 0.2);
}

.neo-section:first-child::before {
    display: none;
}

.neo-section:last-child::after {
    display: none;
}

/* Footer üstündeki çizgileri kaldır (KTO ailesi / ecosystem altı) */
.neo-section:last-of-type::before,
.neo-section:last-of-type::after {
    display: none !important;
}
#ecosystem.neo-section::before,
#ecosystem.neo-section::after {
    display: none !important;
}

/* Dış Ticaret için beyaz arkaplan - YENİ TASARIM */
#distic-veriler.neo-section {
    background: transparent;
}

#distic-veriler .container {
    background: transparent;
}

/* Dış Ticaret: scroll ile aşağıdan yukarı reveal efekti */
#distic-veriler.neo-fx-ready {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 900ms ease, transform 900ms ease;
    will-change: opacity, transform;
}

#distic-veriler.neo-fx-visible {
    opacity: 1;
    transform: translateY(0);
}

/* KTO Ekosistemi: makul boşluk; zeminle uyum (beyaz panel hissi azalır) */
#ecosystem.neo-section,
body.neo-home section.neo-section[data-section-code="ecosystem"] {
    background: transparent;
    padding-top: 2rem !important;
    padding-bottom: 1.5rem !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    /* clip: yatay taşmayı keser; hidden gibi overflow-y’i auto yapmaz (sağda iç scrollbar olmaz) */
    overflow-x: clip;
    overflow-y: visible;
}

#ecosystem .container,
body.neo-home section[data-section-code="ecosystem"] .container {
    background: transparent;
    box-shadow: none;
}

#ecosystem .neo-section-header,
body.neo-home section[data-section-code="ecosystem"] .neo-section-header {
    margin-bottom: 1rem !important;
}

#ecosystem .neo-section-header.mb-3,
#ecosystem .neo-section-header.mb-5,
body.neo-home section[data-section-code="ecosystem"] .neo-section-header.mb-3,
body.neo-home section[data-section-code="ecosystem"] .neo-section-header.mb-5 {
    margin-bottom: 1rem !important;
}

#ecosystem .neo-section-header .neo-section-title,
body.neo-home section[data-section-code="ecosystem"] .neo-section-title {
    margin-bottom: 0.35rem !important;
}

#ecosystem .neo-section-header .text-muted,
body.neo-home section[data-section-code="ecosystem"] .text-muted {
    margin-bottom: 0 !important;
}

#ecosystem .neo-3d-carousel-wrapper,
body.neo-home section[data-section-code="ecosystem"] .neo-3d-carousel-wrapper {
    margin: 12px 0 !important;
    padding: 15px 0 0 !important;
    height: 360px;
    position: relative;
    z-index: 1;
}

#ecosystem .neo-flat-slider-wrapper,
body.neo-home section[data-section-code="ecosystem"] .neo-flat-slider-wrapper,
body.neo-home .ecosystem-flat-slider {
    /* Alt boşluk noktaların altında; video–dots arası viewport padding ile */
    padding: 1.25rem 0 0.75rem !important;
    margin: 0 !important;
    overflow-x: clip;
    overflow-y: visible;
}

#ecosystem .neo-flat-trio-viewport,
body.neo-home section[data-section-code="ecosystem"] .neo-flat-trio-viewport {
    /* Üst: hover/scale payı; alt: noktalara kadar boşluk yok (video alanına dokunulmaz) */
    padding: 2rem 0 0.15rem;
    box-sizing: border-box;
    min-height: 480px !important;
    overflow-x: clip;
    overflow-y: visible;
}

#ecosystem .neo-flat-trio-card,
body.neo-home section[data-section-code="ecosystem"] .neo-flat-trio-card {
    padding-top: 36px !important;
}

/* Ortadaki büyüyen video: sütunda ek dikey pay */
#ecosystem .neo-flat-trio-card.is-center,
body.neo-home section[data-section-code="ecosystem"] .neo-flat-trio-card.is-center {
    padding-top: 48px !important;
    padding-bottom: 40px !important;
}

#ecosystem .neo-flat-trio-dots,
body.neo-home section[data-section-code="ecosystem"] .neo-flat-trio-dots {
    margin-top: 0.1rem !important;
    margin-bottom: 0 !important;
}

/* Üyeler/iş ilanları ile ekosistem arası */
body.neo-home section.neo-section[data-section-code="new_members"],
body.neo-home .home-section-before-ecosystem.neo-section {
    padding-bottom: 1.75rem !important;
}

@media (max-width: 768px) {
    #ecosystem.neo-section,
    body.neo-home section.neo-section[data-section-code="ecosystem"] {
        padding-top: 1.25rem !important;
        padding-bottom: 1rem !important;
        overflow-x: clip;
        overflow-y: visible;
    }

    #ecosystem .neo-section-header.mb-3,
    #ecosystem .neo-section-header.mb-5,
    body.neo-home section[data-section-code="ecosystem"] .neo-section-header.mb-3,
    body.neo-home section[data-section-code="ecosystem"] .neo-section-header.mb-5 {
        margin-bottom: 0.85rem !important;
    }

    #ecosystem .neo-3d-carousel-wrapper,
    body.neo-home section[data-section-code="ecosystem"] .neo-3d-carousel-wrapper {
        margin: 8px 0 !important;
        padding: 8px 0 0 !important;
        height: 260px !important;
    }

    #ecosystem .neo-flat-trio-viewport,
    body.neo-home section[data-section-code="ecosystem"] .neo-flat-trio-viewport {
        padding: 1.25rem 0 0.15rem;
        min-height: 360px !important;
        overflow-x: clip;
        overflow-y: visible;
    }
}
.neo-section-header { display:flex; align-items:center; justify-content: space-between; margin-bottom: 1rem; }
.neo-section-title { font-weight: 700; font-size: 1.4rem; color: var(--neo-dark); }

.neo-card-header .neo-section-title {
    margin-bottom: 0;
    font-size: 1.3rem;
}
.neo-section-header h3 { margin:0; font-weight:800; font-size:1.3rem; }
.btn-neo-text { color: var(--neo-primary); text-decoration:none; font-weight:700; }
.btn-neo-text:hover { text-decoration: underline; }

/* News - Yeni kurumsal tasarım */

/* Haberler bölümü - Modern Temiz Tasarım */
#news {
    background: #ffffff;
    padding: 4rem 0;
    position: relative;
    z-index: 1;
}

/* Ana haber - Büyük görsel sol tarafta */
.neo-news-main {
    position: relative;
    border-radius: 0;
    overflow: hidden;
    background: #f8fafc;
    cursor: pointer;
    height: 460px;
    min-height: 460px;
    max-height: 460px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.neo-card .neo-news-main {
    border-radius: 16px;
    justify-content: center;
}

.neo-news-img {
    width: 100%;
    height: 460px;
    min-height: 460px;
    max-height: 460px;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.6s ease, filter 0.6s ease;
    filter: brightness(0.95);
    display: block;
    flex-shrink: 0;
}

.neo-news-main:hover .neo-news-img {
    transform: scale(1.03);
    filter: brightness(0.88);
}

/* Ek görseller overlay - kapak görselinin üzerinde */
.neo-news-extra-images {
    position: absolute;
    left: 14px;
    bottom: 14px;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 10px 10px;
    align-items: flex-end;
    pointer-events: none;
    z-index: 10;
    overflow: hidden;
    max-width: calc(100% - 28px);
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.22);
    backdrop-filter: blur(8px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.25);
}

.neo-news-extra-img {
    width: 78px;
    height: 58px;
    object-fit: cover;
    border-radius: 10px;
    opacity: 0.38;
    filter: blur(1.6px) brightness(0.72) saturate(0.95);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    pointer-events: auto;
    border: 1px solid rgba(255, 255, 255, 0.28);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
    z-index: 2;
}

.neo-news-extra-img:hover {
    opacity: 1 !important;
    filter: blur(0) brightness(1) !important;
    transform: scale(1.12);
    z-index: 15;
    border-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7);
}

.neo-news-main:hover .neo-news-extra-img:not(:hover) {
    opacity: 0.32;
    filter: blur(1.8px) brightness(0.68) saturate(0.9);
}

/* Görsel üzerindeki overlay - üst sol köşede */
.neo-news-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 2rem;
    background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, transparent 100%);
    color: #ffffff;
    pointer-events: none;
    z-index: 20;
}

.neo-news-overlay h4 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.3;
    max-width: 80%;
}

/* Builder/admin mini tools (edit_mode) */
.neo-news-admin-tools{
    display: flex;
    gap: 10px;
    align-items: center;
}
.neo-news-admin-btn{
    width: 36px;
    height: 36px;
    border-radius: 12px;
    border: 1px solid rgba(15,23,42,0.10);
    background: #ffffff;
    color: #0f172a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(15,23,42,0.10);
}
.neo-news-admin-btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(15,23,42,0.14);
}

/* Multi-image gallery under main image */
.neo-news-gallery{
    /* Ek görseller overlay'e taşındı. Alttaki galeri alan büyütmesin. */
    display: none !important;
}
.neo-news-thumb{
    width: 92px;
    height: 60px;
    border-radius: 10px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
    box-shadow: 0 6px 16px rgba(15,23,42,0.10);
    background: #f1f5f9;
}
.neo-news-thumb.active{
    border-color: #3b82f6;
}

/* News list item layout w/ admin actions */
.neo-news-item-row{
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.neo-news-item-body{
    flex: 1;
    min-width: 0;
}
.neo-news-item-actions{
    display: flex;
    gap: 6px;
}
.neo-news-item-action{
    width: 30px;
    height: 30px;
    border-radius: 10px;
    border: 1px solid rgba(15,23,42,0.10);
    background: #ffffff;
    color: #0f172a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.neo-news-item-action.danger{
    color: #b91c1c;
    border-color: rgba(185,28,28,0.2);
}
.neo-news-item-action:hover{
    filter: brightness(0.98);
    transform: translateY(-1px);
}

/* Sağ taraftaki içerik alanı - Temiz beyaz arka plan */
.neo-news-content {
    background: transparent;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    min-height: 450px;
    max-height: 500px;
    border-radius: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.neo-card .neo-card-body .neo-news-content {
    padding: 2rem 1.5rem;
}

/* Haberler: sol görsel kart ve sağ metin kartını aynı yüksekliğe sabitle */
#news .neo-news-equal-row {
    align-items: stretch;
}
#news .neo-news-left-card,
#news .neo-news-right-card {
    width: 100%;
}
#news .neo-news-right-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#news .neo-news-right-body .neo-news-content {
    flex: 1 1 auto;
}
@media (min-width: 992px) {
    #news .neo-news-right-body .neo-news-content {
        min-height: 460px;
        max-height: 460px;
    }
}
@media (max-width: 991.98px) {
    #news .neo-news-right-body .neo-news-content {
        min-height: auto;
        max-height: none;
    }
}

.neo-news-content::-webkit-scrollbar {
    width: 6px;
}

.neo-news-content::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 10px;
}

.neo-news-content::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}

.neo-news-content::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.neo-news-content h2 {
    font-size: 1.75rem;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 0.75rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.neo-news-content p {
    font-size: 1rem;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    font-weight: 300;
}

.neo-news-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.neo-news-item {
    padding: 1rem 0;
    border-bottom: 1px solid #e2e8f0;
    cursor: pointer;
    transition: all 0.3s ease;
    background: transparent;
}

.neo-news-item:last-child {
    border-bottom: none;
}

.neo-news-item.active {
    padding-left: 1rem;
    border-left: 3px solid var(--neo-primary);
}

.neo-news-item h6 {
    margin: 0 0 0.4rem 0;
    font-weight: 600;
    font-size: 0.95rem;
    color: #0f172a;
    transition: color 0.3s ease;
    line-height: 1.4;
}

.neo-news-item.active h6 {
    color: var(--neo-primary);
}

.neo-news-item p {
    margin: 0;
    color: #64748b;
    font-size: 0.85rem;
    line-height: 1.5;
}

.neo-news-item:hover h6 {
    color: var(--neo-primary);
}

/* Modern buton */
.neo-news-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    background: var(--neo-primary);
    color: #ffffff;
    border: none;
    border-radius: 0;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.neo-news-btn:hover {
    background: #0284c7;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(14, 165, 233, 0.3);
    color: #ffffff;
}

/* News interactive bubble */
.neo-news-bubble {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2200;
    padding: 2rem;
}

.neo-news-bubble.show {
    display: flex;
}

.neo-news-bubble-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(8px);
}

/* ═══════════════════════════════════════════════════════
   HABER BUBBLE MODAL  –  Görsel üstte büyük / metin altta
   ═══════════════════════════════════════════════════════ */
.neo-news-bubble-body {
    position: relative;
    max-width: 940px;
    width: 96vw;
    background: #ffffff;
    border-radius: 22px;
    padding: 0;
    box-shadow: 0 40px 100px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(255,255,255,0.08);
    overflow: hidden;
    animation: neoNewsPop 0.38s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: flex;
    flex-direction: column;
    height: min(92vh, 840px);
}

.neo-news-bubble-content {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ── Görsel Carousel – üstte, piksel yüksekliği sabit ── */
.neo-news-bubble-image {
    height: 420px;
    min-height: 420px;
    max-height: 420px;
    background: #0a111e;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-shrink: 0;
}

.neo-bubble-carousel {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.neo-bubble-carousel-main {
    position: relative;
    flex: 1;
    overflow: hidden;
    background: #0a111e;
}

.neo-news-bubble-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: opacity 0.4s ease;
}

/* Ok butonları — ana slider / haber görsel modalı ile aynı kare şeffaf cam */
.neo-bubble-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    background: rgba(2, 6, 23, 0.22);
    color: #fff;
    font-size: 1.05rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
}
.neo-bubble-nav:hover {
    background: rgba(14, 165, 233, 0.55);
    border-color: rgba(255, 255, 255, 0.55);
    transform: translateY(calc(-50% - 2px));
    box-shadow: 0 8px 22px rgba(14, 165, 233, 0.28);
}
.neo-bubble-nav-prev { left: 16px; }
.neo-bubble-nav-next { right: 16px; }
.neo-bubble-nav[style*="display: none"],
.neo-bubble-nav.hidden { display: none !important; }

/* Görsel sayacı (sağ alt) */
.neo-bubble-img-counter {
    position: absolute;
    bottom: 14px;
    right: 16px;
    background: rgba(0,0,0,0.62);
    color: #fff;
    border-radius: 20px;
    padding: 4px 12px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    backdrop-filter: blur(6px);
    pointer-events: none;
}

/* Thumbnail şeridi – alt kenar */
.neo-bubble-thumbnails {
    display: flex;
    gap: 8px;
    padding: 10px 16px;
    background: rgba(0,0,0,0.68);
    overflow-x: auto;
    flex-shrink: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.25) transparent;
    justify-content: center;
}
.neo-bubble-thumbnails:empty { display: none; }
.neo-bubble-thumbnails::-webkit-scrollbar { height: 3px; }
.neo-bubble-thumbnails::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.3); border-radius: 2px; }

.neo-bubble-thumb {
    flex-shrink: 0;
    width: 76px;
    height: 54px;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    border: 2.5px solid transparent;
    opacity: 0.48;
    transition: opacity 0.2s, border-color 0.2s, transform 0.2s;
}
.neo-bubble-thumb:hover { opacity: 0.82; transform: scale(1.06); }
.neo-bubble-thumb.active { border-color: #ffffff; opacity: 1; }

/* ── Metin Alanı – altta ── */
.neo-news-bubble-text {
    flex: 1;
    min-height: 0;
    padding: 1.6rem 2rem 1.4rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    background: #ffffff;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}
.neo-news-bubble-text::-webkit-scrollbar { width: 5px; }
.neo-news-bubble-text::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }

.neo-news-bubble-text h4 {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    color: #0c2340;
    line-height: 1.35;
    letter-spacing: -0.025em;
}

.neo-news-bubble-text p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.72;
    color: #4b5563;
}

/* Kapat butonu – sağ üst köşe, görselin üstünde */
.neo-news-bubble-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.92);
    color: #1e293b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.25s ease;
    z-index: 20;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
}
.neo-news-bubble-close:hover {
    background: #ffffff;
    transform: rotate(90deg) scale(1.1);
}

/* Aksiyon butonları */
.neo-news-bubble-actions {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-top: auto;
    padding-top: 0.4rem;
}

.neo-news-bubble-read-more {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: #003366;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 0.58rem 1.25rem;
    font-size: 0.87rem;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.01em;
    transition: background 0.2s ease, transform 0.15s ease;
    cursor: pointer;
}
.neo-news-bubble-read-more:hover {
    background: #0056b3;
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}

.neo-news-bubble-all-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background: transparent;
    color: #64748b;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 0.58rem 1.1rem;
    font-size: 0.87rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}
.neo-news-bubble-all-link:hover {
    background: #f0f7ff;
    border-color: #003366;
    color: #003366;
}

/* Tüm Haberler bağlantısı – başlık yanında */
.neo-news-all-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #003366;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    padding: 0.4rem 1rem;
    border-radius: 20px;
    border: 1.5px solid rgba(0,51,102,0.2);
    background: rgba(0,51,102,0.04);
    transition: all 0.2s ease;
    white-space: nowrap;
}
.neo-news-all-link:hover {
    background: #003366;
    color: #fff;
    border-color: #003366;
}
.neo-news-all-link i {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}
.neo-news-all-link:hover i { transform: translateX(3px); }

@keyframes neoNewsPop {
    0%   { opacity: 0; transform: scale(0.85) translateY(20px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

/* Ek görsel modal */
.neo-news-image-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2300;
    padding: 2rem;
}

.neo-news-image-modal.show {
    display: flex;
}

.neo-news-image-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.9);
    backdrop-filter: blur(12px);
}

.neo-news-image-modal-content {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    background: transparent;
    border-radius: 16px;
    overflow: hidden;
    animation: neoNewsImagePop 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes neoNewsImagePop {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.neo-news-image-modal-body {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.neo-news-image-modal-img {
    max-width: 90vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.neo-news-image-modal-close {
    position: absolute;
    top: -50px;
    right: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.95);
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.neo-news-image-modal-close:hover {
    background: #ffffff;
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

.neo-news-image-modal-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    pointer-events: none;
}

.neo-news-image-modal-prev,
.neo-news-image-modal-next {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    background: rgba(2, 6, 23, 0.22);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.05rem;
    transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    pointer-events: auto;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25);
    flex-shrink: 0;
}

.neo-news-image-modal-prev:hover,
.neo-news-image-modal-next:hover {
    background: rgba(14, 165, 233, 0.55);
    border-color: rgba(255, 255, 255, 0.55);
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(14, 165, 233, 0.28);
}

@media (max-width: 768px) {
    .neo-news-extra-img {
        width: 64px;
        height: 48px;
    }
    .neo-news-extra-images{
        left: 10px;
        bottom: 10px;
        padding: 8px;
        gap: 8px;
        border-radius: 12px;
        max-width: calc(100% - 20px);
    }
    
    .neo-news-image-modal-content {
        max-width: 95vw;
        max-height: 95vh;
    }
    
    .neo-news-image-modal-close {
        top: -40px;
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }
    
    .neo-news-image-modal-prev,
    .neo-news-image-modal-next {
        width: 38px;
        height: 38px;
        border-radius: 10px;
        font-size: 0.95rem;
    }
}

/* Calendar */
.neo-cal-controls { display:flex; align-items:center; gap:.75rem; }
.neo-month-year { font-weight:800; color:#0f172a; min-width:130px; text-align:center; }
.btn-neo-icon { width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border-radius:10px; border:1px solid #e2e8f0; color:#0f172a; background:#fff; }
.btn-neo-icon:hover { background:#f1f5f9; }
.neo-calendar { background: var(--neo-card); border-radius: 16px; box-shadow: 0 10px 30px rgba(2,6,23,0.06); overflow:hidden; }
.neo-weekdays { display:grid; grid-template-columns: repeat(7, 1fr); gap:1px; background:#e2e8f0; }
.neo-weekdays > div { background:#f8fafc; padding:.7rem; text-align:center; font-weight:700; color:#0f172a; }
.neo-grid { display:grid; grid-template-columns: repeat(7, 1fr); gap:1px; background:#e2e8f0; min-height: 360px; }
.neo-day { background:#fff; min-height: 70px; display:flex; align-items:center; justify-content:center; position:relative; cursor:pointer; transition: transform .15s ease, box-shadow .15s ease; }
.neo-day:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(2,6,23,0.08); }
.neo-day.other { background:#f8fafc; color:#94a3b8; }
.neo-day.today { outline: 2px solid var(--neo-primary); outline-offset: -2px; font-weight: 800; color:#0f172a; }
.neo-day.event { background: linear-gradient(180deg, rgba(14,165,233,0.08), rgba(14,165,233,0.02)); position:relative; }
.neo-day.event::after { content:''; position:absolute; bottom:8px; width:6px; height:6px; border-radius:50%; background: var(--neo-primary); }
.neo-day.selected { background:#0ea5e912; box-shadow: inset 0 0 0 2px var(--neo-primary); font-weight:800; }
.neo-day-num { font-weight:700; }

.neo-events-list { background: var(--neo-card); border-radius: 16px; padding: 1rem; box-shadow: 0 10px 30px rgba(2,6,23,0.06); }
.neo-events-list h5 { font-weight:800; margin-bottom: .75rem; }
.neo-event { background:#fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: .6rem .75rem; margin-bottom:.6rem; cursor:pointer; transition: transform .15s ease, box-shadow .15s ease; }
.neo-event:hover { transform: translateX(4px); box-shadow: 0 8px 20px rgba(2,6,23,0.08); }
.neo-event.active { border-color: var(--neo-primary); background: #0ea5e912; }
.neo-event-date { font-weight:700; color: var(--neo-primary); font-size: .85rem; }
.neo-event-title { font-weight:700; font-size: .95rem; }
.neo-event-time { color: var(--neo-muted); font-size: .8rem; }

/* Cards */
.neo-card { 
    background: var(--neo-card); 
    border-radius: 16px; 
    box-shadow: 0 10px 30px rgba(2,6,23,0.06);
    border: 1px solid #e2e8f0;
}

/* Dış Ticaret ve KTO Ekosistemi için hafif belirgin border - YENİ TASARIM */
#distic-veriler .neo-card,
#ecosystem .neo-card {
    border: 1px solid #cbd5e1;
    box-shadow: 0 10px 30px rgba(2,6,23,0.08);
}
.neo-trade-placeholder { height: 220px; border: 2px dashed #cbd5e1; border-radius: 14px; display:flex; align-items:center; justify-content:center; color:#64748b; font-weight:600; background:#fff; }

/* Dış Ticaret Grafik Tasarımı */
.neo-trade-chart-container {
    min-height: 180px;
}

.neo-trade-stat-card {
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    transition: all 0.3s ease;
    height: 100%;
}

.neo-trade-stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(14,165,233,0.15);
    border-color: var(--neo-primary);
}

.neo-trade-stat-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.neo-trade-stat-icon.export {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff;
}

.neo-trade-stat-icon.import {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
}

.neo-trade-stat-icon.balance {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #ffffff;
}

.neo-trade-stat-icon.volume {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: #ffffff;
}

.neo-trade-stat-content {
    flex: 1;
    min-width: 0;
}

.neo-trade-stat-label {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 600;
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.neo-trade-stat-value {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.2rem;
    line-height: 1.2;
}

.neo-trade-stat-change {
    font-size: 0.7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.neo-trade-stat-change.positive {
    color: #10b981;
}

.neo-trade-stat-change.negative {
    color: #ef4444;
}

.neo-trade-chart-wrapper {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem;
    margin-top: 0.75rem;
}

.neo-trade-chart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.neo-trade-chart-header h6 {
    font-size: 0.9rem;
    font-weight: 700;
    color: #0f172a;
}

.neo-trade-chart-legend {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 500;
}

.legend-color {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    display: inline-block;
}

.legend-color.export {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.legend-color.import {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

.neo-trade-chart-bars {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 0.5rem;
    height: 140px;
    padding-top: 1rem;
    position: relative;
}

.neo-trade-bar-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    height: 100%;
}

.neo-trade-bar-label {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: auto;
}

.neo-trade-bars {
    display: flex;
    align-items: flex-end;
    gap: 0.25rem;
    width: 100%;
    height: calc(100% - 30px);
    position: relative;
}

.neo-trade-bar {
    flex: 1;
    border-radius: 6px 6px 0 0;
    position: relative;
    transition: all 0.3s ease;
    min-height: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 0.25rem;
}

.neo-trade-bar:hover {
    opacity: 0.9;
    transform: scaleY(1.05);
}

.neo-trade-bar.export {
    background: linear-gradient(180deg, #10b981 0%, #059669 100%);
}

.neo-trade-bar.import {
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
}

.neo-trade-bar-value {
    font-size: 0.65rem;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(15,23,42,0.9);
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    z-index: 10;
}

.neo-trade-bar:hover .neo-trade-bar-value {
    opacity: 1;
}

.neo-trade-bar {
    position: relative;
}

/* DIŞ TİCARET VERİLERİ - Yeni Tasarım */
#distic-veriler .distic-stat-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#distic-veriler .distic-stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2) !important;
}

#distic-veriler .neo-card {
    overflow: hidden;
}

#distic-veriler canvas {
    max-height: 400px;
}

/* Dış Ticaret başlık alanı – yükseklik azaltılmış */
#distic-veriler .neo-card-header {
    padding: 0.25rem 0.75rem;
}
#distic-veriler .neo-card-header .distic-header-bar {
    padding: 0.2rem 0.5rem;
    min-height: 0;
}
#distic-veriler .neo-card-header .distic-header-bar .btn,
#distic-veriler .neo-card-header .distic-header-bar a[href*="distic_yil"] {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    font-size: 0.75rem;
}
#distic-veriler .neo-card-header .distic-title {
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.15;
    margin: 0;
}
#distic-veriler .neo-card-header .distic-subtitle {
    font-size: 0.72rem;
    line-height: 1.15;
    margin-top: 1px;
    opacity: 0.9;
}

@media (max-width: 768px) {
    #distic-veriler .distic-stat-card {
        margin-bottom: 1rem;
    }
    
    /* Dış Ticaret header mobilde: oklar sağ/sol, başlık ortada – kompakt */
    #distic-veriler .neo-card-header .distic-header-bar {
        display: grid !important;
        grid-template-columns: 32px 1fr 32px;
        align-items: center;
        gap: 6px;
        padding: 0.2rem 0.5rem !important;
    }

    #distic-veriler .neo-card-header .distic-header-bar .btn,
    #distic-veriler .neo-card-header .distic-header-bar a[href*="distic_yil"] {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        justify-self: center;
    }

    #distic-veriler .neo-card-header .distic-header-center {
        text-align: center;
        min-width: 0;
    }

    #distic-veriler .neo-card-header .distic-title {
        font-size: 1rem !important;
        line-height: 1.2;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #distic-veriler .neo-card-header .distic-subtitle {
        display: block;
        font-size: 0.8rem;
        line-height: 1.2;
        opacity: 0.95;
        margin-top: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* Dış Ticaret: mobilde farklı “grafik tablo” (bar liste) */
#distic-veriler .distic-mobile-only { display: none; }
#distic-veriler .distic-desktop-only { display: block; }

@media (max-width: 768px) {
    #distic-veriler .distic-mobile-only { display: block; }
    #distic-veriler .distic-desktop-only { display: none; }

    #distic-veriler .distic-mobile-bars {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    #distic-veriler .distic-bar-row {
        display: grid;
        grid-template-columns: 64px 1fr;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 6px 18px rgba(2,6,23,0.06);
    }
    #distic-veriler .distic-bar-month {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2px;
        min-width: 0;
        text-align: center;
    }
    #distic-veriler .distic-bar-month-short {
        font-weight: 900;
        color: #0f172a;
        font-size: 0.9rem;
        line-height: 1.1;
    }
    #distic-veriler .distic-bar-month-num {
        font-weight: 700;
        color: #64748b;
        font-size: 0.75rem;
        line-height: 1;
    }
    #distic-veriler .distic-bar-right {
        display: flex;
        flex-direction: column;
        gap: 6px;
        min-width: 0;
    }
    #distic-veriler .distic-bar-track {
        height: 16px;
        border-radius: 999px;
        background: rgba(14,165,233,0.12);
        overflow: hidden;
        position: relative;
    }
    #distic-veriler .distic-bar-fill {
        height: 100%;
        border-radius: 999px;
        background: linear-gradient(90deg, #003366, #1e40af, #0ea5e9);
        width: 0%;
        transition: width 700ms ease;
    }
    #distic-veriler .distic-bar-row--peak .distic-bar-fill {
        background: linear-gradient(90deg, #8f6b12, #C4A14D, #e8c96a);
    }
    #distic-veriler .distic-bar-row--peak .distic-bar-month-short {
        color: #8f6b12;
    }
    #distic-veriler .distic-bar-row {
        grid-template-columns: 76px 1fr;
        gap: 12px;
    }
    #distic-veriler .distic-bar-value {
        font-weight: 800;
        color: #0f172a;
        font-size: 0.92rem;
        white-space: nowrap;
        text-align: right;
    }
}

/* Sağ menü hamburger: mobilde tam dikey orta (chatbot sağ altta kalır) */
@media (max-width: 768px) {
    .neo-right-toggle:not(.hidden) {
        top: 50%;
        bottom: auto;
        right: max(14px, env(safe-area-inset-right, 0px));
        transform: translateY(-50%);
    }
    .neo-right-toggle:not(.hidden):hover {
        transform: translateY(-50%) scale(1.08);
    }
    .neo-right-toggle:not(.hidden).active {
        transform: translateY(-50%);
    }
    .neo-right-toggle.hidden {
        transform: translateY(-50%) scale(0.85);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .neo-trade-stat-card {
        padding: 0.75rem;
    }
    
    .neo-trade-stat-icon {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
    
    .neo-trade-stat-value {
        font-size: 0.95rem;
    }
    
    .trade-line-chart-compact .d-flex.gap-2 {
        flex-direction: column;
        gap: 0.5rem !important;
    }
    
    .trade-line-chart-compact .btn {
        width: 100%;
        font-size: 0.85rem;
    }
    
    .chart-container-line {
        height: 220px !important;
    }
    
    .neo-trade-chart-bars {
        height: 150px;
        gap: 0.25rem;
    }
    
    .neo-trade-bar-value {
        font-size: 0.55rem;
    }
    
    .neo-trade-chart-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Meclis / Meslek komiteleri: arama kutusu kart içinde dikey ortalı */
.neo-committee-search-outer.neo-card {
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 10px 30px rgba(2, 6, 23, 0.08);
    margin-bottom: 1.25rem;
    background: #fff;
}
.neo-committee-search-card-body {
    padding: 2rem 1.5rem 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
}
.neo-committee-search-inner {
    width: 100%;
    max-width: 920px;
    margin: 0 auto;
}
.neo-committee-search-outer .neo-committee-search-wrap {
    margin-bottom: 0;
}
@media (max-width: 576px) {
    .neo-committee-search-card-body {
        min-height: 50px;
        padding: 1.25rem 1rem 1.5rem;
    }
}

/* Ecosystem mobile fit fix:
   - fonksiyonel akış aynı kalır (JS/slider davranışı değişmez)
   - ortadaki oynayan video tam görünür (crop yok)
   - bölüm yüksekliği mobilde gereksiz uzamaz
*/
@media (max-width: 768px) {
    #ecosystem #neoFlatTrioSlider .neo-flat-trio-viewport {
        min-height: 248px !important;
        padding: 0.35rem 0 0.1rem !important;
        overflow-x: clip !important;
        overflow-y: visible !important;
    }

    #ecosystem #neoFlatTrioSlider .neo-flat-trio-card {
        flex: 0 0 33.3333% !important;
        max-width: 33.3333% !important;
        padding: 0 1px !important;
    }

    #ecosystem #neoFlatTrioSlider .neo-flat-trio-card .neo-flat-trio-card-inner {
        transform: scale(0.46) translateY(8px) !important;
        opacity: 0.46 !important;
        border-radius: 12px !important;
    }

    #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-center .neo-flat-trio-card-inner {
        transform: scale(1) translateY(0) !important;
        opacity: 1 !important;
        box-shadow: 0 14px 28px rgba(2, 6, 23, 0.28) !important;
    }

    #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-center.is-playing .neo-flat-trio-card-inner,
    #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-center.is-hover-expand .neo-flat-trio-card-inner {
        transform: scale(1) translateY(0) !important;
    }

    #ecosystem #neoFlatTrioSlider .neo-flat-trio-media {
        height: clamp(158px, 46vw, 188px) !important;
        object-fit: contain !important;
        background: #061018 !important;
    }

    #ecosystem #neoFlatTrioSlider .neo-flat-item-overlay {
        padding: 10px 10px 8px !important;
    }

    #ecosystem #neoFlatTrioSlider .neo-flat-item-overlay h6 {
        font-size: 0.88rem !important;
    }

    #ecosystem #neoFlatTrioSlider .neo-flat-item-overlay p {
        font-size: 0.74rem !important;
        line-height: 1.25 !important;
    }
}

/* Footer: üst blok + alt şerit; grid ile telif satırı footera yapışık */
/* ── Footer — 4-kolon grid (logo + kurumsal + üye hizmetleri + iletişim) ── */
.neo-footer {
    background: #0b132b;
    color: #e2e8f0;
    padding: 0;
    margin-top: 2.75rem;
    margin-bottom: 0;
    position: relative;
    z-index: 10;
    box-shadow:
        0 -12px 40px rgba(0, 0, 0, 0.35),
        0 -4px 18px rgba(0, 0, 0, 0.22);
    display: flex;
    flex-direction: column;
}

/* Anasayfa ekosistem bölümü ile footer arası */
body.neo-home .neo-footer {
    margin-top: 1.35rem;
}
/* Admin footer gizle */
.admin-footer {
    display: none !important;
}

.neo-footer > .container {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

/* 4-kolon grid: logo | kurumsal | üye hizmetleri | iletişim */
.neo-footer-grid {
    display: grid;
    grid-template-columns: 220px repeat(3, 1fr);
    gap: 1rem 1.75rem;
    padding: 1.75rem 0 1.25rem;
    align-items: start;
}

.neo-footer-col {
    min-width: 0;
}

.neo-footer-col--brand {
    display: flex;
    align-items: flex-start;
    padding-top: 0.25rem;
}

.neo-footer-logo-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.neo-footer-logo-glow {
    display: none;
}

.neo-footer-logo {
    position: relative;
    z-index: 1;
    width: auto;
    max-width: 200px;
    height: auto;
    filter: brightness(0) invert(1);
    display: block;
}

.neo-footer h5 {
    font-size: 0.92rem;
    font-weight: 700;
    margin-bottom: 0.55rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.neo-footer p { font-size: 0.7rem; line-height: 1.25; margin-bottom: 0.25rem; }

.neo-links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.25rem; }
.neo-links li { font-size: 0.84rem; color: #cbd5e1; line-height: 1.4; }
.neo-links a { color: #e2e8f0; text-decoration: none; transition: color 0.2s ease; }
.neo-links a:hover { color: #ffffff; text-decoration: underline; }

/* Alt bar */
.neo-footer-bottom {
    border-top: 1px solid rgba(226,232,240,0.15);
    margin-top: 0;
    padding: 0.75rem 0 0.6rem;
    text-align: center;
    color: #94a3b8;
    font-size: 0.68rem;
    position: relative;
    z-index: 10;
}
.neo-footer-bottom p {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.35rem 0.5rem;
}
.neo-footer-bottom .footer-links {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.45rem;
}
.neo-footer-bottom .footer-links a {
    color: #94a3b8;
    text-decoration: none;
    font-size: 0.68rem;
    transition: color 0.2s ease;
}
.neo-footer-bottom .footer-links a:hover { color: #e2e8f0; }
.neo-footer-bottom .footer-separator { color: #64748b; }
.neo-footer-bottom .footer-version {
    color: #64748b;
    font-size: 0.63rem;
    padding: 1px 5px;
    background: rgba(148, 163, 184, 0.1);
    border-radius: 6px;
}

/* Tablet: tek sıra, küçültülmüş */
@media (max-width: 1199px) {
    .neo-footer { overflow-x: clip; }
    .neo-footer > .container {
        padding-left: 14px;
        padding-right: 14px;
        max-width: 100%;
    }
    .neo-footer-grid {
        display: grid;
        grid-template-columns: minmax(88px, 115px) repeat(3, minmax(0, 1fr));
        gap: 0.55rem 0.7rem;
        padding: 1.3rem 0 1rem;
    }
    .neo-footer-logo { max-width: 105px; width: 100%; }
    .neo-footer h5 { font-size: 0.74rem; margin-bottom: 0.35rem; }
    .neo-links li { font-size: 0.7rem; line-height: 1.35; }
    .neo-links { gap: 0.18rem; }
    .neo-links a { overflow-wrap: anywhere; word-break: break-word; }
    .neo-footer-bottom { font-size: 0.62rem; }
    .neo-footer-bottom .footer-links a { font-size: 0.62rem; }
}

/* Mobil: 3 kolon + ortada parlayan watermark logo */
@media (max-width: 768px) {
    .neo-footer { margin-top: 1.5rem; overflow-x: clip; }
    .neo-footer > .container {
        padding-left: 8px;
        padding-right: 8px;
        max-width: 100%;
    }
    .neo-footer-grid {
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.35rem 0.45rem;
        padding: 1.1rem 0 0.75rem;
        min-height: 148px;
        align-items: start;
    }
    .neo-footer-col--brand {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: min(58vw, 210px);
        z-index: 0;
        pointer-events: none;
        padding: 0;
        justify-content: center;
    }
    .neo-footer-logo-wrap {
        width: 100%;
    }
    .neo-footer-logo-glow {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 130%;
        height: 130%;
        transform: translate(-50%, -50%);
        background: radial-gradient(
            circle at center,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(196, 161, 77, 0.38) 32%,
            rgba(14, 165, 233, 0.14) 52%,
            transparent 72%
        );
        filter: blur(20px);
        opacity: 0.95;
        pointer-events: none;
    }
    .neo-footer-logo {
        width: 100%;
        max-width: min(48vw, 170px);
        margin: 0 auto;
        opacity: 0.38;
        filter: brightness(0) invert(1)
            drop-shadow(0 0 22px rgba(255, 255, 255, 0.5))
            drop-shadow(0 0 40px rgba(196, 161, 77, 0.45));
    }
    .neo-footer-col:not(.neo-footer-col--brand) {
        position: relative;
        z-index: 2;
    }
    .neo-footer h5 {
        font-size: 0.62rem;
        margin-bottom: 0.22rem;
        letter-spacing: 0.02em;
        line-height: 1.2;
    }
    .neo-links li { font-size: 0.56rem; line-height: 1.28; }
    .neo-links { gap: 0.1rem; }
    .neo-links a i { font-size: 0.5rem; margin-right: 2px; vertical-align: middle; }
    .neo-footer-bottom { font-size: 0.55rem; padding: 0.5rem 4px 0.4rem; }
    .neo-footer-bottom p {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.15rem 0.3rem;
        line-height: 1.35;
    }
    .neo-footer-bottom .footer-links a { font-size: 0.55rem; }
}

@media (max-width: 400px) {
    .neo-footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.28rem 0.35rem;
        min-height: 132px;
    }
    .neo-footer-logo { max-width: min(52vw, 150px); opacity: 0.36; }
    .neo-footer h5 { font-size: 0.58rem; }
    .neo-links li { font-size: 0.52rem; }
}

@media (max-width: 768px) {
    .neo-news-img { height: 260px; }
    
    /* Mobile Carousel */
    .neo-carousel-section {
        padding-top: 0;
        margin-top: 0; /* navbar altında: body padding-top ile hizalı */
    }
    .neo-carousel-section .carousel-item img { 
        height: calc(100vh - 70px); /* Navbar yüksekliği kadar */
        min-height: 350px;
        max-height: 500px;
    }
    
    /* Mobile Quick Access */
    .neo-quick .container {
        padding: 1.5rem 15px;
    }
    .neo-quick-card {
        padding: 1.25rem 0.75rem;
    }
    .neo-quick-card i {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }
    .neo-quick-card h6 {
        font-size: 1rem;
    }
    .neo-quick-card p {
        font-size: 0.85rem;
    }
    
    /* Mobile Navbar — sadece üst menüdeki arama (ana sayfa kurumsal aramayı etkilemesin) */
    .neo-search-box-nav .neo-search-input {
        width: 150px;
        max-width: min(150px, 40vw);
    }
    .neo-button-text {
        display: none;
    }
}

/* Three Column */
/* Üstteki 3 kartın yüksekliğini alt bölümdeki hızlı erişim kartlarıyla hizalamak için
   padding ve kart yükseklikleri sadeleştirildi. */
.neo-three-col { 
    padding: 1rem 0;
    position: relative;
    background: var(--neo-card);
}

/* neo-three-col üst çizgi kaldırıldı */
.neo-three-col::before {
    display: none;
}

/* neo-three-col alt çizgi kaldırıldı (neo-quick ile arası birleşik) */
.neo-three-col::after {
    display: none;
}

.neo-three-col .container {
    position: relative;
    
}
.neo-card-header { padding: .8rem 1rem; border-bottom: 1px solid #e2e8f0; }
.neo-card-header h4 { font-size: 1.1rem; font-weight: 700; margin: 0; }
.neo-card-body { padding: .9rem 1rem; }
.neo-click { cursor:pointer; transition: transform .2s ease, box-shadow .2s ease; }
.neo-click:hover { transform: translateY(-3px); box-shadow: 0 18px 30px rgba(2,6,23,0.10); }
/* Başkan kartı avatarını daha kompakt yap */
.neo-avatar-lg { 
    width: 70px; 
    height: 70px; 
    border-radius: 50%; 
    object-fit: cover; 
    box-shadow: 0 8px 20px rgba(2,6,23,0.12);
    border: 3px solid #268dee;
}

/* Equal height cards for three-col
   Kartların yüksekliğini hızlı erişim kartlarına yakın sabit bir değere getiriyoruz. */
.neo-three-col .neo-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    box-shadow: 0 8px 25px rgba(0,0,0,0.12);
}

/* President card yüksekliğini diğerleriyle eşitle */
.neo-three-col .neo-card:has(.neo-avatar-lg) {
    height: auto;
}
.neo-three-col .neo-card-body {
    flex: 1;
    display: flex;
    
    flex-direction: column;
    justify-content: center;
}

/* President Card Special Styling */
.neo-three-col .neo-card:has(.neo-avatar-lg) {
    background: linear-gradient(135deg, #2c5aa0 0%, #1e3c72 100%);
    border: none;
    box-shadow: 0 15px 35px rgba(20, 76, 197, 0.25);
    height: auto;
}

/* Başkan kartı (neo-card-president): render + static için .neo-three-col ve data-section-code ile */
.neo-three-col .neo-card-president,
section[data-section-code="three_col"] .neo-card-president {
    background: linear-gradient(135deg, #2c5aa0 0%, #1e3c72 100%);
    border: none;
    box-shadow: 0 15px 35px rgba(20, 76, 197, 0.25);
}
.neo-three-col .neo-card-president .neo-card-body,
.neo-three-col .neo-card-president .neo-card-president-body,
section[data-section-code="three_col"] .neo-card-president .neo-card-body,
section[data-section-code="three_col"] .neo-card-president .neo-card-president-body {
    color: #ffffff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .9rem 1rem;
}
.neo-three-col .neo-card-president .neo-president-avatar,
.neo-three-col .neo-card-president .neo-avatar-lg,
.neo-three-col .neo-card-president .neo-card-body.text-center img,
.neo-three-col .neo-card-president .neo-card-president-body img,
section[data-section-code="three_col"] .neo-card-president .neo-president-avatar,
section[data-section-code="three_col"] .neo-card-president .neo-avatar-lg,
section[data-section-code="three_col"] .neo-card-president .neo-card-body.text-center img,
section[data-section-code="three_col"] .neo-card-president .neo-card-president-body img {
    width: 150px !important;
    height: 150px !important;
    min-width: 87px !important;
    min-height: 87px !important;
    max-width: none !important;
    aspect-ratio: 1 / 1;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: 50% 35%;
    box-shadow: 0 8px 20px rgba(2, 6, 23, 0.12);
    border: 3px solid #268dee;
    display: block !important;
    margin: 0 auto !important;
}
.neo-three-col .neo-card-president h3,
section[data-section-code="three_col"] .neo-card-president h3 {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 0.35rem;
    margin-top: 0.5rem;
    text-align: center;
    font-size: 1.15rem;
}
.neo-three-col .neo-card-president small,
section[data-section-code="three_col"] .neo-card-president small {
    color: #ffffff;
    opacity: 0.9;
    font-weight: 500;
    text-align: center;
    font-size: 0.85rem;
}

/* Row içindeki 4 kartın tamamı eşit yükseklik olsun */
.neo-three-col .row.g-4 > [class*="col-"] {
    display: flex;
}
.neo-three-col .row.g-4 > [class*="col-"] > .neo-card,
.neo-three-col .row.g-4 > [class*="col-"] > a.neo-card {
    width: 100%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.neo-three-col .row.g-4 > [class*="col-"] > a.neo-card .neo-card-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.neo-three-col .neo-card:has(.neo-avatar-lg) .neo-card-body {
    color: #ffffff;
    text-align: center; /* Desktop'ta da ortalama */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.neo-three-col .neo-card:has(.neo-avatar-lg) h3 {
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 0.35rem;
    margin-top: 0.5rem; /* Daha az margin */
    text-align: center;
    font-size: 1.15rem; /* Biraz küçült */
}

.neo-three-col .neo-card:has(.neo-avatar-lg) small {
    color: #ffffff;
    opacity: 0.9;
    font-weight: 500;
    text-align: center;
    font-size: 0.85rem; /* Biraz küçült */
}

/* Three Column Cards - Başlık ve Paragraf Stilleri */
.neo-three-col .neo-card-body h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--neo-dark);
    margin-bottom: 0.75rem;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.neo-three-col .neo-card-body h3 i {
    color: var(--neo-primary);
    font-size: 1.15rem;
}

.neo-three-col .neo-card-body p {
    font-size: 0.95rem;
    color: var(--neo-muted);
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
}

/* Three-col text cards must start from top (home + builder render) */
.neo-three-col .neo-card:not(.neo-card-president) .neo-card-body,
section[data-section-code="three_col"] .neo-card:not(.neo-card-president) .neo-card-body {
    justify-content: flex-start !important;
    align-items: flex-start;
    text-align: left;
}

/* Mevzuat card: top-aligned but centered text */
.neo-three-col .neo-card-mevzuat .neo-card-body-mevzuat,
section[data-section-code="three_col"] .neo-card-mevzuat .neo-card-body-mevzuat {
    justify-content: flex-start !important;
    align-items: center;
    text-align: center;
}

/* Three-col visual cards: subtle web-photo backgrounds with readable glass overlay */
.neo-three-col .neo-card-visual,
section[data-section-code="three_col"] .neo-card-visual {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background-color: #0f172a;
    border: 1px solid rgba(15, 23, 42, 0.08);
}

.neo-three-col .neo-card-visual::before,
section[data-section-code="three_col"] .neo-card-visual::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    background-position: center center;
    background-size: cover;
    transform: scale(1.01);
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.neo-three-col .neo-card-visual::after,
section[data-section-code="three_col"] .neo-card-visual::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.72), rgba(255,255,255,0.50)),
        radial-gradient(circle at 100% 0%, rgba(14,165,233,0.16), transparent 42%);
    backdrop-filter: blur(1px);
}

.neo-three-col .neo-card-visual:hover::before,
section[data-section-code="three_col"] .neo-card-visual:hover::before {
    transform: scale(1.04);
    opacity: 0.95;
}

.neo-three-col .neo-card-konya::before,
section[data-section-code="three_col"] .neo-card-konya::before {
    background-image: url('../img/konyacard.webp');
    background-position: center 45%;
}

.neo-three-col .neo-card-fuarlar::before,
section[data-section-code="three_col"] .neo-card-fuarlar::before {
    background-image: url('../img/ktotuyap.webp');
    background-position: center 42%;
}

.neo-three-col .neo-card-mevzuat::before,
section[data-section-code="three_col"] .neo-card-mevzuat::before {
    background-image: url('../img/mevzuat-card.webp');
    background-position: center 48%;
}

.neo-three-col .neo-card-visual .neo-card-body,
section[data-section-code="three_col"] .neo-card-visual .neo-card-body {
    position: relative;
    min-height: 100%;
}

.neo-three-col .neo-card-visual h3,
section[data-section-code="three_col"] .neo-card-visual h3 {
    color: #0f172a;
    text-shadow: 0 1px 2px rgba(255,255,255,0.6);
}

.neo-three-col .neo-card-visual p,
section[data-section-code="three_col"] .neo-card-visual p {
    color: #1e293b;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(255,255,255,0.55);
}

/* Featured */
.neo-featured { 
    padding: 2rem 0; 
    background: #ffffff;
    position: relative;
}

/* neo-featured için üst çizgi gölgesi */
.neo-featured::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #cbd5e1 10%, #cbd5e1 90%, transparent 100%);
    z-index: 1;
    box-shadow: 
        0 3px 15px rgba(0, 0, 0, 0.3),
        0 6px 25px rgba(0, 0, 0, 0.25),
        0 10px 35px rgba(0, 0, 0, 0.2),
        0 -3px 15px rgba(0, 0, 0, 0.3),
        0 -6px 25px rgba(0, 0, 0, 0.25),
        0 -10px 35px rgba(0, 0, 0, 0.2);
}

/* neo-featured için alt çizgi gölgesi */
.neo-featured::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, #cbd5e1 10%, #cbd5e1 90%, transparent 100%);
    z-index: 1;
    box-shadow: 
        0 3px 15px rgba(0, 0, 0, 0.3),
        0 6px 25px rgba(0, 0, 0, 0.25),
        0 10px 35px rgba(0, 0, 0, 0.2),
        0 -3px 15px rgba(0, 0, 0, 0.3),
        0 -6px 25px rgba(0, 0, 0, 0.25),
        0 -10px 35px rgba(0, 0, 0, 0.2);
}
.neo-featured-card { 
    position: relative; 
    border-radius: 16px; 
    overflow:hidden; 
    box-shadow: 0 12px 30px rgba(2,6,23,0.08);
    border: 1px solid #e2e8f0;
}
.neo-featured-image { width:100%; height:120px; object-fit: contain; background:#fff; padding: 10px; }
.neo-featured-overlay { position:absolute; inset:auto 0 0 0; padding:.75rem 1rem; color:#fff; background: linear-gradient(transparent, rgba(2,6,23,0.6)); }

/* Lists & placeholders */
.neo-links-list { display:flex; flex-direction:column; gap:.5rem; }
.neo-link-item { display:flex; align-items:center; gap:.5rem; padding:.6rem .75rem; border:1px solid transparent; border-radius:10px; text-decoration:none; color:#0f172a; }
.neo-link-item:hover { background:#f8fafc; border-color:#e2e8f0; }
.neo-placeholder { background: #f8fafc; border:1px dashed #cbd5e1; border-radius: 12px; padding: 1rem; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height: 120px; }
.neo-placeholder.tall { min-height: 200px; }

/* Economic & orgs */
.neo-fin-list { display:flex; flex-direction:column; gap:.5rem; }
.neo-fin-item { display:flex; justify-content:space-between; align-items:center; padding:.6rem .75rem; background:#f8fafc; border-radius:10px; }
.neo-fin-item .neg { color:#dc2626; font-weight:700; }
.neo-org-item { display:flex; align-items:center; gap:.5rem; padding:.5rem 0; }

/* Members & tenders */
.neo-members .neo-member { display:flex; gap:.75rem; align-items:center; padding:.6rem .75rem; background:#f8fafc; border-radius:10px; margin-bottom:.5rem; }
.neo-members .neo-member i { width: 36px; height: 36px; display:flex; align-items:center; justify-content:center; background:#e0edff; border-radius:10px; }
.neo-tenders .neo-tender { display:flex; gap:.75rem; align-items:center; padding:.6rem .75rem; background:#f8fafc; border-radius:10px; margin-bottom:.5rem; }
.neo-tenders .neo-tender i { width: 36px; height: 36px; display:flex; align-items:center; justify-content:center; background:#ffe7e0; border-radius:10px; }
.neo-members h5,
.neo-tenders h5 {
    font-size: 0.95rem;
    margin: 0 0 0.2rem 0;
    line-height: 1.35;
}
.neo-members span,
.neo-tenders span {
    font-size: 0.82rem;
    line-height: 1.3;
    color: #475569;
}

/* Grid link list */
.neo-grid-links { display:grid; grid-template-columns: 1fr; gap:.6rem; }
.neo-grid-link { display:flex; gap:.6rem; align-items:center; text-decoration:none; color:#0f172a; background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:.75rem; }
.neo-grid-link i { width: 40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#e0edff; }
.neo-grid-link:hover { background:#fff; box-shadow: 0 10px 24px rgba(2,6,23,0.06); }

/* Neo Modals */
.neo-modal { position: fixed; inset: 0; display:none; z-index: 2000; }
.neo-modal.show { display:block; }
.neo-modal-backdrop { position:absolute; inset:0; background: rgba(2,6,23,0.55); }
.neo-modal-content { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); background:#fff; border-radius:16px; width:min(92vw,900px); max-height:90vh; overflow:auto; box-shadow:0 30px 60px rgba(2,6,23,0.35); }
.neo-modal-content.wide { width:min(96vw,1200px); }
.neo-modal-close { position:absolute; top:14px; right:14px; width:36px; height:36px; border-radius:50%; background:#f1f5f9; border:none; color:#0f172a; }
.neo-modal-body { padding: 1.25rem; }

/* Başkan modal: fotoğraf büyütülmüş */
.neo-president-modal-body {
    padding: 1.5rem 1.75rem;
}
.neo-president-modal-photo {
    width: 200px;
    height: 200px;
    min-width: 200px;
    min-height: 200px;
    border-radius: 50%;
    object-fit: cover;
    object-position: 50% 35%;
    box-shadow: 0 12px 32px rgba(2,6,23,0.2);
    border: 4px solid rgba(14,165,233,0.25);
    margin-bottom: 1.25rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Modal Başlık ve Paragraf Stilleri */
.neo-modal-body h2 {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--neo-dark);
    margin-bottom: 1rem;
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.neo-modal-body h2 i {
    color: var(--neo-primary);
    font-size: 1.5rem;
}

.neo-modal-body p {
    font-size: 1rem;
    color: var(--neo-muted);
    line-height: 1.7;
    margin-bottom: 1rem;
    font-weight: 400;
}

/* Search - neon kurumsal overlay */
.neo-search {
    position: fixed;
    inset: 0;
    display: none;
    background: radial-gradient(circle at top, rgba(14,165,233,0.25), rgba(15,23,42,0.7));
    backdrop-filter: blur(14px);
    z-index: 2100;
    align-items: center;
    justify-content: center;
    animation: neoNeonPulse 4s ease-in-out infinite;
}
.neo-search.show { display:flex; }
.neo-search-box {
    position: relative;
    width: min(92vw, 760px);
    background: rgba(15,23,42,0.75);
    border-radius: 24px;
    padding: 2rem;
    color: #fff;
    box-shadow: 0 0 40px rgba(56,189,248,0.45);
    border: 1px solid rgba(56,189,248,0.7);
}
.neo-search-close {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(15,23,42,0.8);
    border: 1px solid rgba(148,163,184,0.6);
    color: #e5e7eb;
}

@keyframes neoNeonPulse {
    0% {
        box-shadow: 0 0 40px rgba(56,189,248,0.4);
        background: radial-gradient(circle at top, rgba(14,165,233,0.25), rgba(15,23,42,0.7));
    }
    50% {
        box-shadow: 0 0 70px rgba(56,189,248,0.75);
        background: radial-gradient(circle at center, rgba(56,189,248,0.35), rgba(15,23,42,0.85));
    }
    100% {
        box-shadow: 0 0 40px rgba(56,189,248,0.4);
        background: radial-gradient(circle at bottom, rgba(14,165,233,0.25), rgba(15,23,42,0.7));
    }
}

/* Right menu */
.neo-right-toggle { 
    position: fixed; 
    /* Carousel kontrol oklarıyla çakışmayı azaltmak için biraz aşağı al */
    top: calc(50% + 80px); 
    right: 20px; 
    transform: translateY(-50%); 
    width: 48px; 
    height: 48px; 
    border-radius: 50%; 
    background: linear-gradient(135deg, #255292 0%, #2852a5 100%);
    color: #fff; 
    border: none; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    z-index: 2200; 
    box-shadow: 0 10px 20px rgba(8, 25, 58, 0.35);
    transition: all 0.3s ease;
    cursor: pointer;
}
.neo-right-toggle.hidden {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-50%) scale(0.85);
}

.neo-right-toggle:hover {
    background: #0f2d6b;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 15px 30px rgba(8, 25, 58, 0.45);
}

/* Hamburger Icon */
.neo-hamburger {
    width: 20px;
    height: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.neo-hamburger span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    border-radius: 1px;
    transition: all 0.3s ease;
    transform-origin: center;
}

/* Hamburger Animation */
.neo-right-toggle.active .neo-hamburger span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

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

.neo-right-toggle.active .neo-hamburger span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

.neo-right-menu { 
    position: fixed; 
    top: 0; 
    right: -380px; 
    width: 380px; 
    max-width: 100vw;
    height: 100vh; 
    max-height: 100vh;
    background: #fff; 
    border-left: 1px solid #e2e8f0; 
    box-shadow: -8px 0 24px rgba(2,6,23,0.12); 
    transition: right 0.3s ease; 
    z-index: 2150; 
    display: flex; 
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

.neo-right-menu.open { 
    right: 0; 
}

.neo-right-header { 
    display: flex; 
    align-items: flex-start; 
    justify-content: space-between; 
    padding: 2rem 1.5rem 1.5rem; 
    border-bottom: 1px solid #e2e8f0; 
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
}

.neo-right-title h5 {
    margin: 0 0 0.5rem 0;
    font-weight: 700;
    color: var(--neo-dark);
    font-size: 1.1rem;
}

.neo-right-title p {
    margin: 0 0 0.25rem 0;
    color: var(--neo-muted);
    font-size: 0.9rem;
    font-weight: 500;
}

.neo-right-title h4 {
    margin: 0;
    font-weight: 800;
    color: var(--neo-primary);
    font-size: 1.3rem;
}

.neo-right-close { 
    background: none; 
    border: none; 
    color: var(--neo-dark);
    font-size: 1.2rem;
    padding: 0.5rem;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.neo-right-close:hover {
    background: #f1f5f9;
    color: var(--neo-primary);
}

.neo-right-items { 
    padding: 1.5rem; 
    display: flex; 
    flex-direction: column; 
    gap: 0.75rem; 
    flex: 1;
    overflow-y: auto;
}

.neo-right-item { 
    display: flex; 
    gap: 1rem; 
    align-items: center; 
    padding: 1rem; 
    border-radius: 12px; 
    color: var(--neo-dark); 
    text-decoration: none; 
    background: #f8fafc; 
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
    position: relative;
}

.neo-right-item:hover { 
    background: #fff; 
    transform: translateX(5px);
    box-shadow: 0 5px 15px rgba(2,6,23,0.08);
    border-color: var(--neo-primary);
}

.neo-right-item i {
    width: 20px;
    text-align: center;
    color: var(--neo-primary);
    font-size: 1.1rem;
}

.neo-right-item span {
    font-weight: 600;
    font-size: 0.95rem;
    flex: 1;
}

/* Notification Dot */
.neo-notification-dot {
    width: 8px;
    height: 8px;
    background: #ef4444;
    border-radius: 50%;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

/* AI Badge */
.neo-ai-badge {
    background: var(--neo-primary);
    color: #fff;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: auto;
}

/* AI Robot Icon */
.neo-ai-robot {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-left: auto;
}

/* Robots */
/* Assistant Switcher */
.neo-chatbot-body {
    flex: 1;
    padding: 1.2rem;
    background: #f4f7fb;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
}

.neo-assistant-primary {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    border: none;
    border-radius: 18px;
    background: linear-gradient(135deg, #1d4ed8, #0ea5e9);
    padding: 1.2rem 1.4rem;
    cursor: pointer;
    color: #fff;
    box-shadow: 0 15px 45px rgba(14,165,233,0.35);
    text-align: left;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.neo-assistant-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 25px 60px rgba(14,165,233,0.4);
}

.neo-assistant-primary-icon img {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    background: rgba(255,255,255,0.15);
    padding: 6px;
}

.neo-assistant-primary-text span {
    display: block;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.8;
}

.neo-assistant-primary-text h5 {
    margin: 0.15rem 0;
    font-size: 1.2rem;
    font-weight: 700;
}

.neo-assistant-primary-text small {
    font-size: 0.85rem;
    opacity: 0.9;
}

.neo-assistant-primary i {
    margin-left: auto;
    font-size: 1.4rem;
    opacity: 0.8;
}

.neo-assistant-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.neo-assistant-card {
    flex: 1 1 calc(33.333% - 0.75rem);
    min-width: 110px;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    padding: 1rem 0.9rem 1.1rem;
    background: linear-gradient(180deg, rgba(219,234,254,0.65), #fff);
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.neo-assistant-card img {
    width: 58px;
    height: 58px;
    border-radius: 14px;
    background: #fff;
    padding: 5px;
    box-shadow: 0 12px 24px rgba(14,165,233,0.25);
}

.neo-assistant-card h6 {
    margin: 0;
    font-weight: 700;
    color: var(--neo-dark);
    font-size: 1rem;
    line-height: 1.35;
}

.neo-assistant-card small {
    display: block;
    color: var(--neo-muted);
    font-size: 0.82rem;
    line-height: 1.35;
}

.neo-assistant-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 36px rgba(14,165,233,0.25);
}

.neo-chatbot-thread {
    flex: 1;
    background: #fff;
    border-radius: 14px;
    padding: 1rem;
    overflow-y: auto;
    box-shadow: inset 0 0 0 1px #e2e8f0;
    min-height: 0;
}

@media (max-width: 520px) {
    .neo-assistant-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
    }
    .neo-assistant-card {
        flex: none;
        min-width: 0;
        padding: 0.75rem 0.5rem;
    }
    .neo-assistant-card img {
        width: 45px;
        height: 45px;
    }
    .neo-assistant-card h6 {
        font-size: 0.85rem;
    }
    .neo-assistant-card small {
        font-size: 0.7rem;
        line-height: 1.2;
    }
}

@media (max-width: 640px) {
    .neo-chatbot {
        width: calc(100% - 40px);
        right: 20px;
    }
}

@keyframes chatbotFloatIn {
    0% { opacity: 0; transform: translateY(320px) scale(0.55); }
    55% { opacity: 1; transform: translateY(-28px) scale(1.08); }
    75% { opacity: 1; transform: translateY(-14px) scale(1); }
    100% { opacity: 1; transform: translateY(-12px) scale(1); }
}

@keyframes chatbotSway {
    0%, 100% { transform: translate(-4px, -12px) rotate(-2deg); }
    50% { transform: translate(4px, -12px) rotate(2deg); }
}

@keyframes rocketTrail {
    0% { opacity: 0; height: 0; bottom: -10px; }
    20% { opacity: 0.8; height: 120px; bottom: -100px; }
    60% { opacity: 0.4; height: 60px; bottom: -50px; }
    100% { opacity: 0; height: 0; bottom: -10px; }
}

.neo-chatbot-body.chat-only .neo-assistant-grid {
    display: none;
}

.neo-chatbot-body.chat-only .neo-assistant-primary {
    background: linear-gradient(135deg, #0f172a, #1d4ed8);
}

/* Online services grid */
.neo-grid-4 { display:grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.neo-feature-tile { background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:1rem; text-align:center; }
.neo-feature-tile i { display:inline-flex; width:40px; height:40px; border-radius:10px; align-items:center; justify-content:center; background:#e0edff; margin-bottom:.5rem; }

/* Online Service Cards */
.neo-online-service-card {
    background: var(--neo-card);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    transition: all 0.3s ease;
    height: 100%;
}

.neo-online-service-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(2,6,23,0.12);
    border-color: var(--neo-primary);
}

.neo-online-service-icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, rgba(14,165,233,0.1), rgba(14,165,233,0.05));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.neo-online-service-card:hover .neo-online-service-icon {
    background: linear-gradient(135deg, var(--neo-primary), #0284c7);
    color: #fff;
}

.neo-online-service-icon i {
    font-size: 1.25rem;
    color: var(--neo-primary);
    transition: all 0.3s ease;
}

.neo-online-service-card:hover .neo-online-service-icon i {
    color: #fff;
}

.neo-online-service-content {
    flex: 1;
}

.neo-online-service-content h5 {
    margin: 0 0 0.5rem 0;
    font-weight: 700;
    color: var(--neo-dark);
    font-size: 1rem;
}

.neo-online-service-content p {
    margin: 0 0 1rem 0;
    color: var(--neo-muted);
    font-size: 0.9rem;
    line-height: 1.4;
}

/* Management Board */
.neo-management-board {
    background: var(--neo-card);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.5rem;
    height: 100%;
}

.neo-management-board h4 {
    margin: 0 0 1.5rem 0;
    font-weight: 700;
    color: var(--neo-dark);
    font-size: 1.1rem;
}

.neo-board-members {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.neo-board-member {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.neo-board-member:hover {
    background: #fff;
    box-shadow: 0 5px 15px rgba(2,6,23,0.08);
}

.neo-board-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--neo-primary);
}

.neo-board-avatar-placeholder {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(14,165,233,0.1), rgba(14,165,233,0.05));
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--neo-primary);
}

.neo-board-avatar-placeholder i {
    color: var(--neo-primary);
    font-size: 1.1rem;
}

.neo-board-info h6 {
    margin: 0 0 0.25rem 0;
    font-weight: 600;
    color: var(--neo-dark);
    font-size: 0.95rem;
}

.neo-board-info small {
    color: var(--neo-muted);
    font-size: 0.85rem;
}

.neo-board-contact h6 {
    margin: 0 0 1rem 0;
    font-weight: 600;
    color: var(--neo-dark);
    font-size: 1rem;
}

.neo-contact-info p {
    margin: 0 0 0.5rem 0;
    color: var(--neo-muted);
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

 .neo-contact-info p i {
     width: 16px;
     color: var(--neo-primary);
 }
 
 /* Management Board Login Form */
 .neo-board-login {
     margin-bottom: 1.5rem;
 }
 
 .neo-login-form {
     background: #f8fafc;
     border: 1px solid #e2e8f0;
     border-radius: 12px;
     padding: 1.5rem;
 }
 
 .neo-login-form h6 {
     margin: 0 0 1rem 0;
     font-weight: 700;
     color: var(--neo-dark);
     font-size: 1rem;
 }
 
 .neo-login-form .form-label {
     font-weight: 600;
     color: var(--neo-dark);
     font-size: 0.9rem;
     margin-bottom: 0.5rem;
 }
 
 .neo-login-form .form-control {
     border: 1px solid #e2e8f0;
     border-radius: 8px;
     padding: 0.75rem;
     font-size: 0.9rem;
     transition: all 0.3s ease;
 }
 
 .neo-login-form .form-control:focus {
     border-color: var(--neo-primary);
     box-shadow: 0 0 0 3px rgba(14,165,233,0.1);
 }
 
 .neo-login-form .form-check-label {
     font-size: 0.85rem;
     color: var(--neo-muted);
 }
 
 .neo-login-form .btn-neo-primary {
     background: var(--neo-primary);
     color: #fff;
     border: none;
     border-radius: 8px;
     padding: 0.75rem;
     font-weight: 600;
     transition: all 0.3s ease;
 }
 
 .neo-login-form .btn-neo-primary:hover {
     background: #0284c7;
     transform: translateY(-1px);
     box-shadow: 0 5px 15px rgba(14,165,233,0.25);
 }
 
 .neo-login-links {
     text-align: center;
     font-size: 0.85rem;
 }
 
 .neo-login-links a {
     color: var(--neo-primary);
     text-decoration: none;
     transition: color 0.3s ease;
 }
 
 .neo-login-links a:hover {
     color: #0284c7;
     text-decoration: underline;
 }
 
 .neo-login-links span {
     color: var(--neo-muted);
 }
 
 /* Publications Section */
 .neo-publication-section {
     height: 100%;
 }

/* İpek Yolu ile RAPORLAR arası ince ayırıcı çizgi */
.neo-publication-ipekyolu {
    border-right: 1px solid #e2e8f0;
    padding-right: 1.5rem;
}
.neo-publication-raporlar {
    padding-left: 1.5rem;
}
 
 .neo-publication-title {
     margin: 0 0 1rem 0;
     font-weight: 700;
     color: white;
     font-size: 1rem;
     padding-bottom: 0.5rem;
     border-bottom: 2px solid cyan;
 }

/* İpek Yolu için farklı font stili */
.neo-publication-ipekyolu .neo-publication-title,
.neo-publication-ipekyolu .neo-publication-info h6,
.neo-publication-ipekyolu .neo-publication-info p {
    font-family: 'Poppins', system-ui, -apple-system, sans-serif;
    font-style: normal;
    letter-spacing: 0.02em;
}

.neo-publication-ipekyolu .neo-publication-title {
    font-weight: 700;
    font-size: 1rem;
}

/* Raporlar için farklı font stili */
.neo-publication-raporlar .neo-publication-title,
.neo-publication-raporlar .neo-publication-info h6,
.neo-publication-raporlar .neo-publication-info p {
    font-family: 'Poppins', system-ui, -apple-system, sans-serif;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: none;
}

.neo-publication-raporlar .neo-publication-title {
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.03em;
}
 
.neo-publication-carousel {
    position: relative;
    border-radius: 12px;
    overflow: visible;
    box-shadow: none;
}

.neo-publication-carousel .carousel-inner {
    padding: 0;
}

.neo-publication-carousel .carousel-item {
    padding: 0 55px;
}
 
.neo-publication-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 0;
    background: transparent;
    min-height: auto;
    border-radius: 12px;
    text-decoration: none;
}

.neo-publication-img {
    width: 65%;
    max-width: 280px;
    height: 380px;
    object-fit:fill;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(2,6,23,0.15);
    transition: transform 0.3s ease;
    margin: 0;
}

.neo-publication-img:hover {
    transform: scale(1.02);
}

.neo-publication-info {
    width: 100%;
    text-align: center;
    padding: 0.75rem 0.5rem;
}

.neo-publication-info h6 {
    margin: 0 0 0.5rem 0;
    font-weight: 700;
    color: var(--neo-dark);
    font-size: 1rem;
}

.neo-publication-info p {
    margin: 0;
    color: var(--neo-primary);
    font-weight: 600;
    font-size: 0.9rem;
}

.neo-publication-info small {
    color: var(--neo-muted);
    font-size: 0.9rem;
    line-height: 1.5;
}
 
 /* Publication Carousel Controls */
 .neo-publication-carousel .carousel-indicators {
     bottom: -20px;
     z-index: 10;
 }
 
 .neo-publication-carousel .carousel-indicators button {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     border: 1px solid rgba(202, 31, 31, 0.8);
     background: transparent;
     margin: 0 3px;
     transition: all 0.3s ease;
 }
 
 .neo-publication-carousel .carousel-indicators button.active {
     background: rgba(67, 124, 231, 0.9);
     border-color: var(--neo-primary);
     transform: scale(1.2);
 }
 
.neo-publication-carousel .carousel-control-prev,
.neo-publication-carousel .carousel-control-next {
    width: 42px;
    height: 42px;
    background: rgba(24, 96, 230, 0.9);
    border: none;
    /* Haberler (neo-calendar-control) ile aynı kare / yuvarlatılmış kare */
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
   /* Okları dergi kapağının ortasına hizala (kapak yüksekliği: 380px) */
   top: 190px;
   transform: translateY(-50%);
    opacity: 0.8;
    transition: background 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
    z-index: 15;
}
 
 .neo-publication-carousel .carousel-control-prev {
     left: 70px;
     margin-top: 0;
 }
 
 .neo-publication-carousel .carousel-control-next {
     margin-top: 0;
     right: 70px;
     
 }
 
 .neo-publication-carousel .carousel-control-prev:hover,
 .neo-publication-carousel .carousel-control-next:hover {
     background: var(--neo-primary);
     opacity: 1;
     transform: translateY(-50%) scale(1.1);
 }
 
 .neo-publication-carousel .carousel-control-prev-icon,
 .neo-publication-carousel .carousel-control-next-icon {
     filter: brightness(0) invert(1);
     width: 20px;
     height: 20px;
 }
 
 /* Mobile Responsive for Publications */
 @media (max-width: 768px) {
     .neo-publication-carousel .carousel-item {
        padding: 0 35px;

     }
     
     .neo-publication-item {
        min-height: auto;
        padding: 0;
        text-align: center;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        width: 80%;
        margin: 0 auto;
     }
     
     .neo-publication-img {
        width: 100%;
        height: 200px;
     }
    
    .neo-publication-info {
        text-align: center;
        padding: 0.5rem 0.25rem;
    }
    
    .neo-publication-info h6 {
        font-size: 0.9rem;
    }
    
    .neo-publication-info p {
        font-size: 0.8rem;
    }
     
     .neo-publication-carousel .carousel-control-prev,
     .neo-publication-carousel .carousel-control-next {
         width: 36px;
         height: 36px;
         border-radius: 10px;
         top: 50%;
         transform: translateY(-50%);
     }
     
     .neo-publication-carousel .carousel-indicators {
         bottom: -25px;
     }
     
     .neo-publication-carousel .carousel-control-prev-icon,
     .neo-publication-carousel .carousel-control-next-icon {
         width: 16px;
         height: 16px;
     }
 }

/* Stats panel */
.neo-stats { position:fixed; left:-380px; top:50%; transform: translateY(-50%); width:340px; background:#fff; border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 10px 24px rgba(2,6,23,0.15); transition:left .35s ease; z-index:2000; overflow:hidden; max-height: 90vh; }
.neo-stats.open { left: 20px; }
.neo-stats-header { display:flex; align-items:center; justify-content:space-between; padding: .9rem 1rem; border-bottom:1px solid #e2e8f0; font-weight:800; }
.neo-stats-body { padding: .9rem; max-height: calc(90vh - 80px); overflow:auto; }
.neo-stat { display:flex; gap:.75rem; align-items:center; background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:.75rem; margin-bottom:.6rem; }
.neo-stat-icon { width:44px; height:44px; border-radius:10px; background:#000; color:#fff; display:flex; align-items:center; justify-content:center; }
.neo-stat-info { flex:1; }
.neo-stat-num { font-weight:800; font-size:1.2rem; }
.neo-stat-label { color:#64748b; font-size:.85rem; }
.neo-stats-trigger { position:fixed; left:20px; bottom:30px; background:#fff; border:1px solid #e2e8f0; border-radius:10px; padding:.6rem .9rem; box-shadow:0 8px 20px rgba(2,6,23,0.15); display:flex; align-items:center; gap:.5rem; z-index:1990; }
.neo-stats-trigger { bottom: 120px !important; z-index: 2500 !important; display: flex !important; }

/* Chatbot — sağ alt köşe (index inline düzeni ile uyumlu) */
.neo-chatbot-toggle {
    position:fixed;
    right:20px;
    bottom:18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap: 0.45rem;
    background:none;
    border:none;
    z-index: 2400;
    transition: opacity 0.3s ease;
    /* Aşağıdan yukarı giriş → hafif yukarıda durma → sağa sola salınım */
    animation: chatbotFloatIn 1.25s cubic-bezier(0.22, 1, 0.36, 1) forwards, chatbotSway 3.5s ease-in-out infinite 1.25s;
}

/* Roket alt izi (sadece animasyon sırasında görünür) */
.neo-chatbot-toggle::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 0;
    /* Robotun açık mavi rengine uygun iz (cyan/light blue) */
    background: linear-gradient(to bottom, #0ea5e9, #38bdf8, transparent);
    filter: blur(8px);
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    animation: rocketTrail 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.neo-chatbot-toggle.hidden {
    opacity:0;
    pointer-events:none;
    visibility: hidden;
    transform: scale(0.85);
}
.neo-chatbot-toggle img {
    width: 100px;
    height: 100px;
    border-radius: 0;
    transition: transform 0.3s ease;
    object-fit: contain;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    filter: none;
}

.neo-chatbot-toggle span {
    display: block;
    max-width: 11rem;
    text-align: center;
    background: transparent;
    color: #0ea5e9;
    padding: 0;
    border-radius: 0;
    font-weight: 700;
    font-size: 0.82rem;
    line-height: 1.25;
    box-shadow: none;
    border: none;
}

.neo-chatbot-toggle:hover { animation-play-state: paused; }
.neo-chatbot-toggle:hover img { transform: scale(1.05); }
.neo-chatbot {
    position:fixed;
    right:20px;
    bottom:18px;
    width:580px;
    max-width: calc(100vw - 40px);
    height:700px;
    max-height: min(700px, calc(100vh - 32px));
    background:#fff;
    border-radius:20px;
    box-shadow:0 25px 80px rgba(2,6,23,0.35);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    z-index: 2350;
    opacity: 0;
    transform: translateY(calc(100% + 80px));
    pointer-events: none;
    transition: transform 0.5s cubic-bezier(.23,1.01,.32,1), opacity 0.5s ease;
    box-sizing: border-box;
}
.neo-chatbot.open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.neo-chatbot.closing {
    opacity: 0;
    transform: translateY(calc(100% + 80px));
    pointer-events: none;
}
.neo-chatbot-header { display:flex; align-items:center; justify-content:space-between; padding: .9rem 1rem; background: linear-gradient(135deg, #0f2d6b, #1a4fa8); color:#fff; }
.neo-chatbot-avatar { width:36px; height:36px; border-radius:50%; }

/* Mesaj genel */
.neo-msg { display:flex; gap:.6rem; margin-bottom:.75rem; align-items:flex-start; }
.neo-msg-avatar { width:32px; height:32px; border-radius:50%; overflow:hidden; flex-shrink:0; background:#e8edf7; display:flex; align-items:center; justify-content:center; }
.neo-msg-avatar img { width:100%; height:100%; object-fit:cover; }
.neo-user-avatar-icon { width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#667eea,#764ba2); display:flex; align-items:center; justify-content:center; color:#fff; font-size:.8rem; flex-shrink:0; }

/* Bot balonları */
.neo-msg-bubble { background:#f0f4ff; border:1px solid #dbe4f8; border-radius:0 14px 14px 14px; padding:.55rem .8rem; font-size:.88rem; line-height:1.5; color:#1a2a4a; max-width:calc(100% - 44px); }
.neo-msg-bubble p { margin:0 0 6px 0; }
.neo-msg-bubble p:last-child { margin:0; }
.neo-msg-bubble-warn { background:#fff8e1; border-color:#f9c74f; color:#7a4f00; }

/* Kullanıcı balonları */
.neo-msg.neo-user { flex-direction: row-reverse; }
.neo-msg.neo-user .neo-msg-bubble { background: linear-gradient(135deg, #1a4fa8, #2563eb); color:#fff; border:none; border-radius:14px 0 14px 14px; }

/* Bot içerik sarmalayıcı (baloon + link cards) */
.neo-bot-content { display:flex; flex-direction:column; gap:.5rem; max-width:calc(100% - 44px); }

/* Link kartları */
.neo-link-cards { display:flex; flex-direction:column; gap:.35rem; }
.neo-link-card {
  display:flex; align-items:center; gap:.6rem;
  background:#fff; border:1px solid #dbe4f8; border-radius:10px;
  padding:.5rem .7rem; text-decoration:none; color:#1a2a4a;
  transition:background .15s, border-color .15s, box-shadow .15s;
  font-size:.82rem; line-height:1.35;
}
.neo-link-card:hover { background:#f0f4ff; border-color:#2563eb; box-shadow:0 2px 8px rgba(37,99,235,.12); color:#1a4fa8; }
.neo-link-card-icon { width:30px; height:30px; border-radius:8px; background:linear-gradient(135deg,#0f2d6b,#2563eb); color:#fff; display:flex; align-items:center; justify-content:center; font-size:.75rem; flex-shrink:0; }
.neo-link-card-body { flex:1; min-width:0; }
.neo-link-card-body strong { display:block; font-weight:600; font-size:.83rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.neo-link-card-body small { display:block; color:#5a7abf; font-size:.73rem; margin-top:1px; }
.neo-link-card-body span { display:block; color:#6b7fa3; font-size:.73rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:2px; }
.neo-link-card-arrow { color:#c0cfe8; font-size:.7rem; flex-shrink:0; }
.neo-link-card.neo-contact-card { border-color:#c3e6cb; background:#f6fff8; }
.neo-link-card.neo-contact-card .neo-link-card-icon { background:linear-gradient(135deg,#1a7a3c,#28a745); }
.neo-link-card.neo-contact-card:hover { background:#e8f8ec; border-color:#28a745; box-shadow:0 2px 8px rgba(40,167,69,.15); }
.neo-link-card.neo-contact-card .neo-link-card-body small { color:#2d7a4a; }

/* Typing indicator */
.neo-typing { display:flex; align-items:center; gap:4px; padding:.55rem .9rem; min-width:52px; }
.neo-typing span { width:7px; height:7px; border-radius:50%; background:#2563eb; display:inline-block; animation:neoTypingDot 1.2s infinite ease-in-out; }
.neo-typing span:nth-child(2) { animation-delay:.2s; }
.neo-typing span:nth-child(3) { animation-delay:.4s; }
@keyframes neoTypingDot { 0%,80%,100%{transform:scale(.6);opacity:.4} 40%{transform:scale(1);opacity:1} }

/* Input alanı */
.neo-chatbot-input { padding:.6rem .75rem; display:flex; gap:.5rem; border-top:1px solid #e2e8f0; background:#fff; flex-shrink:0; align-items:center; }
.neo-chatbot-input input { flex:1; border:1.5px solid #dbe4f8; border-radius:22px; padding:.45rem 1rem; font-size:.88rem; outline:none; transition:border-color .18s; background:#f6f9ff; color:#1a2a4a; }
.neo-chatbot-input input:focus { border-color:#2563eb; background:#fff; }
.neo-chatbot-input input:disabled { opacity:.6; cursor:not-allowed; }
.neo-chatbot-input .btn-neo-primary { border-radius:50%; width:36px; height:36px; min-width:36px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0f2d6b,#2563eb); border:none; color:#fff; font-size:.85rem; transition:opacity .2s; }
.neo-chatbot-input .btn-neo-primary:hover:not(:disabled) { opacity:.85; }

/* Hızlı soru butonları */
.neo-quick-asks { display:flex; flex-wrap:wrap; gap:.4rem; padding:.4rem .2rem .1rem; }
.neo-quick-ask-btn { background:#eef2ff; border:1px solid #c7d7f7; border-radius:16px; color:#1a4fa8; font-size:.78rem; padding:.3rem .7rem; cursor:pointer; transition:background .15s, border-color .15s; white-space:nowrap; }
.neo-quick-ask-btn:hover { background:#dbeafe; border-color:#2563eb; }

/* Robot Modal Styles */
.neo-support-header,
.neo-queue-header,
.neo-uhm-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
}

.neo-support-avatar,
.neo-queue-avatar,
.neo-uhm-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.neo-support-avatar img,
.neo-queue-avatar img,
.neo-uhm-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.neo-support-info h3,
.neo-queue-info h3,
.neo-uhm-info h3 {
    margin: 0 0 0.5rem 0;
    color: var(--neo-dark);
}

.neo-support-info p,
.neo-queue-info p,
.neo-uhm-info p {
    margin: 0;
    color: var(--neo-muted);
}

/* Support Cards */
.neo-support-card {
    background: var(--neo-card);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.5rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 100%;
}

.neo-support-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(2,6,23,0.12);
    border-color: var(--neo-primary);
}

.neo-support-card-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, rgba(14,165,233,0.1), rgba(14,165,233,0.05));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    transition: all 0.3s ease;
}

.neo-support-card:hover .neo-support-card-icon {
    background: linear-gradient(135deg, var(--neo-primary), #0284c7);
    color: #fff;
}

.neo-support-card-icon i {
    font-size: 1.5rem;
    color: var(--neo-primary);
    transition: all 0.3s ease;
}

.neo-support-card:hover .neo-support-card-icon i {
    color: #fff;
}

.neo-support-card h5 {
    margin: 0 0 0.5rem 0;
    font-weight: 700;
    color: var(--neo-dark);
}

.neo-support-card p {
    margin: 0 0 1rem 0;
    color: var(--neo-muted);
    font-size: 0.9rem;
    line-height: 1.4;
}

.neo-support-status {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    font-size: 0.85rem;
    color: var(--neo-muted);
}

.neo-support-status.online {
    background: #dcfce7;
    border-color: #22c55e;
    color: #166534;
}
.neo-support-status.offline {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.neo-support-status i {
    font-size: 0.75rem;
}

/* Canlı Destek - Tek kart (sohbet + telefon + iletişim) */
.neo-support-single-card {
    background: var(--neo-card);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(2,6,23,0.06);
}
.neo-support-single-inner {
    padding: 1.25rem 1.5rem;
}
.neo-support-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-bottom: 0;
}
.neo-support-block {
    flex: 1;
    min-width: 180px;
    padding: 1.25rem;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    cursor: pointer;
    text-align: center;
    transition: all 0.25s ease;
}
.neo-support-block:hover {
    border-color: var(--neo-primary);
    background: rgba(14,165,233,0.06);
    box-shadow: 0 8px 24px rgba(14,165,233,0.12);
}
.neo-support-block .neo-support-card-icon {
    margin-bottom: 0.75rem;
}
.neo-support-block h5 { margin: 0 0 0.35rem 0; font-weight: 700; font-size: 1.05rem; color: var(--neo-dark); }
.neo-support-block p { margin: 0 0 0.75rem 0; font-size: 0.9rem; color: var(--neo-muted); }
.neo-support-block p a { color: var(--neo-primary); text-decoration: none; font-weight: 600; }
.neo-support-block p a:hover { text-decoration: underline; }
.neo-support-contact-inline {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e2e8f0;
    background: #fafbfc;
}
.neo-support-contact-inline h6 {
    margin: 0 0 0.75rem 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--neo-dark);
}
.neo-contact-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem 1.25rem;
}
.neo-contact-grid .neo-contact-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}
.neo-contact-grid .neo-contact-item a { color: var(--neo-dark); text-decoration: none; }
.neo-contact-grid .neo-contact-item a:hover { color: var(--neo-primary); text-decoration: underline; }

/* Asistan paneli - sadece Canlı Destek tek kart */
.neo-assistant-single { display: flex; justify-content: center; }
.neo-assistant-card-live {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem 1rem;
    position: relative;
}
.neo-live-status {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.5rem;
    padding: 0.35rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: var(--neo-muted);
}
.neo-live-status.online {
    background: #dcfce7;
    border-color: #22c55e;
    color: #166534;
}
.neo-live-status.offline {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}
.neo-live-status i { font-size: 0.5rem; }

/* Canlı Sohbet - Kullanıcı bilgisi (oda üyesi) */
.neo-support-radio-option {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.5rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    transition: all 0.2s ease;
}
.neo-support-radio-option:hover {
    border-color: var(--neo-primary);
    background: rgba(14,165,233,0.06);
}
.neo-support-radio-option input {
    margin: 0;
    accent-color: var(--neo-primary);
}
.neo-support-radio-option input:checked + span {
    font-weight: 600;
    color: var(--neo-primary);
}

/* Canlı Sohbet - Değerlendirme paneli */
.neo-support-evaluate-panel {
    padding: 1rem 0;
    border-top: 1px solid #e2e8f0;
}
.neo-support-evaluate-panel h6 {
    color: var(--neo-dark);
    font-weight: 700;
}
.neo-support-stars {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.neo-support-star {
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: #cbd5e1;
    font-size: 1.5rem;
    transition: color 0.2s ease;
}
.neo-support-star:hover,
.neo-support-star.active {
    color: #f59e0b;
}
.neo-support-star.active i,
.neo-support-star:hover i {
    font-weight: 900;
}
.neo-support-star i {
    display: block;
}

/* Contact Items */
.neo-contact-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 10px;
    margin-bottom: 0.5rem;
}

.neo-contact-item i {
    width: 20px;
    text-align: center;
}

.neo-contact-item span {
    font-weight: 500;
    color: var(--neo-dark);
}

/* Advanced Events Calendar */
.neo-calendar-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.neo-calendar-shell {
    display: flex;
    gap: 1.25rem;
    flex-wrap: nowrap;
    align-items: stretch;
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    padding: 0 5px;
    box-sizing: border-box;
    overflow-x: hidden;
}

.neo-calendar-main {
    flex: 1 1 45%;
    background: radial-gradient(circle at top, rgba(14,165,233,0.15), rgba(14,165,233,0.03));
    border: 1px solid rgba(14,165,233,0.15);
    border-radius: 18px;
    padding: 1.1rem;
    position: relative;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    height: fit-content;
    align-self: stretch;
}

.neo-calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-shrink: 0;
}

.neo-calendar-header h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
}

.neo-calendar-location {
    margin: 0;
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    font-weight: 600;
    color: var(--neo-primary);
    text-transform: uppercase;
}

.neo-calendar-controls {
    display: flex;
    gap: 0.5rem;
}

.neo-calendar-control {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(14,165,233,0.25);
    background: rgba(255,255,255,0.8);
    color: var(--neo-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.neo-calendar-control:hover {
    background: var(--neo-primary);
    color: #fff;
    transform: translateY(-2px);
}

.neo-calendar-control:disabled {
    opacity: 0.45;
    pointer-events: none;
    transform: none;
}

/* Haberler: başlık + altında "Tüm Haberler"; sağda yalnız oklar */
.neo-news-card-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem 1rem;
}

.neo-news-heading-cluster {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
    flex: 1 1 auto;
    min-width: 0;
}

.neo-news-card-header .neo-section-title {
    margin-bottom: 0;
}

.neo-news-all-link-below-title {
    margin-top: 0.1rem;
}

.neo-news-header-end {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-left: auto;
    align-self: center;
}

#news .neo-news-calendar-controls {
    flex-shrink: 0;
}

/* Haber okları: sadece hover'da koyu mavi + beyaz ikon */
.neo-news-nav-control:hover:not(:disabled) {
    background: #003366 !important;
    border-color: #003366 !important;
    color: #fff !important;
}
.neo-news-nav-control:hover:not(:disabled) i {
    color: #fff !important;
}

/* Dış Ticaret yıl okları: kare görünüm + hoversız beyaz zemin (hover Haberler ile aynı koyu mavi + beyaz ok) */
#distic-veriler #disticPrevYearBtn,
#distic-veriler #disticNextYearBtn,
#distic-veriler #disticPrevYearBtnRender,
#distic-veriler #disticNextYearBtnRender {
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.98) !important;
}
/* ID + !important varsayılanı genel .neo-news-nav-control:hover'ı ezdiği için hover'ı aynı özgüllükte yeniden ver */
#distic-veriler #disticPrevYearBtn:hover:not(:disabled),
#distic-veriler #disticNextYearBtn:hover:not(:disabled),
#distic-veriler #disticPrevYearBtn:focus-visible:not(:disabled),
#distic-veriler #disticNextYearBtn:focus-visible:not(:disabled),
#distic-veriler #disticPrevYearBtnRender:hover,
#distic-veriler #disticNextYearBtnRender:hover,
#distic-veriler #disticPrevYearBtnRender:focus-visible,
#distic-veriler #disticNextYearBtnRender:focus-visible {
    background: #003366 !important;
    border-color: #003366 !important;
    color: #fff !important;
}
#distic-veriler #disticPrevYearBtn:hover:not(:disabled) i,
#distic-veriler #disticNextYearBtn:hover:not(:disabled) i,
#distic-veriler #disticPrevYearBtn:focus-visible:not(:disabled) i,
#distic-veriler #disticNextYearBtn:focus-visible:not(:disabled) i,
#distic-veriler #disticPrevYearBtnRender:hover i,
#distic-veriler #disticNextYearBtnRender:hover i,
#distic-veriler #disticPrevYearBtnRender:focus-visible i,
#distic-veriler #disticNextYearBtnRender:focus-visible i {
    color: #fff !important;
}

/* KTO Ekosistemi: flat slider üstü ortalanmış oklar — aynı CTA rengi */
.ecosystem-flat-nav-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

#ecosystem .ecosystem-flat-nav-row {
    margin-top: 0.2rem;
}

#ecosystem .ecosystem-flat-nav-row .neo-calendar-control:hover:not(:disabled) {
    background: #003366;
    color: #fff;
    border-color: #003366;
    transform: translateY(-2px);
}

/* Ekosistem noktaları: Tüm Haberler / oklar ile aynı aktif renk */
#ecosystem .neo-flat-trio-dot:hover,
#ecosystem .neo-flat-trio-dot.active,
body.neo-home section[data-section-code="ecosystem"] .neo-flat-trio-dot:hover,
body.neo-home section[data-section-code="ecosystem"] .neo-flat-trio-dot.active {
    background: #003366;
}

.neo-calendar-meta {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.neo-calendar-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(14,165,233,0.08);
    color: var(--neo-dark);
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    font-size: 0.85rem;
}

.neo-calendar-grid {
    margin-top: 0.9rem;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-auto-rows: minmax(60px, 1fr);
    gap: 0.7rem;
    align-items: stretch;
    flex-shrink: 0;
}

.neo-calendar-placeholder {
    grid-column: 1 / -1;
    padding: 2rem;
    text-align: center;
    color: var(--neo-muted);
    background: rgba(255,255,255,0.8);
    border-radius: 18px;
    border: 1px dashed rgba(14,165,233,0.3);
}

.neo-day-card {
    background: rgba(255,255,255,0.92);
    border-radius: 14px;
    border: 1px solid rgba(14,165,233,0.12);
    padding: 0.6rem;
    min-height: 60px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    text-align: left;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    justify-content: flex-start;
    overflow: hidden;
}

.neo-day-card.empty {
    visibility: hidden;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.neo-day-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 35px rgba(14,165,233,0.15);
}

.neo-day-card.today {
    border-color: var(--neo-primary);
    box-shadow: 0 0 0 5px rgba(14,165,233,0.3);
}

.neo-day-card.has-event {
    border-color: #1b5fad;
    box-shadow: 0 0 0 2px rgba(33, 141, 204, 0.28);
}

.neo-day-card.active {
    background: linear-gradient(140deg, #2352d4, #a8e1e9);
    color: #fff;
    transform: scale(1.02);
}

.neo-day-card.active .neo-weather-icon,
.neo-day-card.active .neo-day-temp {
    color: #fff;
}

.neo-day-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.neo-day-name {
    font-weight: 600;
    color: var(--neo-muted);
    text-transform: uppercase;
    font-size: 0.75rem;
}

.neo-day-number {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--neo-dark);
}

.neo-day-card.active .neo-day-number,
.neo-day-card.active .neo-day-name {
    color: #fff;
}

.neo-day-weather {
    display: none; /* Hava durumu alanını gizledik */
}

.neo-weather-icon {
    display: none;
}

.neo-day-temp {
    display: none;
}

.neo-day-event-tag {
    margin-top: auto;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.3rem 0.4rem;
    border-radius: 999px;
    background: rgb(12 26 129 / 15%);
    color: #0f172a; /* Siyah - aktif değilken */
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-height: 1.5rem;
    white-space: nowrap;
    line-height: 1;
    transition: color 0.2s ease, background 0.2s ease;
}

/* Aktif günde (tıklanınca) beyaz renk */
.neo-day-card.active .neo-day-event-tag {
    color: #ffffff; /* Beyaz - aktifken */
    background: rgba(255, 255, 255, 0.25);
}

/* Etkinlik olmayan günlerde de aynı yüksekliği korumak için boş alan - KALDIRILDI */

.neo-day-card .neo-event-tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(15,23,42,0.95);
    color: #0c267c;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    margin-bottom: 0.5rem;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.neo-day-card .neo-event-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: rgba(15,23,42,0.95);
}

.neo-day-card.has-event:hover .neo-event-tooltip {
    opacity: 1;
}

/* KTO Ekosistem Horizontal Scroll */
.neo-ecosystem-wrapper {
    position: relative;
    width: 100%;
    padding: 0rem 0;
    perspective: 1200px;
    perspective-origin: center center;
    overflow: hidden;
}

.neo-ecosystem-scroll {
    overflow-x: auto;
    overflow-y: visible;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 2rem 0 4rem;
    scroll-snap-type: none;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    user-select: none;
}

.neo-ecosystem-scroll:active {
    cursor: grabbing;
}

.neo-ecosystem-scroll.dragging {
    scroll-behavior: auto;
    cursor: grabbing;
}

.neo-ecosystem-scroll::-webkit-scrollbar {
    display: none;
}

.neo-ecosystem-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    width: max-content;
    padding: 0 26%;
    transform-style: preserve-3d;
}

.neo-ecosystem-card {
    display: block;
    position: relative;
    width: 550px;
    min-width: 550px;
    height: 350px;
    overflow: hidden;
    border-radius: 18px;
    text-decoration: none;
    background: #f8fafc;
    transition: all 0.55s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    transform-style: preserve-3d;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.9);
    opacity: 0.3;
    transform: scale(0.75) translateZ(-100px);
    filter: blur(1.5px);
    pointer-events: auto;
    cursor: grab;
    will-change: transform, opacity, filter;
}

.neo-ecosystem-card:active {
    cursor: grabbing;
}

/* Center card - Active state */
.neo-ecosystem-card.active {
    opacity: 1;
    transform: scale(1) rotateY(0deg) translateZ(0px);
    filter: blur(0);
    z-index: 10;
    box-shadow: 0 20px 60px rgba(14, 165, 233, 0.35);
    border-color: rgba(14, 165, 233, 0.6);
    cursor: default;
}

/* Card transforms will be handled by JavaScript for better control */

.neo-ecosystem-card:not(.active):hover {
    opacity: 0.7;
    filter: blur(1px);
    transform: scale(0.85) rotateY(25deg) translateZ(-60px);
}

.neo-ecosystem-card.active:hover {
    opacity: 1;
    transform: scale(1.03) rotateY(0deg) translateZ(10px);
    box-shadow: 0 25px 70px rgba(14, 165, 233, 0.45);
}

.neo-ecosystem-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center center;
}

/* Video hover efekti */
.neo-ecosystem-card video.neo-ecosystem-card-img {
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.neo-ecosystem-card video.neo-ecosystem-card-img.playing {
    opacity: 1;
}

.neo-ecosystem-card video.neo-ecosystem-card-img.ended {
    opacity: 1;
}

.neo-ecosystem-card.active .neo-ecosystem-card-img {
    transform: scale(1);
}

.neo-ecosystem-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(15,23,42,0.95), rgba(15,23,42,0.7), transparent);
    padding: 1rem 0.75rem 0.75rem;
    color: #fff;
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    backdrop-filter: blur(6px);
    z-index: 2;
}

.neo-ecosystem-card.active .neo-ecosystem-card-overlay {
    transform: translateY(0);
    opacity: 1;
    background: linear-gradient(to top, rgba(15,23,42,0.98), rgba(14,165,233,0.4), transparent);
}

.neo-ecosystem-card-overlay h6 {
    margin: 0 0 0.35rem 0;
    font-weight: 700;
    font-size: 0.9rem;
    color: #fff;
    line-height: 1.2;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.neo-ecosystem-card-overlay p {
    margin: 0;
    font-size: 0.8rem;
    color: rgba(255,255,255,0.95);
    line-height: 1.3;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.neo-ecosystem-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,0.98);
    border: 2px solid rgba(14,165,233,0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    backdrop-filter: blur(10px);
}

.neo-ecosystem-nav:hover {
    background: var(--neo-primary);
    border-color: var(--neo-primary);
    box-shadow: 0 8px 30px rgba(14,165,233,0.4);
    transform: translateY(-50%) scale(1.1);
}

.neo-ecosystem-nav:active {
    transform: translateY(-50%) scale(0.95);
}

.neo-ecosystem-nav:hover i {
    color: #fff;
}

.neo-ecosystem-nav i {
    font-size: 1.3rem;
    color: var(--neo-primary);
    transition: color 0.3s ease;
}

.neo-ecosystem-nav-prev {
    left: 20px;
}

.neo-ecosystem-nav-next {
    right: 20px;
}

.neo-ecosystem-nav:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

@media (max-width: 568px) {
    .neo-ecosystem-wrapper {
        padding: 0rem 0;
    }
    
    .neo-ecosystem-scroll {
        padding: 1.5rem 0 3rem;
    }
    
    .neo-ecosystem-grid {
        padding: 0 20%;
        gap: 1rem;
    }
    
    .neo-ecosystem-card {
        width: 280px;
        min-width: 280px;
        height: 160px;
    }
    
    .neo-ecosystem-card.active {
        transform: scale(0.95) rotateY(0deg) translateZ(0px);
    }
    
    .neo-ecosystem-nav {
        width: 40px;
        height: 40px;
    }
    
    .neo-ecosystem-nav i {
        font-size: 1.1rem;
    }
    
    .neo-ecosystem-nav-prev {
        left: 10px;
    }
    
    .neo-ecosystem-nav-next {
        right: 10px;
    }
    
    .neo-ecosystem-card-overlay {
        padding: 1rem 0.75rem 0.75rem;
    }
    
    .neo-ecosystem-card-overlay h6 {
        font-size: 0.9rem;
    }
    
    .neo-ecosystem-card-overlay p {
        font-size: 0.75rem;
    }
}

.neo-calendar-sidebar {
    width: 500px;
    flex: 0 0 500px;
    background: rgba(15,23,42,0.95);
    color: #fff;
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: 0 22px 40px rgba(15,23,42,0.35);
    display: flex;
    flex-direction: column;
    height: fit-content;
    min-height: 0;
    align-self: stretch;
}

.neo-calendar-sidebar h5 {
    margin-bottom: 1.5rem;
    font-weight: 700;
    font-size: 1.3rem;
    flex-shrink: 0;
}

.neo-event-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.75rem;
    margin-right: -0.5rem;
}

.neo-event-list::-webkit-scrollbar {
    width: 8px;
}

.neo-event-list::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.08);
    border-radius: 10px;
    margin: 5px 0;
}

.neo-event-list::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.3);
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.1);
}

.neo-event-list::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.5);
}

/* Firefox için scrollbar */
.neo-event-list {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.3) rgba(255,255,255,0.08);
}

.neo-event-list.hidden {
    display: none;
}

.neo-event-detail {
    margin-top: 1rem;
    padding: 1.25rem;
    background: rgba(255,255,255,0.12);
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.2);
    position: relative;
    animation: slideIn 0.3s ease;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex-shrink: 0;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.neo-event-detail-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.neo-event-detail-close:hover {
    background: rgba(255,255,255,0.2);
    transform: scale(1.1);
}

.neo-event-detail-content {
    padding-right: 2rem;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    min-height: 0;
}

/* Aynı günde birden fazla etkinlik varsa sağ panelde seçim baloncukları */
.neo-event-detail-choices {
    display: none;
    flex-direction: column;
    gap: 0.6rem;
    margin: 0 0 0.85rem 0;
    padding: 0.75rem;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,0.16);
    background: rgba(0,0,0,0.12);
}

.neo-event-detail-choices-title {
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.85);
}

.neo-event-detail-choices-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.neo-event-detail-choice {
    width: 100%;
    text-align: left;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.08);
    color: #fff;
    border-radius: 12px;
    padding: 0.65rem 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.neo-event-detail-choice:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.25);
}

.neo-event-detail-choice.active {
    background: rgba(147,197,253,0.18);
    border-color: rgba(147,197,253,0.55);
}

.neo-event-detail-choice-title {
    display: block;
    font-weight: 700;
    font-size: 0.95rem;
    line-height: 1.25;
}

.neo-event-detail-choice-time {
    display: block;
    margin-top: 0.2rem;
    font-weight: 600;
    font-size: 0.85rem;
    color: rgba(255,255,255,0.78);
}

.neo-event-detail-content::-webkit-scrollbar {
    width: 6px;
}

.neo-event-detail-content::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.05);
    border-radius: 10px;
}

.neo-event-detail-content::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.2);
    border-radius: 10px;
}

.neo-event-detail-content::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.3);
}

.neo-event-detail-date {
    margin: 0 0 0.5rem 0;
    font-size: 0.9rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #93c5fd;
    font-weight: 600;
}

.neo-event-detail h4 {
    margin: 0 0 0.75rem 0;
    font-weight: 700;
    color: #fff;
    font-size: 1.1rem;
    line-height: 1.3;
}

.neo-event-detail-time {
    margin: 0 0 1rem 0;
    font-weight: 600;
    color: #fcd34d;
    font-size: 0.95rem;
}

.neo-event-detail p:last-child {
    margin: 0;
    color: rgba(255,255,255,0.9);
    line-height: 1.6;
    font-size: 0.9rem;
}

.neo-event-pill {
    display: flex;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
    background: rgba(255,255,255,0.08);
    border-radius: 14px;
    border: 1px solid transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: all 0.25s ease;
}

.neo-event-pill .pill-date {
    font-weight: 700;
    font-size: 1rem;
    color: #93c5fd;
    min-width: 60px;
}

.neo-event-pill .pill-meta {
    flex: 1;
}

.neo-event-pill .pill-meta strong {
    display: block;
    font-size: 1rem;
    margin-bottom: 0.25rem;
}

.neo-event-pill .pill-meta small {
    color: rgba(255,255,255,0.7);
    font-size: 0.9rem;
}

.neo-event-pill:hover,
.neo-event-pill.active {
    border-color: rgba(147,197,253,0.8);
    background: rgba(255,255,255,0.12);
    transform: translateX(4px);
}

/* neo-event-bubble stilleri kaldırıldı - artık sidebar detay alanı kullanılıyor */

@media (max-width: 992px) {
.neo-calendar-shell {
        flex-wrap: wrap;
        width: 100%;
    }
    .neo-calendar-main, .neo-calendar-sidebar {
        flex: 1 1 100%;
        width: 100%;
    }
}

@media (max-width: 576px) {
    .neo-calendar-shell {
        gap: 1rem;
    }
    .neo-calendar-main {
        padding: 1rem;
    }
    .neo-calendar-grid {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }
    /* neo-event-bubble kaldırıldı */
}

/* Queue Form */
.neo-queue-form {
    background: #f8fafc;
    border-radius: 16px;
    padding: 1.5rem;
}

.neo-queue-ticket {
    background: var(--neo-card);
    border: 2px solid var(--neo-primary);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(14,165,233,0.15);
}

.neo-queue-ticket-header {
    background: var(--neo-primary);
    color: #fff;
    padding: 1rem;
    text-align: center;
}

.neo-queue-ticket-header h4 {
    margin: 0;
    font-weight: 700;
}

.neo-queue-ticket-body {
    padding: 2rem;
    text-align: center;
}

.neo-queue-number {
    font-size: 3rem;
    font-weight: 900;
    color: var(--neo-primary);
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(14,165,233,0.2);
}

.neo-queue-info-text p {
    margin: 0.5rem 0;
    font-size: 1.1rem;
}

.neo-queue-actions {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
}

/* UHM Cards */
.neo-uhm-card {
    background: var(--neo-card);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.5rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    height: 100%;
}

.neo-uhm-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(2,6,23,0.12);
    border-color: var(--neo-primary);
}

.neo-uhm-card-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, rgba(14,165,233,0.1), rgba(14,165,233,0.05));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    transition: all 0.3s ease;
}

.neo-uhm-card:hover .neo-uhm-card-icon {
    background: linear-gradient(135deg, var(--neo-primary), #0284c7);
    color: #fff;
}

.neo-uhm-card-icon i {
    font-size: 1.5rem;
    color: var(--neo-primary);
    transition: all 0.3s ease;
}

.neo-uhm-card:hover .neo-uhm-card-icon i {
    color: #fff;
}

.neo-uhm-card h5 {
    margin: 0 0 0.5rem 0;
    font-weight: 700;
    color: var(--neo-dark);
}

.neo-uhm-card p {
    margin: 0 0 1rem 0;
    color: var(--neo-muted);
    font-size: 0.9rem;
    line-height: 1.4;
}

.neo-uhm-status {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    font-size: 0.85rem;
    color: var(--neo-muted);
}

.neo-uhm-status i {
    font-size: 0.75rem;
}

/* UHM Stats */
.neo-uhm-stat {
    background: var(--neo-card);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1rem;
    text-align: center;
    transition: all 0.3s ease;
}

.neo-uhm-stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(2,6,23,0.08);
}

.neo-uhm-stat-number {
    font-size: 2rem;
    font-weight: 900;
    color: var(--neo-primary);
    margin-bottom: 0.5rem;
}

.neo-uhm-stat-label {
    font-size: 0.85rem;
    color: var(--neo-muted);
    font-weight: 500;
}

/* Quick Actions */
.neo-uhm-quick-actions h6 {
    margin-bottom: 1rem;
    color: var(--neo-dark);
    font-weight: 700;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .neo-support-header,
    .neo-queue-header,
    .neo-uhm-header {
        flex-direction: column;
        text-align: center;
    }
    
    .neo-support-avatar,
    .neo-queue-avatar,
    .neo-uhm-avatar {
        width: 60px;
        height: 60px;
    }
    
    .neo-queue-actions {
        flex-direction: column;
    }
    
    .neo-uhm-stats .col-md-3 {
        margin-bottom: 1rem;
    }
}

/* Portal Menu Overlay (borrowed from modern theme) */
.modal-menu {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    backdrop-filter: blur(18px);
    z-index: 2100;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 1.5rem;
    padding-top: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    overflow-y: auto;
    overflow-x: hidden;
    isolation: isolate;
    scroll-behavior: auto;
}

/* İkinci seviye modal'lar (detay sayfaları) daha yüksek z-index */
#neoPortalServicesModal,
#neoPortalManagementModal {
    z-index: 2200;
}

.modal-menu::-webkit-scrollbar {
    width: 8px;
}

.modal-menu::-webkit-scrollbar-track {
    background: transparent;
}

.modal-menu::-webkit-scrollbar-thumb {
    background: rgba(14,165,233,0.3);
    border-radius: 4px;
}

.modal-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(14,165,233,0.5);
}

.modal-menu.active {
    display: flex !important;
    opacity: 1;
    visibility: visible;
}

.modal-menu.active .modal-menu-content {
    animation: slideDownFadeIn 0.4s ease forwards;
}

/* İlk modal için margin-top */
#neoPortalMenu.active .modal-menu-content {
    margin-top: 5vh;
}

/* Detay modal'ları için margin-top - ortadan açılması için */
#neoPortalServicesModal.active .modal-menu-content,
#neoPortalManagementModal.active .modal-menu-content {
    margin-top: 10vh;
    align-self: flex-start;
}

.modal-menu-content {
    pointer-events: auto;
    position: relative;
    z-index: 1;
    scroll-margin-top: 0;
    scroll-padding-top: 0;
}

.modal-menu.active {
    display: flex !important;
    opacity: 1;
    visibility: visible;
}

.modal-menu-content {
    max-width: 1400px;
    width: 100%;
    color: var(--neo-dark);
    padding-top: 0;
    position: relative;
    z-index: 1;
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    scroll-margin-top: 0;
    scroll-padding-top: 0;
    align-self: flex-start;
    margin-top: 5vh;
    margin-bottom: 5vh;
}

/* Başlık ekranı için padding */
.neo-portal-header-screen {
    padding-top: 0;
}

/* Portal section içeriği için padding */
.neo-portal-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
    scroll-margin-top: 0;
    scroll-padding-top: 0;
    position: relative;
    top: 0;
}

.modal-menu-title {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
    color: var(--neo-dark);
    opacity: 0;
    transform: translateY(-30px);
    animation: titleSlideIn 0.7s ease forwards;
}

.modal-menu-subtitle {
    font-size: 1.1rem;
    color: var(--neo-muted);
    margin-bottom: 2.5rem;
}

.modal-menu-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1.5rem;
    margin-bottom: 3rem;
}

@media (max-width: 1400px) {
    .modal-menu-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1000px) {
    .modal-menu-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .modal-menu-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .modal-menu-grid {
        grid-template-columns: 1fr;
    }
}

.modal-menu-card {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 24px;
    border: 1px solid rgba(14,165,233,0.15);
    padding: 2rem 1.25rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    box-shadow: 0 20px 45px rgba(15,23,42,0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    animation: cardSlideUp 0.5s ease forwards;
    min-height: 160px;
    justify-content: center;
}

@keyframes cardSlideUp {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-menu-card i {
    font-size: 2.25rem;
    color: #1e3a8a; /* lacivert */
    margin-bottom: 0.25rem;
}

.modal-menu-card h5 {
    margin: 0;
    font-weight: 700;
    color: #1e3a8a; /* lacivert */
}

.modal-menu-card p {
    display: none;
}

.modal-menu-card .btn {
    display: none;
}

.modal-menu-card:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 30px 60px rgba(15,23,42,0.18);
    border-color: var(--neo-primary);
}

.modal-menu.active .modal-menu-card {
    animation: cardSlideUp 0.5s ease forwards;
}

.modal-menu.active .modal-menu-card:nth-child(1) { animation-delay: 0.05s; }
.modal-menu.active .modal-menu-card:nth-child(2) { animation-delay: 0.1s; }
.modal-menu.active .modal-menu-card:nth-child(3) { animation-delay: 0.15s; }
.modal-menu.active .modal-menu-card:nth-child(4) { animation-delay: 0.2s; }
.modal-menu.active .modal-menu-card:nth-child(5) { animation-delay: 0.25s; }
.modal-menu.active .modal-menu-card:nth-child(6) { animation-delay: 0.3s; }

.modal-menu-close {
    position: fixed;
    top: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    color: var(--neo-dark);
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 30px rgba(15,23,42,0.18);
    cursor: pointer;
    transition: transform 0.3s ease, background 0.3s ease;
    z-index: 2200;
}

.modal-menu-close:hover {
    transform: scale(1.08) rotate(10deg);
    background: var(--neo-primary);
    color: #fff;
}

.neo-portal-board {
    max-width: 820px;
    margin: 0 auto 2rem auto;
}

@media (max-width: 1200px) {
    .modal-menu-content {
        padding-top: 0;
    }
    
    .neo-portal-header-screen {
        padding-top: 0;
    }
    
    .neo-portal-section {
        padding-top: 0 !important;
    }
}

@media (max-width: 768px) {
    .modal-menu {
        padding: 1.5rem 1rem;
    }
    .modal-menu-title {
        font-size: 2.2rem;
    }
    .modal-menu-close {
        width: 48px;
        height: 48px;
        top: 16px;
        right: 16px;
    }
}

@keyframes titleSlideIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes cardDropIn {
    0% {
        opacity: 0;
        transform: translateY(-60px) scale(0.9);
    }
    60% {
        opacity: 0.6;
        transform: translateY(10px) scale(1.03);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Neo Portal Header Screen Styles */
.neo-portal-header-screen {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 70vh;
    padding: 2rem;
    animation: fadeInUp 0.6s ease forwards;
    width: 100%;
    opacity: 1;
    visibility: visible;
}

/* Banka kartı — alt satırda ortalı; link alt çizgisi yok */
a.neo-portal-header-item.neo-portal-bank-card,
a.neo-portal-header-item.neo-portal-bank-card:hover,
a.neo-portal-header-item.neo-portal-bank-card:visited,
a.neo-portal-header-item.neo-portal-bank-card:focus,
a.neo-portal-header-item.neo-portal-bank-card:focus-visible {
    text-decoration: none !important;
    color: inherit;
    box-sizing: border-box;
    animation-delay: 0.28s;
    flex: 0 0 auto;
    align-self: center;
    width: min(100%, 350px);
}
a.neo-portal-header-item.neo-portal-bank-card .neo-portal-header-title,
a.neo-portal-header-item.neo-portal-bank-card .neo-portal-header-subtitle {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}
a.neo-portal-header-item.neo-portal-bank-card:hover {
    border-color: var(--neo-primary);
    box-shadow: 0 25px 70px rgba(14, 165, 233, 0.25);
}

.neo-portal-bank-card .neo-portal-tl-symbol {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 800;
    font-size: 2.75rem;
    line-height: 1;
    color: #fff;
}

/* Üstte 2 kart yan yana; banka kartı altta ortada (kategoriler / Online Hizmetler modalı) */
.neo-portal-header-container.neo-portal-header-container--stack-bank {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    flex-wrap: nowrap;
}
.neo-portal-header-row-top {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    gap: 2.5rem;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1180px;
}

.neo-portal-header-container {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 2.5rem;
    max-width: 1180px;
    width: 100%;
    flex-wrap: wrap;
}

.neo-portal-header-item {
    flex: 1;
    min-width: 250px;
    max-width: 350px;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 32px;
    padding: 2.5rem 2rem;
    text-align: center;
    cursor: pointer;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
    border: 3px solid transparent;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.1);
    position: relative;
    overflow: hidden;
    animation: slideInScale 0.8s ease forwards;
}

.neo-portal-header-item:hover {
    border-color: var(--neo-primary);
    box-shadow: 0 25px 70px rgba(14, 165, 233, 0.25);
}

.neo-portal-header-item:first-child {
    animation-delay: 0.1s;
}

.neo-portal-header-item:last-child {
    animation-delay: 0.2s;
}

.neo-portal-header-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 1.5rem;
    background: linear-gradient(135deg, #1e3a8a, #1d4ed8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: white;
    box-shadow: 0 15px 40px rgba(37, 99, 235, 0.28);
    transition: box-shadow 0.3s ease;
    position: relative;
}

.neo-portal-header-item:hover .neo-portal-header-icon {
    box-shadow: 0 20px 50px rgba(37, 99, 235, 0.36);
}

.neo-portal-header-title {
    font-size: 2.2rem;
    font-weight: 800;
    color: var(--neo-dark);
    margin-bottom: 0.75rem;
    background: linear-gradient(135deg, var(--neo-primary), #0284c7);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: all 0.4s ease;
}


.neo-portal-header-subtitle {
    font-size: 1rem;
    color: var(--neo-muted);
    margin: 0;
    line-height: 1.5;
}

.neo-portal-header-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 2rem;
    flex-shrink: 0;
}

.neo-portal-header-divider::before,
.neo-portal-header-divider::after {
    content: '';
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--neo-primary), transparent);
}

.neo-portal-header-divider span {
    padding: 0 1.5rem;
    font-weight: 700;
    color: var(--neo-primary);
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

/* Portal Section Styles */
.neo-portal-section {
    animation: slideInRight 0.5s ease forwards;
    opacity: 0;
    scroll-margin-top: 0;
    padding-top: 0 !important;
    margin-top: 0 !important;
    scroll-padding-top: 0;
    position: relative;
}

.neo-portal-section.active {
    opacity: 1;
}

.neo-portal-section-header {
    margin-bottom: 2.5rem;
    position: relative;
    scroll-margin-top: 0;
    padding-top: 0;
    scroll-padding-top: 0;
}

.neo-portal-back-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid #003366;
    color: #003366;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.neo-portal-back-btn:hover {
    background: #003366;
    color: #fff;
    border-color: #003366;
}
.neo-portal-back-btn:hover i {
    color: #fff;
}

.neo-portal-section-header .modal-menu-title {
    margin-left: 70px;
}

/* Online portal başlık ekranı: sadece başlık koyu mavi (ikon eski renkte) */
.neo-portal-header-title {
    color: #1e3a8a !important;
    background: none !important;
    -webkit-text-fill-color: #1e3a8a !important;
}

/* X butonu hover: koyu mavi + beyaz X */
.modal-menu-close:hover {
    background: #003366;
    color: #fff;
}
.modal-menu-close:hover i { color: #fff; }

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInScale {
    from {
        opacity: 0;
        transform: scale(0.8) translateY(30px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Responsive */
@media (max-width: 968px) {
    .neo-portal-header-container {
        flex-direction: column;
        gap: 2rem;
        align-items: stretch;
    }

    .neo-portal-header-container.neo-portal-header-container--stack-bank {
        flex-wrap: nowrap;
    }

    .neo-portal-header-row-top {
        flex-direction: column;
        align-items: stretch;
        gap: 2rem;
    }
    
    .neo-portal-header-divider {
        width: 100%;
        padding: 1rem 0;
    }
    
    .neo-portal-header-divider::before,
    .neo-portal-header-divider::after {
        height: 1px;
    }
    
    .neo-portal-header-item {
        min-width: 100%;
        min-height: 350px;
        padding: 3rem 2rem;
    }

    a.neo-portal-header-item.neo-portal-bank-card {
        width: 100%;
        max-width: 100%;
        align-self: stretch;
    }
    
    .neo-portal-header-title {
        font-size: 2.2rem;
    }
    
    .neo-portal-header-icon {
        width: 50px;
        height: 50px;
        font-size: 2.8rem;
    }
}

@media (max-width: 176px) {
    .neo-portal-header-screen {
        max-height: 10vh;

    }
    
    .neo-portal-header-item {
        max-height: 100px;
        /* padding: 2.5rem 1.5rem; */
    }
    
    .neo-portal-header-title {
        font-size: 1rem;
    }
    
    .neo-portal-header-subtitle {
        font-size: 1rem;
    }
    
    .neo-portal-header-icon {
        width: 80px;
        height: 80px;
        font-size: 2.2rem;
    }
    
    .neo-portal-section-header .modal-menu-title {
        margin-left: 60px;
        font-size: 2rem;
    }
}

/* Corporate Search Section */
.neo-corporate-search {
    background: white;
    padding: 1rem 0;
    margin-top: 0 !important;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.neo-corporate-search::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');
    opacity: 0.3;
    pointer-events: none;
}

.neo-search-wrapper {
    position: relative;
    z-index: 1;
}

.neo-search-header {
    text-align: center;
    margin-bottom: 1rem;
    color: white;
}

.neo-search-title {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0;
    color: white;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.neo-search-box-wrapper {
    max-width: 1320px;
    margin: 0 auto;
    width: 100%;
    min-width: 0;
    padding: 0 15px;
    box-sizing: border-box;
}

.neo-search-box {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 16px;
    padding: 0.75rem 1.25rem;
    box-shadow: 0 25px 70px rgba(14,165,233,0.35), 0 0 0 1px rgba(14,165,233,0.1);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.75rem;
    transition: all 0.3s ease;
    border: 2px solid var(--neo-primary);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    animation: searchPulse 3s ease-in-out infinite;
}
body.neo-home .neo-search-box {
    animation: neoSearchRgbGlow 5.5s ease-in-out infinite;
    border: 1px solid rgba(var(--neo-search-rgb-main, 14,165,233),0.72);
    border-width: 1px;
}

/* Kurumsal arama: input esnek küçülebilsin, butonlar sabit kalsın */
.neo-corporate-search .neo-search-input {
    min-width: 0;
    flex: 1 1 0%;
    width: auto;
    max-width: 100%;
}

.neo-corporate-search .neo-search-icon {
    flex-shrink: 0;
}

.neo-corporate-search .neo-search-filter-btn,
.neo-corporate-search .neo-search-submit-btn {
    flex-shrink: 0;
}

@keyframes searchPulse {
    0%, 100% {
        box-shadow: 0 25px 70px rgba(14,165,233,0.35), 0 0 0 1px rgba(14,165,233,0.1);
    }
    50% {
        box-shadow: 0 30px 80px rgba(14,165,233,0.45), 0 0 0 2px rgba(14,165,233,0.2);
    }
}

.neo-search-box:focus-within {
    border-color: var(--neo-primary);
    box-shadow: 0 30px 80px rgba(14,165,233,0.5), 0 0 0 3px rgba(14,165,233,0.3);
    transform: translateY(-3px);
    animation: none;
}

.neo-search-icon {
    color: var(--neo-primary);
    font-size: 1.3rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: rgba(14,165,233,0.1);
    border-radius: 10px;
}

.neo-search-input {
    flex: 1;
    border: none;
    outline: none;
    font-size: 1rem;
    color: var(--neo-dark);
    background: transparent;
    padding: 0;
    height: 38px;
    line-height: 38px;
}

.neo-search-input::placeholder {
    color: #94a3b8;
    font-weight: 400;
}

.neo-search-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.neo-search-filter-btn {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 2px solid #e2e8f0;
    background: white;
    color: var(--neo-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1rem;
}

.neo-search-filter-btn:hover {
    background: var(--neo-primary);
    color: white;
    border-color: var(--neo-primary);
    transform: scale(1.05);
}

.neo-search-submit-btn {
    height: 42px;
    padding: 0 1.5rem;
    background: linear-gradient(135deg, #2c5aa0 0%, #1e3c72 100%);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-weight: 700;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
    white-space: nowrap;
    box-shadow: 0 6px 18px rgba(44, 90, 160, 0.32);
}

.neo-search-submit-btn:hover {
    background: #0f2d6b;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(44, 90, 160, 0.4);
}

/* Suggestions removed */

/* Responsive — kurumsal arama kutusu her zaman yatay kalır */
/* Eski geniş breakpointlerdeki flex-direction:column kaldırıldı (zoom sorununu yaratıyordu) */

/* ======================================================
   KAPSAMLI MOBİL RESPONSIVE TASARIM
   Tüm bileşenler telefon ekranları için optimize edildi
   ====================================================== */

/* Genel Mobil Ayarlar */
@media (max-width: 768px) {
    /* Body ve Container */
    body {
        font-size: 14px;
        padding-top: 80px;
    }
    
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* Navbar altındaki içerik için padding - Carousel üst menüyle bitişik */
    .neo-carousel-section {
        margin-top: 0px; /* Üst menüyle bitişik */
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    
    /* Navbar Mobil Optimizasyonu */
    .premium-navbar {
        height: 80px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1030;
        overflow: visible;
    }
    
    .nav-container {
        height: 80px;
        padding: 0 10px 0 0;
        max-width: 100%;
        overflow: visible;
        gap: 0.35rem;
        justify-content: flex-start;
    }
    
    .premium-navbar .nav-brand {
        flex: 0 1 auto;
        flex-grow: 0;
        min-width: 0;
        max-width: 42vw;
    }
    
    .premium-navbar .nav-brand img,
    .nav-logo-blue {
        height: 78px !important;
        max-height: 78px !important;
        max-width: 100%;
        object-fit: contain;
        flex-shrink: 0;
    }
    
    .nav-menu {
        position: fixed;
        top: 70px;
        left: -100%;
        width: 280px;
        max-width: 85vw;
        height: calc(100vh - 70px);
        background: white;
        box-shadow: 2px 0 20px rgba(0, 0, 0, 0.15);
        transition: left 0.3s ease;
        overflow-y: auto;
        padding: 20px;
        z-index: 1020;
        display: flex;
        flex-direction: column;
    }
    
    .nav-menu.active {
        left: 0;
    }
    
    /* Desktop'ta menü görünür olmalı */
    @media (min-width: 1025px) {
        .nav-menu {
            position: static;
            display: flex;
            left: auto;
            width: auto;
            height: auto;
            background: transparent;
            box-shadow: none;
            padding: 0;
            overflow: visible;
        }
    }
    
    .nav-list {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        padding: 0;
        margin: 0;
    }
    
    .nav-link {
        padding: 12px 15px;
        font-size: 14px;
        width: 100%;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .nav-link span {
        display: inline-block;
    }
    
    .nav-link i {
        flex-shrink: 0;
    }
    
    .nav-actions {
        display: flex;
        align-items: center;
        gap: 5px;
        flex-shrink: 0;
        min-width: 0;
        margin-left: auto;
        padding-left: 8px;
        background: #ffffff;
        z-index: 5;
    }
    
    .online-services-btn {
        padding: 6px 10px;
        font-size: 11px;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .nav-corporate-search-btn {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }

    .nav-lang-switcher {
        gap: 2px;
    }

    .nav-lang-pill {
        min-width: 30px;
        height: 32px;
        padding: 0 7px;
        font-size: 11px;
    }

    .nav-lang-sep {
        font-size: 11px;
    }

    .nav-lang-more-btn {
        min-width: 32px;
        height: 32px;
        padding: 0 6px;
    }

    .nav-lang-menu {
        min-width: 176px;
        right: 0;
        max-width: min(240px, 85vw);
    }

    .nav-lang-menu-item {
        padding: 8px 10px;
        font-size: 13px;
    }
    
    .online-services-btn span {
        display: inline-block !important;
    }
    
    .online-services-btn i {
        flex-shrink: 0;
        font-size: 13px;
    }
    
    .mobile-menu-toggle {
        display: flex !important;
        flex-direction: column;
        gap: 4px;
        width: 32px;
        height: 32px;
        padding: 6px 4px;
        background: none;
        border: none;
        cursor: pointer;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
    }
    
    .mobile-menu-toggle span {
        width: 22px;
        height: 2.5px;
        background: #1e293b;
        border-radius: 2px;
        transition: all 0.3s ease;
        display: block;
    }
    
    .mobile-menu-toggle.active span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }
    
    .mobile-menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }
    
    .mobile-menu-toggle.active span:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
    }
    
    /* Carousel Mobil Optimizasyonu */
    .neo-carousel-section {
        padding-top: 0;
        margin-top: 0; /* Üst menüyle bitişik (body padding-top 80px ile hizalı) */
        margin-bottom: 0;
    }
    
    .neo-carousel-section .carousel-item img {
        height: 450px !important;
        min-height: 300px;
        max-height: 350px;
        object-fit:fill;
        object-position: center;
    }
    
    .carousel-indicators {
        bottom: 10px;
    }
    
    .carousel-indicators button {
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }
    
    .neo-carousel-section .carousel-control-prev,
    .neo-carousel-section .carousel-control-next {
        width: 38px !important;
        height: 38px !important;
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        border-radius: 10px !important;
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
        background: rgba(2, 6, 23, 0.22) !important;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 1 !important;
    }
    .neo-carousel-section .carousel-control-prev:hover,
    .neo-carousel-section .carousel-control-next:hover {
        transform: translateY(calc(-50% - 2px)) !important;
    }
    .neo-carousel-section .carousel-control-prev-icon,
    .neo-carousel-section .carousel-control-next-icon {
        width: 1rem !important;
        height: 1rem !important;
        background-size: 1rem 1rem !important;
    }
    
    /* Arama Kutusu Mobil */
    .neo-corporate-search {
        padding: 1rem 15px;
        background: white; /* Mavi gradient kaldırıldı */
    }
    
    .neo-search-title {
        font-size: 1.2rem;
        margin-bottom: 0.75rem;
    }
    
    .neo-search-box-wrapper {
        padding: 0;
    }
    
    .neo-search-box {
        flex-direction: row;
        gap: 0;
        padding: 0;
        background: white;
        border-radius: 50px;
        overflow: visible;
    }
    
    .neo-search-icon {
        display: none; /* Sol taraftaki büyüteç ikonunu gizle */
    }
    
    .neo-search-input {
        flex: 1;
        width: 100%;
        font-size: 16px; /* iOS zoom önleme için */
        padding: 1rem 15px; /* Sol taraftan padding eklendi ikon yerine */
        border: none;
        background: transparent;
    }
    
    .neo-search-input::placeholder {
        font-size: 15px;
        color: #94a3b8;
    }
    
    .neo-search-actions {
        display: flex;
        gap: 0;
        flex-shrink: 0;
        align-items: stretch;
    }
    
    .neo-search-filter-btn {
        width: 45px;
        height: 45px;
        border-radius: 0;
        border: none;
        border-left: 1px solid #e2e8f0;
        background: #f8fafc;
        color: var(--neo-primary);
        font-size: 1rem;
        padding: 0;
        margin: 0;
        transition: all 0.2s ease;
    }
    
    .neo-search-filter-btn:active {
        background: #e2e8f0;
        transform: scale(0.95);
    }
    
    .neo-search-submit-btn {
        width: 45px;
        height: 45px;
        border-radius: 0;
        border: none;
        background: linear-gradient(135deg, #2c5aa0 0%, #1e3c72 100%);
        color: white;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.9rem;
        font-weight: 700;
        min-width: 45px;
        box-shadow: none;
    }
    
    .neo-search-submit-btn span {
        display: block; /* "Ara" yazısını göster */
    }
    
    .neo-search-submit-btn:active {
        background: #0f2d6b;
        transform: scale(0.95);
    }
    
    body.neo-home .neo-search-box:focus-within {
        transform: none;
    }
    
    /* Üç Kolon Kartları Mobil */
    .neo-three-col {
        padding: 1.5rem 0;
    }
    
    .neo-three-col .col-lg-3 {
        margin-bottom: 1rem;
    }
    
    .neo-three-col .neo-card {
        height: auto;
        min-height: 140px;
    }
    
    /* President card yüksekliğini mobilde diğerleriyle eşitle */
    .neo-three-col .neo-card:has(.neo-avatar-lg) {
        height: auto;
        min-height: 140px;
    }
    
    .neo-avatar-lg {
        width: 50px;
        height: 50px;
        margin-bottom: 0.4rem;
        border-width: 2px;
    }
    
    /* Selçuk Öztürk kartı içeriğini ortalama */
    .neo-three-col .neo-card:has(.neo-avatar-lg) .neo-card-body {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1rem 0.75rem; /* Diğer kartlarla aynı padding */
    }
    
    .neo-three-col .neo-card:has(.neo-avatar-lg) h3.mt-3 {
        margin-top: 0 !important; /* mt-3'ü override et */
        text-align: center;
    }
    
    .neo-three-col .neo-card:has(.neo-avatar-lg) h3 {
        margin-top: 0 !important;
        text-align: center;
    }
    
    .neo-three-col .neo-card-body {
        padding: 1rem 0.75rem;
    }
    
    .neo-three-col .neo-card-body h3 {
        font-size: 0.95rem;
        margin-bottom: 0.5rem;
        line-height: 1.3;
    }
    
    .neo-three-col .neo-card-body h3 i {
        font-size: 0.9rem;
    }
    
    .neo-three-col .neo-card-body p {
        font-size: 0.8rem;
        line-height: 1.4;
        margin: 0;
    }
    
    .neo-three-col .neo-card-body small {
        font-size: 0.75rem;
        display: block;
        margin-top: 0.25rem;
        text-align: center;
    }
    
    /* Modal Mobil Stilleri */
    .neo-modal-body h2 {
        font-size: 1.4rem;
        margin-bottom: 0.875rem;
    }
    
    .neo-modal-body h2 i {
        font-size: 1.25rem;
    }
    
    .neo-modal-body p {
        font-size: 0.95rem;
        line-height: 1.6;
    }
    
    /* Hızlı Erişim Kartları Mobil */
    .neo-quick {
        padding: 1.5rem 0;
    }
    
    .neo-quick-card {
        padding: 1rem 0.5rem;
        min-height: 120px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .neo-quick-icon {
        width: 50px !important;
        height: 50px !important;
        margin-bottom: 0.5rem;
    }
    
    .neo-quick-card h6 {
        font-size: 0.9rem;
        margin-bottom: 0.25rem;
    }
    
    .neo-quick-card p {
        font-size: 0.75rem;
        line-height: 1.3;
    }
    
    /* Haberler Bölümü Mobil */
    #news {
        padding: 1rem 0 1.5rem 0;
    }
    
    .neo-news-main {
        min-height: auto !important;
        max-height: none !important;
        height: auto !important;
        border-radius: 0;
        margin-bottom: 1rem;
    }
    
    .neo-news-img {
        min-height: auto !important;
        max-height: none !important;
        height: auto !important;
        width: 100% !important;
        object-fit: cover;
        aspect-ratio: 16 / 9;
    }
    
    .neo-news-overlay {
        padding: 1.5rem;
    }
    
    .neo-news-overlay h4 {
        font-size: 1.1rem;
        line-height: 1.3;
    }
    
    .neo-news-content {
        padding: 1.5rem 1rem;
        min-height: 350px;
        max-height: 400px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .neo-news-content h2 {
        font-size: 1.5rem;
        margin-bottom: 0.75rem;
    }
    
    .neo-news-content p {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
    
    .neo-news-btn {
        padding: 0.75rem 1.5rem;
        font-size: 0.95rem;
    }
    
    .neo-news-list {
        margin-top: 1.5rem;
        gap: 0.75rem;
    }
    
    .neo-news-item {
        padding: 1rem 0;
    }
    
    .neo-news-item.active {
        padding-left: 0.75rem;
    }
    
    .neo-news-item h6 {
        font-size: 0.9rem;
        margin-bottom: 0.4rem;
    }
    
    .neo-news-item p {
        font-size: 0.85rem;
    }
    
    .neo-news-main {
        margin-bottom: 1rem;
        margin-left: -15px;
        margin-right: -15px;
        overflow: hidden;
        border-radius: 0;
        max-width: calc(100% + 30px);
        width: calc(100% + 30px);
        min-height: auto !important;
        max-height: none !important;
        height: auto !important;
    }
    
    .neo-news-img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 280px !important;
        max-height: none !important;
        object-fit: cover;
        object-position: center;
        display: block;
        margin: 0;
        padding: 0;
        aspect-ratio: 16 / 10;
    }
    
    #news .container {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
        overflow: hidden;
    }
    
    #news .row {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }
    
    #news .col-lg-9 {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
        overflow: visible;
    }
    
    .neo-news-overlay {
        padding: 1rem;
    }
    
    .neo-news-overlay h4 {
        font-size: 1rem;
        line-height: 1.4;
    }
    
    .neo-news-item {
        padding: 0.75rem;
        margin-bottom: 0.75rem;
    }
    
    .neo-news-item h6 {
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
    }
    
    .neo-news-item p {
        font-size: 0.8rem;
    }
    
    .neo-news-bubble {
        padding: 1rem;
    }
    
    .neo-news-bubble-body {
        max-width: 100%;
        width: 100%;
        height: 96vh;
    }

    .neo-news-bubble-image {
        height: 220px;
        min-height: 220px;
        max-height: 220px;
    }

    .neo-news-bubble-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }

    .neo-bubble-nav {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        font-size: 0.92rem;
    }
    .neo-bubble-nav-prev { left: 10px; }
    .neo-bubble-nav-next { right: 10px; }
    
    .neo-news-bubble-text {
        padding: 1.1rem 1.1rem 0.9rem;
    }

    .neo-news-bubble-text h4 {
        font-size: 1.1rem;
    }
    
    .neo-news-bubble-text h4 {
        font-size: 1.4rem;
    }
    
    .neo-news-bubble-text p {
        font-size: 0.95rem;
    }
    
    .neo-news-bubble-close {
        top: 1rem;
        right: 1rem;
        width: 36px;
        height: 36px;
    }
    
    /* Takvim Mobil Optimizasyonu - Daha Kompakt ve Okunabilir */
    .neo-calendar-wrapper {
        padding: 0.5rem 0;
        overflow-x: hidden;
        max-width: 100vw;
        width: 100%;
    }
    
    .neo-calendar-shell {
        flex-direction: column;
        gap: 0.5rem;
        width: 100%;
        max-width: 100%;
        padding: 0 5px;
        margin: 0 auto;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .neo-calendar-grid {
        display: grid;
        grid-template-columns: repeat(7, minmax(45px, 1fr)); /* Min width for readability */
        grid-auto-rows: 1fr;
        gap: 0.2rem;
        width: 100%;
        overflow-x: auto; /* Scroll if needed */
        min-height: auto;
        margin-top: 0.5rem;
        padding-bottom: 5px;
    }
    
    .neo-day-card {
        padding: 0.4rem 0.2rem;
        min-height: 52px;
        height: 100%;
        gap: 0.2rem;
        border-radius: 10px;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    
    .neo-calendar-day {
        padding: 0.35rem 0.2rem;
        font-size: 0.7rem;
        min-height: 48px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 0.25rem;
        box-sizing: border-box;
        width: 100%;
    }
    
    .neo-calendar-day-number {
        font-size: 0.85rem;
        font-weight: 700;
        line-height: 1.1;
    }
    
    .neo-calendar-day-name {
        font-size: 0.65rem;
        line-height: 1;
        font-weight: 600;
    }
    
    .neo-day-temp {
        font-size: 0.65rem;
    }
    
    .neo-day-event-tag {
        font-size: 0.65rem;
        padding: 0.3rem 0.35rem;
        margin-top: auto;
        white-space: nowrap;
        gap: 0.25rem;
        line-height: 1.1;
        border-radius: 6px;
    }
    
    .neo-calendar-sidebar {
        width: 100%;
        max-width: 100%;
        flex: 1 1 100%;
        padding: 0.75rem;
        box-sizing: border-box;
        height: auto !important;
        min-height: auto !important;
        margin-top: 0.5rem;
    }
    
    .neo-event-pill {
        padding: 0.6rem;
        font-size: 0.8rem;
        margin-bottom: 0.5rem;
        border-radius: 10px;
    }
    
    .neo-event-pill .pill-date {
        font-size: 0.75rem;
        font-weight: 700;
    }
    
    .neo-event-pill .pill-meta strong {
        font-size: 0.85rem;
        line-height: 1.3;
    }
    
    .neo-event-pill .pill-meta small {
        font-size: 0.7rem;
    }
    
    .neo-calendar-meta {
        flex-direction: column;
        gap: 0.5rem;
        margin-top: 0.75rem;
    }
    
    .neo-calendar-pill {
        font-size: 0.75rem;
        padding: 0.4rem 0.7rem;
        border-radius: 8px;
    }
    
    /* Three Column Section Mobil */
    .neo-three-col {
        padding: 1.5rem 0;
    }
    
    .neo-three-col .row {
        --bs-gutter-y: 1rem;
        --bs-gutter-x: 1rem;
    }
    
    .neo-three-col .neo-card {
        margin-bottom: 0;
    }
    
    .neo-three-col .neo-card-body {
        padding: 1.25rem;
    }
    
    .neo-three-col .neo-card-body h3 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
    
    .neo-three-col .neo-card-body p {
        font-size: 0.85rem;
        line-height: 1.5;
    }
    
    .neo-three-col .neo-avatar-lg {
        width: 80px;
        height: 80px;
    }
    
    /* Quick Access Mobil */
    .neo-quick {
        padding: 1.5rem 0;
    }
    
    .neo-quick .container {
        padding: 1.5rem 15px;
    }
    
    .neo-quick-card {
        padding: 1rem 0.75rem;
        min-height: auto;
    }
    
    .neo-quick-icon {
        width: 120px;
        height: 80px;
        margin-bottom: 0.75rem;
    }
    
    .neo-quick-card i {
        width: 70px;
        height: 70px;
        font-size: 1.75rem;
        margin-bottom: 0.75rem;
    }
    
    .neo-quick-card h6 {
        font-size: 1rem;
        margin-bottom: 0.4rem;
    }
    
    .neo-quick-card p {
        font-size: 0.85rem;
        line-height: 1.4;
    }
    
    /* Öne Çıkan Görseller Mobil */
    .neo-featured {
        padding: 1.5rem 0;
    }
    
    .neo-featured-card {
        margin-bottom: 1rem;
    }
    
    .neo-featured-image {
        height: 150px;
    }
    
    .neo-featured-overlay {
        padding: 0.75rem;
    }
    
    .neo-featured-overlay h4 {
        font-size: 1rem;
    }
    
    /* Yayınlar Mobil - kolonlar üst üste iken ayırıcı çizgi altta */
    .neo-publication-section {
        margin-bottom: 2rem;
    }
    .neo-publication-ipekyolu {
        border-right: none;
        padding-right: 0;
        border-bottom: 1px solid #e2e8f0;
        padding-bottom: 1.5rem;
    }
    .neo-publication-raporlar {
        padding-left: 0;
        padding-top: 1.5rem;
    }
    
    .neo-publication-title {
        font-size: 1.1rem;
        margin-bottom: 1rem;
    }
    
    .neo-publication-carousel .carousel-item {
        padding: 0 35px;
    }
    
    .neo-publication-item {
        flex-direction: column;
        padding: 0;
        min-height: auto;
    }
    
    .neo-publication-img {
        width: 100%;
        height: 180px;
        margin-bottom: 0;
    }
    
    .neo-publication-info {
        text-align: center;
        padding: 0.5rem 0.25rem;
    }
    
    .neo-publication-carousel .carousel-control-prev,
    .neo-publication-carousel .carousel-control-next {
        top: 90px;
    }
    
    .neo-publication-carousel .carousel-indicators {
        bottom: -25px;
    }
    
    /* Üyeler ve İhaleler Mobil */
    .neo-section {
        padding: 1rem 0;
    }
    
    .neo-section .row.g-4 {
        --bs-gutter-y: 0.75rem;
        --bs-gutter-x: 0.75rem;
    }
    
    .neo-card {
        margin-bottom: 0.75rem;
    }
    
    .neo-card-header {
        padding: 0.6rem 0.75rem !important;
    }
    
    .neo-card-header h4 {
        font-size: 0.95rem !important;
        margin: 0;
    }
    
    .neo-card-header h4 i {
        font-size: 0.9rem !important;
    }
    
    .neo-members,
    .neo-tenders {
        max-height: 350px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0.5rem !important;
        scrollbar-width: thin;
        scrollbar-color: rgba(14, 165, 233, 0.3) transparent;
    }
    
    .neo-members::-webkit-scrollbar,
    .neo-tenders::-webkit-scrollbar {
        width: 6px;
    }
    
    .neo-members::-webkit-scrollbar-track,
    .neo-tenders::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .neo-members::-webkit-scrollbar-thumb,
    .neo-tenders::-webkit-scrollbar-thumb {
        background: rgba(14, 165, 233, 0.3);
        border-radius: 3px;
    }
    
    .neo-members::-webkit-scrollbar-thumb:hover,
    .neo-tenders::-webkit-scrollbar-thumb:hover {
        background: rgba(14, 165, 233, 0.5);
    }
    
    .neo-member,
    .neo-tender {
        flex-direction: row;
        align-items: flex-start;
        padding: 0.5rem;
        margin-bottom: 0.4rem;
        gap: 0.5rem;
    }
    
    .neo-member i,
    .neo-tender i {
        width: 28px !important;
        height: 28px !important;
        font-size: 0.85rem !important;
        flex-shrink: 0;
        margin-bottom: 0;
    }
    
    .neo-member > div,
    .neo-tender > div {
        flex: 1;
        min-width: 0;
    }
    
    .neo-member h5,
    .neo-tender h5 {
        font-size: 0.75rem !important;
        margin-bottom: 0.15rem;
        line-height: 1.3;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .neo-member span,
    .neo-tender span {
        font-size: 0.7rem !important;
        line-height: 1.3;
        display: block;
    }
    
    .neo-members .btn,
    .neo-tenders .btn {
        font-size: 0.8rem !important;
        padding: 0.5rem 0.75rem !important;
        margin-top: 0.5rem !important;
    }
    
    /* Ekosistem Mobil */
    .neo-ecosystem-wrapper {
        position: relative;
        padding: 0 2rem;
    }
    
    .neo-ecosystem-scroll {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }
    
    .neo-ecosystem-grid {
        display: flex;
        gap: 1rem;
        padding-bottom: 0.5rem;
    }
    
    .neo-ecosystem-wrapper {
        padding: 1.5rem 0;
    }
    
    .neo-ecosystem-scroll {
        padding: 1rem 0 2.5rem;
    }
    
    .neo-ecosystem-grid {
        padding: 0 10%;
    }
    
    .neo-ecosystem-card {
        scroll-snap-align: center;
        min-width: 220px;
        width: 220px;
        height: 160px;
        margin: 0 -50px;
        transform: scale(0.65) rotateY(55deg) translateZ(-60px);
    }
    
    .neo-ecosystem-card.active {
        transform: scale(0.9) rotateY(0deg) translateZ(0px);
        margin: 0 5px;
    }
    
    .neo-ecosystem-card:not(.active):nth-child(odd) {
        transform: scale(0.65) rotateY(55deg) translateZ(-60px);
    }
    
    .neo-ecosystem-card:not(.active):nth-child(even) {
        transform: scale(0.65) rotateY(-55deg) translateZ(-60px);
    }
    
    .neo-ecosystem-card-overlay {
        padding: 0.75rem 0.5rem 0.5rem;
    }
    
    .neo-ecosystem-card-overlay h6 {
        font-size: 0.8rem;
        margin-bottom: 0.25rem;
    }
    
    .neo-ecosystem-card-overlay p {
        font-size: 0.7rem;
    }
    
    .neo-ecosystem-nav {
        display: flex;
        width: 36px;
        height: 36px;
    }
    
    .neo-ecosystem-nav i {
        font-size: 1rem;
    }
    
    .neo-ecosystem-nav-prev {
        left: 5px;
    }
    
    .neo-ecosystem-nav-next {
        right: 5px;
    }
    
    /* Footer mobil: ortada watermark logo (temel kurallar yukarıda) */
    .neo-footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        min-height: 148px;
    }
    .neo-footer h5 { font-size: 0.68rem; margin-bottom: 0.3rem; }
    .neo-links li { font-size: 0.62rem; line-height: 1.35; }
    .neo-links { gap: 0.15rem; }
    .neo-links a i { font-size: 0.5rem; margin-right: 2px; }
    .neo-footer-bottom { font-size: 0.6rem; padding: 0.6rem 0 0.5rem; }
    .neo-footer-bottom p { font-size: 0.6rem; gap: 0.25rem 0.35rem; }
    .neo-footer-bottom .footer-links a { font-size: 0.6rem; }
    
    /* Modals Mobil */
    .neo-modal-content {
        width: 95vw !important;
        max-height: 90vh;
        border-radius: 12px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .neo-modal-content.wide {
        width: 95vw !important;
    }
    
    .neo-modal-body {
        padding: 1rem;
        max-height: calc(90vh - 60px);
        overflow-y: auto;
    }
    
    .neo-modal-close {
        width: 32px;
        height: 32px;
        top: 10px;
        right: 10px;
        font-size: 1rem;
    }
    
    /* Portal Menü Mobil */
    .modal-menu {
        padding: 1rem;
    }
    
    .modal-menu-content {
        padding: 1rem;
    }
    
    .modal-menu-title {
        font-size: 1.5rem;
    }
    
    .modal-menu-subtitle {
        font-size: 0.9rem;
    }
    
    .modal-menu-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }
    
    .modal-menu-card {
        padding: 1rem;
        min-height: 100px;
    }
    
    .modal-menu-card i {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }
    
    .modal-menu-card h5 {
        font-size: 0.85rem;
    }
    
    .neo-portal-header-container {
        flex-direction: column;
        gap: 1rem;
    }

    .neo-portal-header-row-top {
        flex-direction: column;
        gap: 1rem;
    }
    
    .neo-portal-header-item {
        min-width: 100%;
        max-width: 100%;
        min-height: 200px;
        padding: 1.5rem 1rem;
    }

    a.neo-portal-header-item.neo-portal-bank-card {
        width: 100%;
        max-width: 100%;
        align-self: stretch;
    }
    
    .neo-portal-header-icon {
        width: 70px;
        height: 70px;
        font-size: 2rem;
    }
    
    .neo-portal-header-title {
        font-size: 1.3rem;
    }
    
    .neo-portal-header-subtitle {
        font-size: 0.85rem;
    }
    
    /* Chatbot Mobil */
    .neo-chatbot-toggle {
        position: fixed;
        right: 15px;
        bottom: 16px;
        width: auto;
        height: auto;
        min-width: 0;
        z-index: 2400;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 0.35rem;
    }
    
    .neo-chatbot-toggle img {
        width: 76px;
        height: 76px;
        border-radius: 0;
        object-fit: contain;
        box-sizing: border-box;
        border: none;
        box-shadow: none;
        filter: none;
    }
    
    .neo-chatbot-toggle span {
        display: block;
        font-size: 0.68rem;
        padding: 0;
        max-width: 9rem;
    }
    
    .neo-chatbot {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        top: 0;
        width: 100vw;
        max-width: 100vw;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
        z-index: 2350;
        overflow: hidden;
        box-sizing: border-box;
    }
    
    .neo-chatbot-header {
        padding: 1rem;
        flex-shrink: 0;
    }
    
    .neo-chatbot-body {
        flex: 1;
        overflow-y: auto;
        padding: 1rem;
        min-height: 0;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .neo-assistant-primary {
        padding: 1rem;
        gap: 0.75rem;
    }
    
    .neo-assistant-primary-icon img {
        width: 45px;
        height: 45px;
    }
    
    .neo-assistant-primary-text h5 {
        font-size: 1rem;
    }
    
    .neo-assistant-primary-text small {
        font-size: 0.75rem;
    }
    
    .neo-assistant-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
        width: 100%;
    }
    
    .neo-assistant-card {
        flex: none;
        min-width: 0;
        padding: 0.7rem 0.5rem;
        gap: 0.4rem;
    }
    
    .neo-assistant-card img {
        width: 42px;
        height: 42px;
        padding: 4px;
    }
    
    .neo-assistant-card h6 {
        font-size: 0.8rem;
        line-height: 1.2;
    }
    
    .neo-assistant-card small {
        font-size: 0.65rem;
        line-height: 1.2;
    }
    
    .neo-chatbot-thread {
        padding: 0.75rem;
        margin-top: 0.5rem;
    }
    
    .neo-chatbot-input {
        padding: 1rem;
        flex-shrink: 0;
        border-top: 1px solid #e2e8f0;
    }
    
    /* Sağ Menü Mobil */
    .neo-right-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100vw;
        max-width: 100vw;
        height: 100vh;
        max-height: 100vh;
        z-index: 2150;
        transition: right 0.3s ease;
        overflow: hidden;
        box-sizing: border-box;
    }
    
    .neo-right-menu.open {
        right: 0;
    }
    
    .neo-right-header {
        flex-shrink: 0;
        padding: 1rem;
    }
    
    .neo-right-items {
        flex: 1;
        overflow-y: auto;
        padding: 0.5rem;
    }
    
    /* Sağ menü: dikey orta — chatbot robotu (sağ alt) ile çakışmasın */
    .neo-right-toggle {
        position: fixed;
        right: max(14px, env(safe-area-inset-right, 0px));
        top: 50%;
        bottom: auto;
        width: 48px;
        height: 48px;
        z-index: 2200;
        transform: translateY(-50%);
        max-width: calc(100vw - 30px);
    }
    
    .neo-right-toggle:hover {
        transform: translateY(-50%) scale(1.08);
    }
    
    /* İstatistikler Panel Mobil */
    .neo-stats {
        position: fixed;
        top: 0;
        left: -100vw;
        width: 90vw;
        max-width: 320px;
        height: 100vh;
        transform: none;
        z-index: 2000;
        transition: left 0.35s ease;
    }
    
    .neo-stats.open {
        left: 0;
    }
    
    .neo-stats-trigger {
        position: fixed;
        left: 15px;
        bottom: 15px;
        padding: 0.5rem 0.75rem;
        font-size: 0.75rem;
        z-index: 1990;
        white-space: nowrap;
    }
    
    .neo-stats-trigger span {
        display: none;
    }
    
    /* Mobilde butonların çakışmaması için düzenleme */
    .neo-chatbot-toggle {
        bottom: 16px;
        right: 15px;
        max-width: calc(100vw - 30px);
    }
    
    .neo-right-toggle {
        top: 50%;
        bottom: auto;
        right: max(14px, env(safe-area-inset-right, 0px));
        transform: translateY(-50%);
        max-width: calc(100vw - 30px);
    }
    
    .neo-stats-trigger {
        bottom: 15px;
        left: 15px;
        max-width: calc(100vw - 30px);
    }
    
    /* Overflow kontrolü */
    body {
        overflow-x: hidden;
        max-width: 100vw;
    }
    
    html {
        overflow-x: hidden;
        max-width: 100vw;
    }
    
    /* Destek Modalları Mobil */
    .neo-support-header,
    .neo-queue-header,
    .neo-uhm-header {
        flex-direction: column;
        text-align: center;
        padding-bottom: 1rem;
    }
    
    .neo-support-avatar,
    .neo-queue-avatar,
    .neo-uhm-avatar {
        width: 60px;
        height: 60px;
        margin: 0 auto;
    }
    
    .neo-support-info h3,
    .neo-queue-info h3,
    .neo-uhm-info h3 {
        font-size: 1.2rem;
    }
    
    .neo-support-options .col-md-6,
    .neo-uhm-services .col-md-6 {
        margin-bottom: 1rem;
    }
    
    .neo-support-card,
    .neo-uhm-card {
        padding: 1rem;
    }
    
    .neo-queue-actions {
        flex-direction: column;
        gap: 0.75rem;
    }
    
    .neo-queue-actions .btn {
        width: 100%;
    }
    
    .neo-uhm-stats .col-md-3 {
        margin-bottom: 1rem;
    }
    
    /* Genel Butonlar Mobil */
    .btn {
        padding: 0.6rem 1rem;
        font-size: 0.9rem;
    }
    
    .btn-neo-primary,
    .btn-neo-outline {
        padding: 0.75rem 1.25rem;
        font-size: 0.9rem;
    }
    
    /* Form Elemanları Mobil */
    .form-control,
    .form-select {
        padding: 0.75rem;
        font-size: 0.9rem;
    }
    
    textarea.form-control {
        min-height: 100px;
    }
    
    /* Görsel Optimizasyonu */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* Spacing Ayarları */
    .mb-3, .mb-4, .mb-5 {
        margin-bottom: 1rem !important;
    }
    
    .mt-3, .mt-4, .mt-5 {
        margin-top: 1rem !important;
    }
    
    .py-3, .py-4, .py-5 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

/* Çok Küçük Ekranlar (480px ve altı) */
@media (max-width: 480px) {
    /* Navbar */
    .premium-navbar {
        height: 75px;
    }
    
    .nav-container {
        height: 75px;
        padding: 0 8px 0 0;
        gap: 0.35rem;
        justify-content: flex-start;
    }
    
    .premium-navbar .nav-brand img,
    .nav-logo-blue {
        height: 72px !important;
        max-height: 72px !important;
    }
    
    .nav-menu {
        top: 75px;
        height: calc(100vh - 75px);
        width: 260px;
        max-width: 90vw;
    }
    
    .mobile-menu-toggle {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        flex-shrink: 0 !important;
    }
    
    .mobile-menu-toggle span {
        width: 20px;
        height: 2px;
    }
    
    .online-services-btn {
        padding: 5px 8px;
        font-size: 10px;
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }
    
    .online-services-btn span {
        display: inline-block !important;
        font-size: 10px;
    }
    
    .online-services-btn i {
        flex-shrink: 0;
        font-size: 12px;
    }
    
    body {
        padding-top: 75px;
    }
    
    /* Carousel çok küçük ekranlarda - Üst menüyle bitişik */
    .neo-carousel-section {
        margin-top: 0px; /* Üst menüyle bitişik */
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    
    /* Butonlar çok küçük ekranlarda */
    .neo-chatbot-toggle {
        width: auto;
        height: auto;
        right: 12px;
        bottom: 12px;
        gap: 0.3rem;
    }
    
    .neo-chatbot-toggle img {
        width: 68px;
        height: 68px;
    }
    
    .neo-right-toggle {
        width: 44px;
        height: 44px;
        right: max(12px, env(safe-area-inset-right, 0px));
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }
    
    .neo-stats-trigger {
        left: 12px;
        bottom: 12px;
        padding: 0.4rem 0.6rem;
        font-size: 0.7rem;
    }
    
    /* Takvim Çok Küçük Ekranlar */
    .neo-calendar-wrapper {
        padding: 1rem 0;
        overflow-x: hidden;
        max-width: 100vw;
        width: 100%;
    }
    
    .neo-calendar-shell {
        padding: 0 5px;
        margin: 0;
        width: 100%;
        max-width: 100%;
    }
    
    /* Arama Kutusu Çok Küçük Ekranlar */
    .neo-corporate-search {
        padding: 0.75rem 10px;
        background: white; /* Mavi gradient kaldırıldı */
    }
    
    .neo-search-title {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
    
    .neo-search-icon {
        display: none; /* Sol taraftaki büyüteç ikonunu gizle */
    }
    
    .neo-search-input {
        font-size: 16px; /* iOS zoom önleme */
        padding: 0.875rem 12px; /* Sol taraftan padding eklendi ikon yerine */
    }
    
    .neo-search-input::placeholder {
        font-size: 14px;
    }
    
    .neo-search-filter-btn {
        width: 38px;
        height: 38px;
        font-size: 0.95rem;
    }
    
    .neo-search-submit-btn {
        width: 50px;
        height: 38px;
        font-size: 0.9rem;
        font-weight: 700;
        min-width: 50px;
        color: white;
        background: linear-gradient(135deg, #2c5aa0 0%, #1e3c72 100%);
    }
    
    .neo-search-submit-btn span {
        display: block; /* "Ara" yazısını göster */
    }
    
    .neo-calendar-main {
        padding: 0.5rem 0.4rem;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
    
    .neo-calendar-header {
        margin-bottom: 0.5rem;
        gap: 0.5rem;
    }
    
    .neo-calendar-header h3 {
        font-size: 0.95rem;
    }
    
    .neo-calendar-location {
        font-size: 0.65rem;
    }
    
    .neo-calendar-control {
        width: 30px;
        height: 30px;
        font-size: 0.75rem;
    }
    
    .neo-calendar-grid {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        grid-auto-rows: 1fr;
        gap: 0.2rem;
        width: 100%;
        max-width: 100%;
        min-height: 240px;
        margin-top: 0.5rem;
        padding: 0;
        overflow-x: hidden;
        box-sizing: border-box;
        align-items: stretch;
    }
    
    .neo-day-card {
        padding: 0.3rem 0.15rem;
        min-height: 42px;
        height: 100%;
        gap: 0.15rem;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    
    /* Etkinlik olmayan günlerde de aynı yüksekliği korumak için boş alan - KALDIRILDI */
    
    .neo-calendar-day {
        padding: 0.25rem 0.1rem;
        font-size: 0.6rem;
        min-height: 40px;
        gap: 0.15rem;
    }
    
    /* Takvim Gün Sayıları Mobil */
    .neo-calendar-day-number {
        font-size: 0.85rem !important; /* Zorla boyut uygula */
        line-height: 1.2 !important;
        display: block;
        width: 100%;
        text-align: center;
        overflow: visible; /* Taşmayı önle */
    }
    
    .neo-day-head {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .neo-day-event-tag {
         font-size: 0.7rem;
         padding: 2px 4px;
         background-color: var(--neo-primary);
         color: white;
         border-radius: 4px;
         display: inline-block;
         margin-top: 2px;
    }

    
    .neo-calendar-day-name {
        font-size: 0.55rem;
        line-height: 1;
    }
    
    .neo-day-temp {
        font-size: 0.55rem;
    }
    
    .neo-day-event-tag {
        font-size: 0.51rem;
        padding: 0.2rem 0.25rem;
        margin-top: auto;
        min-height: 1rem;
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        gap: 0.15rem;
        line-height: 1;
    }
    
    .neo-calendar-sidebar {
        padding: 0.5rem;
        height: auto !important;
        min-height: auto !important;
    }
    
    .neo-event-pill {
        padding: 0.4rem;
        font-size: 0.7rem;
    }
    
    .neo-event-pill .pill-date {
        font-size: 0.65rem;
    }
    
    .neo-event-pill .pill-meta strong {
        font-size: 0.75rem;
    }
    
    .neo-event-pill .pill-meta small {
        font-size: 0.6rem;
    }
    
    /* neo-event-bubble kaldırıldı */
    
    /* Online İşlemler Butonu Çok Küçük Ekranlar */
    .online-services-btn {
        padding: 5px 8px;
        font-size: 10px;
        gap: 4px;
    }
    
    .online-services-btn i {
        font-size: 12px;
    }
    
    .online-services-btn span {
        font-size: 10px;
    }
    
    /* Carousel */
    .neo-carousel-section {
        padding-top: 0;
        margin-top: 0;
    }
    
    .neo-carousel-section .carousel-item img {
        height: 200px !important;
    }
    
    /* Kartlar */
    .neo-three-col .neo-card {
        min-height: 130px;
    }
    
    /* President card yüksekliğini küçük mobilde de eşitle */
    .neo-three-col .neo-card:has(.neo-avatar-lg) {
        min-height: 130px;
    }
    
    .neo-avatar-lg {
        width: 45px;
        height: 45px;
        margin-bottom: 0.3rem;
        border-width: 2px;
    }
    
    /* Küçük mobilde de ortalama */
    .neo-three-col .neo-card:has(.neo-avatar-lg) .neo-card-body {
        text-align: center;
        padding: 0.875rem 0.5rem; /* Diğer kartlarla aynı padding */
    }
    
    .neo-three-col .neo-card:has(.neo-avatar-lg) h3.mt-3 {
        margin-top: 0 !important;
        text-align: center;
    }
    
    .neo-three-col .neo-card:has(.neo-avatar-lg) h3 {
        margin-top: 0 !important;
        text-align: center;
    }
    
    .neo-three-col .neo-card-body {
        padding: 0.875rem 0.5rem;
    }
    
    .neo-three-col .neo-card-body h3 {
        font-size: 0.85rem;
        margin-bottom: 0.4rem;
    }
    
    .neo-three-col .neo-card-body h3 i {
        font-size: 0.8rem;
    }
    
    .neo-three-col .neo-card-body p {
        font-size: 0.75rem;
        line-height: 1.3;
    }
    
    .neo-three-col .neo-card-body small {
        font-size: 0.7rem;
        text-align: center;
    }
    
    .neo-quick-card {
        padding: 0.75rem 0.5rem;
        min-height: 100px;
    }
    
    /* Yayınlarımız: sadece genişliği biraz daralt (yükseklik sabit kalsın) */
    .neo-publication-img {
        width: 80%;
        max-width: 240px;
    }
    
    .neo-section .row.g-4 {
        --bs-gutter-y: 0.5rem;
        --bs-gutter-x: 0.5rem;
    }
    
    .neo-card {
        margin-bottom: 0.5rem;
    }
    
    .neo-card-header {
        padding: 0.5rem 0.6rem !important;
    }
    
    .neo-card-header h4 {
        font-size: 0.85rem !important;
    }
    
    .neo-card-header h4 i {
        font-size: 0.8rem !important;
    }
    
    .neo-members,
    .neo-tenders {
        max-height: 280px;
        padding: 0.4rem !important;
        scrollbar-width: thin;
        scrollbar-color: rgba(14, 165, 233, 0.3) transparent;
    }
    
    .neo-member,
    .neo-tender {
        padding: 0.4rem;
        margin-bottom: 0.3rem;
        gap: 0.4rem;
    }
    
    .neo-member i,
    .neo-tender i {
        width: 24px !important;
        height: 24px !important;
        font-size: 0.75rem !important;
    }
    
    .neo-member h5,
    .neo-tender h5 {
        font-size: 0.7rem !important;
        margin-bottom: 0.1rem;
    }
    
    .neo-member span,
    .neo-tender span {
        font-size: 0.65rem !important;
    }
    
    .neo-members .btn,
    .neo-tenders .btn {
        font-size: 0.75rem !important;
        padding: 0.4rem 0.6rem !important;
        margin-top: 0.4rem !important;
    }
    
    .neo-quick-icon {
        width: 40px !important;
        height: 40px !important;
    }
    
    /* Haberler */
    .neo-news-img {
        height: 180px !important;
    }
    
    .neo-news-overlay h4 {
        font-size: 0.9rem;
    }
    
    #news {
        padding: 0.75rem 0 1rem 0;
    }
    
    .neo-news-main {
        margin-bottom: 0.75rem;
        margin-left: -12px;
        margin-right: -12px;
        overflow: hidden;
        border-radius: 0;
        max-width: calc(100% + 24px);
        width: calc(100% + 24px);
        min-height: auto !important;
        max-height: none !important;
        height: auto !important;
    }
    
    .neo-news-img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 240px !important;
        max-height: none !important;
        object-fit: cover;
        object-position: center;
        display: block;
        margin: 0;
        padding: 0;
        aspect-ratio: 16 / 10;
    }
    
    #news .container {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
        overflow: hidden;
    }
    
    #news .row {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }
    
    #news .col-lg-9 {
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
        overflow: visible;
    }
    
    /* Takvim */
    .neo-calendar-grid {
        gap: 0.25rem;
    }
    
    .neo-calendar-day {
        padding: 0.4rem 0.15rem;
        font-size: 0.7rem;
    }
    
    .neo-calendar-day-number {
        font-size: 0.8rem;
    }
    
    /* Chatbot Çok Küçük Ekranlar */
    .neo-chatbot-body {
        padding: 0.75rem;
        gap: 0.6rem;
    }
    
    .neo-assistant-primary {
        padding: 0.85rem;
        gap: 0.6rem;
    }
    
    .neo-assistant-primary-icon img {
        width: 40px;
        height: 40px;
    }
    
    .neo-assistant-primary-text h5 {
        font-size: 0.9rem;
    }
    
    .neo-assistant-primary-text small {
        font-size: 0.7rem;
    }
    
    .neo-assistant-grid {
        gap: 0.4rem;
    }
    
    .neo-assistant-card {
        padding: 0.6rem 0.4rem;
        gap: 0.35rem;
    }
    
    .neo-assistant-card img {
        width: 38px;
        height: 38px;
        padding: 3px;
    }
    
    .neo-assistant-card h6 {
        font-size: 0.75rem;
        line-height: 1.15;
    }
    
    .neo-assistant-card small {
        font-size: 0.6rem;
        line-height: 1.15;
    }
    
    .neo-chatbot-thread {
        padding: 0.6rem;
    }
    
    /* Modals */
    .neo-modal-content {
        width: 98vw !important;
        max-height: 95vh;
    }
    
    .neo-modal-body h2 {
        font-size: 1.25rem;
        margin-bottom: 0.75rem;
    }
    
    .neo-modal-body h2 i {
        font-size: 1.1rem;
    }
    
    .neo-modal-body p {
        font-size: 0.9rem;
        line-height: 1.5;
    }
    
    .modal-menu-grid {
        grid-template-columns: 1fr;
    }
    
    /* Footer — çok küçük ekran, tek sıra */
    .neo-footer {
        padding: 0;
        margin-top: 1.25rem;
        min-height: 0;
        overflow-x: clip;
    }
    .neo-footer-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0.28rem 0.35rem !important;
        min-height: 132px !important;
    }
    .neo-footer-logo { max-width: min(52vw, 150px) !important; opacity: 0.36 !important; }
    .neo-footer h5 { font-size: 0.56rem !important; }
    .neo-links li { font-size: 0.5rem !important; }
    .neo-footer-bottom p { font-size: 0.52rem !important; }
}

/* Yatay Mod (Landscape) Optimizasyonu */
@media (max-width: 768px) and (orientation: landscape) {
    .neo-carousel-section .carousel-item img {
        height: 200px !important;
    }
    
    .neo-chatbot {
        height: 100vh;
    }
    
    .neo-modal-content {
        max-height: 95vh;
    }
}

/* Tablet Optimizasyonu (768px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .neo-carousel-section .carousel-item img {
        height: 350px;
    }
    
    .neo-three-col .neo-card {
        height: 160px;
    }
    
    .neo-quick-card {
        padding: 1rem 0.75rem 1.3rem;
    }
    
    .neo-calendar-grid {
        grid-template-columns: repeat(7, 1fr);
        gap: 0.5rem;
    }
    
    .modal-menu-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .neo-chatbot {
        width: 400px;
        height: 550px;
    }
}


/* Neo 3D Carousel (Rotating) */
.neo-3d-carousel-wrapper {
    position: relative;
    width: 100%;
    height: 360px;
    perspective: 1200px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: visible;
    margin: 20px 0;
    padding-top: 40px;
    touch-action: pan-y;
}

.neo-3d-carousel {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transform: translateZ(-1000px) rotateY(0deg);
}

.neo-3d-carousel.dragging {
    cursor: grabbing;
}

.neo-3d-item {
    position: absolute;
    width: 580px;
    height: 380px;
    left: 50%;
    top: 50%;
    margin-left: -310px;
    margin-top: -280px;
    border-radius: 20px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    cursor: grab;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s ease, box-shadow 0.3s, border 0.3s;
    user-select: none;
    -webkit-user-drag: none;
    backface-visibility: hidden;
}

.neo-3d-item:hover {
    box-shadow: 0 25px 50px rgba(0,0,0,0.4);
    border: 2px solid #007bff; /* Fallback or use hex if var not available in this scope, but it should be */
    border: 2px solid var(--neo-accent, #007bff);
}

.neo-3d-media {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    display: block;
}

.neo-3d-item-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 20px 12px;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.3) 70%, transparent 100%);
    color: #fff;
    text-align: center;
    opacity: 1;
    z-index: 10;
    transition: all 0.3s ease;
    max-height: 35%;
}

.neo-3d-item:hover .neo-3d-item-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 60%, transparent 100%);
}

.neo-3d-item h6 {
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff;
    font-size: 1.2rem;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.neo-3d-item p {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.9);
    margin: 0;
}

/* Neo 3D Carousel - Mobile Responsive */
@media (max-width: 768px) {
    .neo-3d-carousel-wrapper {
        height: 240px;
        padding-top: 10px;
        margin-top: 1rem !important;
        margin-bottom: 1rem;
    }
    
    .neo-3d-item {
        width: 280px;
        height: 200px;
        margin-left: -140px;
        margin-top: -100px; /* Centered vertically (half of height) */
    }
    
    .neo-3d-item-overlay {
        padding: 10px 12px 8px;
        max-height: 45%;
    }
    
    .neo-3d-item h6 {
        font-size: 0.9rem;
        margin-bottom: 3px;
    }
    
    .neo-3d-item p {
        font-size: 0.75rem;
        line-height: 1.2;
    }
    
    #ecosystem .neo-section-header,
    #ecosystem .neo-section-header.mb-5 {
        margin-bottom: 0.5rem !important;
    }
}

/* Neo Flat Trio Slider: 3 kart görünür (sol/sağ küçük, orta büyük). Sitede gömülü, scroll yok, açılan alan tam görünsün. */
.neo-flat-slider-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 2.5rem 0;
    overflow-x: clip;
    overflow-y: visible;
}

/* üst blokta #ecosystem .neo-flat-slider-wrapper ile birleşik (margin/padding 0’a çekildi) */

#ecosystem .container {
    overflow: visible;
}

/* Viewport: yatay scroll yok, açılan orta alan tam görünsün (üst/alt kesilmesin), sitede gömülü */
.neo-flat-trio-viewport {
    width: 100%;
    overflow-x: clip;
    overflow-y: visible;
    min-height: 420px;
}

.neo-flat-trio-track {
    display: flex;
    transform: translateX(0);
    will-change: transform;
    transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.neo-flat-trio-card {
    flex: 0 0 33.3333%;
    padding: 0 28px;
    padding-top: 53px;
    box-sizing: border-box;
}

/* Orta kart scale ile genişleyince yan sütunlardaki tıklama orta karta düşmesin */
#ecosystem .neo-flat-trio-card.is-left,
#ecosystem .neo-flat-trio-card.is-right {
    position: relative;
    z-index: 4;
}
#ecosystem .neo-flat-trio-card.is-center {
    position: relative;
    z-index: 1;
}

.neo-flat-trio-card-inner {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    position: relative;
    cursor: pointer;
    transform: scale(0.82);
    transform-origin: center center;
    transition: transform 0.45s ease, box-shadow 0.3s ease;
}

.neo-flat-trio-card.is-center .neo-flat-trio-card-inner {
    transform: scale(1.22);
    box-shadow: 0 12px 32px rgba(0,0,0,0.15);
    border-radius: 10px;
}

/* Ortadaki videoda mouse üstündeyken biraz daha büyüsün (viewport padding ile uyumlu max) */
.neo-flat-trio-card.is-center.is-hover-expand .neo-flat-trio-card-inner {
    transform: scale(1.32);
    box-shadow: 0 16px 40px rgba(0,0,0,0.18);
}

.neo-flat-trio-card.is-left .neo-flat-trio-card-inner,
.neo-flat-trio-card.is-right .neo-flat-trio-card-inner {
    opacity: 0.95;
}

.neo-flat-trio-media {
    width: 100%;
    height: 300px;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

.neo-flat-item-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 14px 18px 12px;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.5) 60%, transparent 100%);
    color: #fff;
    text-align: center;
    z-index: 5;
}

.neo-flat-item-overlay h6 {
    font-weight: 700;
    margin: 0 0 4px;
    font-size: 1.05rem;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.neo-flat-item-overlay p {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.9);
    margin: 0;
}

.neo-flat-trio-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 1.25rem;
}

/* dots aralığı üst #ecosystem bloğunda */

.neo-flat-trio-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease;
}

.neo-flat-trio-dot:hover,
.neo-flat-trio-dot.active {
    background: var(--neo-accent, #007bff);
}

.neo-flat-trio-dot.active {
    transform: scale(1.2);
}

@media (max-width: 992px) {
    .neo-flat-trio-card {
        padding: 0 8px;
    }
    .neo-flat-trio-media {
        height: 240px;
    }
}

@media (max-width: 768px) {
    /* Mobilde de 3 kart görünür (daha kompakt) */
    .neo-flat-trio-card {
        padding: 0 6px;
    }
    .neo-flat-trio-media {
        height: 200px;
    }
    .neo-flat-trio-card-inner {
        transform: scale(0.82);
    }
    .neo-flat-trio-card.is-center .neo-flat-trio-card-inner {
        transform: scale(1.08);
    }
}

/* Page Styles - Genel Sayfa Şablonu */
.neo-page-header {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 300px;
    display: flex;
    align-items: center;
    margin-top: 120px; /* Default desktop nav height */
    padding: 60px 0;
}

@media (max-width: 768px) {
    .neo-page-header {
        margin-top: 80px; /* Mobile nav height */
        min-height: 200px;
        padding: 40px 0;
    }
    .neo-page-header-content h1 {
        font-size: 2rem;
    }
}

.neo-page-header-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 51, 102, 0.85) 0%, rgba(0, 64, 128, 0.75) 100%);
}

.neo-page-header-content {
    position: relative;
    z-index: 1;
    color: #fff;
}

.neo-page-header-content h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.neo-page-header-simple {
    margin-top: 120px; /* Default desktop nav height */
    padding: 40px 0 20px;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    border-bottom: 3px solid #003366;
}

@media (max-width: 768px) {
    .neo-page-header-simple {
        margin-top: 80px; /* Mobile nav height */
    }
}

.neo-page-header-simple .neo-page-header-content h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #003366;
    margin-bottom: 15px;
}

.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
}

.breadcrumb-item a {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #fff;
}

.neo-page-header-simple .breadcrumb-item a {
    color: #64748b;
}

.neo-page-header-simple .breadcrumb-item.active {
    color: #003366;
}

/* Header'dan sonra gelen ilk section için padding-top'u azalt */
.neo-page-header + .neo-section,
.neo-page-header-simple + .neo-section {
    padding-top: 1rem;
}

.neo-page-content {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #1e293b;
}

.neo-page-content h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #003366;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #C4A14D;
}

.neo-page-content h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #003366;
    margin-top: 25px;
    margin-bottom: 15px;
}

.neo-page-content p {
    margin-bottom: 15px;
}

.neo-page-content ul,
.neo-page-content ol {
    margin-bottom: 20px;
    padding-left: 30px;
}

.neo-page-content li {
    margin-bottom: 10px;
}

.neo-page-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.neo-page-content blockquote {
    border-left: 4px solid #C4A14D;
    padding-left: 20px;
    margin: 20px 0;
    font-style: italic;
    color: #64748b;
}

.neo-page-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.neo-page-content table th,
.neo-page-content table td {
    padding: 12px;
    border: 1px solid #e2e8f0;
    text-align: left;
}

.neo-page-content table th {
    background: #003366;
    color: #fff;
    font-weight: 600;
}

.neo-page-content table tr:nth-child(even) {
    background: #f8f9fa;
}

@media (max-width: 768px) {
    .neo-page-header {
        min-height: 200px;
        padding: 40px 0;
        margin-top: 92px;
    }
    
    .neo-page-header-content h1 {
        font-size: 2rem;
    }
    
    .neo-page-header-simple {
        margin-top: 92px;
        padding: 30px 0 15px;
    }
    
    /* Mobilde header'dan sonra gelen ilk section için padding-top'u daha da azalt */
    .neo-page-header + .neo-section,
    .neo-page-header-simple + .neo-section {
        padding-top: 0.75rem;
    }
    
    .neo-page-header-simple .neo-page-header-content h1 {
        font-size: 1.75rem;
    }
    
    .neo-page-content {
        font-size: 1rem;
    }
    
    .neo-page-content h2 {
        font-size: 1.5rem;
    }
    
    .neo-page-content h3 {
        font-size: 1.25rem;
    }
}

/* KTO Ekosistemi Modal Styles */
.kto-ecosystem-header {
    text-align: center;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e2e8f0;
}

.kto-ecosystem-header h2 {
    color: #003366;
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0;
}

.kto-ecosystem-content {
    max-width: 100%;
}

.kto-ecosystem-video {
    position: relative;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

.kto-ecosystem-video video {
    width: 100%;
    height: auto;
    display: block;
    max-height: 500px;
    object-fit: contain;
}

.kto-ecosystem-info .card {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: box-shadow 0.3s ease;
}

.kto-ecosystem-info .card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

.kto-ecosystem-info .card-title {
    color: #003366;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.kto-ecosystem-info .card-text {
    color: #475569;
    line-height: 1.7;
    font-size: 1rem;
}

.kto-ecosystem-info .btn-primary {
    background: #003366;
    border-color: #003366;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.kto-ecosystem-info .btn-primary:hover {
    background: #004488;
    border-color: #004488;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,51,102,0.3);
}

@media (max-width: 768px) {
    .kto-ecosystem-video video {
        max-height: 300px;
    }
    
    .kto-ecosystem-header h2 {
        font-size: 1.5rem;
    }
}

/* ═══════════════════════════════════════════════════════════════
   KAPSAMLI MOBİL RESPONSIVE İYİLEŞTİRMELER v2 — index.php
   Sadece mobil (max-width: 768px) - PC görünümüne dokunmaz
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

    /* ── GENEL ── */
    html, body {
        overflow-x: hidden;
        width: 100%;
    }
    * {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* ── CAROUSEL ── */
    .neo-carousel-section .carousel-item img,
    #neoCarousel .carousel-item img {
        height: 52vw !important;
        min-height: 200px !important;
        max-height: 320px !important;
        object-fit: cover !important;
        object-position: center center;
    }
    .neo-carousel-caption {
        bottom: 24px !important;
        left: 14px;
        right: 14px;
    }
    .neo-carousel-title {
        font-size: clamp(0.9rem, 4vw, 1.3rem) !important;
        margin-bottom: 4px;
    }
    .neo-carousel-subtitle {
        font-size: 0.78rem !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .neo-carousel-actions {
        margin-top: 8px;
    }
    .neo-carousel-btn {
        padding: 7px 12px;
        font-size: 0.78rem;
    }
    .carousel-indicators {
        bottom: 6px;
    }
    .neo-carousel-section .carousel-indicators button {
        width: 8px;
        height: 8px;
    }
    .neo-carousel-section .carousel-control-prev,
    .neo-carousel-section .carousel-control-next {
        width: 36px;
        height: 36px;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.4);
        background: rgba(2, 6, 23, 0.22);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 1;
    }
    .neo-carousel-section .carousel-control-prev:hover,
    .neo-carousel-section .carousel-control-next:hover {
        transform: translateY(calc(-50% - 2px));
    }

    /* ── ARAMA KUTUSU ── */
    .neo-search-box-wrapper {
        padding: 0;
    }
    .neo-search-box {
        flex-direction: row !important;
        flex-wrap: nowrap;
        border-radius: 50px;
        padding: 0;
        gap: 0;
        align-items: center;
        overflow: visible;
    }
    .neo-search-icon {
        flex-shrink: 0;
        font-size: 14px;
    }
    .neo-search-input {
        flex: 1 1 0;
        min-width: 0;
        font-size: 13px;
        padding: 8px 4px;
        width: auto !important;
    }
    .neo-search-input::placeholder {
        font-size: 12px;
    }
    .neo-search-filter-btn {
        padding: 8px 10px;
        font-size: 13px;
        flex-shrink: 0;
    }
    .neo-search-submit-btn {
        padding: 10px 14px;
        font-size: 13px;
        border-radius: 10px;
        flex-shrink: 0;
        white-space: nowrap;
    }
    .neo-search-actions {
        display: flex;
        flex-direction: row;
        gap: 6px;
        align-items: center;
        flex-shrink: 0;
    }

    /* ── ÜÇ KOLON KARTLAR ── */
    .neo-three-col .row > [class*="col-"] {
        margin-bottom: 0;
    }
    .neo-card {
        border-radius: 12px;
        padding: 14px 12px;
    }
    .neo-card h3 {
        font-size: 0.95rem;
        margin-bottom: 6px;
    }
    .neo-card p,
    .neo-card small {
        font-size: 0.78rem;
        line-height: 1.5;
    }
    .neo-avatar-lg {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        object-fit: cover;
        margin-bottom: 8px;
    }

    /* ── HIZLI ERİŞİM KARTLARI ── */
    .neo-quick-card {
        padding: 14px 10px 18px;
        border-radius: 14px;
        min-height: auto;
        gap: 8px;
    }
    .neo-quick-icon {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        object-fit: cover;
    }
    .neo-quick-card h6 {
        font-size: 0.82rem;
        line-height: 1.3;
        margin-bottom: 4px;
    }
    .neo-quick-card p {
        font-size: 0.72rem;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* ── HABERLER ── */
    #news {
        padding: 2rem 0;
    }
    .neo-news-main {
        height: 260px !important;
        min-height: 260px !important;
        max-height: 260px !important;
    }
    .neo-news-img {
        height: 260px !important;
        min-height: 260px !important;
        max-height: 260px !important;
    }
    .neo-news-overlay h4 {
        font-size: 1rem;
        max-width: 100%;
    }
    .neo-news-overlay {
        padding: 1rem;
    }
    .neo-news-all-link span {
        display: none;
    }
    .neo-news-extra-images {
        gap: 6px;
        padding: 6px;
        left: 8px;
        bottom: 8px;
    }
    .neo-news-extra-img {
        width: 54px;
        height: 40px;
    }
    /* Haber listesi sağ kol - tam genişlik */
    .neo-news-list-item {
        padding: 10px 12px;
        gap: 10px;
    }
    .neo-news-list-img {
        width: 70px;
        height: 52px;
        flex-shrink: 0;
    }
    .neo-news-list-title {
        font-size: 0.8rem;
        -webkit-line-clamp: 2;
    }

    /* ── TAKVİM ── */
    .neo-calendar-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .neo-calendar-grid {
        min-width: 280px;
    }
    .neo-calendar-day {
        font-size: 0.75rem;
        padding: 4px 2px;
        min-height: 34px;
    }

    /* ── ÖZEL İÇERİKLER (Featured) ── */
    .neo-featured-section {
        padding: 1.5rem 0;
    }
    .neo-featured-item {
        border-radius: 12px;
        overflow: hidden;
    }
    .neo-featured-img {
        height: 180px;
        object-fit: cover;
    }

    /* ── DIŞ TİCARET VERİLERİ ── */
    .distic-veriler {
        padding: 1.5rem 0;
        overflow: hidden;
    }
    .distic-header-bar {
        flex-wrap: wrap;
        gap: 8px;
        padding: 10px 12px;
    }
    .distic-header-bar h2,
    .distic-header-bar .distic-title {
        font-size: 1rem;
        flex: 1 1 100%;
    }
    .distic-year-nav {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
    }
    .distic-year-btn {
        padding: 4px 10px;
        font-size: 12px;
    }
    .distic-tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        gap: 6px;
        padding-bottom: 4px;
    }
    .distic-tab-btn {
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 12px;
    }
    /* Mobil çubuk grafik iyileştirmesi */
    .distic-mobile-bars {
        padding: 0 8px;
    }
    .distic-bar-item {
        margin-bottom: 10px;
    }
    .distic-bar-label {
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
    }
    .distic-bar-value {
        font-size: 11px;
    }

    /* ── EKOSİSTEM (768 mobil paket: alttaki kurallar burayı ezmeyecek şekilde aynı çizgide) ── */
    #ecosystem.neo-section,
    body.neo-home section.neo-section[data-section-code="ecosystem"] {
        padding: 1.25rem 0 1rem !important;
        overflow-x: clip;
        overflow-y: visible;
    }
    #ecosystem .neo-3d-carousel-wrapper,
    body.neo-home section[data-section-code="ecosystem"] .neo-3d-carousel-wrapper {
        margin: 8px 0 !important;
        padding: 8px 0 0 !important;
    }
    #ecosystem .neo-flat-slider-wrapper,
    body.neo-home section[data-section-code="ecosystem"] .neo-flat-slider-wrapper {
        padding: 1rem 0 0.6rem !important;
        margin: 0 !important;
        overflow-x: clip;
        overflow-y: visible;
    }
    #ecosystem .neo-flat-trio-viewport,
    body.neo-home section[data-section-code="ecosystem"] .neo-flat-trio-viewport {
        padding: 1rem 0 0.15rem;
        box-sizing: border-box;
        min-height: 340px !important;
        overflow-x: clip;
        overflow-y: visible;
    }

    /* ── YAYINLAR / DERGİLER ── */
    .neo-publication-section {
        overflow: hidden;
    }
    /* Yayın carousel görseli boyutu */
    .neo-publication-img {
        height: 220px !important;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
        width: 100%;
    }
    .neo-publication-item {
        gap: 10px;
        padding: 8px;
    }
    .neo-publication-info h6 {
        font-size: 0.82rem;
        line-height: 1.3;
        -webkit-line-clamp: 2;
    }
    .neo-publication-carousel {
        border-radius: 12px;
        overflow: hidden;
    }

    /* ── ÜYELİK / İHALE KARTLARI ── */
    .neo-uyeihale-wrapper {
        flex-direction: column;
        gap: 1rem;
    }
    .neo-uyeihale-col {
        width: 100%;
    }

    /* ── BÖLÜM BAŞLIKLARI ── */
    .neo-section-title {
        font-size: 1.1rem;
    }
    .neo-card-header {
        padding: 12px 14px;
        flex-wrap: wrap;
        gap: 8px;
    }

    /* ── FOOTER — 3 kolon + ortada watermark logo ── */
    .neo-footer-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0.4rem 0.5rem !important;
        padding: 1.1rem 0 0.75rem !important;
        min-height: 148px !important;
        align-items: start !important;
    }
    .neo-footer-col { min-width: 0; }
    .neo-footer-col--brand {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }
    .neo-footer-logo-glow { display: block !important; }
    .neo-footer-logo {
        max-width: min(48vw, 170px) !important;
        width: 100% !important;
        opacity: 0.38 !important;
    }
    .neo-footer-col:not(.neo-footer-col--brand) { position: relative; z-index: 2; }
    .neo-footer h5 { font-size: 0.65rem !important; margin-bottom: 0.25rem !important; letter-spacing: 0.02em !important; }
    .neo-links li { font-size: 0.58rem !important; line-height: 1.3 !important; }
    .neo-links { gap: 0.12rem !important; }
    .neo-links a i { font-size: 0.55rem !important; margin-right: 3px !important; }
    .neo-footer-bottom { font-size: 0.58rem !important; padding: 0.55rem 0 0.45rem !important; }
    .neo-footer-bottom p { flex-wrap: wrap !important; justify-content: center !important; gap: 0.2rem 0.35rem !important; }
    .neo-footer-bottom .footer-links a { font-size: 0.58rem !important; }

    /* ── SECTION PADDING OVERRIDE ── */
    .neo-section {
        padding: 1.5rem 0;
    }
    .neo-three-col.neo-section,
    .neo-quick.neo-section {
        padding: 1.2rem 0;
    }
    #news.neo-section {
        padding: 1.5rem 0;
    }

    /* ── KARTLARDAKİ GRID GÜVENLİĞİ ── */
    .row {
        --bs-gutter-x: 12px;
    }
    .g-4 {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 12px;
    }
}

/* 480px ve altı - ekstra küçük ekranlar */
@media (max-width: 480px) {

    body {
        padding-top: 70px;
    }

    /* Carousel daha kısa */
    #neoCarousel .carousel-item img {
        height: 48vw;
        min-height: 170px;
        max-height: 260px;
    }

    /* Arama kutusu */
    .neo-search-submit-btn span {
        display: none;
    }
    .neo-search-submit-btn::after {
        content: "\f002";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
    }
    .neo-search-submit-btn {
        padding: 10px 12px;
    }

    /* Kart metinleri */
    .neo-card h3 {
        font-size: 0.85rem;
    }
    .neo-card p,
    .neo-card small {
        font-size: 0.72rem;
    }

    /* Haberler */
    .neo-news-main {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
    }
    .neo-news-img {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
    }

    /* Bölüm başlıkları */
    .neo-section-title {
        font-size: 0.95rem;
    }

    /* Yayın görseli daha küçük */
    .neo-publication-img {
        height: 180px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   MOBİL KAPSAMLI DÜZELTMELER v3 — Tüm Sorunlar
   Sadece max-width: 768px — PC'ye dokunmaz
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

    /* ══ 1. CAROUSEL — Daha büyük, daha göze çarpan ══ */
    .neo-carousel-section .carousel-item img,
    #neoCarousel .carousel-item img {
        height: 65vw !important;
        min-height: 260px !important;
        max-height: 400px !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
    /* Caption konumu ve boyutu */
    .neo-carousel-caption {
        bottom: 20px !important;
        left: 12px !important;
        right: 12px !important;
        padding: 10px 14px;
        background: linear-gradient(0deg, rgba(0,0,0,0.55) 0%, transparent 100%);
        border-radius: 10px;
    }
    .neo-carousel-title {
        font-size: clamp(1rem, 4.5vw, 1.4rem) !important;
        line-height: 1.2;
        margin-bottom: 4px;
    }
    .neo-carousel-subtitle {
        font-size: 0.8rem !important;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .neo-carousel-actions { margin-top: 8px; }
    .neo-carousel-btn {
        padding: 7px 14px;
        font-size: 0.8rem;
    }
    /* Carousel ok butonları — ortalı, şeffaf cam */
    .neo-carousel-section .carousel-control-prev,
    .neo-carousel-section .carousel-control-next {
        width: 36px !important;
        height: 36px !important;
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        border-radius: 10px !important;
        border: 1px solid rgba(255, 255, 255, 0.4) !important;
        background: rgba(2, 6, 23, 0.22) !important;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 1 !important;
    }
    .neo-carousel-section .carousel-control-prev:hover,
    .neo-carousel-section .carousel-control-next:hover {
        transform: translateY(calc(-50% - 2px)) !important;
    }
    .neo-carousel-section .carousel-control-prev-icon,
    .neo-carousel-section .carousel-control-next-icon {
        width: 1rem !important;
        height: 1rem !important;
        background-size: 1rem 1rem !important;
    }
    .neo-carousel-section .carousel-indicators button {
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
    }

    /* ══ 2. ÜÇ KOLON KARTLAR — Düzenli ve okunabilir ══ */
    .neo-three-col {
        padding: 10px 0 6px !important;
    }
    .neo-three-col .row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }
    .neo-three-col .neo-card {
        padding: 14px 10px !important;
        border-radius: 14px !important;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    /* Başkan kartı — sadece neo-avatar-lg (render'dan gelen); neo-card-president kartındaki foto ayrı kuralda büyük */
    .neo-three-col .neo-card:not(.neo-card-president) .neo-card-body.text-center .neo-avatar-lg {
        width: 70px !important;
        height: 70px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        margin-bottom: 8px !important;
    }
    /* Başkan kartı (neo-card-president) mobilde de aynı boyut; render için data-section-code */
    .neo-three-col .neo-card-president .neo-president-avatar,
    .neo-three-col .neo-card-president .neo-avatar-lg,
    .neo-three-col .neo-card-president .neo-card-body.text-center img,
    .neo-three-col .neo-card-president .neo-card-president-body img,
    section[data-section-code="three_col"] .neo-card-president .neo-president-avatar,
    section[data-section-code="three_col"] .neo-card-president .neo-avatar-lg,
    section[data-section-code="three_col"] .neo-card-president .neo-card-body.text-center img,
    section[data-section-code="three_col"] .neo-card-president .neo-card-president-body img {
        width: 100px !important;
        height: 100px !important;
        min-width: 80px !important;
        min-height: 80px !important;
        aspect-ratio: 1 / 1;
    }
    .neo-three-col .neo-card h3 {
        font-size: 0.85rem !important;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 4px !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .neo-three-col .neo-card p {
        font-size: 0.72rem !important;
        line-height: 1.4;
        color: #555;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 0 !important;
    }
    .neo-three-col .neo-card small {
        font-size: 0.7rem !important;
        color: #666;
    }
    /* İkon boyutu */
    .neo-three-col .neo-card h3 i {
        font-size: 0.9rem;
    }

    /* ══ 3. HIZLI ERİŞİM KARTLARI — Görsel büyük, metin okunabilir ══ */
    .neo-quick {
        padding: 10px 0 6px !important;
    }
    .neo-quick .row {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }
    .neo-quick-card {
        padding: 16px 10px 22px !important;
        border-radius: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 8px !important;
        min-height: 210px;
    }
    .neo-quick-icon {
        width: 72px !important;
        height: 72px !important;
        border-radius: 16px !important;
        object-fit: cover !important;
        flex-shrink: 0;
    }
    .neo-quick-card h6 {
        font-size: 0.82rem !important;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 2px !important;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .neo-quick-card p {
        font-size: 0.7rem !important;
        line-height: 1.35;
        color: #666;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 0 !important;
    }

    /* ══ 4. HABERLER — Ana haber görseli ve liste ══ */
    #news { padding: 1.5rem 0 !important; }
    .neo-news-main {
        height: 240px !important;
        min-height: 240px !important;
        max-height: 240px !important;
        border-radius: 14px !important;
    }
    .neo-news-img {
        height: 240px !important;
        min-height: 240px !important;
        max-height: 240px !important;
    }
    .neo-news-overlay h4 {
        font-size: 0.95rem !important;
        line-height: 1.3;
        max-width: 100%;
    }
    .neo-news-overlay { padding: 12px !important; }
    .neo-news-extra-img { width: 50px !important; height: 38px !important; }

    /* ══ 5. DERGİ / YAYINLAR — Kapaklar düzgün gözüksün ══ */
    .neo-publication-item {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 85% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    .neo-publication-img {
        width: 85% !important;
        max-width: 220px !important;
        height: 260px !important;
        object-fit: cover !important;
        border-radius: 10px !important;
        margin: 0 auto 10px !important;
    }
    .neo-publication-info {
        text-align: center !important;
        padding: 8px 0 !important;
    }
    .neo-publication-info h6 {
        font-size: 0.88rem !important;
        font-weight: 700;
    }
    .neo-publication-carousel .carousel-control-prev,
    .neo-publication-carousel .carousel-control-next {
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    .neo-publication-carousel .carousel-control-prev { left: 4px !important; }
    .neo-publication-carousel .carousel-control-next { right: 4px !important; }

    /* ══ 6. DIŞ TİCARET — Canvas'ı gizle, mobile bar'ı göster ══ */
    #distic-veriler .distic-desktop-only {
        display: none !important;
    }
    #distic-veriler .distic-mobile-only {
        display: block !important;
    }
    #distic-veriler .container {
        padding-left: 6px !important;
        padding-right: 6px !important;
        max-width: 100% !important;
    }
    #distic-veriler .neo-card {
        width: calc(100% + 12px) !important;
        margin-left: -6px !important;
        margin-right: -6px !important;
    }
    #distic-veriler .neo-card-body {
        padding: 14px !important;
    }
    #distic-veriler .neo-card-body > div:first-child {
        padding: 14px !important;
    }
    #distic-veriler .distic-chart-head {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        margin-bottom: 12px !important;
    }
    #distic-veriler .distic-chart-title {
        width: 100% !important;
        font-size: 0.9rem !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }
    #distic-veriler #disticTotalBadge,
    #distic-veriler #disticTotalBadgeRender {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        font-size: 0.78rem !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        word-break: break-word;
        text-align: left !important;
        padding: 8px 10px !important;
    }
    #distic-veriler .distic-mobile-candle-board {
        width: 100% !important;
        overflow: hidden !important;
        padding: 10px 6px 8px !important;
    }
    #distic-veriler .distic-mobile-candle-grid {
        gap: 2px !important;
        min-height: 156px !important;
        padding: 2px 0 4px !important;
    }
    #distic-veriler .distic-mobile-candle-col {
        min-width: 0 !important;
        flex: 1 1 0 !important;
    }
    #distic-veriler .distic-mobile-candle-track {
        width: 100% !important;
        max-width: 14px !important;
        height: 140px !important;
    }
    #distic-veriler .distic-mobile-candle-body {
        width: 10px !important;
    }
    /* Header bar düzenlemesi */
    #distic-veriler .neo-card-header {
        padding: 12px 14px !important;
        border-radius: 14px 14px 0 0 !important;
    }
    .distic-header-bar {
        flex-wrap: nowrap !important;
        gap: 8px !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .distic-header-center {
        flex: 1 !important;
        text-align: center !important;
        min-width: 0 !important;
    }
    .distic-title {
        font-size: 0.9rem !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .distic-subtitle {
        font-size: 0.7rem !important;
        display: block;
    }
    /* Yıl geçiş butonları */
    .distic-header-bar .btn-light {
        width: 34px !important;
        height: 34px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
    }
    /* Alt butonlar (matris & sektör) */
    #distic-veriler .row.g-3 .col-md-6 {
        padding-top: 0;
        padding-bottom: 0;
    }
    #distic-veriler .row.g-3 a {
        padding: 16px !important;
        border-radius: 12px !important;
    }
    #distic-veriler .row.g-3 a div:first-child > div:first-child {
        font-size: 1rem !important;
        margin-bottom: 4px !important;
    }

    /* ══ 7. FOOTER — tek sıra grid (eski Bootstrap col kuralları devre dışı) ══ */
    .neo-footer {
        padding: 0 !important;
        min-height: 0 !important;
        overflow-x: clip;
    }
    .neo-footer > .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
        max-width: 100% !important;
    }
    .neo-footer-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0.4rem 0.5rem !important;
        padding: 1.1rem 0 0.75rem !important;
        min-height: 148px !important;
        position: relative !important;
    }
    .neo-footer-col { min-width: 0; }
    .neo-footer-col--brand {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 0 !important;
        pointer-events: none !important;
    }
    .neo-footer-logo-glow { display: block !important; }
    .neo-footer-logo {
        max-width: min(48vw, 170px) !important;
        margin: 0 auto !important;
        opacity: 0.38 !important;
    }
    .neo-footer-col:not(.neo-footer-col--brand) { position: relative; z-index: 2; }
    .neo-footer h5 { font-size: 0.65rem !important; margin-bottom: 0.25rem !important; }
    .neo-links li, .neo-links a { font-size: 0.58rem !important; line-height: 1.3 !important; }
    .neo-links a { overflow-wrap: anywhere; word-break: break-word; }
    .neo-footer-bottom {
        padding: 0.55rem 8px 0.45rem !important;
        margin-top: 0 !important;
        border-top: 1px solid rgba(226,232,240,0.15) !important;
    }
    .neo-footer-bottom p {
        font-size: 0.58rem !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 0.2rem 0.35rem !important;
    }

    /* ══ 8. NAV DROPDOWN — Mobil sidebar içinde inline açılır ══ */
    /* Sidebar (nav-menu) içinde dropdown: relative, inline */
    .nav-menu .dropdown-menu {
        position: static !important;
        display: none;
        width: 100% !important;
        max-width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        border-left: 3px solid #e0e7ef !important;
        border-radius: 0 !important;
        background: #f8fafc !important;
        padding: 4px 0 4px 8px !important;
        margin: 4px 0 0 8px !important;
        overflow: hidden !important;
    }
    .nav-menu .dropdown-menu[style*="display: block"],
    .nav-menu .nav-item.dropdown-open .dropdown-menu {
        display: block !important;
    }
    .nav-menu .dropdown-item {
        padding: 10px 14px !important;
        font-size: 0.88rem !important;
        border-radius: 8px !important;
        margin-bottom: 2px !important;
        color: #334155 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }
    .nav-menu .dropdown-item:hover,
    .nav-menu .dropdown-item:active {
        background: #e0e7ef !important;
        color: #003366 !important;
    }
    /* Dropdown olan nav-link'e chevron ekle */
    .nav-menu .nav-item.dropdown > .nav-link::after {
        content: '\f107';
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        margin-left: auto;
        transition: transform 0.2s ease;
        font-size: 0.75rem;
    }
    .nav-menu .nav-item.dropdown.dropdown-open > .nav-link::after {
        transform: rotate(180deg);
    }

    /* ══ 9. CHATBOT — Mobilde tam ekran, düzgün ══ */
    .neo-chatbot {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        border-radius: 0 !important;
        z-index: 2350 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .neo-chatbot-body {
        flex: 1 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .neo-chatbot-input {
        flex-shrink: 0 !important;
        padding: 12px !important;
        background: #fff;
        border-top: 1px solid #e2e8f0 !important;
    }
    .neo-chatbot-header {
        flex-shrink: 0 !important;
        padding: 12px 16px !important;
    }

    /* ══ 10. CANLI DESTEK PANELİ — Sağa yaslanmış, taşmadan ══ */
    .neo-support-chat-view,
    .neo-support-chat-panel,
    [class*="neo-support"] {
        max-width: calc(100vw - 20px) !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* ══ 11. SAĞ MENÜ — Taşmadan tam görünür ══ */
    .neo-right-menu {
        position: fixed !important;
        top: 0 !important;
        right: -100vw !important;
        left: auto !important;
        width: min(320px, 100vw) !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        z-index: 2150 !important;
        transition: right 0.3s ease !important;
    }
    .neo-right-menu.open {
        right: 0 !important;
        left: auto !important;
    }

    /* ══ 12. GENEL OVERFLOW ÖNLEME ══ */
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
    .container,
    .container-fluid {
        overflow-x: hidden;
        max-width: 100%;
    }

    /* ══ 13. STATS TRIGGER — Alt sol buton ══ */
    .neo-stats-trigger {
        left: 10px !important;
        bottom: 10px !important;
        padding: 6px 10px !important;
        font-size: 0.72rem !important;
    }
    .neo-chatbot-toggle {
        right: 12px !important;
        bottom: 12px !important;
    }
    .neo-right-toggle {
        right: max(12px, env(safe-area-inset-right, 0px)) !important;
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
    }
}

/* Çok dar ekran: neo-quick v3 kurallarının üzerine — açıklama satırları görünsün */
@media (max-width: 480px) {
    .neo-quick-card {
        min-height: 198px !important;
        padding: 14px 8px 20px !important;
    }
    .neo-quick-card h6 {
        font-size: 0.76rem !important;
        -webkit-line-clamp: 3 !important;
    }
    .neo-quick-card p {
        font-size: 0.65rem !important;
        line-height: 1.38 !important;
        -webkit-line-clamp: 3 !important;
    }
}

/* =========================================================
   Mobile Theme Refresh (Navbar + Dis Ticaret Mobil Tablo)
   ========================================================= */
@media (max-width: 1024px) {
    .premium-navbar {
        height: 84px !important;
        background: linear-gradient(135deg, #08193a 0%, #0f2d6b 60%, #1d4f91 100%) !important;
        box-shadow: 0 10px 28px rgba(2, 6, 23, 0.38) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(6px);
    }

    /* Tablet: slider üst boşluğu = sabit menü yüksekliği (bitişik görünüm) */
    body.neo-home .neo-carousel-section,
    section.neo-carousel-section,
    .neo-carousel-section {
        margin-top: 84px !important;
        padding-top: 0 !important;
    }

    body.neo-home .neo-carousel-section .container-fluid,
    section.neo-carousel-section .container-fluid {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .nav-container {
        height: 84px !important;
        padding: 0 10px 0 0 !important;
        gap: 6px !important;
        justify-content: flex-start !important;
    }

    .premium-navbar .nav-brand {
        max-width: 42vw !important;
    }

    .premium-navbar .nav-brand img,
    .nav-logo-blue {
        height: 82px !important;
        max-height: 82px !important;
        filter: brightness(0) invert(1) drop-shadow(0 3px 10px rgba(0, 0, 0, 0.35));
    }

    .nav-actions {
        gap: 6px !important;
        align-items: center !important;
        height: 100% !important;
        margin-left: auto !important;
        padding-left: 8px !important;
        background: transparent !important;
        border-left: none !important;
        box-shadow: none !important;
    }

    /* Online Hizmetler: yazı görünür, kare ikon gizli */
    .online-services-btn > i,
    .online-services-btn i.fa-th {
        display: none !important;
    }

    .online-services-btn {
        min-width: 0 !important;
        max-width: min(42vw, 160px) !important;
        height: 40px !important;
        min-height: 40px !important;
        padding: 0 10px !important;
        border-radius: 12px !important;
        border: 1px solid rgba(255, 255, 255, 0.38) !important;
        background: linear-gradient(135deg, #22d3ee 0%, #0ea5e9 45%, #0284c7 100%) !important;
        box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
        color: #ffffff !important;
        font-family: "Poppins", sans-serif;
        font-size: 11px !important;
        font-weight: 700 !important;
        letter-spacing: 0.02em;
        text-transform: none;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        white-space: nowrap !important;
        flex-shrink: 1 !important;
        line-height: 1.1 !important;
    }

    .online-services-btn:hover {
        filter: brightness(1.06);
        box-shadow: 0 8px 24px rgba(2, 132, 199, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    }

    .online-services-btn i {
        font-size: 13px !important;
        color: #ffffff !important;
        flex-shrink: 0 !important;
    }

    .online-services-btn span {
        display: inline-block !important;
        font-size: 11px !important;
        color: #ffffff !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
        font-weight: 700 !important;
    }

    .nav-lang-pill,
    .nav-lang-sep {
        display: none !important;
    }

    .nav-lang-more-btn {
        min-width: 40px !important;
        height: 40px !important;
        padding: 0 10px !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.12) !important;
        border: 1px solid rgba(255, 255, 255, 0.28) !important;
        color: #ffffff !important;
    }

    .nav-lang-more-icon i {
        font-size: 1.05rem !important;
        color: #ffffff !important;
    }

    .nav-lang-more-chevron i {
        color: rgba(255, 255, 255, 0.85) !important;
    }

    .nav-search-field {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        border: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .nav-search-form {
        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
        border-color: rgba(255, 255, 255, 0.35) !important;
        background: rgba(255, 255, 255, 0.12) !important;
    }

    .nav-search-submit {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
    }

    .mobile-menu-toggle {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        border-radius: 12px !important;
        border: 1px solid rgba(255, 255, 255, 0.22) !important;
        background: rgba(255, 255, 255, 0.1) !important;
        flex-shrink: 0 !important;
        align-self: center !important;
    }

    .mobile-menu-toggle span {
        background: #ffffff !important;
        height: 2px !important;
        width: 20px !important;
    }

    .nav-menu {
        top: 84px !important;
        left: auto !important;
        right: -100vw !important;
        width: min(340px, 92vw) !important;
        max-width: 92vw !important;
        height: calc(100dvh - 84px) !important;
        background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%) !important;
        box-shadow: -14px 0 30px rgba(2, 6, 23, 0.24) !important;
        border-left: 1px solid #d9e4f7 !important;
        padding: 16px 14px 28px !important;
        transition: right 0.28s ease !important;
    }

    .nav-menu.active {
        left: auto !important;
        right: 0 !important;
    }

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

    .nav-link {
        border-radius: 12px !important;
        padding: 11px 12px !important;
        background: #ffffff !important;
        border: 1px solid #e2e8f0 !important;
        color: #0f172a !important;
        font-weight: 600 !important;
    }

    .nav-link:hover,
    .nav-item.dropdown-open > .nav-link {
        background: linear-gradient(135deg, #e8f0ff 0%, #f4f8ff 100%) !important;
        border-color: #bfd2ff !important;
        color: #0f2d6b !important;
    }

    .nav-menu .dropdown-menu {
        background: #f5f8ff !important;
        border-left: 3px solid #8fb3ff !important;
    }

    /* DIŞ TİCARET mobil grafik tablo v2 */
    #distic-veriler .distic-mobile-table {
        border: 1px solid #dbe7ff;
        border-radius: 16px;
        overflow: hidden;
        background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
        box-shadow: 0 12px 28px rgba(15, 45, 107, 0.12);
    }

    #distic-veriler .distic-mobile-head {
        padding: 12px 14px;
        background: linear-gradient(135deg, #0f2d6b 0%, #2b5ba6 100%);
        color: #fff;
    }

    #distic-veriler .distic-mobile-head-title {
        font-size: 0.92rem;
        font-weight: 800;
        letter-spacing: 0.02em;
    }

    #distic-veriler .distic-mobile-head-subtitle {
        font-size: 0.74rem;
        opacity: 0.9;
        margin-top: 2px;
    }

    #distic-veriler .distic-mobile-table-wrap {
        padding: 8px;
        overflow-x: auto;
    }

    #distic-veriler .distic-mobile-data-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0 8px;
        min-width: 320px;
    }

    #distic-veriler .distic-mobile-data-table thead th {
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: #475569;
        font-weight: 800;
        padding: 0 8px 4px;
    }

    #distic-veriler .distic-mobile-data-table tbody tr {
        background: #ffffff;
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
    }

    #distic-veriler .distic-mobile-data-table tbody td {
        padding: 8px;
        font-size: 0.78rem;
        vertical-align: middle;
        border-top: 1px solid #e2e8f0;
        border-bottom: 1px solid #e2e8f0;
    }

    #distic-veriler .distic-mobile-data-table tbody td:first-child {
        border-left: 1px solid #e2e8f0;
        border-radius: 10px 0 0 10px;
    }

    #distic-veriler .distic-mobile-data-table tbody td:last-child {
        border-right: 1px solid #e2e8f0;
        border-radius: 0 10px 10px 0;
    }

    #distic-veriler .distic-td-month {
        min-width: 58px;
    }

    #distic-veriler .distic-month-short {
        display: block;
        font-size: 0.88rem;
        font-weight: 800;
        color: #0f172a;
        line-height: 1.1;
    }

    #distic-veriler .distic-td-month small {
        color: #64748b;
        font-size: 0.68rem;
        font-weight: 700;
    }

    #distic-veriler .distic-value-main {
        font-size: 0.82rem;
        font-weight: 800;
        color: #0f172a;
        line-height: 1.2;
    }

    #distic-veriler .distic-value-meter {
        margin-top: 4px;
        height: 6px;
        border-radius: 999px;
        background: #e2e8f0;
        overflow: hidden;
    }

    #distic-veriler .distic-value-meter span {
        display: block;
        height: 100%;
        border-radius: 999px;
        background: linear-gradient(90deg, #003366 0%, #1e40af 50%, #0ea5e9 100%);
    }

    #distic-veriler .distic-td-share {
        color: #1e3a8a;
        font-weight: 700;
        white-space: nowrap;
    }

    #distic-veriler .distic-td-rank span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 34px;
        height: 22px;
        border-radius: 999px;
        background: #e8f0ff;
        color: #1e3a8a;
        font-size: 0.72rem;
        font-weight: 800;
    }
}

@media (max-width: 576px) {
    /* Mobil navbar boyutları dosya sonundaki 768px/480px bloklarında */

    #ecosystem .neo-3d-carousel-wrapper {
        height: 260px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #ecosystem .neo-3d-item {
        width: min(92vw, 360px) !important;
        height: 250px !important;
        margin-left: calc(min(92vw, 360px) / -2) !important;
        margin-top: -125px !important;
    }

    #ecosystem .neo-3d-item h6 {
        font-size: 1rem !important;
    }

    #ecosystem .neo-3d-item p {
        font-size: 0.82rem !important;
    }

    #ecosystem .neo-flat-slider-wrapper {
        margin: 0 !important;
        padding: 0.85rem 0 0.55rem !important;
    }

    #ecosystem .neo-flat-trio-viewport {
        min-height: 300px !important;
        overflow-x: clip !important;
        overflow-y: visible !important;
        padding: 1rem 0 0.15rem !important;
        box-sizing: border-box;
    }

    #ecosystem .neo-flat-trio-card {
        flex: 0 0 100% !important;
        padding: 0 12px !important;
    }

    #ecosystem .neo-flat-trio-card-inner {
        transform: scale(0.95) !important;
    }

    #ecosystem .neo-flat-trio-card.is-center .neo-flat-trio-card-inner {
        transform: scale(1.02) !important;
    }

    #ecosystem .neo-flat-trio-media {
        height: 260px !important;
    }

    #ecosystem .neo-flat-item-overlay h6 {
        font-size: 1rem !important;
    }

    #ecosystem .neo-flat-item-overlay p {
        font-size: 0.82rem !important;
    }
}

/* Eski 768 snap-scroll bloğu kaldırıldı: JS translateX ile çakışıyordu, çift scrollbar üretiyordu */

/* ≤1024: orta kart baskın 3’lü düzen; track transform’u JS yönetir (!important yok) */
@media (max-width: 1024px) {
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-viewport {
        min-height: 380px !important;
        overflow-x: clip !important;
        overflow-y: visible !important;
        padding: 1.25rem 0 0.15rem !important;
        box-sizing: border-box;
    }
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-track {
        display: flex !important;
        width: 100% !important;
    }
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card {
        flex: 0 0 33.3333% !important;
        max-width: 33.3333% !important;
        padding: 0 3px !important;
    }
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card .neo-flat-trio-card-inner {
        transform: scale(0.52) translateY(28px) !important;
        opacity: 0.34 !important;
    }
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-center .neo-flat-trio-card-inner {
        transform: scale(1.14) translateY(-18px) !important;
        opacity: 1 !important;
        z-index: 3 !important;
        box-shadow: 0 24px 52px rgba(2, 6, 23, 0.46) !important;
    }
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-center.is-playing .neo-flat-trio-card-inner,
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-center.is-hover-expand .neo-flat-trio-card-inner {
        transform: scale(1.2) translateY(-12px) !important;
    }
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-media {
        height: 305px !important;
    }
}

/* Mobile final visual pass: distic + ecosystem focus */
@media (max-width: 1024px) {
    /* Dis Ticaret: grafik tabloyu belirginlestir */
    #distic-veriler .distic-mobile-table {
        background: linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%) !important;
        border: 1px solid #cfe0ff !important;
        border-radius: 18px !important;
        box-shadow: 0 14px 30px rgba(15, 45, 107, 0.16) !important;
    }
    #distic-veriler .distic-mobile-head {
        background: linear-gradient(135deg, #0b2a63 0%, #1d4f91 60%, #4f79b8 100%) !important;
        padding: 14px 16px !important;
    }
    #distic-veriler .distic-mobile-data-table {
        min-width: 100% !important;
        border-collapse: separate !important;
        border-spacing: 0 10px !important;
    }
    #distic-veriler .distic-mobile-data-table thead th {
        font-size: 0.68rem !important;
        color: #334155 !important;
        font-weight: 800 !important;
        padding: 0 8px 6px !important;
    }
    #distic-veriler .distic-mobile-data-table tbody tr {
        background: #ffffff !important;
    }
    #distic-veriler .distic-mobile-data-table tbody td {
        background: #ffffff !important;
        border-top: 1px solid #dbeafe !important;
        border-bottom: 1px solid #dbeafe !important;
        padding: 10px 8px !important;
    }
    #distic-veriler .distic-value-meter {
        height: 8px !important;
        background: #e2e8f0 !important;
    }
    #distic-veriler .distic-value-meter span {
        background: linear-gradient(90deg, #0b2a63 0%, #1d4f91 50%, #0ea5e9 100%) !important;
    }

    /* KTO Ailesi: yan kartlar az görünür, orta kart baskin */
    #ecosystem .neo-3d-carousel-wrapper {
        display: none !important;
    }
    #ecosystem .neo-flat-slider-wrapper {
        margin: 0 !important;
        padding: 0.75rem 0 0.6rem !important;
    }
    #ecosystem .neo-flat-trio-viewport {
        overflow-x: clip !important;
        overflow-y: visible !important;
        min-height: 380px !important;
        padding: 1.25rem 0 0.15rem !important;
        box-sizing: border-box;
    }
    #ecosystem .neo-flat-trio-track {
        width: 100% !important;
    }
    #ecosystem .neo-flat-trio-card {
        flex: 0 0 33.3333% !important;
        max-width: 33.3333% !important;
        padding: 0 2px !important;
    }
    #ecosystem .neo-flat-trio-card-inner {
        transform: scale(0.56) translateY(24px) !important;
        opacity: 0.42 !important;
        transition: transform 0.5s ease, opacity 0.35s ease, box-shadow 0.35s ease !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }
    #ecosystem .neo-flat-trio-card.is-center .neo-flat-trio-card-inner {
        transform: scale(1.06) translateY(-8px) !important;
        opacity: 1 !important;
        box-shadow: 0 18px 40px rgba(2, 6, 23, 0.34) !important;
    }
    #ecosystem .neo-flat-trio-card.is-center.is-playing .neo-flat-trio-card-inner,
    #ecosystem .neo-flat-trio-card.is-center.is-hover-expand .neo-flat-trio-card-inner {
        transform: scale(1.15) translateY(-10px) !important;
        box-shadow: 0 22px 48px rgba(2, 6, 23, 0.4) !important;
    }
    #ecosystem .neo-flat-trio-media {
        height: 290px !important;
    }
    #ecosystem .neo-flat-item-overlay {
        padding: 14px 14px 12px !important;
    }
    #ecosystem .neo-flat-item-overlay h6 {
        font-size: 1rem !important;
    }
    #ecosystem .neo-flat-item-overlay p {
        font-size: 0.82rem !important;
    }
}

/* Final mobile overrides (force apply) */
@media (max-width: 1024px) {
    .online-services-btn i {
        display: none !important;
    }
    .online-services-btn span {
        display: inline-block !important;
        font-size: inherit !important;
        color: #ffffff !important;
        font-weight: 700 !important;
    }

    /* Dış ticaret: 769–1024 arası yalnızca grafik (yükseklik aşağıda 768 ile ayrılır) */
    #distic-veriler .distic-chart-wrap {
        min-height: 360px;
    }

    /* Footer: tablet — tek sıra grid */
    .neo-footer {
        padding: 0 !important;
        min-height: 0 !important;
        overflow-x: clip;
    }
    .neo-footer > .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .neo-footer-grid {
        display: grid !important;
        grid-template-columns: minmax(72px, 95px) repeat(3, minmax(0, 1fr)) !important;
        gap: 0.6rem 0.75rem !important;
        padding: 1.25rem 0 1rem !important;
    }
    .neo-footer-col { min-width: 0; }
    .neo-footer-logo {
        max-width: 80px !important;
        width: 100% !important;
        margin: 0 !important;
        display: block !important;
    }
    .neo-footer h5 {
        font-size: 0.72rem !important;
        margin-bottom: 0.35rem !important;
    }
    .neo-links li,
    .neo-links a {
        font-size: 0.68rem !important;
        line-height: 1.65 !important;
    }
    .neo-footer-bottom {
        margin-top: 0 !important;
        padding-top: 0.85rem !important;
        padding-bottom: 0.4rem !important;
    }
    .neo-footer-bottom p {
        font-size: 0.72rem !important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 6px;
        align-items: center;
    }
    .neo-footer-bottom .footer-links {
        margin-left: 0 !important;
        justify-content: center;
        flex-wrap: wrap;
        gap: 4px 8px;
    }

    /* KTO Ekosistemi: 3D kapat; yatay kaydırma çubuğu yok — slider JS (translateX) ile */
    #ecosystem .neo-3d-carousel-wrapper {
        display: none !important;
    }
    #ecosystem .neo-flat-slider-wrapper {
        display: block !important;
        margin: 0 !important;
        padding: 0.85rem 0 0.55rem !important;
    }
    #ecosystem .neo-flat-trio-viewport {
        min-height: 340px !important;
        overflow-x: clip !important;
        overflow-y: visible !important;
        padding: 1rem 0 0.15rem !important;
        box-sizing: border-box;
    }
    #ecosystem .neo-flat-trio-media {
        height: 260px !important;
    }
}

/* Sadece telefon görünümünde üçlü kart görsellerini belirginleştirir; masaüstü tasarımına dokunmaz. */
@media (max-width: 576px) {
    .neo-three-col .neo-card-visual,
    section[data-section-code="three_col"] .neo-card-visual {
        min-height: 158px !important;
        padding: 0 !important;
        background-color: #0f172a !important;
    }

    .neo-three-col .neo-card-visual::before,
    section[data-section-code="three_col"] .neo-card-visual::before {
        opacity: 1 !important;
        transform: none !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    .neo-three-col .neo-card-konya::before,
    section[data-section-code="three_col"] .neo-card-konya::before,
    .neo-three-col .neo-card-fuarlar::before,
    section[data-section-code="three_col"] .neo-card-fuarlar::before,
    .neo-three-col .neo-card-mevzuat::before,
    section[data-section-code="three_col"] .neo-card-mevzuat::before {
        background-position: center center !important;
    }

    .neo-three-col .neo-card-visual::after,
    section[data-section-code="three_col"] .neo-card-visual::after {
        background:
            linear-gradient(135deg, rgba(255,255,255,0.62), rgba(255,255,255,0.34)),
            radial-gradient(circle at 100% 0%, rgba(14,165,233,0.18), transparent 44%) !important;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .neo-three-col .neo-card-visual .neo-card-body,
    section[data-section-code="three_col"] .neo-card-visual .neo-card-body {
        min-height: 158px !important;
        padding: 14px 10px !important;
    }
}

/* Ecosystem mobil: merkez video buyuk, yan gorseller gorunur */
@media (max-width: 768px) {
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-viewport {
        min-height: 0 !important;
        height: auto !important;
        padding: 3.2rem 0 3rem !important;
        overflow-x: clip !important;
        overflow-y: visible !important;
    }

    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-track {
        align-items: center !important;
    }

    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card {
        flex: 0 0 33.3333% !important;
        max-width: 33.3333% !important;
        padding: 0 !important;
    }

    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-left,
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-right {
        z-index: 3 !important;
    }

    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-center {
        z-index: 4 !important;
    }

    /* Yan kartlar tekrar gorunur; merkez kartın yanında küçük önizleme gibi kalır. */
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card .neo-flat-trio-card-inner {
        transform: scale(0.72) translateY(8px) !important;
        opacity: 0.72 !important;
        pointer-events: auto !important;
        border-radius: 10px !important;
        overflow: hidden !important;
    }

    /* Merkez kart: yaklasik %75 genislik; yan gorsellere pay bırakır. */
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-center .neo-flat-trio-card-inner {
        transform: scale(2.25) translateY(0) !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        box-shadow: 0 12px 28px rgba(2, 6, 23, 0.30) !important;
    }

    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-center.is-playing .neo-flat-trio-card-inner,
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-center.is-hover-expand .neo-flat-trio-card-inner {
        transform: scale(2.25) translateY(0) !important;
    }

    /* Video: 16/9 oranı, kırpma yok, boşluk yok */
    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-media {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
        object-fit: fill !important;
        display: block !important;
    }

    /* Overlay (yan kartlar ~0.72 scale; merkez ~2.25 scale — yazıyı merkezde calc ile dengele) */
    body #ecosystem #neoFlatTrioSlider .neo-flat-item-overlay {
        padding: 5px 6px 4px !important;
    }

    body #ecosystem #neoFlatTrioSlider .neo-flat-item-overlay h6 {
        font-size: 0.48rem !important;
        line-height: 1.1 !important;
        margin-bottom: 2px !important;
    }

    body #ecosystem #neoFlatTrioSlider .neo-flat-item-overlay p {
        font-size: 0.36rem !important;
        line-height: 1.2 !important;
    }

    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-center .neo-flat-item-overlay h6 {
        font-size: calc(0.52rem / 2.25) !important;
        line-height: 1.12 !important;
    }

    body #ecosystem #neoFlatTrioSlider .neo-flat-trio-card.is-center .neo-flat-item-overlay p {
        font-size: calc(0.42rem / 2.25) !important;
        line-height: 1.18 !important;
    }
}

/* Mobil üst menü — neo-tablet-responsive.css (v1.8) ile aynı; yedek kurallar */
@media (max-width: 768px) {
    body {
        padding-top: 80px !important;
    }

    body.neo-home .neo-carousel-section,
    section.neo-carousel-section,
    .neo-carousel-section {
        margin-top: 0 !important;
    }

    .premium-navbar .nav-brand img,
    .nav-logo-blue {
        height: 64px !important;
        max-height: 64px !important;
    }

    .online-services-btn > i,
    .online-services-btn i.fa-th {
        display: none !important;
    }

    .online-services-btn .nav-svc-text {
        display: inline !important;
    }

    .nav-lang-switcher {
        display: inline-flex !important;
    }
}

/* Mobil ana sayfa arama: boşluğu ve glow kesilmesini neo-corporate-search üzerinden yönet */
@media (max-width: 768px) {
    body.neo-home .neo-corporate-search {
        padding: 6px 15px 8px !important;
        margin: 0 !important;
        background: #ffffff !important;
        overflow: visible !important;
        position: relative;
        z-index: 2;
    }

    body.neo-home .neo-corporate-search .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
    }

    body.neo-home .neo-corporate-search .neo-search-box-wrapper {
        padding: 7px 0 !important;
        overflow: visible !important;
    }

    body.neo-home .neo-corporate-search .neo-search-box-wrapper::before {
        inset: 5px -4px !important;
        filter: blur(10px) !important;
        opacity: .7 !important;
    }

    body.neo-home .neo-corporate-search .neo-search-box {
        height: 45px !important;
        min-height: 45px !important;
        padding: 0 !important;
        gap: 0 !important;
        border-radius: 999px !important;
        overflow: hidden !important;
        border: 1px solid rgba(var(--neo-search-rgb-main, 14,165,233),0.76) !important;
        background: #ffffff !important;
        box-shadow:
            0 8px 22px rgba(2, 6, 23, 0.13),
            0 0 18px rgba(var(--neo-search-rgb-main, 14,165,233),0.18),
            0 0 30px rgba(var(--neo-search-rgb-second, 168,85,247),0.12) !important;
    }

    body.neo-home .neo-corporate-search .neo-search-input {
        height: 43px !important;
        line-height: 43px !important;
        padding: 0 14px !important;
    }

    body.neo-home .neo-corporate-search .neo-search-filter-btn,
    body.neo-home .neo-corporate-search .neo-search-submit-btn {
        width: 45px !important;
        height: 45px !important;
        min-width: 45px !important;
        border-radius: 0 !important;
        flex: 0 0 45px !important;
        margin: 0 !important;
    }

    body.neo-home .neo-three-col {
        padding-top: 8px !important;
    }
}