:root {
        --jeebna-orange: #e2611c;
        --jeebna-orange-soft: #fff3e8;
        --jeebna-orange-softer: #fff8f1;
        --jeebna-ink: #1f2937;
        --jeebna-muted: #6b7280;
        --jeebna-line: rgba(15, 23, 42, .08);
        --jeebna-shadow: 0 18px 45px rgba(15, 23, 42, .08);
        --jeebna-shadow-soft: 0 10px 28px rgba(15, 23, 42, .06);
        --jeebna-radius: 22px;
    }

    .jeebna-navbar {
        background:
            radial-gradient(circle at top left, rgba(242, 138, 50, .13), transparent 34%),
            rgba(255, 255, 255, .92) !important;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        border-bottom: 1px solid rgba(255, 255, 255, .72);
        box-shadow: 0 12px 35px rgba(15, 23, 42, .06) !important;
        z-index: 1055;
    }

    .jeebna-topbar {
        min-height: 82px;
        gap: 22px;
    }

    .brand-area {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        color: var(--jeebna-ink) !important;
        letter-spacing: -.04em;
        transition: transform .22s ease, opacity .22s ease;
    }

    .brand-area:hover {
        transform: translateY(-1px);
        opacity: .92;
    }

    .brand-mark {
        width: 44px;
        height: 44px;
        border-radius: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #e2611c, #e2611c);
        color: #fff;
        box-shadow: 0 12px 26px rgba(226, 97, 28, .26);
        font-size: 1rem;
    }

    .brand-text {
        font-weight: 900;
        font-size: 1.8rem;
        line-height: 1;
    }

    .navbar-toggler {
        background: #fff;
        border-radius: 16px;
        box-shadow: var(--jeebna-shadow-soft);
        padding: 10px 12px;
    }

    .search-wrapper {
            position: relative;
            flex: 0 1 720px; /* Büyüme (grow) kapatıldı, esneklik ve maks. genişlik korundu */
            width: 100%;
            max-width: 720px;
            margin: 0 auto; /* Yön bağımsız tam ortalama */
        }

    .search-form .input-group {
        background: #fff;
        border: 1px solid rgba(242, 138, 50, .20);
        border-radius: 999px;
        padding: 7px;
        box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
        transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
    }

    .search-form .input-group:focus-within {
        border-color: rgba(242, 138, 50, .48);
        box-shadow: 0 18px 38px rgba(242, 138, 50, .13);
        transform: translateY(-1px);
    }

    .search-form .form-control {
        min-height: 44px;
        border-radius: 999px !important;
        background: transparent !important;
        padding-inline: 20px;
        font-weight: 600;
        color: var(--jeebna-ink);
    }

    .search-form .form-control::placeholder {
        color: #9ca3af;
        font-weight: 500;
    }

    .search-form .btn {
        min-width: 54px;
        min-height: 44px;
        border-radius: 999px !important;
        border: 0;
        background: linear-gradient(135deg, #e2611c, #e2611c);
        box-shadow: 0 10px 20px rgba(226, 97, 28, .24);
        transition: transform .22s ease, box-shadow .22s ease;
    }

    .search-form .btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 14px 26px rgba(226, 97, 28, .30);
    }

    #searchSuggestions {
        border-radius: 22px !important;
        border: 1px solid var(--jeebna-line) !important;
        box-shadow: var(--jeebna-shadow) !important;
    }

    .user-actions {
        gap: 8px;
    }

    .user-actions .nav-link {
        min-height: 48px;
        padding: 9px 13px !important;
        border-radius: 18px;
        color: var(--jeebna-ink);
        background: rgba(255, 255, 255, .62);
        border: 1px solid transparent;
        transition: all .22s ease;
    }

    .user-actions .nav-link:hover,
    .user-actions .nav-link.show {
        color: #d9620a !important;
        background: #fff;
        border-color: rgba(242, 138, 50, .22);
        box-shadow: var(--jeebna-shadow-soft);
        transform: translateY(-1px);
    }

    .user-actions .nav-link i {
        color: #e2611c;
    }


    .jeebna-lang-link {
        min-width: 92px;
        justify-content: center;
    }

    .jeebna-lang-link .lang-label {
        display: inline-flex;
        flex-direction: column;
        line-height: 1.05;
    }

    .jeebna-lang-link .lang-title {
        font-size: .72rem;
        font-weight: 800;
        color: #9a4b10;
    }

    .jeebna-lang-link .lang-code {
        font-size: .92rem;
        font-weight: 950;
        color: var(--jeebna-ink);
        letter-spacing: .03em;
    }

    .jeebna-lang-menu {
        min-width: 245px;
    }

    .jeebna-lang-item {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 11px 12px !important;
    }

    .jeebna-lang-item .jeebna-lang-name {
        display: inline-flex;
        align-items: center;
        gap: 10px;
    }

    .jeebna-lang-item .jeebna-lang-code-pill {
        min-width: 34px;
        height: 28px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--jeebna-orange-soft);
        color: #d9620a;
        font-size: .74rem;
        font-weight: 950;
        text-transform: uppercase;
    }

    .jeebna-lang-item.active .jeebna-lang-code-pill {
        background: rgba(255, 255, 255, .22);
        color: #fff;
    }

    .jeebna-lang-item .jeebna-lang-check {
        opacity: 0;
        color: inherit;
    }

    .jeebna-lang-item.active .jeebna-lang-check {
        opacity: 1;
    }

    .dropdown-menu {
        border-radius: 20px !important;
        border: 1px solid var(--jeebna-line) !important;
        box-shadow: var(--jeebna-shadow) !important;
        padding: 10px;
    }

    .dropdown-item {
        border-radius: 14px;
        font-weight: 600;
    }

    .dropdown-item:hover {
        background: var(--jeebna-orange-soft);
        color: #d9620a;
    }

    .dropdown-item.active {
        background: linear-gradient(135deg, #e2611c, #e2611c) !important;
        color: #fff !important;
    }

    .seller-panel-item {
        display: flex !important;
        align-items: center;
        gap: 10px;
        min-height: 48px;
        color: #8a3f08 !important;
        background: linear-gradient(135deg, #fff7ed, #fff1df) !important;
        border: 1px solid rgba(242, 138, 50, .18);
        box-shadow: 0 10px 22px rgba(242, 138, 50, .08);
    }

    .seller-panel-item i {
        width: 34px;
        height: 34px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff !important;
        background: linear-gradient(135deg, #e2611c, #e2611c);
        box-shadow: 0 8px 16px rgba(226, 97, 28, .20);
        margin: 0 !important;
    }

    .seller-panel-item span {
        color: #8a3f08 !important;
        font-weight: 900;
        white-space: nowrap;
    }

    .seller-panel-item:hover,
    .seller-panel-item:focus {
        color: #7c2d12 !important;
        background: linear-gradient(135deg, #fff3e8, #ffe8cf) !important;
        border-color: rgba(242, 138, 50, .28);
        transform: translateY(-1px);
    }

    .seller-panel-item:hover span,
    .seller-panel-item:focus span {
        color: #7c2d12 !important;
    }

    .badge.bg-danger {
        background: linear-gradient(135deg, #ff5b5b, #e11d48) !important;
        box-shadow: 0 8px 16px rgba(225, 29, 72, .25);
    }

    .category-bar {
        position: relative;
        background: rgba(255, 255, 255, .86) !important;
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border-top: 1px solid rgba(15, 23, 42, .06) !important;
    }

    .category-bar .nav {
        min-height: 56px;
    }

    .category-bar .nav-link {
        border-radius: 999px;
        font-weight: 800;
        color: #374151 !important;
        transition: all .2s ease;
    }

    .category-bar .nav-link:hover {
        background: var(--jeebna-orange-soft);
        color: #d9620a !important;
        transform: translateY(-1px);
    }

    .jeebna-category-button {
        background: linear-gradient(135deg, #e2611c, #e2611c) !important;
        border-color: transparent !important;
        box-shadow: 0 12px 24px rgba(226, 97, 28, .22);
    }

    .jeebna-category-button:hover {
        color: #fff !important;
        filter: brightness(.99);
        box-shadow: 0 16px 30px rgba(226, 97, 28, .28);
    }

    .mega-menu-container {
        position: static !important;
    }

    .mega-menu {
        display: none;
        position: absolute;
        top: calc(100% + 1px);
        inset-inline-start: 24px;
        inset-inline-end: 24px;
        background:
            linear-gradient(135deg, rgba(255, 248, 241, .96), rgba(255, 255, 255, .98));
        z-index: 1060;
        min-height: 430px;
        border-radius: 0 0 28px 28px;
        box-shadow: 0 24px 65px rgba(15, 23, 42, .14);
        border: 1px solid rgba(242, 138, 50, .15);
        border-top: 3px solid var(--jeebna-orange);
        overflow: hidden;
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .kategoriler-btn-wrapper:hover .mega-menu,
    .mega-menu:hover {
        display: flex;
    }

    /*
     * Buton ile menü arasındaki boşlukta (category-bar alt padding'i + 1px)
     * hover kaybolup menünün kapanmasını engelleyen görünmez köprü.
     * Sadece menü açıkken (display:flex) render edilir.
     */
    .mega-menu::before {
        content: "";
        position: absolute;
        top: -18px;
        inset-inline-start: 0;
        inset-inline-end: 0;
        height: 18px;
        background: transparent;
    }

    .mega-left {
        width: 24%;
        background: rgba(255, 255, 255, .62);
        border-inline-end: 1px solid rgba(15, 23, 42, .06);
        padding: 18px 12px;
        max-height: 520px;
        overflow-y: auto;
    }

    .mega-left-item {
        padding: 13px 16px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #374151;
        font-weight: 800;
        font-size: .95rem;
        transition: all .2s ease;
        border-radius: 16px;
        margin-bottom: 4px;
    }

    .mega-left-item:hover,
    .mega-left-item.active {
        background: #fff;
        color: #d9620a;
        box-shadow: 0 10px 24px rgba(242, 138, 50, .13);
        transform: translateX(2px);
    }

    html[dir="rtl"] .mega-left-item:hover,
    html[dir="rtl"] .mega-left-item.active {
        transform: translateX(-2px);
    }

    .mega-right {
        width: 76%;
        padding: 28px 36px;
        background: rgba(255, 255, 255, .80);
        max-height: 520px;
        overflow-y: auto;
    }

    .mega-content-pane {
        display: none;
    }

    .mega-content-pane.active {
        display: block;
    }

    .mega-sub-title {
        color: #d9620a !important;
        font-weight: 900;
        margin-bottom: 8px;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 6px;
        text-decoration: none;
    }

    .mega-sub-title:hover {
        text-decoration: none;
        color: #b45309 !important;
    }

    .mega-sub-list {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 12px;
        background: rgba(255, 255, 255, .62);
        border: 1px solid rgba(15, 23, 42, .04);
        border-radius: 18px;
    }

    .mega-sub-list a {
        color: #475569 !important;
        text-decoration: none;
        font-size: 13px;
        padding: 5px 7px;
        border-radius: 10px;
        transition: all .18s ease;
    }

    .mega-sub-list a:hover {
        background: var(--jeebna-orange-soft);
        color: #d9620a !important;
        text-decoration: none;
        padding-inline-start: 10px;
    }

    .more-btn {
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        transition: all .2s ease;
        color: #d9620a !important;
    }

    .extra-items {
        width: 100%;
    }

    .hide-scrollbar::-webkit-scrollbar {
        display: none;
    }

    .hide-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    @media (min-width: 992px) {
        .navbar-spacer,
        .user-actions {
            flex: 1 1 0%; /* Sol ve sağ tarafa eşit pay bırakır */
        }
        .user-actions {
            justify-content: flex-end; /* Sağ bloğu her zaman bitiş noktasına yaslar (Arapçada sola, Türkçede sağa) */
        }
    }

    @media (max-width: 991.98px) {
        .jeebna-topbar {
            min-height: auto;
            padding-inline: 18px !important;
        }

        .search-wrapper {
            order: 3;
            flex: 1 1 100%;
            max-width: 100%;
            margin-top: 14px;
        }

        .user-actions {
            align-items: stretch !important;
            padding-top: 14px;
            gap: 8px;
        }

        .user-actions .nav-link {
            justify-content: flex-start;
            background: #fff;
        }

        .brand-mark {
            width: 40px;
            height: 40px;
            border-radius: 14px;
        }

        .brand-text {
            font-size: 1.6rem;
        }
    }

    /* =========================================================
   Jeebna NAVBAR - Ultra Mobile Responsive CSS
   assets/css/navbar-mobile.css
   ========================================================= */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.jeebna-navbar,
.jeebna-navbar * {
    box-sizing: border-box;
}

.jeebna-navbar {
    --nav-orange: #e2611c;
    --nav-orange-dark: #c95b0b;
    --nav-orange-soft: #fff3e8;
    --nav-orange-softer: #fff8f1;
    --nav-ink: #1f2937;
    --nav-muted: #6b7280;
    --nav-line: rgba(15, 23, 42, 0.08);
    --nav-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
    --nav-shadow-soft: 0 10px 26px rgba(15, 23, 42, 0.07);
    --nav-radius: 22px;
}

/* Masaüstü küçük temizlik */
.jeebna-navbar .container-fluid {
    max-width: 100%;
}

.jeebna-navbar .dropdown-menu {
    overflow: hidden;
}

.jeebna-navbar .dropdown-item {
    white-space: normal;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {
    .jeebna-navbar {
        background:
            radial-gradient(circle at 0% 0%, rgba(242, 138, 50, 0.16), transparent 35%),
            rgba(255, 255, 255, 0.96) !important;
        backdrop-filter: blur(20px) saturate(1.15) !important;
        -webkit-backdrop-filter: blur(20px) saturate(1.15) !important;
        border-bottom: 1px solid rgba(242, 138, 50, 0.12) !important;
        box-shadow: 0 10px 34px rgba(15, 23, 42, 0.08) !important;
    }

    .jeebna-topbar {
        min-height: 68px !important;
        padding: 12px 16px !important;
        gap: 10px !important;
    }

    .brand-area {
        gap: 10px !important;
        max-width: calc(100% - 64px);
        overflow: hidden;
    }

    .brand-mark {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 15px !important;
        font-size: 0.95rem !important;
        box-shadow: 0 10px 22px rgba(226, 97, 28, 0.24) !important;
    }

    .brand-text {
        font-size: 1.55rem !important;
        letter-spacing: -0.045em !important;
        white-space: nowrap;
    }

    .navbar-toggler {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        border: 1px solid rgba(242, 138, 50, 0.14) !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
        transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    }

    .navbar-toggler:focus {
        box-shadow:
            0 0 0 4px rgba(242, 138, 50, 0.15),
            0 10px 24px rgba(15, 23, 42, 0.08) !important;
    }

    .navbar-toggler:active {
        transform: scale(0.96);
    }

    .navbar-toggler[aria-expanded="true"] {
        background: linear-gradient(135deg, #e2611c, #e2611c) !important;
        border-color: transparent !important;
    }

    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        filter: brightness(0) invert(1);
    }

    .navbar-collapse {
        width: 100%;
        flex-basis: 100%;
        margin-top: 12px;
        padding: 14px;
        border-radius: 26px;
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 248, 241, 0.96));
        border: 1px solid rgba(242, 138, 50, 0.13);
        box-shadow: 0 18px 45px rgba(15, 23, 42, 0.10);
        max-height: calc(100dvh - 92px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .navbar-collapse.collapsing {
        overflow: hidden;
    }

    .search-wrapper {
        order: 1 !important;
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px 0 !important;
    }

    .search-form .input-group {
        width: 100% !important;
        min-height: 54px !important;
        padding: 6px !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        border: 1px solid rgba(242, 138, 50, 0.22) !important;
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07) !important;
    }

    .search-form .form-control {
        min-height: 42px !important;
        font-size: 0.95rem !important;
        padding-inline: 15px !important;
    }

    .search-form .btn {
        min-width: 48px !important;
        width: 48px !important;
        min-height: 42px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #searchSuggestions {
        position: static !important;
        width: 100% !important;
        margin-top: 8px !important;
        border-radius: 18px !important;
        max-height: 310px;
        overflow-y: auto;
    }

    .user-actions {
        order: 2 !important;
        width: 100%;
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 10px !important;
        padding-top: 0 !important;
        align-items: stretch !important;
    }

    .user-actions .nav-item {
        width: 100%;
        margin: 0 !important;
    }

    .user-actions .nav-link {
        width: 100%;
        min-height: 56px !important;
        padding: 10px 12px !important;
        border-radius: 18px !important;
        background: #ffffff !important;
        border: 1px solid rgba(15, 23, 42, 0.065) !important;
        box-shadow: 0 8px 20px rgba(15, 23, 42, 0.055) !important;
        color: var(--nav-ink) !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 10px !important;
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
    }

    .user-actions .nav-link:hover,
    .user-actions .nav-link.show,
    .user-actions .nav-link:focus {
        transform: translateY(-1px);
        border-color: rgba(242, 138, 50, 0.24) !important;
        box-shadow: 0 14px 28px rgba(242, 138, 50, 0.10) !important;
        color: var(--nav-orange-dark) !important;
    }

    .user-actions .nav-link i {
        width: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 13px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--nav-orange-soft);
        color: var(--nav-orange-dark) !important;
        font-size: 0.95rem !important;
    }

    .jeebna-lang-link {
        min-width: 0 !important;
        justify-content: flex-start !important;
    }

    .jeebna-lang-link .lang-label {
        min-width: 0;
    }

    .jeebna-lang-link .lang-title {
        font-size: 0.68rem !important;
    }

    .jeebna-lang-link .lang-code {
        font-size: 0.9rem !important;
    }

    .user-actions .dropdown-menu {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        min-width: 100% !important;
        margin-top: 8px !important;
        border-radius: 18px !important;
        padding: 8px !important;
        box-shadow: inset 0 0 0 1px rgba(242, 138, 50, 0.10) !important;
        background: rgba(255, 255, 255, 0.96) !important;
    }

    .user-actions .dropdown-menu.show {
        display: block !important;
    }

    .dropdown-item {
        min-height: 44px;
        display: flex !important;
        align-items: center;
        gap: 9px;
        border-radius: 14px !important;
        font-size: 0.92rem;
    }

    .jeebna-lang-item {
        min-height: 48px;
        padding: 10px !important;
    }

    .jeebna-lang-item .jeebna-lang-name {
        min-width: 0;
        flex: 1;
    }

    .jeebna-lang-item .jeebna-lang-name span:last-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .jeebna-lang-code-pill {
        min-width: 32px !important;
        height: 27px !important;
        font-size: 0.7rem !important;
    }

    .seller-panel-item {
        min-height: 48px !important;
    }

    .seller-panel-item span {
        white-space: normal !important;
    }

    .user-actions .nav-link[href*="sepet"] {
        position: relative !important;
    }

    .user-actions .nav-link .badge {
        top: 8px !important;
        inset-inline-start: 34px !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        min-width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.68rem;
        padding: 0 6px;
        border: 2px solid #fff;
    }

    html[dir="rtl"] .user-actions .nav-link .badge {
        inset-inline-start: 34px !important;
    }

    .category-bar {
        display: block !important;
        background: rgba(255, 255, 255, 0.94) !important;
        border-top: 1px solid rgba(242, 138, 50, 0.10) !important;
        box-shadow: 0 12px 26px rgba(15, 23, 42, 0.045);
    }

    .category-bar .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .category-bar .nav {
        min-height: 48px !important;
        gap: 8px !important;
        padding: 8px 0 !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x proximity;
    }

    .category-bar .nav-item {
        flex: 0 0 auto;
        scroll-snap-align: start;
    }

    .category-bar .nav-link {
        min-height: 36px;
        padding: 8px 13px !important;
        border-radius: 999px !important;
        background: #ffffff;
        border: 1px solid rgba(15, 23, 42, 0.07);
        box-shadow: 0 7px 16px rgba(15, 23, 42, 0.045);
        font-size: 0.78rem !important;
        font-weight: 850 !important;
        white-space: nowrap;
    }

    .category-bar .nav-link.text-danger,
    .category-bar .nav-link.fw-bold {
        color: var(--nav-orange-dark) !important;
        background: var(--nav-orange-soft);
        border-color: rgba(242, 138, 50, 0.18);
    }

    .kategoriler-btn-wrapper {
        display: none !important;
    }

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

/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767.98px) {
    .jeebna-topbar {
        padding: 10px 11px !important;
    }

    .brand-mark {
        width: 39px !important;
        height: 39px !important;
        min-width: 39px !important;
        border-radius: 14px !important;
    }

    .brand-text {
        font-size: 1.42rem !important;
    }

    .navbar-toggler {
        width: 43px !important;
        height: 43px !important;
        min-width: 43px !important;
        border-radius: 15px !important;
    }

    .navbar-collapse {
        margin-top: 10px;
        padding: 12px;
        border-radius: 22px;
        max-height: calc(100dvh - 82px);
    }

    .search-wrapper {
        margin-bottom: 10px !important;
    }

    .search-form .input-group {
        min-height: 50px !important;
        padding: 5px !important;
    }

    .search-form .form-control {
        min-height: 40px !important;
        font-size: 0.9rem !important;
        padding-inline: 13px !important;
    }

    .search-form .btn {
        width: 44px !important;
        min-width: 44px !important;
        min-height: 40px !important;
    }

    .user-actions {
        grid-template-columns: 1fr 1fr;
        gap: 8px !important;
    }

    .user-actions .nav-link {
        min-height: 54px !important;
        border-radius: 16px !important;
        padding: 9px 10px !important;
        gap: 8px !important;
    }

    .user-actions .nav-link i {
        width: 32px;
        height: 32px;
        min-width: 32px;
        border-radius: 12px;
        font-size: 0.9rem !important;
    }

    .user-actions .nav-link span.d-none.d-xl-block {
        display: inline-block !important;
        font-size: 0.78rem;
        line-height: 1.15;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-actions .nav-link small {
        display: block;
        max-width: 95px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.68rem;
    }

    .jeebna-lang-link .lang-title {
        font-size: 0.65rem !important;
    }

    .jeebna-lang-link .lang-code {
        font-size: 0.84rem !important;
    }

    .user-actions .dropdown-menu {
        border-radius: 16px !important;
        margin-top: 7px !important;
    }

    .dropdown-item {
        min-height: 42px;
        font-size: 0.87rem;
    }

    .jeebna-lang-menu {
        max-height: 285px;
        overflow-y: auto;
    }

    .category-bar .container-fluid {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .category-bar .nav {
        min-height: 46px !important;
        gap: 7px !important;
        padding: 7px 0 !important;
    }

    .category-bar .nav-link {
        min-height: 34px;
        padding: 7px 12px !important;
        font-size: 0.74rem !important;
    }
}

/* =========================================================
   KÜÇÜK TELEFON
   ========================================================= */

@media (max-width: 575.98px) {
    .jeebna-navbar {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .jeebna-topbar {
        padding: 9px 9px !important;
    }

    .brand-area {
        gap: 8px !important;
    }

    .brand-mark {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        border-radius: 13px !important;
        font-size: 0.84rem !important;
    }

    .brand-text {
        font-size: 1.28rem !important;
    }

    .navbar-toggler {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        border-radius: 14px !important;
    }

    .navbar-toggler-icon {
        width: 1.15em;
        height: 1.15em;
    }

    .navbar-collapse {
        padding: 10px;
        border-radius: 20px;
        max-height: calc(100dvh - 76px);
    }

    .search-form .input-group {
        min-height: 48px !important;
        border-radius: 18px !important;
    }

    .search-form .form-control {
        font-size: 0.84rem !important;
        padding-inline: 11px !important;
    }

    .search-form .btn {
        width: 42px !important;
        min-width: 42px !important;
        min-height: 38px !important;
    }

    .user-actions {
        grid-template-columns: 1fr 1fr;
        gap: 7px !important;
    }

    .user-actions .nav-link {
        min-height: 50px !important;
        padding: 8px !important;
        border-radius: 15px !important;
    }

    .user-actions .nav-link i {
        width: 30px;
        height: 30px;
        min-width: 30px;
        border-radius: 11px;
        font-size: 0.82rem !important;
    }

    .user-actions .nav-link span.d-none.d-xl-block {
        font-size: 0.72rem;
    }

    .user-actions .nav-link small {
        max-width: 82px;
        font-size: 0.62rem;
    }

    .jeebna-lang-link .lang-title {
        font-size: 0.61rem !important;
    }

    .jeebna-lang-link .lang-code {
        font-size: 0.78rem !important;
    }

    .dropdown-item {
        min-height: 40px;
        font-size: 0.82rem;
        border-radius: 12px !important;
    }

    .jeebna-lang-item {
        min-height: 43px;
    }

    .jeebna-lang-code-pill {
        min-width: 29px !important;
        height: 24px !important;
        font-size: 0.64rem !important;
    }

    .category-bar .nav-link {
        padding: 7px 11px !important;
        font-size: 0.7rem !important;
    }
}

/* =========================================================
   ÇOK KÜÇÜK EKRAN
   ========================================================= */

@media (max-width: 390px) {
    .brand-text {
        font-size: 1.16rem !important;
    }

    .brand-mark {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }

    .navbar-toggler {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    .navbar-collapse {
        padding: 9px;
    }

    .user-actions {
        gap: 6px !important;
    }

    .user-actions .nav-link {
        min-height: 48px !important;
        padding: 7px !important;
        gap: 6px !important;
    }

    .user-actions .nav-link i {
        width: 28px;
        height: 28px;
        min-width: 28px;
        font-size: 0.78rem !important;
    }

    .user-actions .nav-link span.d-none.d-xl-block {
        font-size: 0.68rem;
    }

    .user-actions .nav-link small {
        display: none;
    }

    .search-form .form-control {
        font-size: 0.8rem !important;
    }

    .category-bar .nav-link {
        font-size: 0.67rem !important;
        padding: 6px 10px !important;
    }
}

/* =========================================================
   RTL / ARAPÇA UYUMLULUK
   ========================================================= */

html[dir="rtl"] .jeebna-navbar {
    text-align: right;
}

html[dir="rtl"] .search-form .form-control {
    text-align: right;
}

html[dir="rtl"] .dropdown-item i.me-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .jeebna-lang-menu,
html[dir="rtl"] .dropdown-menu {
    text-align: right;
}

@media (max-width: 991.98px) {
    html[dir="rtl"] .user-actions .nav-link {
        justify-content: flex-start !important;
    }

    html[dir="rtl"] .category-bar .nav {
        direction: rtl;
    }
}

/* =========================================================
   DOKUNMATİK CİHAZLAR
   ========================================================= */

@media (hover: none) {
    .brand-area:hover,
    .user-actions .nav-link:hover,
    .category-bar .nav-link:hover,
    .search-form .btn:hover,
    .navbar-toggler:hover {
        transform: none !important;
    }
}

/* Hareket azaltma */
@media (prefers-reduced-motion: reduce) {
    .jeebna-navbar *,
    .jeebna-navbar *::before,
    .jeebna-navbar *::after {
        transition: none !important;
        animation: none !important;
        scroll-behavior: auto !important;
    }
}

/* =========================================================
   Jeebna - TASARIM RAFİNASYONU (sakin palet · az radius · az bold)
   Geri bildirim: aşırı turuncu, aşırı border-radius, aşırı bold,
   jenerik font ve parlak gölgeler azaltıldı.
   ========================================================= */
body {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0;
}

/* Köşe yuvarlaklığını ölçülü hale getir */
.jeebna-navbar .dropdown-menu,
.jeebna-lang-menu,
.jeebna-footer .footer-brand-card,
.jeebna-footer .footer-news-card,
.jeebna-footer .col-sm-4,
#searchSuggestions { border-radius: 14px !important; }

.search-form .input-group,
.user-actions .nav-link,
.jeebna-lang-link,
.dropdown-item,
.jeebna-lang-item,
.footer-link,
.footer-trust-pill,
.footer-social-btn,
.newsletter-input,
.newsletter-submit,
.footer-payment-icon { border-radius: 10px !important; }

.category-bar .nav-link,
.jeebna-category-button { border-radius: 9px !important; }

/* Boldluğu kıs (özellikle rakamlar/etiketler) */
.brand-text { font-weight: 800 !important; font-size: 1.55rem !important; letter-spacing: -.02em; }
.category-bar .nav-link { font-weight: 600 !important; }
.lang-code, .lang-title { font-weight: 700 !important; }
.badge.bg-danger { font-weight: 600 !important; }
.footer-section-title { font-weight: 700 !important; }
.footer-link { font-weight: 500 !important; }

/* Parlak/neon gölgeleri yumuşat — AI hissini azalt */
.jeebna-navbar { box-shadow: 0 1px 0 rgba(15, 23, 42, .06) !important; backdrop-filter: none; -webkit-backdrop-filter: none; background: #fff !important; }
.search-form .input-group { box-shadow: none !important; border-color: var(--jeebna-line) !important; }
.search-form .btn { box-shadow: none !important; }
.jeebna-category-button { box-shadow: none !important; }
.badge.bg-danger { box-shadow: none !important; background: #ef4444 !important; }
.brand-mark { box-shadow: 0 6px 16px rgba(226, 97, 28, .18) !important; }
.user-actions .nav-link:hover, .user-actions .nav-link.show { box-shadow: none !important; transform: none !important; }
.category-bar .nav-link:hover { transform: none !important; }

/* Turuncuyu accent seviyesine indir: büyük dolu yüzeyleri sadeleştir */
.category-bar { background: #fff !important; }
.jeebna-lang-link .lang-title { color: var(--jeebna-muted) !important; }

/* Logo: minimal premium wordmark (turuncu accent nokta) — eski parlak kareyi gizle */
.brand-area .brand-mark { display: none !important; }
.brand-text { font-weight: 800 !important; font-size: 1.5rem !important; color: var(--jeebna-ink) !important; letter-spacing: -.03em; }
.brand-text::after { content: ""; }

/* Kategoriler butonu: turuncu yerine nötr ink (accent yalnızca hover) */
.jeebna-category-button { background: var(--jeebna-ink) !important; color: #fff !important; border-color: var(--jeebna-ink) !important; }
.jeebna-category-button:hover { background: #111827 !important; color: #fff !important; filter: none !important; }
.category-bar .nav-link:hover { background: #f3f4f6 !important; color: var(--jeebna-ink) !important; }

/* Satıcı paneli rozeti: parlak gradyan yerine sade */
.seller-panel-item { background: #fff !important; border: 1px solid var(--jeebna-line) !important; box-shadow: none !important; color: var(--jeebna-ink) !important; }
.seller-panel-item span { color: var(--jeebna-ink) !important; font-weight: 600 !important; }
.seller-panel-item i { background: var(--jeebna-orange) !important; box-shadow: none !important; }

/* Genel: minimal premium — bol nefes, ince çizgiler */
.user-actions .nav-link { background: transparent !important; border-color: transparent !important; }
.user-actions .nav-link:hover, .user-actions .nav-link.show { background: #f3f4f6 !important; color: var(--jeebna-ink) !important; }
.user-actions .nav-link i { color: var(--jeebna-ink) !important; }
.dropdown-item:hover { background: #f3f4f6 !important; color: var(--jeebna-ink) !important; }
.jeebna-lang-item.active { background: var(--jeebna-ink) !important; }

/*
 * Performans: aktif mega-menü içerik paneli görünür alanın dışına taştığında
 * (mega-right overflow-y:auto, max-height 520px) tarayıcı ekran dışı kalan
 * kategori ağacının render/parse maliyetini atlar. contain-intrinsic-size
 * kaydırma/atlama (layout shift) olmaması için tahmini yükseklik verir.
 */
.mega-content-pane.active {
    content-visibility: auto;
    contain-intrinsic-size: auto 520px;
}