.main-layout {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* ====== Slider Item & Overlay ====== */
.lima-slider-container {
    position: relative;
    width: 100%;
    height: 100vh; /* tam ekran slider */
    overflow: hidden;
}

.lima-slider-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

    .lima-slider-item.active {
        opacity: 1;
    }

    .lima-slider-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.lima-slider-overlay {
    position: absolute;
    bottom: 20%;
    left: 5%;
    background: rgba(0,0,0,0.6);
    padding: 2rem;
    border-radius: 15px;
    width: 800px; /* Sabit genişlik */
    max-width: 90%; /* Mobilde taşmasın */
}

    .lima-slider-overlay h2 {
        font-family: 'Audiowide', cursive;
        font-size: 2.5rem;
        font-style: italic;
        margin-bottom: 1rem;
        text-align: center;
        color: #fff;
        text-shadow: 0 0 5px #ff0080, 0 0 10px #ff0080, 0 0 20px #ff8c00;
    }

    .lima-slider-overlay p {
        font-size: 1.2rem;
        margin-bottom: 1rem;
        color: #ccc;
        text-align: center;
    }

/* ====== Şimdi Satışta Kutusu ====== */
.lima-now-available {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: transparent;
    border: 1px solid #fff; /* Beyaz çizgi */
    padding: 0.3rem 0.8rem;
    border-radius: 12px;
    margin-bottom: 1rem;
    font-weight: bold;
    animation: pulse 1s infinite alternate;
}

.lima-now-available-circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: linear-gradient(45deg, #C8A2C8, #F5F5F5);
    animation: blink 1s infinite alternate;
}

@keyframes blink {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.2;
        transform: scale(1.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

/* ====== CTA Button ====== */
.lima-cta-btn {
    background: linear-gradient(90deg, #9B59B6, #C8A2C8);
    color: #fff;
    padding: 0.6rem 1.5rem;
    border-radius: 25px;
    font-weight: bold;
    font-family: 'Audiowide', cursive;
    border: none;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

    .lima-cta-btn:hover {
        transform: scale(1.05);
        box-shadow: 0 0 10px #9B59B6, 0 0 20px #C8A2C8, 0 0 30px #9B59B6;
    }
/* ====== Navbar ====== */
.lima-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    padding: 0.5rem 4rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.lima-logo img {
    height: auto;
    width: 140px;
    top:0;
    object-fit: contain;
}

/* Logo linki: <a> sarmalayıcı logoyu bozmasın + hafif hover geri bildirimi */
.lima-logo a {
    display: inline-block;
}

.lima-logo a img {
    transition: opacity 0.2s ease;
}

.lima-logo a:hover img {
    opacity: 0.85;
}

/* Dropdown container */
.lima-dropdown {
    position: relative;
    padding: 0.5rem 1rem;
}

/* Nav items */
.lima-nav {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-family: 'Audiowide', cursive;
}

    .lima-nav ul {
        list-style: none;
        display: flex;
        align-items: center;
        gap: 1.5rem;
        margin: 0;
        padding: 0;
    }

        .lima-nav ul li {
            position: relative;
        }

            .lima-nav ul li a {
                font-size: 1rem;
                font-weight: 700;
                color: #fff;
                transition: color 0.3s, text-shadow 0.3s;
                text-decoration: none;
            }

                .lima-nav ul li a:hover {
                    color: #ff8c00;
                    text-shadow: 0 0 5px #ff0080, 0 0 10px #ff0080, 0 0 15px #ff8c00;
                }

/* Dropdown Menü */
.lima-dropdown-menu {
    position: absolute;
    top: 100%;
    transform: translate(-50%, 15px);
    background: #222;
    border-radius: 5px;
    padding: 0.5rem;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    min-width: 500px;
    pointer-events: none;
}

.lima-dropdown > a::after {
    content: "▼";
    margin-left: 0.3rem;
    font-size: 0.7rem;
    transition: transform 0.3s;
}

.lima-dropdown > a.active::after {
    content: "▲";
}

.lima-dropdown:hover .lima-dropdown-menu,
.lima-dropdown-menu.lima-dropdown-menu-active {
    display: grid;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0.1s;
}

.lima-dropdown:hover > a::after {
    content: "▲";
}

/* Manuel kolon kontrolü */
.lima-dropdown-1 {
    grid-template-columns: repeat(1,1fr) !important;
    min-width: 150px;
}

.lima-dropdown-2 {
    grid-template-columns: repeat(2,1fr) !important;
    min-width: 250px;
}

.lima-dropdown-3 {
    grid-template-columns: repeat(3,1fr) !important;
    min-width: 700px;
    left: -120%;
}

.lima-dropdown-4 {
    grid-template-columns: repeat(4,1fr) !important;
    min-width: 900px;
    left: -120%;
}

/* Dropdown liste elemanları */
.lima-dropdown-menu li {
    display: flex;
    align-items: center;
    padding: 0.4rem;
    background: transparent;
    border-radius: 4px;
}

    .lima-dropdown-menu li a {
        color: #fff;
        margin-left: 0.5rem;
        font-size: 0.9rem;
        text-decoration: none;
        transition: color 0.3s, text-shadow 0.3s;
        white-space: nowrap;
    }

        .lima-dropdown-menu li a:hover {
            color: #ff8c00;
            text-shadow: 0 0 5px #ff0080, 0 0 10px #ff0080;
        }

    .lima-dropdown-menu li img.lima-menu-icon {
        width: 20px;
        height: 20px;
    }

/* Sağ ikonlar */
.lima-nav-icons {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.lima-nav-icon {
    position: relative;
    cursor: pointer;
}

.lima-nav-icons img {
    width: 28px;
    height: 28px;
}

/* Sağdaki ikonlar + Mağazama Git linki için hover efekti */
.lima-nav-icon a,
.lima-nav-icon img {
    transition: all 0.3s ease;
}

/* İkon hover vurgusu: yalnızca ikon butonunun (tetikleyici) içindeki bağlantı/resimlere uygulanır.
   Açılır panel (lima-icon-panel) içindeki avatar/bağlantılar bu kırmızı/turuncu parlamadan
   etkilenmesin — hover'da "kıpkırmızı ve parlak" görünüm sorununu çözer. */
.lima-nav-icon:hover > a,
.lima-nav-icon:hover > .lima-icon-btn-trigger img {
    transform: scale(1.08);
    color: #ff8c00;
    filter: drop-shadow(0 0 5px #ff0080) drop-shadow(0 0 10px #ff8c00);
}

/* Mağazama Git - Özel Buton */
.store-link {
    display: inline-block;
    padding: 0.4rem 0.8rem;
    border: 2px solid #fff;
    border-radius: 6px;
    color: #fff !important;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    background: transparent;
    transition: all 0.3s ease;
}

    .store-link:hover {
        transform: scale(1.08);
        box-shadow: 0 0 10px rgba(200, 160, 255, 0.7), 0 0 20px rgba(200, 160, 255, 0.5);
        border-color: #c8a0ff;
        color: #fff !important;
        background: transparent !important;
    }

/* Genel nav hover kuralları bu linke dokunamasın diye */
.lima-nav-icon:hover .store-link {
    color: #fff !important;
    filter: none !important;
}

/* ✅ Dropdown (ikon alt menüsü) */
.lima-icon-dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    left: 5px;
    background: #222;
    border-radius: 5px;
    padding: 0.3rem 0; /* ✅ Üst/alt boşluk azaltıldı */
    min-width: 170px;
    z-index: 1000;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, display 0s 0.3s;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    pointer-events: auto;
    /* Icon ile dropdown arası görünmez köprü */
    margin-top: 0; /* ✅ Gereksiz margin kaldırıldı */
}

    /* Dropdown açılma animasyonu için pseudo-element (görünmez köprü) */
    .lima-icon-dropdown::before {
        content: '';
        position: absolute;
        top: -10px;
        left: 0;
        right: 0;
        height: 10px;
        background: transparent;
    }

/* Icon'a hover olunca dropdown aç */
.lima-nav-icon:hover .lima-icon-dropdown {
    display: block;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
}

/* ✅ Dropdown'ın kendisine hover olunca açık kalsın */
.lima-icon-dropdown:hover {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* ✅ Parent'a class ekle ki dropdown hover olunca parent da hover sayılsın */
.lima-nav-icon:has(.lima-icon-dropdown:hover) .lima-icon-dropdown {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.lima-icon-dropdown li {
    padding: 0.4rem 1rem; /* ✅ Üst/alt padding azaltıldı */
}

    /* ✅ Dropdown item hover efekti (YANAN EFEKT GERİ GELDİ) */
    .lima-icon-dropdown li a {
        color: #fff !important;
        font-size: 0.95rem;
        transition: color 0.3s ease, text-shadow 0.3s ease; /* ✅ transition düzeltildi */
        display: block;
        padding: 0.2rem 0; /* ✅ İçerik padding azaltıldı */
    }

        .lima-icon-dropdown li a:hover {
            color: #ff8c00 !important; /* ✅ Turuncu renk */
            text-shadow: 0 0 5px #ff0080, 0 0 10px #ff8c00; /* ✅ Neon efekt */
        }

/* Hamburger Menü */
.lima-hamburger {
    display: none;
    flex-direction: column;
    cursor: pointer;
    gap: 5px;
    z-index: 3000;
    position: relative;
}

    .lima-hamburger span {
        width: 25px;
        height: 3px;
        background: #fff;
    }

/* Sepet için özel neon kare stil */
.neon-cart-wrapper {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(20,10,40,0.12);
    border: 2px solid rgba(255,255,255,0.08);
    transition: transform .18s ease, box-shadow .18s ease;
    z-index: 10;
}

    .neon-cart-wrapper:hover {
        transform: scale(1.08);
        box-shadow: 0 0 12px rgba(200,160,255,0.85), 0 0 28px rgba(122,91,255,0.85);
    }

.neon-cart-icon {
    width: 26px;
    height: 26px;
    display: block;
}

/* User için özel neon kare stil */
.neon-user-wrapper {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(20,10,40,0.12);
    border: 2px solid rgba(255,255,255,0.08);
    transition: transform .18s ease, box-shadow .18s ease;
    z-index: 10;
}

    .neon-user-wrapper:hover {
        transform: scale(1.08);
        box-shadow: 0 0 12px rgba(200,160,255,0.85), 0 0 28px rgba(122,91,255,0.85);
    }

.neon-user-icon {
    width: 26px;
    height: 26px;
    display: block;
}

/* ===== Mobil Düzenlemeler ===== */
@media (max-width: 1200px) {
    .lima-navbar {
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem 1.5rem;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,0.8);
        z-index: 9997; /*000000Burası değişti======*/
    }

    .lima-logo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .lima-hamburger {
        display: flex !important;
        flex-direction: column;
        cursor: pointer;
        gap: 5px;
        position: fixed !important;
        top: 20px;
        right: 20px;
        z-index: 99999;
    }

    .lima-nav {
        display: none;
        flex-direction: column;
        width: 100%;
        margin-top: 1rem;
        z-index: 100000;
        background: rgba(0,0,0,0.9);
        padding: 1rem;
        border-radius: 8px;
    }

        .lima-nav.lima-nav-active {
            display: flex;
        }

    .lima-nav-icons {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        margin-top: 2.5rem;
        order: 3;
    }

    /* ✅ Mobilde dropdown özel ayarlar */
    .lima-icon-dropdown {
        position: fixed !important;
        top: 65px !important;
        right: 10px !important;
        left: auto !important;
        min-width: 200px;
        padding: 0.5rem 0; /* ✅ Mobilde de az padding */
        transition: opacity 0.3s ease, transform 0.3s ease, display 0s 0.5s;
    }

        .lima-nav-icon:hover .lima-icon-dropdown,
        .lima-icon-dropdown:hover {
            display: block !important;
            opacity: 1 !important;
            transform: translateY(0) !important;
            transition-delay: 0s;
        }

        .lima-icon-dropdown li {
            padding: 0.5rem 1.2rem; /* ✅ Mobilde normal padding */
        }

            .lima-icon-dropdown li a {
                font-size: 1rem;
                padding: 0.3rem 0;
            }
}
/* Logo: masaüstünde büyük, mobilde küçük/farklı */
.lima-logo-desktop {
    display: block;
    width: 140px;
    height: auto;
    object-fit: contain;
}

.lima-logo-mobile {
    display: none;
    width: 40px;
    height: auto;
    object-fit: contain;
}

@media (max-width: 1200px) {
    .lima-logo-desktop {
        display: none !important;
    }

    .lima-logo-mobile {
        display: block !important;
    }
}

/* Sidebar Trigger Butonu */
.lima-sidebar-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(139, 92, 246, 0.12);
    border: 1px solid rgba(139, 92, 246, 0.35);
    border-radius: 8px;
    padding: 6px 10px;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .lima-sidebar-trigger:hover {
        background: rgba(139, 92, 246, 0.25);
        border-color: rgba(168, 85, 247, 0.7);
        box-shadow: 0 0 12px rgba(168, 85, 247, 0.3);
    }

.lima-sidebar-trigger-label {
    font-size: 12px;
    font-family: 'Audiowide', cursive;
    color: #fff;
    letter-spacing: 0.5px;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lima-sidebar-trigger-arrow {
    color: #a855f7;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.lima-sidebar-hamburger-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(168, 85, 247, 0.7);
    flex-shrink: 0;
}
/* ============================================
   SIDEBAR STYLES
   ============================================ */

/* Overlay */
.lima-sidebar-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    z-index: 9998;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

    .lima-sidebar-overlay.active {
        opacity: 1;
        pointer-events: auto;
    }

/* Sidebar */
.lima-sidebar {
    position: fixed;
    left: -320px;
    top: 0;
    width: 320px;
    height: 100vh;
    background: linear-gradient(180deg, #0f0f1e 0%, #1a0a2e 100%);
    border-right: 1px solid rgba(139, 92, 246, 0.3);
    box-shadow: 0 0 40px rgba(139, 92, 246, 0.2);
    z-index: 9999;
    transition: left 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    overflow-y: auto;
    font-family: 'Audiowide', cursive;
}
.lima-sidebar-hamburger-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(168, 85, 247, 0.7);
    box-shadow: 0 0 8px rgba(168, 85, 247, 0.5);
    transition: box-shadow 0.3s ease;
}

.lima-sidebar-hamburger:hover .lima-sidebar-hamburger-avatar {
    box-shadow: 0 0 16px rgba(168, 85, 247, 0.9);
}
    .lima-sidebar.open {
        left: 0;
    }

/* Sidebar Header */
.lima-sidebar-header {
    padding: 30px 20px;
    border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}

.lima-sidebar-user {
    display: flex;
    gap: 15px;
    align-items: center;
}

.lima-sidebar-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 3px solid rgba(139, 92, 246, 0.5);
    object-fit: cover;
}

.lima-sidebar-user-info {
    flex: 1;
}

.lima-sidebar-username {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

.lima-sidebar-lp {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(139, 92, 246, 0.15);
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

    .lima-sidebar-lp:hover {
        background: rgba(139, 92, 246, 0.28);
        border-color: rgba(139, 92, 246, 0.55);
    }

.lima-lp-icon {
    font-size: 20px;
}

.lima-lp-amount {
    color: #c084fc;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

/* Login Buttons */
.lima-sidebar-login {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lima-sidebar-btn,
.lima-sidebar-btn-outline {
    display: block;
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    font-size: 12px;
    letter-spacing: 2px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.lima-sidebar-btn {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    color: #fff;
    border: 1px solid rgba(168, 85, 247, 0.5);
}

    .lima-sidebar-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 0 20px rgba(168, 85, 247, 0.6);
    }

.lima-sidebar-btn-outline {
    background: transparent;
    color: #a855f7;
    border: 2px solid #a855f7;
}

    .lima-sidebar-btn-outline:hover {
        background: rgba(168, 85, 247, 0.1);
    }

/* Sidebar Navigation */
.lima-sidebar-nav {
    padding: 20px 0;
}

.lima-sidebar-section {
    margin-bottom: 8px;
}

.lima-sidebar-toggle {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Audiowide', cursive;
    letter-spacing: 1px;
}

    .lima-sidebar-toggle:hover {
        background: rgba(139, 92, 246, 0.1);
        color: #c084fc;
    }

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

    .lima-sidebar-arrow.open {
        transform: rotate(180deg);
    }

.lima-sidebar-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background: rgba(0, 0, 0, 0.2);
}

    .lima-sidebar-submenu.open {
        max-height: 500px;
    }

    .lima-sidebar-submenu a {
        display: block;
        padding: 12px 20px 12px 50px;
        color: #d1d5db;
        font-size: 12px;
        text-decoration: none;
        transition: all 0.3s ease;
        font-family: Arial, sans-serif;
    }

        .lima-sidebar-submenu a:hover {
            background: rgba(139, 92, 246, 0.15);
            color: #c084fc;
            padding-left: 55px;
        }

.lima-sidebar-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.3), transparent);
    margin: 20px 0;
}

/* Bağımsız menü linkleri (Topluluk Sunucularım / Destek Taleplerim — Çıkış Yap üzerinde) */
.lima-sidebar-menu-link {
    display: block;
    width: 100%;
    padding: 14px 20px;
    color: #d1d5db;
    font-size: 13px;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: 'Audiowide', cursive;
}

    .lima-sidebar-menu-link:hover {
        background: rgba(139, 92, 246, 0.15);
        color: #c084fc;
    }

.lima-sidebar-logout {
    width: 100%;
    padding: 16px 20px;
    background: transparent;
    border: none;
    color: #ef4444;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Audiowide', cursive;
    letter-spacing: 1px;
    text-align: left;
}

    .lima-sidebar-logout:hover {
        background: rgba(239, 68, 68, 0.1);
    }

/* Sidebar Hamburger Button */
.lima-sidebar-hamburger {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    margin-right: 15px;
    z-index:9999;
}

    .lima-sidebar-hamburger span {
        width: 25px;
        height: 3px;
        background: #fff;
        transition: all 0.3s ease;
    }

    .lima-sidebar-hamburger:hover span {
        background: #a855f7;
        box-shadow: 0 0 10px rgba(168, 85, 247, 0.6);
    }

/* Navbar Left */
.lima-navbar-left {
    display: flex;
    align-items: center;
}

/* ============================================
   AVATAR / MENÜ ROZETLERİ (mesaj + arkadaşlık isteği)
   ============================================ */
.lima-sidebar-avatar-badge-wrapper {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}

.lima-sidebar-avatar-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 10px;
    background: linear-gradient(135deg, #ff0080 0%, #ff8c00 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    line-height: 18px;
    text-align: center;
    box-shadow: 0 0 8px rgba(255, 0, 128, 0.8);
    z-index: 5;
}

.lima-sidebar-menu-badge {
    display: inline-block;
    margin-left: 8px;
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 10px;
    background: linear-gradient(135deg, #ff0080 0%, #ff8c00 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    box-shadow: 0 0 6px rgba(255, 0, 128, 0.6);
    vertical-align: middle;
}

.lima-sidebar-menu-badge.msgs {
    background: linear-gradient(135deg, #7a5cff 0%, #00c2ff 100%);
    box-shadow: 0 0 6px rgba(122, 91, 255, 0.6);
}

.lima-sidebar-toggle-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Responsive */
@media (max-width: 1200px) {
    .lima-sidebar {
        width: 280px;
        left: -280px;
        z-index:9999
    }

    .lima-navbar {
        padding: 0.5rem 1.5rem;
    }

    .lima-navbar-left {
        flex: 1;
    }
}


/*Menü bitti */
/* Ürün Kartları Grid */
.lima-products-section {
    position: relative;
    padding: 80px 20px;
    color: #fff;
    overflow: hidden;
}

.lima-parallax-bg {
    background: url('/images/space-neon-bg.jpg') no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-attachment: fixed;
    filter: brightness(0.4) saturate(1.2);
}

/* Header */
.lima-products-header {
    max-width: 1200px;
    margin: 20px auto 40px auto;
    padding: 0 32px;
}

.lima-highlight {
    display: inline-block;
    padding: 6px 16px;
    border: 2px solid #fff;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    margin-bottom: 10px;
}

.lima-header-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .lima-header-main h2 {
        font-size: 32px;
        font-weight: bold;
        color: #fff;
    }

.lima-header-title {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}

.lima-header-sparkle {
    color: #ff7bd5;
    font-size: 0.75em;
    margin-left: 6px;
    text-shadow: 0 0 8px rgba(255,123,213,0.9);
}

.lima-header-subtitle {
    color: #b9a7d6;
    font-size: 15px;
    margin: 0;
    font-family: inherit;
    text-shadow: none;
    line-height: 1.4;
}

.lima-view-all {
    background: linear-gradient(45deg, #9b5cff, #5c9bff);
    border: none;
    color: #fff;
    padding: 10px 22px;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s ease;
    box-shadow: 0 0 10px rgba(155, 92, 255, 0.6);
}

    .lima-view-all:hover {
        transform: scale(1.08);
        box-shadow: 0 0 20px rgba(92, 155, 255, 0.9), 0 0 40px rgba(155, 92, 255, 0.7);
    }

/* Products Grid */
.lima-products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
}

.lima-product-card {
    background: linear-gradient(165deg, rgba(38,26,72,0.92), rgba(22,14,48,0.92));
    border-radius: 22px;
    padding: 18px;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(155,92,255,0.6);
    box-shadow: 0 0 20px rgba(155,92,255,0.4), 0 0 45px rgba(124,58,237,0.22);
}

    .lima-product-card:hover {
        transform: translateY(-8px);
        border-color: rgba(155,92,255,0.9);
        box-shadow: 0 0 30px rgba(155,92,255,0.6), 0 0 60px rgba(92,155,255,0.3);
    }

    .lima-product-card img {
        max-width: 100%;
        border-radius: 14px;
        margin-bottom: 15px;
        transition: transform 0.4s ease;
    }

    .lima-product-card:hover img {
        transform: scale(1.05);
    }

/* Discount Badge */
.lima-discount-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 5;
    background: linear-gradient(135deg, #ff3d71, #ff7b7b);
    color: #fff;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(255,61,113,0.8);
}

/* Favori (Kalp) Butonu — ürün görselinin üstünde (sol üst) */
.lima-fav-btn {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 5;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(10, 10, 20, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #fff;
    cursor: pointer;
    padding: 0;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

    .lima-fav-btn:hover {
        transform: scale(1.12);
        background: rgba(255, 61, 113, 0.25);
        border-color: #ff3d71;
    }

    .lima-fav-btn .lima-fav-icon {
        width: 20px;
        height: 20px;
    }

    .lima-fav-btn.active {
        color: #ff3d71;
        background: rgba(255, 61, 113, 0.18);
        border-color: #ff3d71;
        box-shadow: 0 0 12px rgba(255, 61, 113, 0.7);
    }

        .lima-fav-btn.active:hover {
            background: rgba(255, 61, 113, 0.35);
        }

/* Wishlist (hediye kutusu) butonu — favori kalbinin YANINDA */
.lima-wishlist-btn {
    left: 56px;
    color: #7ef0ff;
}
    .lima-wishlist-btn:hover {
        background: rgba(126, 240, 255, 0.25);
        border-color: #7ef0ff;
    }
    .lima-wishlist-btn.active {
        color: #7ef0ff;
        background: rgba(126, 240, 255, 0.18);
        border-color: #7ef0ff;
        box-shadow: 0 0 12px rgba(126, 240, 255, 0.7);
    }
        .lima-wishlist-btn.active:hover {
            background: rgba(126, 240, 255, 0.35);
        }

.lima-wishlist-hint {
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 20;
    width: 220px;
    background: rgba(15, 15, 28, 0.97);
    border: 1px solid rgba(126, 240, 255, 0.5);
    border-radius: 10px;
    padding: 12px;
    color: #fff;
    font-size: 13px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
.lima-wishlist-hint p { margin: 0 0 10px; }
.lima-wishlist-hint-btn {
    width: 100%;
    padding: 8px 10px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(90deg, #ff3d71, #7ef0ff);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.lima-wishlist-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}
.lima-wishlist-modal-card {
    position: relative;
    width: min(360px, 92vw);
    background: #12121f;
    border: 1px solid rgba(126, 240, 255, 0.4);
    border-radius: 12px;
    padding: 18px;
    color: #fff;
}
.lima-wishlist-modal-card h4 { margin: 0 0 12px; }
.lima-wishlist-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}
.lima-wishlist-label { display: block; font-size: 12px; color: rgba(255,255,255,.6); margin: 8px 0 4px; }
.lima-wishlist-modal .lima-profile-input { width: 100%; box-sizing: border-box; margin-bottom: 4px; }
.lima-wishlist-modal .lima-wishlist-hint-btn { margin-top: 12px; }

/* Product Info */
.lima-product-info h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.6em;
    line-height: 1.3;
}

.lima-product-info .lima-price {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    font-weight: bold;
    margin: 4px auto 2px;
    padding: 7px 18px;
    width: fit-content;
    max-width: 100%;
    color: #ffd966;
    background: linear-gradient(135deg, #6d28d9, #9b5cff);
    border-radius: 999px;
    box-shadow: 0 0 16px rgba(155,92,255,0.45);
}

    .lima-product-info .lima-price img {
        flex-shrink: 0;
    }

/* Fiyat hapının DIŞINDA gösterilen TL karşılığı — hap ile "Satın Al" butonu arasında */
.lima-product-info .lima-price-tl {
    margin: 6px 0 0;
    text-align: center;
    line-height: 1.2;
}

    .lima-product-info .lima-price-tl .bz-price {
        display: inline-flex;
    }

    .lima-product-info .lima-price-tl .bz-price-tl {
        font-size: 14px;
        font-weight: 500;
        color: rgba(255,255,255,0.82);
    }

/* İndirimdeki ürünlerde üstü çizili orijinal fiyat */
.lima-old-price {
    text-decoration: line-through;
    color: rgba(255,255,255,0.55);
    font-weight: 400;
    font-size: 14px;
    margin-right: 4px;
}

/* BZ + TL çift gösterim (BzPrice bileşeni)
   Görünüm: [BZ ikonu] 1,31 (1,31 ₺) — ikisi yan yana, BZ kısmı vurgulu. */
.bz-price {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
    line-height: 1;
}

.bz-price-bz {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.bz-price-amount {
    font-size: 1.15em;
    font-weight: bold;
}

/* BZ tutarının yanındaki net okunan "BZ" metin etiketi */
.bz-price-suffix {
    font-weight: 800;
    color: #ffd966;
    font-size: 1.15em;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

/* BZ ikonu: kare logo, rakamla aynı hizada; boyutu --bz-iw (px) ile belirlenir.
   NOT: .lima-product-card img gibi genel kuraların ikona margin eklemesini
   (örn. margin-bottom:15px) engellemek için margin sıfırlanır. */
.bz-price .bz-price-icon {
    width: var(--bz-iw, 1.8em);
    height: var(--bz-iw, 1.8em);
    object-fit: contain;
    flex-shrink: 0;
    vertical-align: middle;
    margin: 0;
}

.bz-price-tl {
    color: #9aa0a6;
    font-weight: 400;
    font-size: 0.85em;
    white-space: nowrap;
}

/* Ürün kartı içinde: BZ tutarı sarı/altın, ikon yuvarlak (coin) */
.lima-product-card .bz-price-amount {
    color: #ffd966;
    font-size: 1.3em;
}

.lima-product-card .bz-price .bz-price-icon {
    border-radius: 50%;
}

/* Referans görseldeki gibi: BZ tutarı solda, altıgen BZ logosu sağda */
.lima-product-card .bz-price-bz {
    flex-direction: row-reverse;
}

/* Buy Button */

.lima-buy-btn {
    display: inline-block;
    align-self: center;
    margin-top: 12px;
    background: linear-gradient(135deg,#5c9bff,#9b5cff);
    border: none;
    color: #fff;
    padding: 11px 26px;
    border-radius: 28px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 0 14px rgba(92,155,255,0.4);
    perspective: 600px;
    z-index: 3;
}

    .lima-buy-btn span {
        display: inline-block;
        transition: transform 0.6s;
        transform-origin: center;
    }

.lima-buy-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 22px rgba(155,92,255,0.7);
}

.lima-buy-btn:hover span {
    transform: rotateX(360deg);
}

/* ====== Neden Biz Section ====== */
.lima-why-us-section {
    position: relative;
    padding: 80px 20px;
    color: #fff;
    overflow: hidden;
    background: #000;
}

    .lima-why-us-section .lima-parallax-bg {
        display: none;
    }

.lima-parallax-bg {
    background: url('/images/space-neon-bg.jpg') no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-attachment: fixed;
    filter: brightness(0.4) saturate(1.2);
}

/* Header */
.lima-why-us-header {
    max-width: 1200px;
    margin: 20px auto 40px auto;
}

.lima-highlight {
    display: inline-block;
    padding: 6px 16px;
    border: 2px solid #fff;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    margin-bottom: 10px;
}

/* Hızlı Güvenli Alışveriş glow ve titreşim efekti */
.lima-header-main h2 {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 5px #ff3d71, 0 0 10px #ff3d71, 0 0 15px #ff7bff, 0 0 20px #7b5cff;
    transition: all 0.2s ease-in-out;
}

    .lima-header-main h2:hover {
        text-shadow: 0 0 10px #ff3d71, 0 0 20px #ff3d71, 0 0 30px #ff7bff, 0 0 40px #7b5cff;
        animation: lima-neon-shake 0.3s ease-in-out infinite;
    }

@keyframes lima-neon-shake {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-2px);
    }

    50% {
        transform: translateX(2px);
    }

    75% {
        transform: translateX(-2px);
    }

    100% {
        transform: translateX(0);
    }
}

/* Grid */
.lima-why-us-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.lima-why-us-grid-full {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Kartlar */
.lima-why-us-card {
    background: rgba(255,255,255,0.05);
    border-radius: 18px;
    padding: 20px;
    position: relative;
    overflow: hidden;
    text-align: center;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
}

.lima-why-us-image {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px auto;
}

    .lima-why-us-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

/* Kart metinleri */
.lima-why-us-info h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #fff;
}

.lima-why-us-info p {
    font-size: 0.95rem;
    color: #ccc;
    flex-grow: 1;
}

/* Kart hover efektleri - renkli glow */
.lima-why-us-card:nth-child(1):hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 0 20px rgba(255,0,128,0.7), 0 0 40px rgba(255,100,180,0.5); /* Pembe */
}

.lima-why-us-card:nth-child(2):hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 0 20px rgba(92,155,255,0.7), 0 0 40px rgba(100,180,255,0.5); /* Mavi */
}

.lima-why-us-card:nth-child(3):hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 0 20px rgba(155,0,255,0.7), 0 0 40px rgba(180,100,255,0.5); /* Mor */
}

.lima-why-us-card:nth-child(4):hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 0 20px rgba(255,140,0,0.7), 0 0 40px rgba(255,180,100,0.5); /* Turuncu */
}

.lima-why-us-card:nth-child(5):hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 0 20px rgba(0,200,100,0.7), 0 0 40px rgba(100,255,180,0.5); /* Yeşil */
}

.lima-why-us-card:nth-child(6):hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 0 20px rgba(255,0,0,0.7), 0 0 40px rgba(255,100,100,0.5); /* Kırmızı */
}
/* Mobil uyumluluk */


@media (max-width: 576px) {
    .lima-why-us-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .lima-why-us-grid-full {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .lima-header-main h2 {
        font-size: 22px;
        text-align: center;
    }

    .lima-highlight {
        display: block;
        margin: 0 auto 10px auto;
        text-align: center;
        font-size: 12px;
        padding: 4px 10px;
    }

    .lima-why-us-card {
        padding: 15px 10px;
    }
}
/* Lima hero section*/
.lima-hero-section {
    background-color: #000;
    padding: 140px 0 100px 0;
    position: relative;
    overflow: visible;
}

.lima-hero-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 60px;
    background: url("../images/space-neon-bg.jpg") no-repeat center center;
    background-size: cover;
    background-attachment: fixed; /* parallax efekti */
    border-radius: 12px;
    z-index: 1;
    margin-top: 60px;
}

.lima-small-title {
    display: inline-block;
    padding: 6px 16px;
    border: 2px solid #fff;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    margin-bottom: 10px;
}

.lima-main-title {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.lima-hero-text {
    color: #ddd;
    font-size: 18px;
    max-width: 600px;
    margin-bottom: 30px;
}

.lima-hero-btn {
    background: linear-gradient(90deg, #ff007a, #7a00ff);
    color: #fff;
    padding: 14px 36px;
    border: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

    .lima-hero-btn::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.2);
        transform: skewX(-20deg);
        transition: left 0.5s;
    }

    .lima-hero-btn:hover::before {
        left: 100%;
    }

    .lima-hero-btn:hover {
        transform: scale(1.05);
    }

.lima-hero-avatar {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 300px;
    max-width: 34%;
    /*transform: translateY(-60px);*/
}

/*Pazar yeri section*/
.lima-marketplace-section {
    background-color: #000;
    padding: 80px 0;
    color: #fff;
    overflow: hidden;
}

.lima-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    gap: 40px;
}

.lima-left {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: lima-float 6s ease-in-out infinite;
}

    .lima-left .lima-image {
        width: 100%;
        max-width: 500px;
    }

.lima-right {
    flex: 1;
}

.lima-tag {
    display: inline-block;
    padding: 6px 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid #6a0dad;
    border-radius: 20px;
    font-size: 14px;
    margin-bottom: 20px;
    color: #b580ff;
    letter-spacing: 0.5px;
    animation: lima-pulse 2.5s infinite;
}

.lima-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    background: linear-gradient(90deg, #ff00ff, #6a0dad, #00ffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: lima-glow-text 4s ease-in-out infinite;
}

.lima-content {
    font-size: 16px;
    line-height: 1.6;
    color: #aaa;
    margin-bottom: 30px;
}

.lima-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.lima-btn {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid #333;
    color: #fff;
    padding: 10px 18px;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

    .lima-btn::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 200%;
        height: 100%;
        background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        transition: all 0.5s;
    }

    .lima-btn:hover::before {
        left: 100%;
    }

    .lima-btn:hover {
        border-color: #6a0dad;
        box-shadow: 0 0 12px #6a0dad, 0 0 24px #00ffff;
        transform: translateY(-2px) scale(1.05);
    }

.lima-btn-outline {
    background: linear-gradient(135deg, #b580ff, #6a0dad);
    border: none;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 0 10px rgba(181, 128, 255, 0.6);
    transition: all 0.3s ease;
}

    .lima-btn-outline:hover {
        background: linear-gradient(135deg, #6a0dad, #b580ff);
        box-shadow: 0 0 20px rgba(181, 128, 255, 0.9), 0 0 40px rgba(106, 13, 173, 0.8);
        transform: translateY(-2px) scale(1.08);
    }

/* Animasyonlar */
@keyframes lima-float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes lima-pulse {
    0%, 100% {
        box-shadow: 0 0 8px #6a0dad;
    }

    50% {
        box-shadow: 0 0 16px #6a0dad;
    }
}

@keyframes lima-glow-text {
    0%, 100% {
        text-shadow: 0 0 5px #6a0dad, 0 0 10px #ff00ff;
    }

    50% {
        text-shadow: 0 0 20px #00ffff, 0 0 30px #ff00ff;
    }
}

/* Responsive */
@media (max-width: 992px) {
    .lima-container {
        flex-direction: column;
        text-align: center;
    }

    .lima-left, .lima-right {
        flex: unset;
        width: 100%;
    }

    .lima-buttons {
        justify-content: center;
    }
}

/*PAzar yeri section bitti*/
/*Sık sorulan sorular section*/
.lima-faq-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 20px;
    background: #000;
    font-family: 'Poppins', sans-serif;
}

.lima-faq-container {
    max-width: 1200px;
    width: 100%;
    background: #000;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
    /*border: 2px solid white;*/
}

.lima-faq-title {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 25px;
    color: #fff;
}

.lima-accordion-item {
    border-radius: 12px;
    margin-bottom: 15px;
    overflow: hidden;
    background: #1f2937;
    border: none;
}

.lima-accordion-button {
    width: 100%;
    padding: 18px 20px;
    text-align: left;
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
    background: rgba(255, 255, 255, 0.05);
    border: none;
    cursor: pointer;
    outline: none;
    position: relative;
    transition: background 0.3s, transform 0.2s;
}

    .lima-accordion-button:hover {
        background: #b580ff;
        transform: translateY(-2px);
    }

.lima-accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #111827;
    padding: 0 20px;
    transition: max-height 0.4s ease, padding 0.3s ease;
    color: #cbd5e1;
    border-top: 1px solid #b580ff;
}

    .lima-accordion-content.open {
        max-height: 300px;
        padding: 20px;
    }


/*Sık sorulan sorular kısmı bitti*/
/*Footer ve Sub footer kısmı */
/* Footer */
.lima-footer {
    background: #0b0b0f;
    padding: 60px 10%;
    color: #ccc;
    font-family: 'Poppins', sans-serif;
    position: relative;
    overflow: hidden;
}

    .lima-footer::before {
        content: "";
        position: absolute;
        top: -50px;
        left: -50px;
        width: 200px;
        height: 200px;
        background: radial-gradient(circle, rgba(255,0,255,0.3) 0%, transparent 70%);
        filter: blur(80px);
    }

.lima-footer-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 40px;
    z-index: 2;
    position: relative;
}

.lima-footer-logo {
    width: 150px;
    margin-bottom: 15px;
}

.lima-footer-col h4 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 0 10px #ff00ff;
}

.lima-footer-col ul {
    list-style: none;
    padding: 0;
}

    .lima-footer-col ul li {
        margin-bottom: 10px;
    }

        .lima-footer-col ul li a {
            color: #aaa;
            text-decoration: none;
            transition: color 0.3s, text-shadow 0.3s;
        }

            .lima-footer-col ul li a:hover {
                color: #fff;
                text-shadow: 0 0 5px #00f0ff, 0 0 10px #ff00ff;
            }

/* Newsletter */
.newsletter {
    display: flex;
    background: #1a1a22;
    border-radius: 30px;
    overflow: hidden;
}

    .newsletter input {
        flex: 1;
        border: none;
        padding: 12px 15px;
        background: transparent;
        color: #fff;
        outline: none;
    }

    .newsletter button {
        background: linear-gradient(45deg, #ff00ff, #00f0ff);
        border: none;
        padding: 12px 18px;
        cursor: pointer;
        color: white;
        font-size: 18px;
        transition: transform 0.2s;
    }

        .newsletter button:hover {
            transform: scale(1.1);
        }

/* Sosyal ikonlar */
.social-icons {
    margin-top: 15px;
}

    .social-icons a {
        display: inline-block;
        margin-right: 12px;
        font-size: 18px;
        color: #aaa;
        transition: color 0.3s, transform 0.3s;
    }

        .social-icons a:hover {
            color: #fff;
            transform: scale(1.2);
            text-shadow: 0 0 10px #ff00ff;
        }

/* Subfooter */
.lima-subfooter {
    background: #08080c;
    padding: 15px 10%;
    text-align: center;
    font-size: 14px;
    color: #777;
    border-top: 1px solid rgba(255,255,255,0.05);
}

    .lima-subfooter a {
        color: #bbb;
        text-decoration: none;
        margin: 0 8px;
    }

        .lima-subfooter a:hover {
            color: #fff;
            text-shadow: 0 0 5px #ff00ff;
        }

/* Neon Yazı */
.neon-text {
    color: #fff;
    text-shadow: 0 0 5px #ff00ff, 0 0 15px #00f0ff, 0 0 25px #ff00ff;
}

/*Footer ve Sub footer bitti*/

/* Responsive */
@media (max-width:1200px) {
    .lima-hero-avatar {
        display: none;
    }

    .lima-nav {
        display: none;
    }

    .lima-hamburger {
        display: flex;
    }

    .lima-products-grid {
        grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    }

    .lima-slider-overlay h2 {
        font-size: 1.8rem;
    }

    .lima-slider-overlay p {
        font-size: 1rem;
    }

    .lima-nav-icons {
        display: flex !important;
        position: absolute;
        right: 1rem;
        top: 0.6rem;
        gap: 0.5rem;
    }

    .lima-logo img {
        max-height: 80px;
        max-width: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
    }

    .lima-dropdown-menu {
        grid-template-columns: repeat(2,1fr);
        left: -80%;
        transform: translateX(-50%) translateY(0);
        min-width: auto;
    }

    .lima-dropdown-1 {
        grid-template-columns: repeat(1,1fr) !important;
        min-width: 150px;
        left: -30%;
    }

    .lima-dropdown-2, .lima-dropdown-3, .lima-dropdown-4 {
        grid-template-columns: repeat(2,1fr) !important;
        min-width: auto !important;
    }

    .lima-feature-card {
        margin-bottom: 2rem;
        padding: 1.5rem 1rem;
    }

    lima-why-us-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .lima-header-main h2 {
        font-size: 26px;
    }

    .lima-highlight {
        margin-left: 1rem;
        padding: 5px 12px;
        font-size: 13px;
    }
}

/* Mobil açılır menü */
.lima-nav.lima-nav-active {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: #111;
    padding: 1rem 0;
    border-top: 1px solid #333;
}

    .lima-nav.lima-nav-active ul {
        flex-direction: column;
    }

        .lima-nav.lima-nav-active ul li {
            margin: 0.5rem 0;
        }
/* ===============================
   PAGE BANNER ALANI
   =============================== */

.lima-page-banner {
    position: relative;
    width: 100%;
    height: 150px;
    background: url("/images/pagebanner.png") no-repeat center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

/* LOGO */
.lima-page-banner-logo {
    max-width: 180px;
    margin-bottom: 20px;
}

/* BAŞLIK (NEON EFEKT) */
.lima-page-banner-title {
    font-family: 'Audiowide', cursive;
    font-size: 52px;
    text-transform: uppercase;
    color: #fff; /* yazının içi beyaz */
    text-shadow: 0 0 5px #ff4500, 0 0 10px #ff4500, 0 0 20px #ff6347, 0 0 40px #ff0000, 0 0 80px #ff0000, 0 0 90px #ff6347;
    margin: 0;
    letter-spacing: 2px;
}

/* ALT YAZI (HAFİF NEON PARLAMA) */
.lima-page-banner-subtitle {
    font-family: 'Audiowide', sans-serif;
    font-size: 20px;
    color: #fff;
    /*text-shadow: 0 0 4px #0ff, 0 0 8px #0ff;*/
    margin-top: 10px;
}
/* ===============================
   CONTACT ALANI
   =============================== */
.lima-contact-section {
    background-color: #000;
    padding: 80px 0;
    color: #fff;
    overflow: hidden;
}

.lima-contact-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 40px;
    gap: 40px;
}

.lima-contact-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    animation: lima-contact-float 6s ease-in-out infinite;
    text-align: center;
}

    .lima-contact-left .lima-contact-image {
        width: 100%;
        max-width: 500px;
    }

.lima-contact-info {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    width: 100%;
    max-width: 500px;
    gap: 20px;
}

    .lima-contact-info div {
        flex: 1;
        padding: 10px;
        border: 1px solid #6a0dad;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.05);
        font-size: 14px;
        color: #b580ff;
        box-shadow: 0 0 10px rgba(106, 13, 173, 0.6);
    }

.lima-contact-right {
    flex: 1;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 0 15px rgba(106, 13, 173, 0.6);
}

    .lima-contact-right h2 {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 20px;
        background: linear-gradient(90deg, #ff00ff, #6a0dad, #00ffff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: lima-glow-text 4s ease-in-out infinite;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 20px;
        background: linear-gradient(90deg, #ff00ff, #6a0dad, #00ffff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.lima-contact-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.lima-contact-input {
    padding: 12px 15px;
    border-radius: 10px;
    border: 1px solid #333;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
}

    .lima-contact-input:focus {
        border-color: #6a0dad;
        box-shadow: 0 0 12px #6a0dad, 0 0 24px #00ffff;
        outline: none;
    }

.lima-contact-btn {
    padding: 12px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background: linear-gradient(135deg, #b580ff, #6a0dad);
    color: #fff;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

    .lima-contact-btn:hover {
        background: linear-gradient(135deg, #6a0dad, #b580ff);
        box-shadow: 0 0 20px rgba(181, 128, 255, 0.9), 0 0 40px rgba(106, 13, 173, 0.8);
        transform: translateY(-2px) scale(1.05);
    }

@keyframes lima-contact-float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}

@media (max-width: 992px) {
    .lima-contact-container {
        flex-direction: column;
        text-align: center;
    }

    .lima-contact-left,
    .lima-contact-right {
        flex: unset;
        width: 100%;
    }

    .lima-contact-info {
        flex-direction: column;
        align-items: center;
    }
}

/*******************************
    Status Component Tasarımı
*******************************/

.lima-status-root {
    position: fixed;
    right: 28px;
    bottom: 28px;
    width: 340px;
    z-index: 9999;
    pointer-events: none;
    transform: translateY(14px) scale(0.985);
    opacity: 0;
    transition: transform 360ms cubic-bezier(.2,.9,.3,1), opacity 260ms ease;
    -webkit-tap-highlight-color: transparent;
}

    .lima-status-root.show {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) scale(1);
    }

/* card */
.lima-status-card {
    display: flex;
    flex-direction: row;
    min-width: 200px;
    min-height: 170px; /* kareye yakın görünüm için */
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.35);
    padding: 18px;
    backdrop-filter: blur(12px);
    background: rgba(20,20,20,0.6);
    gap: 16px;
    animation: lima-status-fadeIn 0.35s ease;
}

    /* tip bazlı arka planlar (cam + gradient + glow) */
    .lima-status-card.type-success {
        background: linear-gradient(145deg, rgba(52,199,89,0.3), rgba(20,20,20,0.6));
        border: 1px solid rgba(52,199,89,0.6);
        box-shadow: 0 0 25px rgba(52,199,89,0.55);
        color: #e9f9ef;
    }

    .lima-status-card.type-error {
        background: linear-gradient(145deg, rgba(255,69,69,0.3), rgba(20,20,20,0.6));
        border: 1px solid rgba(255,69,69,0.6);
        box-shadow: 0 0 25px rgba(255,69,69,0.55);
        color: #ffeaea;
    }

    .lima-status-card.type-confirm {
        background: linear-gradient(145deg, rgba(66,133,244,0.3), rgba(20,20,20,0.6));
        border: 1px solid rgba(66,133,244,0.6);
        box-shadow: 0 0 25px rgba(66,133,244,0.55);
        color: #eaf2ff;
    }

/* ikon */
.lima-status-icon {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(4px);
    box-shadow: inset 0 0 12px rgba(255,255,255,0.25), 0 6px 12px rgba(0,0,0,0.45);
}

/* ikon renklendirme tip bazlı */
.type-success .lima-status-icon {
    background: rgba(52,199,89,0.25);
    box-shadow: 0 0 12px rgba(52,199,89,0.7), inset 0 0 8px rgba(255,255,255,0.25);
}

.type-error .lima-status-icon {
    background: rgba(255,69,69,0.25);
    box-shadow: 0 0 12px rgba(255,69,69,0.7), inset 0 0 8px rgba(255,255,255,0.25);
}

.type-confirm .lima-status-icon {
    background: rgba(66,133,244,0.25);
    box-shadow: 0 0 12px rgba(66,133,244,0.7), inset 0 0 8px rgba(255,255,255,0.25);
}

/* body */
.lima-status-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* header */
.lima-status-header {
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    margin-bottom: 6px;
}

.lima-status-title {
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.4px;
    text-shadow: 0 0 6px rgba(255,255,255,0.35);
}

/* content */
.lima-status-content {
    font-size: 14px;
    line-height: 1.45;
    opacity: 0.95;


    flex: 1 1 auto;
    display: flex;
    align-items: center; /* dikey ortala */
    justify-content: center; /* yatay ortala */
    text-align: center;
    /*padding: 0 10px;*/ /* kenar boşluğu, taşmaları engeller */
    /*word-break: break-word;*/
}

/* footer */
.lima-status-footer {
    display: flex;
    gap: 10px;
    margin-top: auto;
    justify-content: flex-end;
}

/* butonlar */
.lima-status-btn {
    border: none;
    padding: 9px 18px;
    border-radius: 999px;
    font-weight: 600;
    cursor: pointer;
    font-size: 13px;
    min-width: 80px;
    transition: all 220ms ease;
}

.type-success .lima-status-btn-ok {
    background: linear-gradient(135deg,#34c759,#28a745);
    color: #fff;
}

.type-error .lima-status-btn-ok {
    background: linear-gradient(135deg,#ff4d4d,#a72222);
    color: #fff;
}

.type-confirm .lima-status-btn-accept {
    background: linear-gradient(135deg,#3b82f6,#1d4ed8);
    color: #fff;
}

.type-confirm .lima-status-btn-decline {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.6);
    color: #fff;
}

/* buton hover */
.lima-status-btn:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 6px 18px rgba(0,0,0,0.45);
}

/* animasyon */
@keyframes lima-status-fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.96);
    }

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

/* mobil */
@media (max-width: 768px) {
    .lima-status-root {
        left: 16px;
        right: 16px;
        bottom: 16px;
        width: auto;
    }

    .lima-status-card {
        min-height: auto; /* mobilde içerik kadar */
    }
}

@media (max-width: 480px) {
    .lima-status-root {
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        padding: 0;
    }

    .lima-status-card {
        border-radius: 16px 16px 0 0;
        margin: 0;
        width: 100%;
    }
}

/*==============================
    Status Component Bitti
===============================*/
/******************************
    Ürün Kategorileri Başladı
******************************/
.lima-categories-container {
    padding: 60px 20px;
    text-align: center;
}

.lima-categories-title {
    font-size: 2rem;
    margin-bottom: 40px;
    color: #fff;
    text-shadow: 0 0 8px #ff0055, 0 0 15px #ff0055;
}

.lima-categories-grid {
    display: grid;
    gap: 25px;
    justify-content: center;
}

/* 2 Kategori için */
.lima-category-grid-2 {
    grid-template-columns: repeat(2, minmax(220px, 320px));
}

/* 3 Kategori için */
.lima-category-grid-3 {
    grid-template-columns: repeat(3, minmax(220px, 280px));
}

/* 4 Kategori için */
.lima-category-grid-4 {
    grid-template-columns: repeat(4, minmax(220px, 250px));
}

.lima-category-card {
    background: rgba(20, 20, 20, 0.9);
    border: 2px solid #ff0055;
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    text-align: center;
}

    .lima-category-card img {
        width: 100%;
        height: 180px;
        object-fit: cover;
        border-radius: 8px;
        margin-bottom: 15px;
    }

    .lima-category-card h3 {
        color: #fff;
        font-size: 1.2rem;
        margin: 0;
    }

    .lima-category-card:hover {
        transform: scale(1.05);
        border-color: #00f0ff;
        box-shadow: 0 0 12px #00f0ff, 0 0 24px #00f0ff;
    }

/* Mobil uyum için medya sorguları */
@media (max-width: 1024px) {
    .lima-category-grid-4 {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .lima-category-grid-3 {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 768px) {
    .lima-categories-container {
        padding: 40px 15px;
    }

    .lima-categories-title {
        font-size: 1.6rem;
        margin-bottom: 25px;
    }

    .lima-category-card img {
        height: 150px;
    }
}

@media (max-width: 480px) {
    .lima-category-grid-4,
    .lima-category-grid-3,
    .lima-category-grid-2 {
        grid-template-columns: 1fr;
    }

    .lima-category-card {
        padding: 15px;
    }

        .lima-category-card h3 {
            font-size: 1rem;
        }

        .lima-category-card img {
            height: 130px;
        }
}

/*==============================
    Ürün Kategorileri Bitti
===============================*/
/*******************************
   LIMA EMPTY STATE TASARIMI
*******************************/

.lima-empty-state {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    position: relative;
    padding: 20px;
}

/* Neon çerçeve */
.lima-empty-frame {
    position: relative;
    width: 340px;
    min-height: 180px;
    padding: 20px 16px 24px;
    border: 3px solid #7725f9;
    border-radius: 16px;
    box-shadow: 0 0 25px #7725f9, 0 0 45px #7725f9 inset;
    background: rgba(28, 0, 56, 0.75);
    text-align: center;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    animation: lima-empty-glow 3s ease-in-out infinite;
}

/* Köpek karakter */
.lima-empty-dog {
    position: absolute;
    top: -105px;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    filter: drop-shadow(0 0 12px #7725f9) drop-shadow(0 0 8px rgba(255, 255, 255, 0.85));
}

/* Yazı */
.lima-empty-text {
    font-family: 'Orbitron', sans-serif;
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: 1px;
    line-height: 1.4;
    text-shadow: 0 0 6px #7725f9, 0 0 12px #7725f9, 0 0 24px #7725f9;
    position: relative;
    width: 100%;
    margin: 0;
    overflow-wrap: break-word;
}

/* Neon animasyon */
@keyframes lima-empty-glow {
    0%, 100% {
        box-shadow: 0 0 25px #7725f9, 0 0 45px #7725f9 inset;
    }

    50% {
        box-shadow: 0 0 35px #a78bfa, 0 0 60px #a78bfa inset;
    }
}

/* 🔸 RESPONSIVE (Mobil uyumlu) */
@media (max-width: 768px) {
    .lima-empty-frame {
        width: 260px;
        min-height: 140px;
        padding: 16px 12px 18px;
        border-width: 2px;
        border-radius: 12px;
    }

    .lima-empty-dog {
        top: -70px;
        width: 120px;
    }

    .lima-empty-text {
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .lima-empty-frame {
        width: 220px;
        min-height: 120px;
        padding: 14px 10px 16px;
    }

    .lima-empty-dog {
        top: -60px;
        width: 100px;
    }

    .lima-empty-text {
        font-size: 1rem;
    }
}

/*******************************
   LIMA EMPTY STATE BİTTİ
*******************************/
/******************************
    LOGİN EKRANI BAŞLADI
******************************/

.lima-login-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
   
    background-image: url('/images/loginbg.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 20px;
}


.lima-login-card {
    position: relative;
    width: 100%;
    max-width: 620px;
    background: rgba(10, 10, 25, 0.1);
    border-radius: 16px;
    box-shadow: 0 0 20px rgba(120, 70, 255, 0.25);
    padding: 40px 30px;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(140, 100, 255, 0.25);
    transition: all 0.3s ease;
    overflow: hidden;
}

   
    .lima-login-card::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 4px;
        border-radius: 0 0 16px 16px;
        background: linear-gradient(90deg, #7f5af0, #6f9fff, #b57aff);
        box-shadow: 0 0 15px #8a63ff;
        animation: lima-login-glow 4s ease-in-out infinite;
    }


@keyframes lima-login-glow {
    0% {
        filter: hue-rotate(0deg);
    }

    50% {
        filter: hue-rotate(60deg);
    }

    100% {
        filter: hue-rotate(0deg);
    }
}


.lima-login-title {
    color: #eaeaff;
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 500;
    letter-spacing: 0.5px;
}


.lima-login-field {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

    .lima-login-field label {
        color: #cbbdff;
        font-size: 0.9rem;
        margin-bottom: 6px;
    }

    .lima-login-field input {
        padding: 10px 12px;
        border: none;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        font-size: 0.95rem;
        outline: none;
        transition: all 0.2s ease;
    }

        .lima-login-field input:focus {
            box-shadow: 0 0 8px #7f5af0;
            background: rgba(255, 255, 255, 0.15);
        }


.lima-login-button {
    width: 100%;
    padding: 10px 0;
    background: linear-gradient(90deg, #6f9fff, #7f5af0);
    border: none;
    color: white;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-top: 10px;
}

    .lima-login-button:hover {
        box-shadow: 0 0 12px #8a63ff;
        transform: translateY(-1px);
    }


.lima-login-footer {
    text-align: center;
    margin-top: 20px;
}

    .lima-login-footer a {
        color: #9f89ff;
        text-decoration: none;
        font-size: 0.9rem;
    }

        .lima-login-footer a:hover {
            text-shadow: 0 0 5px #8a63ff;
        }


@media (max-width: 600px) {
    .lima-login-card {
        padding: 30px 20px;
        max-width: 90%;
    }

    .lima-login-title {
        font-size: 1.2rem;
    }

    .lima-login-button {
        font-size: 0.95rem;
    }
}

/******************************
    LOGİN EKRANI BİTTİ
******************************/

/*****************************
    SEPET EKRANI BAŞLADI
*****************************/

.lima-basket-container {
    width: 100%;
    padding: 140px 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

/* Başlık */
.lima-basket-title {
    font-size: 2.5rem;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 10px #ff003c;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

/* Ana düzen */
.lima-basket-main {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    width: 100%;
    max-width: 1300px;
}

/* Sol taraf genişletildi */
.lima-basket-left {
    flex: 2.5;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* Sağ taraf daraltıldı */
.lima-basket-right {
    flex: 0.8;
    background: rgba(255, 255, 255, 0.05);
    padding: 28px 30px;
    border-radius: 16px;
    box-shadow: 0 0 20px rgba(180, 107, 255, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 300px;
    height: fit-content;
}

/* Ürün kutusu */
.lima-basket-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:24px;
    background: rgba(255, 255, 255, 0.05);
    padding: 16px 20px;
    margin-bottom: 1em;
    border-radius: 14px;
    box-shadow: 0 0 12px rgba(180, 107, 255, 0.15);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

    .lima-basket-item:hover {
        transform: translateY(-2px);
        box-shadow: 0 0 18px rgba(180, 107, 255, 0.3);
    }

/* Ürün görseli */
.lima-basket-image {
    width: 90px;
    height: 90px;
    border-radius: 12px;
    object-fit: cover;
}

/* Ürün adı ve detaylar */
.lima-basket-info {
    flex: 1;
    margin-left: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lima-basket-name {
    color: #fff;
    font-size: 1.1rem;
    margin: 0;
    text-shadow: 0 0 5px rgba(255, 0, 60, 0.8);
}

.lima-basket-meta {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.6);
}

/* Fiyat kısmı */
.lima-basket-price {
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
    text-align: center;
}

/* Adet alanı */
.lima-basket-quantity {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    margin-top: 6px;
}

    .lima-basket-quantity button {
        background: none;
        border: 1px solid #b46bff;
        color: #b46bff;
        border-radius: 6px;
        width: 26px;
        height: 26px;
        cursor: pointer;
        transition: 0.25s;
    }

        .lima-basket-quantity button:hover {
            background: #b46bff;
            color: #fff;
            box-shadow: 0 0 10px rgba(180, 107, 255, 0.5);
        }

/* Ürün toplam fiyatı */
.lima-basket-total {
    font-weight: 700;
    font-size: 1.2rem;
    color: #b46bff;
    text-shadow: 0 0 8px rgba(180, 107, 255, 0.4);
    min-width: 100px;
    text-align: right;
}

/* Ürün silme butonu */
.lima-basket-remove {
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    font-size: 1.3rem;
    margin-right: 1rem;
    transition: color 0.2s, transform 0.2s;
}

    .lima-basket-remove:hover {
        color: #b46bff;
        transform: scale(1.15);
    }

/* Özet kart */
.lima-basket-summary-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Modern satır tasarımı */
.lima-basket-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(255,255,255,0.04);
    padding: 12px 16px;
    border-radius: 10px;
    box-shadow: inset 0 0 8px rgba(180,107,255,0.15);
    transition: 0.3s;
}

    .lima-basket-line:hover {
        box-shadow: 0 0 12px rgba(180,107,255,0.25);
    }

    .lima-basket-line .label {
        color: rgba(255,255,255,0.8);
        font-size: 0.95rem;
    }

    .lima-basket-line .value {
        color: #fff;
        font-weight: 600;
        font-size: 1rem;
    }

/* Toplam kısmı */
.lima-basket-summary-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(90deg, rgba(180,107,255,0.15), rgba(161,99,255,0.25));
    padding: 14px 18px;
    border-radius: 12px;
    box-shadow: 0 0 15px rgba(180,107,255,0.3);
    text-shadow: 0 0 8px rgba(180,107,255,0.4);
}

/* Butonlar */
.lima-basket-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 22px;
}

.lima-basket-btn {
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.25s ease;
    font-weight: 600;
}

    .lima-basket-btn.checkout {
        background: linear-gradient(90deg, #b46bff 0%, #a163ff 100%);
        border: 2px solid #b46bff;
        color: #fff;
        box-shadow: 0 0 12px rgba(180, 107, 255, 0.3);
    }

        .lima-basket-btn.checkout:hover {
            background: linear-gradient(90deg, #c78fff 0%, #b46bff 100%);
            box-shadow: 0 0 18px rgba(180, 107, 255, 0.5);
        }

        .lima-basket-btn.checkout:disabled {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.2);
            color: rgba(255, 255, 255, 0.45);
            box-shadow: none;
            cursor: not-allowed;
        }

    .lima-basket-btn.continue {
        background: transparent;
        border: 2px solid #b46bff;
        color: #b46bff;
    }

        .lima-basket-btn.continue:hover {
            background: #b46bff;
            color: #fff;
            box-shadow: 0 0 12px rgba(180, 107, 255, 0.5);
        }

/* RESPONSIVE */
@media (max-width: 960px) {
    .lima-basket-container {
        padding: 24px;
    }

    .lima-basket-main {
        flex-direction: column;
        align-items: center;
        gap: 28px;
    }

    .lima-basket-right {
        width: 100%;
        min-width: 0;
    }

    .lima-basket-left {
        width: 100%;
    }

    .lima-basket-item {
        flex-direction: column;
        align-items: center;
        gap: 12px;
        text-align: center;
        position: relative;
    }

    .lima-basket-total {
        text-align: center;
        font-size: 1.1rem;
        color: #c48fff;
    }

    .lima-basket-remove {
        position: absolute;
        top: 10px;
        right: 10px;
        margin: 0;
        background: rgba(0,0,0,0.4);
        border-radius: 50%;
        width: 28px;
        height: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem;
    }
}

/*****************************
    SEPET EKRANI BİTTİ
*****************************/
/*****************************
    CHECKOUT BAŞLADI
*****************************/

/*****************************
    CHECKOUT BAŞLADI
*****************************/

.lima-checkout-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    background: #0b0c10;
    color: #eaeaea;
    padding: 40px 20px;
    box-sizing: border-box;
}

/* ÜST KISIM: 3 Kolonlu Grid */
.lima-checkout-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1.3fr;
    gap: 25px;
    width: 100%;
}

.lima-checkout-section {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 25px;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}

    .lima-checkout-section:hover {
        border-color: rgba(255, 255, 255, 0.15);
        transform: translateY(-2px);
    }

/* Section Header */
.lima-section-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

    .lima-section-header h2 {
        font-size: 1.1rem;
        font-weight: 600;
        margin: 0;
        color: #fff;
    }

.lima-section-icon {
    font-size: 1.4rem;
}

/* Boş Alan Uyarısı */
.lima-checkout-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 30px 20px;
    background: rgba(255, 193, 7, 0.05);
    border: 1px dashed rgba(255, 193, 7, 0.3);
    border-radius: 12px;
    flex: 1;
}

.lima-empty-icon {
    font-size: 2rem;
    margin-bottom: 10px;
}

.lima-checkout-empty p {
    color: #ffc107;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.lima-btn-small {
    padding: 8px 16px;
    font-size: 0.85rem;
}

/* Teslimat Adresi */
.lima-checkout-address {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    .lima-checkout-address p {
        line-height: 1.6;
        color: #ccc;
    }

/* Teslimat Ürün Listesi (Fiziksel / Online) */
.lima-checkout-delivery-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.lima-checkout-delivery-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}

.lima-checkout-delivery-item-icon {
    font-size: 1.1rem;
}

.lima-checkout-delivery-item-name {
    flex: 1;
    color: #eaeaea;
    font-size: 0.9rem;
}

.lima-checkout-delivery-item-qty {
    color: #00ffff;
    font-weight: 600;
    font-size: 0.85rem;
}

/* Teslimat Adresi Düzenleme */
.lima-checkout-address-edit {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lima-checkout-address-label {
    color: #888;
    font-size: 0.85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.lima-checkout-address-textarea {
    width: 100%;
    resize: vertical;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 12px 14px;
    color: #eaeaea;
    font-size: 0.9rem;
    line-height: 1.5;
    box-sizing: border-box;
    font-family: inherit;
}

    .lima-checkout-address-textarea:focus {
        outline: none;
        border-color: rgba(0, 255, 255, 0.5);
        background: rgba(0, 255, 255, 0.04);
    }

.lima-checkout-address-input {
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 12px 14px;
    color: #eaeaea;
    font-size: 0.9rem;
    box-sizing: border-box;
    font-family: inherit;
}

    .lima-checkout-address-input:focus {
        outline: none;
        border-color: rgba(0, 255, 255, 0.5);
        background: rgba(0, 255, 255, 0.04);
    }

.lima-checkout-address-row {
    display: flex;
    gap: 10px;
}

    .lima-checkout-address-row .lima-checkout-address-input {
        flex: 1;
        min-width: 0;
    }

.lima-checkout-address-hint {
    margin: 0;
    color: #888;
    font-size: 0.78rem;
    line-height: 1.4;
}

.lima-checkout-shipping-warning {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(255, 107, 107, 0.1);
    border: 1px solid rgba(255, 107, 107, 0.3);
    border-radius: 10px;
    padding: 12px 14px;
}

    .lima-checkout-shipping-warning p {
        margin: 0;
        color: #ff6b6b;
        font-size: 0.85rem;
        line-height: 1.45;
    }

.lima-online-delivery-info {
    background: rgba(0, 255, 255, 0.05);
    border: 1px solid rgba(0, 255, 255, 0.15);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}

    .lima-online-delivery-info p {
        margin: 0 0 10px 0;
        font-size: 0.9rem;
        color: #aaa;
    }

.lima-email-highlight {
    display: block;
    font-size: 1.1rem;
    color: #00ffff;
    word-break: break-all;
}

/* Fatura Bilgileri */
.lima-checkout-invoice {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.lima-invoice-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

    .lima-invoice-row:last-child {
        border-bottom: none;
    }

.lima-invoice-label {
    color: #888;
    font-size: 0.9rem;
}

.lima-invoice-value {
    color: #eee;
    font-weight: 500;
    text-align: right;
    max-width: 60%;
}

/* ÖDEME ÖZETİ - VURGULU TASARIM */
.lima-checkout-summary-section {
    background: linear-gradient(145deg, rgba(180, 107, 255, 0.08), rgba(0, 255, 255, 0.05));
    border: 2px solid rgba(180, 107, 255, 0.3);
    position: relative;
    overflow: hidden;
}

    .lima-checkout-summary-section::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(180, 107, 255, 0.1) 0%, transparent 70%);
        animation: pulse-glow 4s ease-in-out infinite;
        pointer-events: none;
    }

@keyframes pulse-glow {
    0%, 100% {
        opacity: 0.5;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }
}

.lima-checkout-summary-section .lima-section-header {
    border-bottom-color: rgba(180, 107, 255, 0.3);
}

    .lima-checkout-summary-section .lima-section-header h2 {
        color: #fff;
    }

.lima-checkout-summary {
    position: relative;
    z-index: 1;
}

.lima-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
}

    .lima-summary-row span {
        color: #aaa;
    }

.lima-summary-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(180, 107, 255, 0.3), transparent);
    margin: 5px 0;
}

.lima-amount {
    font-size: 1.2rem;
    color: #fff;
}

/* CheckOut özetinde sarı vurgu (Sepet Tutarı / Sepet Toplamı) */
.lima-yellow,
.lima-yellow .bz-price-amount,
.lima-yellow .bz-price-tl {
    color: #ffc107 !important;
}

.lima-balance {
    font-size: 1.2rem;
}

.lima-balance-ok {
    color: #00ff88;
}

.lima-balance-low {
    color: #ff6b6b;
}

/* Bakiye Uyarıları */
.lima-balance-warning {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 107, 107, 0.1);
    border: 1px solid rgba(255, 107, 107, 0.3);
    border-radius: 10px;
    padding: 15px;
    margin: 15px 0;
    animation: shake 0.5s ease-in-out;
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}

.lima-balance-warning p {
    margin: 0;
    color: #ff6b6b;
    font-size: 0.9rem;
}

.lima-warning-icon {
    font-size: 1.3rem;
}

.lima-balance-success {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(0, 255, 136, 0.1);
    border: 1px solid rgba(0, 255, 136, 0.3);
    border-radius: 10px;
    padding: 15px;
    margin: 15px 0;
}

    .lima-balance-success p {
        margin: 0;
        color: #00ff88;
        font-size: 0.9rem;
    }

.lima-success-icon {
    font-size: 1.3rem;
}

/* Bakiye Yükle Butonu */
.lima-btn-load-balance {
    width: 100%;
    background: linear-gradient(135deg, rgba(255, 107, 107, 0.2), rgba(255, 193, 7, 0.2));
    border: 2px solid #ffc107;
    color: #ffc107;
    font-size: 1rem;
    padding: 14px 20px;
    margin-bottom: 10px;
}

    .lima-btn-load-balance:hover {
        background: #ffc107;
        color: #0b0c10;
        box-shadow: 0 0 25px rgba(255, 193, 7, 0.5);
    }

.lima-summary-total {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    padding: 15px !important;
    margin-top: 10px;
}

    .lima-summary-total span {
        color: #fff;
        font-weight: 600;
    }

    .lima-summary-total strong {
        font-size: 1.3rem;
        color: #00ffff;
    }

/* Genel Butonlar */
.lima-checkout-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: transparent;
    border: 2px solid #00ffff;
    color: #00ffff;
    border-radius: 10px;
    padding: 12px 24px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}

    .lima-checkout-btn:hover:not(:disabled) {
        background: #00ffff;
        color: #0b0c10;
        transform: scale(1.02);
        box-shadow: 0 0 20px rgba(0, 255, 255, 0.4);
    }

.lima-checkout-pay {
    width: 100%;
    margin-top: 20px;
    padding: 16px 24px;
    font-size: 1.1rem;
    border: 2px solid #b46bff;
    color: #b46bff;
    background: linear-gradient(135deg, rgba(180, 107, 255, 0.1), transparent);
}

    .lima-checkout-pay:hover:not(:disabled) {
        background: linear-gradient(135deg, #b46bff, #8b5cf6);
        color: #fff;
        border-color: #b46bff;
        box-shadow: 0 0 30px rgba(180, 107, 255, 0.5);
    }

    .lima-checkout-pay:disabled {
        opacity: 0.5;
        cursor: not-allowed;
        border-color: #666;
        color: #666;
    }

/* ALT KISIM: LP Açıklama Alanı */
.lima-checkout-info-banner {
    background: linear-gradient(135deg, rgba(0, 255, 255, 0.03), rgba(180, 107, 255, 0.03));
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 30px 40px;
}

.lima-info-content p {
    color: #aaa;
    line-height: 1.8;
    margin: 0 0 15px 0;
    font-size: 0.95rem;
}

    .lima-info-content p:last-child {
        margin-bottom: 0;
    }

.lima-info-content strong {
    color: #fff;
}

/* Modal Stilleri */
.lima-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.lima-modal-content {
    background: #0b0c10;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 30px;
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    animation: slideUp 0.3s ease;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

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

.lima-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .lima-modal-close:hover {
        background: rgba(255, 107, 107, 0.3);
        color: #ff6b6b;
    }

/* MOBİL UYUM */
@media (max-width: 1023px) {
    .lima-checkout-container {
        padding: 20px 15px;
    }

    .lima-checkout-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .lima-checkout-section {
        padding: 20px;
    }

    .lima-checkout-info-banner {
        padding: 25px 20px;
    }
}

@media (max-width: 600px) {
    .lima-checkout-container {
        padding: 15px 10px;
    }

    .lima-checkout-section {
        padding: 15px;
    }

    .lima-section-header h2 {
        font-size: 1rem;
    }

    .lima-checkout-pay {
        padding: 14px 20px;
        font-size: 1rem;
    }

    .lima-invoice-row {
        flex-direction: column;
        gap: 5px;
    }

    .lima-invoice-value {
        max-width: 100%;
        text-align: left;
    }
}

/*****************************
    CHECKOUT BİTTİ
*****************************/
/*****************************
    CHECKOUT BİTTİ
*****************************/
/*****************************
    PANEL KISIMLARI BAŞLADI
*****************************/

/* Container & Card */
.lima-panel-container {
    width: 95%;
    max-width: 1600px;
    margin: 40px auto;
    padding: 20px;
}

.lima-panel-card {
    background: rgba(15,15,25,0.95);
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.5), 0 0 20px rgba(196,124,255,0.1);
}

/* Başlıklar */
.lima-panel-title {
    font-size: 1.8rem;
    color: #c47cff;
    text-shadow: 0 0 10px #c47cff;
    margin-bottom: 25px;
}

.lima-panel-subtitle {
    font-size: 1.1rem;
    color: #c47cff;
    margin-bottom: 12px;
}

/* Profil ve Grid */
.lima-panel-content {
    display: flex;
    gap: 30px;
}

.lima-panel-avatar-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-width: 160px;
}

    .lima-panel-avatar-section img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        border: 2px solid #c47cff;
        box-shadow: 0 0 20px #c47cff;
        object-fit:cover;
    }

.lima-panel-ref-code {
    color: #c47cff;
    font-weight: 600;
}

.lima-panel-grid {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.lima-panel-row {
    display: flex;
    gap: 20px;
}

.lima-panel-section {
    flex: 1;
    background: rgba(20,20,35,0.85);
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 0 15px rgba(196,124,255,0.1);
}

/* Form */
.lima-panel-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.lima-panel-input {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid rgba(196,124,255,0.25);
    background: rgba(0,0,0,0.3);
    color: #ece3ff;
    transition: 0.2s;
}

    .lima-panel-input:focus {
        border-color: #c47cff;
        box-shadow: 0 0 8px #c47cff;
    }

/* Butonlar */
.lima-panel-btn {
    padding: 12px 22px;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(145deg,#b77cff,#8f3fff);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 0 20px #c47cff;
    transition: 0.2s;
}

    .lima-panel-btn:hover {
        transform: translateY(-2px) scale(1.03);
        box-shadow: 0 0 35px #c47cff, 0 0 45px #b44cff;
    }

.lima-panel-btn-outline {
    padding: 12px 22px;
    font-weight: 600;
    width:300px;
    color: #c47cff;
    background: transparent;
    border: 2px solid #c47cff;
    border-radius: 12px;
    cursor: pointer;
    transition: 0.2s;
}

    .lima-panel-btn-outline:hover {
        background: rgba(196,124,255,0.1);
        box-shadow: 0 0 25px #c47cff;
        transform: translateY(-2px);
    }

.lima-panel-btn-small {
    padding: 6px 12px;
    font-size: 0.85rem;
    font-weight: 600;
    border-radius: 8px;
    background: linear-gradient(145deg,#b77cff,#8f3fff);
    color: #fff;
    border: none;
    cursor: pointer;
    transition: 0.2s;
}

    .lima-panel-btn-small:hover {
        transform: translateY(-2px) scale(1.05);
        box-shadow: 0 0 20px #c47cff;
    }

/* Actions */
.lima-panel-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 30px;
}

/* Responsive */
@media (max-width:1200px) {
    .lima-panel-content {
        flex-direction: column;
    }
    .lima-panel-btn-outline{
        width:100%;
    }

    .lima-panel-row {
        flex-direction: column;
    }

    .lima-panel-form-grid {
        grid-template-columns: 1fr;
    }

    .lima-panel-avatar-section {
        align-items: center;
    }
}
/*****************************
    PANEL KISIMLARI BİTTİ
*****************************/
/* ============================================
   LIMA PROFILE KISMI BAŞLADI
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');

/* Container & Base */
.lima-profile-container {
    min-height: 100vh;
    background: linear-gradient(135deg, #0f0f1e 0%, #1a0a2e 50%, #0f0f1e 100%);
    padding: 40px 20px;
    font-family: 'Audiowide', cursive;
}

.lima-profile-sync-warning {
    max-width: 1600px;
    margin: 0 auto 18px;
    padding: 12px 18px;
    border-radius: 12px;
    border: 1px dashed rgba(255, 193, 7, 0.6);
    background: rgba(255, 193, 7, 0.08);
    color: #ffd54f;
    font-size: 0.85rem;
    text-align: center;
}

.lima-fav-crosslink {
    margin-top: 10px;
}
.lima-fav-crosslink a {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #d4dbff;
    font-size: 0.85rem;
    text-decoration: none;
    transition: all .15s ease;
}
.lima-fav-crosslink a:hover {
    border-color: #ffd54f;
    color: #ffd54f;
}

.lima-profile-page-banner {
    height: 100px;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(219, 39, 119, 0.1) 100%);
}

.lima-profile-card {
    max-width: 1600px;
    margin: 0 auto;
    background: rgba(15, 15, 30, 0.6);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    padding: 40px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    box-shadow: 0 0 40px rgba(139, 92, 246, 0.2);
    animation: lima-profile-fade-in 0.6s ease-out;
}

@keyframes lima-profile-fade-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

/* Main Title */
.lima-profile-main-title {
    font-size: 48px;
    text-align: center;
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 40px;
    letter-spacing: 8px;
    animation: lima-profile-glow-pulse 2s ease-in-out infinite;
}

@keyframes lima-profile-glow-pulse {
    0%, 100% {
        filter: drop-shadow(0 0 20px rgba(168, 85, 247, 0.4));
    }

    50% {
        filter: drop-shadow(0 0 30px rgba(168, 85, 247, 0.6));
    }
}

/* Content Layout */
.lima-profile-content {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 30px;
    margin-bottom: 30px;
}

/* Avatar Section */
.lima-profile-avatar-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    animation: lima-profile-slide-in-left 0.6s ease-out;
}

@keyframes lima-profile-slide-in-left {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.lima-profile-avatar-wrapper {
    position: relative;
    width: 200px;
    height: 200px;
}

.lima-profile-avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid rgba(139, 92, 246, 0.5);
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

    .lima-profile-avatar-img:hover {
        border-color: rgba(139, 92, 246, 0.8);
        transform: scale(1.05);
    }

.lima-profile-avatar-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(139, 92, 246, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    animation: lima-profile-avatar-glow 2s ease-in-out infinite;
    z-index: 1;
}

@keyframes lima-profile-avatar-glow {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.8;
    }
}

.lima-profile-ref-code {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 20px;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 12px;
    width: 100%;
}

.lima-profile-ref-label {
    font-size: 10px;
    color: #a855f7;
    letter-spacing: 2px;
}

.lima-profile-ref-value {
    font-size: 18px;
    color: #fff;
    letter-spacing: 3px;
}

/* Grid Layout */
.lima-profile-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
    animation: lima-profile-slide-in-right 0.6s ease-out;
}

@keyframes lima-profile-slide-in-right {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.lima-profile-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* Sections */
.lima-profile-section {
    background: rgba(20, 20, 40, 0.6);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: 16px;
    padding: 24px;
    transition: all 0.3s ease;
}

    .lima-profile-section:hover {
        border-color: rgba(139, 92, 246, 0.4);
        box-shadow: 0 0 30px rgba(139, 92, 246, 0.15);
    }

.lima-profile-section-title {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 12px;
}

    .lima-profile-section-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 60px;
        height: 2px;
        background: linear-gradient(90deg, #a855f7, transparent);
    }

.lima-profile-title-glow {
    font-size: 16px;
    color: #e9d5ff; /* Çok açık mor/lavanta */
    letter-spacing: 3px;
    text-shadow: 0 0 20px rgba(168, 85, 247, 0.9), 0 0 40px rgba(168, 85, 247, 0.5);
}

/* Form Grid */
.lima-profile-form-grid {
    font-size: 10px;
    color: #e9d5ff; /* Çok açık mor/lavanta */
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(168, 85, 247, 0.6);
}

.lima-profile-input-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lima-profile-full-width {
    grid-column: 1 / -1;
}

.lima-profile-label {
    font-size: 10px;
    color: #76fd05;
    margin-top:1em;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.lima-profile-input,
.lima-profile-textarea {
    background: rgba(15, 15, 30, 0.6);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 8px;
    padding: 12px 16px;
    color: #fff;
    font-family: 'Audiowide', cursive;
    font-size: 14px;
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

    .lima-profile-input::placeholder,
    .lima-profile-textarea::placeholder {
        color: rgba(168, 85, 247, 0.4);
    }

    .lima-profile-input:focus,
    .lima-profile-textarea:focus {
        outline: none;
        border-color: rgba(139, 92, 246, 0.6);
        box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
        transform: translateY(-2px);
    }

.lima-profile-textarea {
    min-height: 100px;
    resize: vertical;
}

/* Verify Wrapper */
.lima-profile-verify-wrapper {
    display: flex;
    gap: 12px;
    align-items: center;
}

    .lima-profile-verify-wrapper .lima-profile-input {
        flex: 1;
    }

/* Divider */
.lima-profile-divider {
    grid-column: 1 / -1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.5), transparent);
    margin: 12px 0;
}

/* Buttons */
.lima-profile-btn-glow,
.lima-profile-btn-verify,
.lima-profile-btn-outline,
.lima-profile-btn-save {
    font-family: 'Audiowide', cursive;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 12px;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: none;
    position: relative;
    overflow: hidden;
}

    .lima-profile-btn-glow span,
    .lima-profile-btn-verify span,
    .lima-profile-btn-outline span,
    .lima-profile-btn-save span {
        position: relative;
        z-index: 2;
    }

    .lima-profile-btn-glow::before,
    .lima-profile-btn-verify::before,
    .lima-profile-btn-save::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        transition: left 0.5s ease;
    }

    .lima-profile-btn-glow:hover::before,
    .lima-profile-btn-verify:hover::before,
    .lima-profile-btn-save:hover::before {
        left: 100%;
    }

.lima-profile-btn-glow {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    color: #fff;
    border: 1px solid rgba(168, 85, 247, 0.5);
    width: 100%;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
}

    .lima-profile-btn-glow:hover {
        transform: translateY(-3px);
        box-shadow: 0 0 30px rgba(168, 85, 247, 0.6), 0 10px 20px rgba(0, 0, 0, 0.3);
    }

    .lima-profile-btn-glow:active {
        transform: translateY(-1px);
    }

.lima-profile-btn-verify {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    color: #fff;
    border: 1px solid rgba(168, 85, 247, 0.5);
    padding: 12px 20px;
    white-space: nowrap;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.4);
    animation: lima-profile-verify-slide-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes lima-profile-verify-slide-in {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.lima-profile-btn-verify:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 25px rgba(168, 85, 247, 0.6), 0 8px 16px rgba(0, 0, 0, 0.3);
}

.lima-profile-btn-outline {
    background: transparent;
    color: #a855f7;
    border: 2px solid #a855f7;
    width: 100%;
}

    .lima-profile-btn-outline:hover {
        background: rgba(168, 85, 247, 0.1);
        transform: translateY(-2px);
        box-shadow: 0 0 20px rgba(168, 85, 247, 0.3);
    }

.lima-profile-btn-save {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    border: 1px solid rgba(16, 185, 129, 0.5);
    padding: 16px 48px;
    font-size: 14px;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.4);
}

    .lima-profile-btn-save:hover {
        transform: translateY(-3px);
        box-shadow: 0 0 30px rgba(16, 185, 129, 0.6), 0 10px 20px rgba(0, 0, 0, 0.3);
    }

/* Actions */
.lima-profile-actions {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

/* Modal Styles */
.lima-profile-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
    opacity: 0;
    animation: lima-profile-modal-fade-in 0.3s ease-out forwards;
}

@keyframes lima-profile-modal-fade-in {
    to {
        opacity: 1;
    }
}

.lima-profile-modal {
    background: rgba(15, 15, 30, 0.95);
    border: 1px solid rgba(139, 92, 246, 0.5);
    border-radius: 20px;
    padding: 40px;
    max-width: 500px;
    width: 100%;
    position: relative;
    box-shadow: 0 0 60px rgba(139, 92, 246, 0.4);
    animation: lima-profile-modal-slide-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes lima-profile-modal-slide-in {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }

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

.lima-profile-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: transparent;
    border: none;
    color: #a855f7;
    cursor: pointer;
    padding: 8px;
    transition: all 0.3s ease;
    border-radius: 8px;
}

    .lima-profile-modal-close:hover {
        background: rgba(168, 85, 247, 0.1);
        transform: rotate(90deg);
    }

.lima-profile-modal-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.lima-profile-icon-mail,
.lima-profile-icon-success,
.lima-profile-icon-error {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid;
}

.lima-profile-icon-mail {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    border-color: rgba(168, 85, 247, 0.5);
    animation: lima-profile-icon-pulse 2s ease-in-out infinite;
}

@keyframes lima-profile-icon-pulse {
    0%, 100% {
        box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
    }

    50% {
        box-shadow: 0 0 40px rgba(168, 85, 247, 0.6);
    }
}

.lima-profile-icon-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-color: rgba(16, 185, 129, 0.5);
    animation: lima-profile-icon-success-pulse 0.6s ease-out;
}

@keyframes lima-profile-icon-success-pulse {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.lima-profile-icon-error {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    border-color: rgba(239, 68, 68, 0.5);
}

.lima-profile-modal-title {
    font-size: 24px;
    text-align: center;
    color: #a855f7;
    margin-bottom: 16px;
    letter-spacing: 4px;
}

.lima-profile-modal-message {
    text-align: center;
    color: #d1d5db;
    font-size: 13px;
    margin-bottom: 32px;
    line-height: 1.6;
    font-family: Arial, sans-serif;
}

.lima-profile-modal-input-wrapper {
    margin-bottom: 24px;
}

.lima-profile-modal-input {
    width: 100%;
    background: rgba(15, 15, 30, 0.6);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 12px;
    padding: 16px;
    color: #fff;
    font-family: 'Audiowide', cursive;
    font-size: 28px;
    text-align: center;
    letter-spacing: 12px;
    transition: all 0.3s ease;
}

    .lima-profile-modal-input::placeholder {
        letter-spacing: 8px;
        color: rgba(168, 85, 247, 0.3);
    }

    .lima-profile-modal-input:focus {
        outline: none;
        border-color: rgba(139, 92, 246, 0.6);
        box-shadow: 0 0 30px rgba(139, 92, 246, 0.3);
    }

    .lima-profile-modal-input:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

.lima-profile-modal-btn {
    width: 100%;
    font-family: 'Audiowide', cursive;
    padding: 16px;
    border-radius: 12px;
    font-size: 14px;
    letter-spacing: 3px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: 1px solid rgba(168, 85, 247, 0.5);
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    color: #fff;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
    position: relative;
    overflow: hidden;
}

    .lima-profile-modal-btn::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        transition: left 0.5s ease;
    }

    .lima-profile-modal-btn:hover:not(:disabled)::before {
        left: 100%;
    }

    .lima-profile-modal-btn:hover:not(:disabled) {
        transform: translateY(-3px);
        box-shadow: 0 0 30px rgba(168, 85, 247, 0.6), 0 10px 20px rgba(0, 0, 0, 0.3);
    }

    .lima-profile-modal-btn:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

.lima-profile-modal-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.lima-profile-dots {
    animation: lima-profile-dots-blink 1.4s infinite;
}

@keyframes lima-profile-dots-blink {
    0%, 20% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

.lima-profile-modal-resend {
    width: 100%;
    margin-top: 16px;
    background: transparent;
    border: none;
    color: #a855f7;
    font-family: 'Audiowide', cursive;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 8px;
    letter-spacing: 1px;
}

    .lima-profile-modal-resend:hover {
        color: #ec4899;
        text-shadow: 0 0 10px rgba(236, 72, 153, 0.5);
    }

/* Responsive Design */
@media (max-width: 1400px) {
    .lima-profile-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .lima-profile-content {
        grid-template-columns: 1fr;
    }

    .lima-profile-form-grid {
        grid-template-columns: 1fr;
    }

    .lima-profile-card {
        padding: 24px;
    }

    .lima-profile-main-title {
        font-size: 32px;
        letter-spacing: 4px;
    }

    .lima-profile-modal {
        padding: 24px;
    }

    .lima-profile-verify-wrapper {
        flex-direction: column;
    }

    .lima-profile-btn-verify {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .lima-profile-avatar-wrapper {
        width: 150px;
        height: 150px;
    }

    .lima-profile-main-title {
        font-size: 24px;
    }

    .lima-profile-modal-input {
        font-size: 24px;
        letter-spacing: 8px;
    }
}
/* ============================================
   LIMA PROFILE KISMI BİTTİ
   ============================================ */
/* ============================================
   LIMA REGISTER KISMI BAŞLADI
   ============================================ */

/* Container & Base */
.lima-register-container {
    min-height: 100vh;
    background: linear-gradient(135deg, #0f0f1e 0%, #1a0a2e 50%, #0f0f1e 100%);
    padding: 40px 20px;
    font-family: 'Audiowide', cursive;
}

.lima-register-page-banner {
    height: 80px;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(219, 39, 119, 0.1) 100%);
}

.lima-register-card {
    max-width: 1200px;
    margin: 0 auto;
    background: rgba(15, 15, 30, 0.6);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    padding: 40px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    box-shadow: 0 0 40px rgba(139, 92, 246, 0.2);
    animation: lima-register-fade-in 0.6s ease-out;
}

@keyframes lima-register-fade-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

/* Main Title */
.lima-register-main-title {
    font-size: 42px;
    text-align: center;
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 40px;
    letter-spacing: 6px;
    animation: lima-register-glow-pulse 2s ease-in-out infinite;
}

@keyframes lima-register-glow-pulse {
    0%, 100% {
        filter: drop-shadow(0 0 20px rgba(168, 85, 247, 0.4));
    }

    50% {
        filter: drop-shadow(0 0 30px rgba(168, 85, 247, 0.6));
    }
}

/* Content Layout */
.lima-register-content {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 40px;
    margin-bottom: 30px;
}

/* Photo Section */
.lima-register-photo-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    animation: lima-register-slide-in-left 0.6s ease-out;
}

@keyframes lima-register-slide-in-left {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.lima-register-avatar-wrapper {
    position: relative;
    width: 200px;
    height: 200px;
}

.lima-register-avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid rgba(139, 92, 246, 0.5);
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

    .lima-register-avatar-img:hover {
        border-color: rgba(139, 92, 246, 0.8);
        transform: scale(1.05);
    }

.lima-register-avatar-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(139, 92, 246, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    animation: lima-register-avatar-glow 2s ease-in-out infinite;
    z-index: 1;
}

@keyframes lima-register-avatar-glow {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.8;
    }
}

.lima-register-avatar-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.lima-register-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(168, 85, 247, 0.3);
    border-top-color: #a855f7;
    border-radius: 50%;
    animation: lima-register-spin 1s linear infinite;
}

@keyframes lima-register-spin {
    to {
        transform: rotate(360deg);
    }
}

.lima-register-btn-upload {
    font-family: 'Audiowide', cursive;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 11px;
    letter-spacing: 2px;
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    color: #fff;
    border: 1px solid rgba(168, 85, 247, 0.5);
    width: 100%;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: flex;
    justify-content: center;
    align-items: center;
}

    .lima-register-btn-upload:hover {
        transform: translateY(-3px);
        box-shadow: 0 0 30px rgba(168, 85, 247, 0.6), 0 10px 20px rgba(0, 0, 0, 0.3);
    }

.lima-register-photo-hint {
    color: rgba(168, 85, 247, 0.6);
    font-size: 10px;
    text-align: center;
    font-family: Arial, sans-serif;
}

/* Form Section */
.lima-register-form-section {
    animation: lima-register-slide-in-right 0.6s ease-out;
}

@keyframes lima-register-slide-in-right {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.lima-register-group {
    margin-bottom: 30px;
}

.lima-register-section-title {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 12px;
}

    .lima-register-section-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 60px;
        height: 2px;
        background: linear-gradient(90deg, #a855f7, transparent);
    }

.lima-register-title-glow {
    font-size: 16px;
    color: #c084fc;
    letter-spacing: 3px;
    text-shadow: 0 0 15px rgba(192, 132, 252, 0.8);
}

.lima-register-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.lima-register-input-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lima-register-full-width {
    grid-column: 1 / -1;
}

.lima-register-label {
    font-size: 10px;
    color: #c084fc;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.lima-register-input {
    background: rgba(15, 15, 30, 0.6);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 8px;
    padding: 12px 16px;
    color: #fff;
    font-family: 'Audiowide', cursive;
    /*font-family: 'Orbitron', sans-serif;*/
    font-size: 14px;
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

    .lima-register-input::placeholder {
        color: rgba(168, 85, 247, 0.4);
    }

    .lima-register-input:focus {
        outline: none;
        border-color: rgba(139, 92, 246, 0.6);
        box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
        transform: translateY(-2px);
    }

    .lima-register-input:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

.lima-register-hint {
    font-size: 9px;
    color: rgba(168, 85, 247, 0.5);
    font-family: Arial, sans-serif;
}

.lima-register-hint-success {
    font-size: 10px;
    color: #10b981;
    font-family: Arial, sans-serif;
}

.lima-register-label-badge {
    color: #ef4444;
    font-size: 14px;
    vertical-align: super;
}

.lima-register-contact-type {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
}

.lima-register-contact-detected {
    font-size: 11px;
    font-family: Arial, sans-serif;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    letter-spacing: 0.5px;
}

.lima-register-contact-email {
    color: #10b981;
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.3);
    text-decoration: underline;
    text-decoration-color: #10b981;
    text-underline-offset: 3px;
}

.lima-register-contact-gsm {
    color: #f59e0b;
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.3);
    text-decoration: underline;
    text-decoration-color: #f59e0b;
    text-underline-offset: 3px;
}

.lima-register-contact-unknown {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.lima-register-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.5), transparent);
    margin: 30px 0;
}

/* Consent Section */
.lima-register-consents {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.lima-register-consent-item {
    background: rgba(20, 20, 40, 0.4);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: 12px;
    padding: 20px;
    transition: all 0.3s ease;
}

    .lima-register-consent-item:hover {
        border-color: rgba(139, 92, 246, 0.4);
        box-shadow: 0 0 20px rgba(139, 92, 246, 0.1);
    }

.lima-register-consent-label {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    cursor: pointer;
}

.lima-register-consent-text {
    color: #d1d5db;
    font-size: 13px;
    line-height: 1.6;
    font-family: Arial, sans-serif;
}

.lima-register-consent-required {
    color: #ef4444;
    font-size: 16px;
    margin-right: 4px;
}

/* Custom Toggle Switch */
.lima-register-toggle-wrapper {
    position: relative;
    flex-shrink: 0;
}

.lima-register-toggle-input {
    opacity: 0;
    width: 0;
    height: 0;
}

.lima-register-toggle-slider {
    position: relative;
    width: 56px;
    height: 28px;
    background: rgba(107, 114, 128, 0.3);
    border-radius: 14px;
    border: 2px solid rgba(139, 92, 246, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
}

.lima-register-toggle-thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background: #6b7280;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.lima-register-toggle-input:checked + .lima-register-toggle-slider {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    border-color: rgba(168, 85, 247, 0.6);
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
}

    .lima-register-toggle-input:checked + .lima-register-toggle-slider .lima-register-toggle-thumb {
        left: 30px;
        background: #fff;
        box-shadow: 0 0 10px rgba(168, 85, 247, 0.6);
    }

.lima-register-link-btn {
    background: none;
    border: none;
    color: #c084fc;
    text-decoration: underline;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 13px;
    transition: all 0.3s ease;
    padding: 0;
}

    .lima-register-link-btn:hover {
        color: #e9d5ff;
        text-shadow: 0 0 10px rgba(192, 132, 252, 0.6);
    }

/* Actions */
.lima-register-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}

.lima-register-btn-submit {
    font-family: 'Audiowide', cursive;
    padding: 16px 60px;
    border-radius: 12px;
    font-size: 14px;
    letter-spacing: 3px;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    border: 1px solid rgba(16, 185, 129, 0.5);
    box-shadow: 0 0 30px rgba(16, 185, 129, 0.4);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    .lima-register-btn-submit::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        transition: left 0.5s ease;
    }

    .lima-register-btn-submit:hover:not(:disabled)::before {
        left: 100%;
    }

    .lima-register-btn-submit:hover:not(:disabled) {
        transform: translateY(-3px);
        box-shadow: 0 0 40px rgba(16, 185, 129, 0.6), 0 10px 25px rgba(0, 0, 0, 0.3);
    }

    .lima-register-btn-submit:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

.lima-register-btn-loading {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lima-register-btn-spinner {
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: lima-register-spin 1s linear infinite;
}

.lima-register-login-link {
    color: #d1d5db;
    font-size: 13px;
    font-family: Arial, sans-serif;
}

.lima-register-link {
    color: #c084fc;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .lima-register-link:hover {
        color: #e9d5ff;
        text-shadow: 0 0 10px rgba(192, 132, 252, 0.6);
    }

/* Modal */
.lima-register-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
    animation: lima-register-modal-fade-in 0.3s ease-out;
}

@keyframes lima-register-modal-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.lima-register-modal {
    background: rgba(15, 15, 30, 0.95);
    border: 1px solid rgba(139, 92, 246, 0.5);
    border-radius: 20px;
    max-width: 1000px;
    width: 100%;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 0 60px rgba(139, 92, 246, 0.4);
    animation: lima-register-modal-slide-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes lima-register-modal-slide-in {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }

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

.lima-register-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: transparent;
    border: none;
    color: #a855f7;
    cursor: pointer;
    padding: 8px;
    transition: all 0.3s ease;
    border-radius: 8px;
    z-index: 10;
}

    .lima-register-modal-close:hover {
        background: rgba(168, 85, 247, 0.1);
        transform: rotate(90deg);
    }

.lima-register-modal-header {
    padding: 30px 40px 20px;
    border-bottom: 1px solid rgba(139, 92, 246, 0.3);
}

.lima-register-modal-title {
    font-size: 20px;
    color: #c084fc;
    letter-spacing: 2px;
    text-align: center;
}

.lima-register-modal-content {
    padding: 30px 40px;
    overflow-y: auto;
    flex: 1;
    color: #d1d5db;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}

    .lima-register-modal-content p {
        margin-bottom: 15px;
    }

    .lima-register-modal-content h4 {
        color: #c084fc;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 16px;
    }

.lima-register-modal-footer {
    padding: 20px 40px;
    border-top: 1px solid rgba(139, 92, 246, 0.3);
    display: flex;
    justify-content: center;
}

.lima-register-modal-btn {
    font-family: 'Audiowide', cursive;
    padding: 12px 40px;
    border-radius: 8px;
    font-size: 12px;
    letter-spacing: 2px;
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    color: #fff;
    border: 1px solid rgba(168, 85, 247, 0.5);
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
}

    .lima-register-modal-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 0 30px rgba(168, 85, 247, 0.6), 0 8px 16px rgba(0, 0, 0, 0.3);
    }

/* Responsive Design */
@media (max-width: 1024px) {
    .lima-register-content {
        grid-template-columns: 1fr;
    }

    .lima-register-photo-section {
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width: 768px) {
    .lima-register-form-grid {
        grid-template-columns: 1fr;
    }

    .lima-register-card {
        padding: 24px;
    }

    .lima-register-main-title {
        font-size: 32px;
        letter-spacing: 4px;
    }

    .lima-register-modal {
        max-width: 100%;
    }

    .lima-register-modal-header,
    .lima-register-modal-content,
    .lima-register-modal-footer {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .lima-register-avatar-wrapper {
        width: 150px;
        height: 150px;
    }

    .lima-register-main-title {
        font-size: 24px;
    }

    .lima-register-photo-section {
        flex-direction: column;
    }
}
/* ============================================
   LEGAL DOCUMENTS - READABLE STYLE
   (Neon efekt yok, düz okunabilir metin)
   ============================================ */

.lima-legal-document {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    max-width: 100%;
}

.lima-legal-title {
    font-size: 22px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e5e7eb;
}

.lima-legal-content {
    color: #374151;
    font-size: 15px;
    line-height: 1.8;
}

    .lima-legal-content h4 {
        font-size: 17px;
        font-weight: 600;
        color: #1f2937;
        margin-top: 24px;
        margin-bottom: 12px;
    }

    .lima-legal-content p {
        margin-bottom: 16px;
        text-align: justify;
    }

    .lima-legal-content ul {
        margin: 16px 0;
        padding-left: 24px;
    }

    .lima-legal-content li {
        margin-bottom: 8px;
    }

    .lima-legal-content strong {
        font-weight: 600;
        color: #1f2937;
    }

.lima-legal-date {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 24px;
    font-style: italic;
}

.lima-legal-footer {
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
    font-size: 14px;
    color: #6b7280;
}

.lima-legal-important {
    background: #fef3c7;
    border-left: 4px solid #f59e0b;
    padding: 16px;
    margin: 20px 0;
    border-radius: 4px;
}

/* Dark mode için (modal içinde kullanılacaksa) */
.lima-register-modal .lima-legal-title {
    color: #e5e7eb;
    border-bottom-color: rgba(139, 92, 246, 0.3);
}

.lima-register-modal .lima-legal-content {
    color: #d1d5db;
}

    .lima-register-modal .lima-legal-content h4 {
        color: #c084fc;
    }

    .lima-register-modal .lima-legal-content strong {
        color: #e5e7eb;
    }

.lima-register-modal .lima-legal-footer {
    border-top-color: rgba(139, 92, 246, 0.3);
    color: #9ca3af;
}
/* ============================================
   LIMA REGİSTER KISMI BİTTİ
   ============================================ */

/* ============================================
   LEGAL STATIC PAGES
   (Aydınlatma Metni, Güvenlik Bildirgesi, Mesafeli Satış Sözleşmesi)
   ============================================ */
.lima-legal-page {
    background: #000;
    min-height: 60vh;
    padding: 50px 20px 90px;
    color: #cbd5e1;
}

.lima-legal-page-container {
    max-width: 1040px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(181, 128, 255, 0.28);
    border-radius: 18px;
    padding: 44px 52px;
    box-shadow: 0 0 40px rgba(106, 13, 173, 0.28);
}

.lima-legal-page-head {
    text-align: center;
    margin-bottom: 10px;
}

.lima-legal-page-title {
    font-family: 'Audiowide', cursive;
    font-size: 28px;
    color: #fff;
    text-shadow: 0 0 6px #ff00ff, 0 0 18px #6a0dad;
    margin: 0 0 8px;
}

.lima-legal-page-subtitle {
    color: #9ca3af;
    font-size: 14px;
    margin: 0 0 26px;
}

.lima-legal-page h2 {
    font-size: 20px;
    color: #fff;
    margin: 32px 0 14px;
    padding-left: 12px;
    border-left: 4px solid #b580ff;
}

.lima-legal-page h3 {
    font-size: 17px;
    color: #e9d5ff;
    margin: 22px 0 10px;
}

.lima-legal-page p {
    font-size: 15px;
    line-height: 1.85;
    color: #d1d5db;
    margin-bottom: 14px;
    text-align: justify;
}

.lima-legal-page ul {
    margin: 0 0 16px;
    padding-left: 22px;
}

.lima-legal-page li {
    font-size: 15px;
    line-height: 1.8;
    color: #d1d5db;
    margin-bottom: 6px;
}

.lima-legal-page strong {
    color: #fff;
}

.lima-legal-page a {
    color: #7dd3fc;
    text-decoration: underline;
}

.lima-legal-table-wrap {
    overflow-x: auto;
    margin: 18px 0;
}

.lima-legal-page table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.lima-legal-page th {
    background: linear-gradient(135deg, #6a0dad, #b580ff);
    color: #fff;
    padding: 10px 12px;
    border: 1px solid rgba(181, 128, 255, 0.4);
    text-align: left;
    font-weight: 600;
}

.lima-legal-page td {
    border: 1px solid rgba(181, 128, 255, 0.25);
    padding: 10px 12px;
    color: #d1d5db;
    vertical-align: top;
}

.lima-legal-page tbody tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.02);
}

.lima-legal-page .lima-legal-note {
    font-size: 13px;
    color: #9ca3af;
}

@media (max-width: 768px) {
    .lima-legal-page-container {
        padding: 28px 18px;
    }

    .lima-legal-page-title {
        font-size: 22px;
    }

    .lima-legal-page h2 {
        font-size: 18px;
    }
}

/* ============================================
   LEGAL DOC ACTIONS (PDF / Word indir butonları)
   ============================================ */
.lima-legal-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-bottom: 26px;
}

.lima-legal-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #6a0dad, #b580ff);
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    padding: 11px 22px;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0 0 12px rgba(181, 128, 255, 0.55);
    transition: all 0.3s ease;
}

    .lima-legal-action-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 0 22px rgba(181, 128, 255, 0.9);
    }

/* ============================================
   LEGAL PAGE YAZDIRMA (PDF) STİLLERİ
   ============================================ */
@media print {
    .lima-sidebar,
    .lima-sidebar-overlay,
    .lima-navbar,
    .lima-nav-overlay,
    .lima-footer,
    .lima-page-banner,
    .lima-legal-actions {
        display: none !important;
    }

    body {
        background: #fff !important;
    }

    .lima-legal-page {
        background: #fff !important;
        padding: 0 !important;
    }

    .lima-legal-page-container {
        max-width: 100% !important;
        border: none !important;
        box-shadow: none !important;
        background: #fff !important;
        padding: 0 !important;
    }

    .lima-legal-page,
    .lima-legal-page p,
    .lima-legal-page li,
    .lima-legal-page td,
    .lima-legal-page th {
        color: #000 !important;
    }

    .lima-legal-page-title,
    .lima-legal-page h2,
    .lima-legal-page h3,
    .lima-legal-page strong,
    .lima-legal-page-subtitle,
    .lima-legal-page .lima-legal-note {
        color: #000 !important;
        text-shadow: none !important;
    }

    .lima-legal-page h2 {
        border-left: none !important;
        padding-left: 0 !important;
    }

    .lima-legal-page th {
        background: #eee !important;
        border: 1px solid #999 !important;
    }

    .lima-legal-page td {
        border: 1px solid #999 !important;
    }

    .lima-legal-page tbody tr:nth-child(even) td {
        background: transparent !important;
    }

    .lima-legal-table-wrap {
        overflow: visible !important;
    }
}

/*=============================================
    VERIFICATION MODAL BAŞLADI
===============================================*/
/* Container & Base */
.lima-profile-container {
    min-height: 100vh;
    background: linear-gradient(135deg, #0f0f1e 0%, #1a0a2e 50%, #0f0f1e 100%);
    padding: 40px 20px;
    font-family: 'Audiowide', cursive;
}

.lima-profile-page-banner {
    height: 100px;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.1) 0%, rgba(219, 39, 119, 0.1) 100%);
}

.lima-profile-card {
    max-width: 1600px;
    margin: 0 auto;
    background: rgba(15, 15, 30, 0.6);
    backdrop-filter: blur(10px);
    border-radius: 24px;
    padding: 40px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    box-shadow: 0 0 40px rgba(139, 92, 246, 0.2);
    animation: lima-profile-fade-in 0.6s ease-out;
}

@keyframes lima-profile-fade-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

/* Main Title */
.lima-profile-main-title {
    font-size: 48px;
    text-align: center;
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 40px;
    letter-spacing: 8px;
    animation: lima-profile-glow-pulse 2s ease-in-out infinite;
}

@keyframes lima-profile-glow-pulse {
    0%, 100% {
        filter: drop-shadow(0 0 20px rgba(168, 85, 247, 0.4));
    }

    50% {
        filter: drop-shadow(0 0 30px rgba(168, 85, 247, 0.6));
    }
}

/* Content Layout */
.lima-profile-content {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 30px;
    margin-bottom: 30px;
}

/* Avatar Section */
.lima-profile-avatar-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    animation: lima-profile-slide-in-left 0.6s ease-out;
}

@keyframes lima-profile-slide-in-left {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.lima-profile-avatar-wrapper {
    position: relative;
    width: 200px;
    height: 200px;
}

.lima-profile-avatar-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid rgba(139, 92, 246, 0.5);
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

    .lima-profile-avatar-img:hover {
        border-color: rgba(139, 92, 246, 0.8);
        transform: scale(1.05);
    }

.lima-profile-avatar-glow {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(139, 92, 246, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    animation: lima-profile-avatar-glow 2s ease-in-out infinite;
    z-index: 1;
}

@keyframes lima-profile-avatar-glow {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.5;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.8;
    }
}

.lima-profile-ref-code {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 20px;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 12px;
    width: 100%;
}

.lima-profile-ref-label {
    font-size: 10px;
    color: #a855f7;
    letter-spacing: 2px;
}

.lima-profile-ref-value {
    font-size: 18px;
    color: #fff;
    letter-spacing: 3px;
}

/* Grid Layout */
.lima-profile-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
    animation: lima-profile-slide-in-right 0.6s ease-out;
}

@keyframes lima-profile-slide-in-right {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.lima-profile-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* Sections */
.lima-profile-section {
    background: rgba(20, 20, 40, 0.6);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: 16px;
    padding: 24px;
    transition: all 0.3s ease;
}

    .lima-profile-section:hover {
        border-color: rgba(139, 92, 246, 0.4);
        box-shadow: 0 0 30px rgba(139, 92, 246, 0.15);
    }

.lima-profile-section-title {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 12px;
}

    .lima-profile-section-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 60px;
        height: 2px;
        background: linear-gradient(90deg, #a855f7, transparent);
    }

.lima-profile-title-glow {
    font-size: 16px;
    color: #a855f7;
    letter-spacing: 3px;
    text-shadow: 0 0 10px rgba(168, 85, 247, 0.5);
}

/* Form Grid */
.lima-profile-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.lima-profile-input-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lima-profile-full-width {
    grid-column: 1 / -1;
}

.lima-profile-label {
    font-size: 10px;
    color: #a855f7;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.lima-profile-input,
.lima-profile-textarea {
    background: rgba(15, 15, 30, 0.6);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 8px;
    padding: 12px 16px;
    color: #fff;
    font-family: 'Audiowide', cursive;
    font-size: 14px;
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

    .lima-profile-input::placeholder,
    .lima-profile-textarea::placeholder {
        color: rgba(168, 85, 247, 0.4);
    }

    .lima-profile-input:focus,
    .lima-profile-textarea:focus {
        outline: none;
        border-color: rgba(139, 92, 246, 0.6);
        box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
        transform: translateY(-2px);
    }

.lima-profile-textarea {
    min-height: 100px;
    resize: vertical;
}

/* Verify Wrapper */
.lima-profile-verify-wrapper {
    display: flex;
    gap: 12px;
    align-items: center;
}

    .lima-profile-verify-wrapper .lima-profile-input {
        flex: 1;
    }

/* Divider */
.lima-profile-divider {
    grid-column: 1 / -1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.5), transparent);
    margin: 12px 0;
}

/* Buttons */
.lima-profile-btn-glow,
.lima-profile-btn-verify,
.lima-profile-btn-outline,
.lima-profile-btn-save {
    font-family: 'Audiowide', cursive;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 12px;
    letter-spacing: 2px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: none;
    position: relative;
    overflow: hidden;
}

    .lima-profile-btn-glow span,
    .lima-profile-btn-verify span,
    .lima-profile-btn-outline span,
    .lima-profile-btn-save span {
        position: relative;
        z-index: 2;
    }

    .lima-profile-btn-glow::before,
    .lima-profile-btn-verify::before,
    .lima-profile-btn-save::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        transition: left 0.5s ease;
    }

    .lima-profile-btn-glow:hover::before,
    .lima-profile-btn-verify:hover::before,
    .lima-profile-btn-save:hover::before {
        left: 100%;
    }

.lima-profile-btn-glow {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    color: #fff;
    border: 1px solid rgba(168, 85, 247, 0.5);
    width: 100%;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
}

    .lima-profile-btn-glow:hover {
        transform: translateY(-3px);
        box-shadow: 0 0 30px rgba(168, 85, 247, 0.6), 0 10px 20px rgba(0, 0, 0, 0.3);
    }

    .lima-profile-btn-glow:active {
        transform: translateY(-1px);
    }

.lima-profile-btn-verify {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    color: #fff;
    border: 1px solid rgba(168, 85, 247, 0.5);
    padding: 12px 20px;
    white-space: nowrap;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.4);
    animation: lima-profile-verify-slide-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes lima-profile-verify-slide-in {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.lima-profile-btn-verify:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 25px rgba(168, 85, 247, 0.6), 0 8px 16px rgba(0, 0, 0, 0.3);
}

.lima-profile-btn-outline {
    background: transparent;
    color: #a855f7;
    border: 2px solid #a855f7;
    width: 100%;
}

    .lima-profile-btn-outline:hover {
        background: rgba(168, 85, 247, 0.1);
        transform: translateY(-2px);
        box-shadow: 0 0 20px rgba(168, 85, 247, 0.3);
    }

.lima-profile-btn-save {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    border: 1px solid rgba(16, 185, 129, 0.5);
    padding: 16px 48px;
    font-size: 14px;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.4);
}

    .lima-profile-btn-save:hover {
        transform: translateY(-3px);
        box-shadow: 0 0 30px rgba(16, 185, 129, 0.6), 0 10px 20px rgba(0, 0, 0, 0.3);
    }

/* Actions */
.lima-profile-actions {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

/* Modal Styles */
.lima-profile-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
    opacity: 0;
    animation: lima-profile-modal-fade-in 0.3s ease-out forwards;
}

@keyframes lima-profile-modal-fade-in {
    to {
        opacity: 1;
    }
}

.lima-profile-modal {
    background: rgba(15, 15, 30, 0.95);
    border: 1px solid rgba(139, 92, 246, 0.5);
    border-radius: 20px;
    padding: 40px;
    max-width: 500px;
    width: 100%;
    position: relative;
    box-shadow: 0 0 60px rgba(139, 92, 246, 0.4);
    animation: lima-profile-modal-slide-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes lima-profile-modal-slide-in {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }

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

.lima-profile-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: transparent;
    border: none;
    color: #a855f7;
    cursor: pointer;
    padding: 8px;
    transition: all 0.3s ease;
    border-radius: 8px;
}

    .lima-profile-modal-close:hover {
        background: rgba(168, 85, 247, 0.1);
        transform: rotate(90deg);
    }

.lima-profile-modal-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
}

.lima-profile-icon-mail,
.lima-profile-icon-success,
.lima-profile-icon-error {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid;
}

.lima-profile-icon-mail {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    border-color: rgba(168, 85, 247, 0.5);
    animation: lima-profile-icon-pulse 2s ease-in-out infinite;
}

@keyframes lima-profile-icon-pulse {
    0%, 100% {
        box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
    }

    50% {
        box-shadow: 0 0 40px rgba(168, 85, 247, 0.6);
    }
}

.lima-profile-icon-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    border-color: rgba(16, 185, 129, 0.5);
    animation: lima-profile-icon-success-pulse 0.6s ease-out;
}

@keyframes lima-profile-icon-success-pulse {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.lima-profile-icon-error {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    border-color: rgba(239, 68, 68, 0.5);
}

.lima-profile-modal-title {
    font-size: 24px;
    text-align: center;
    color: #a855f7;
    margin-bottom: 16px;
    letter-spacing: 4px;
}

.lima-profile-modal-message {
    text-align: center;
    color: #d1d5db;
    font-size: 13px;
    margin-bottom: 32px;
    line-height: 1.6;
    font-family: Arial, sans-serif;
}

.lima-profile-modal-input-wrapper {
    margin-bottom: 24px;
}

.lima-profile-modal-input {
    width: 100%;
    background: rgba(15, 15, 30, 0.6);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 12px;
    padding: 16px;
    color: #fff;
    font-family: 'Audiowide', cursive;
    font-size: 28px;
    text-align: center;
    letter-spacing: 12px;
    transition: all 0.3s ease;
}

    .lima-profile-modal-input::placeholder {
        letter-spacing: 8px;
        color: rgba(168, 85, 247, 0.3);
    }

    .lima-profile-modal-input:focus {
        outline: none;
        border-color: rgba(139, 92, 246, 0.6);
        box-shadow: 0 0 30px rgba(139, 92, 246, 0.3);
    }

    .lima-profile-modal-input:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

.lima-profile-modal-btn {
    width: 100%;
    font-family: 'Audiowide', cursive;
    padding: 16px;
    border-radius: 12px;
    font-size: 14px;
    letter-spacing: 3px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    border: 1px solid rgba(168, 85, 247, 0.5);
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    color: #fff;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
    position: relative;
    overflow: hidden;
}

    .lima-profile-modal-btn::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        transition: left 0.5s ease;
    }

    .lima-profile-modal-btn:hover:not(:disabled)::before {
        left: 100%;
    }

    .lima-profile-modal-btn:hover:not(:disabled) {
        transform: translateY(-3px);
        box-shadow: 0 0 30px rgba(168, 85, 247, 0.6), 0 10px 20px rgba(0, 0, 0, 0.3);
    }

    .lima-profile-modal-btn:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

.lima-profile-modal-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.lima-profile-dots {
    animation: lima-profile-dots-blink 1.4s infinite;
}

@keyframes lima-profile-dots-blink {
    0%, 20% {
        opacity: 0.2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

.lima-profile-modal-resend {
    width: 100%;
    margin-top: 16px;
    background: transparent;
    border: none;
    color: #a855f7;
    font-family: 'Audiowide', cursive;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 8px;
    letter-spacing: 1px;
}

    .lima-profile-modal-resend:hover {
        color: #ec4899;
        text-shadow: 0 0 10px rgba(236, 72, 153, 0.5);
    }

/* Responsive Design */
@media (max-width: 1400px) {
    .lima-profile-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .lima-profile-content {
        grid-template-columns: 1fr;
    }

    .lima-profile-form-grid {
        grid-template-columns: 1fr;
    }

    .lima-profile-card {
        padding: 24px;
    }

    .lima-profile-main-title {
        font-size: 32px;
        letter-spacing: 4px;
    }

    .lima-profile-modal {
        padding: 24px;
    }

    .lima-profile-verify-wrapper {
        flex-direction: column;
    }

    .lima-profile-btn-verify {
        width: 100%;
    }
}

/* ================================================
   PROFİL SAYFASI - FIREFOX TAŞMA DÜZELTMESİ
   Firefox, grid/flex öğelerine "min-width: auto" (otomatik minimum boyut)
   uygular; öğeler içeriklerinin (özellikle form inputlarının) min-content
   genişliğinden daha dar küçülemez. Bu yüzden profil kartı sağ taraftan taşar.
   Chrome bu durumda daha esnek davrandığı için sorun yalnızca Firefox'ta görünür.
   Aşağıdaki kurallar yalnızca Profile.razor'da kullanılan sınıfları hedefler;
   diğer sayfaları etkilemez.
================================================ */
.lima-profile-grid,
.lima-profile-row,
.lima-profile-section {
    min-width: 0;
}

.lima-profile-input,
.lima-profile-textarea {
    width: 100%;
    min-width: 0;
}

.lima-profile-verify-wrapper .lima-profile-input {
    min-width: 0;
}

.lima-social-input,
.lima-social-select {
    min-width: 0;
}

/* Method Selector */
.lima-verification-method-selector {
    padding: 20px;
}

.lima-verification-methods {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
}

.lima-verification-method-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px;
    background: rgba(20, 20, 40, 0.6);
    border: 2px solid rgba(139, 92, 246, 0.3);
    border-radius: 16px;
    color: #fff;
    font-family: 'Audiowide', cursive;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .lima-verification-method-btn:hover {
        border-color: rgba(139, 92, 246, 0.6);
        background: rgba(20, 20, 40, 0.8);
        transform: translateY(-4px);
        box-shadow: 0 0 30px rgba(139, 92, 246, 0.4);
    }

    .lima-verification-method-btn svg {
        color: #a855f7;
    }

    .lima-verification-method-btn span {
        font-size: 16px;
        letter-spacing: 2px;
    }

    .lima-verification-method-btn small {
        font-size: 12px;
        color: #9ca3af;
        font-family: Arial, sans-serif;
    }

@media (max-width: 480px) {
    .lima-profile-avatar-wrapper {
        width: 150px;
        height: 150px;
    }

    .lima-profile-main-title {
        font-size: 24px;
    }

    .lima-profile-modal-input {
        font-size: 24px;
        letter-spacing: 8px;
    }
}
/* Contact Verification (Kanal-Özel) */
.lima-contact-info-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin-bottom: 24px;
    padding: 14px 16px;
    background: rgba(20, 20, 40, 0.6);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 12px;
}

.lima-contact-info-label {
    font-size: 10px;
    color: #a855f7;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.lima-contact-info-value {
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    word-break: break-all;
    text-align: center;
}

.lima-contact-info-warn {
    font-size: 11px;
    color: #fbbf24;
    text-align: center;
    line-height: 1.5;
    font-family: Arial, sans-serif;
}
/*=============================================
    VERIFICATION MODAL BİTTİ
===============================================*/
/* ========================================
   LIMA CONTACTS BAŞLADI
   ======================================== */

/* Container */
.lima-contacts-container {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 24px;
    height: calc(100vh - 120px);
    padding: 24px;
    font-family: 'Audiowide', sans-serif;
}

/* ========================================
   SOL PANEL - Arkadaş Listesi
   ======================================== */

.lima-contacts-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: rgba(17, 24, 39, 0.6);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    padding: 24px;
    overflow: hidden;
    box-shadow: 0 0 40px rgba(139, 92, 246, 0.15);
}

/* Header - Arama + Ekle Butonu */
.lima-contacts-header {
    display: flex;
    gap: 12px;
}

.lima-contacts-search-wrapper {
    position: relative;
    flex: 1;
}

.lima-contacts-search-input {
    width: 100%;
    padding: 12px 16px 12px 44px;
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: all 0.3s ease;
}

    .lima-contacts-search-input:focus {
        border-color: rgba(139, 92, 246, 0.6);
        box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
    }

    .lima-contacts-search-input::placeholder {
        color: rgba(255, 255, 255, 0.4);
    }

.lima-contacts-search-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    color: rgba(139, 92, 246, 0.7);
}

.lima-contacts-add-btn {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #a855f7, #ec4899);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
}

    .lima-contacts-add-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 0 30px rgba(168, 85, 247, 0.6);
    }

    .lima-contacts-add-btn svg {
        width: 24px;
        height: 24px;
        color: #fff;
    }

/* Tabs */
.lima-contacts-tabs {
    display: flex;
    gap: 8px;
    background: rgba(30, 41, 59, 0.5);
    padding: 6px;
    border-radius: 12px;
}

.lima-contacts-tab {
    flex: 1;
    padding: 10px 8px;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
    overflow: hidden;
    min-width: 0;
}

    .lima-contacts-tab:hover {
        color: rgba(255, 255, 255, 0.9);
    }

    .lima-contacts-tab.active {
        background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(59, 130, 246, 0.3));
        color: #fff;
        box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);
    }

.lima-contacts-badge {
    background: rgba(168, 85, 247, 0.5);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
}

.lima-contacts-tab.active .lima-contacts-badge {
    background: rgba(168, 85, 247, 0.8);
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.5);
}

/* Arkadaş Listesi */
.lima-contacts-list {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-right: 8px;
}

    .lima-contacts-list::-webkit-scrollbar {
        width: 6px;
    }

    .lima-contacts-list::-webkit-scrollbar-track {
        background: rgba(30, 41, 59, 0.5);
        border-radius: 10px;
    }

    .lima-contacts-list::-webkit-scrollbar-thumb {
        background: rgba(139, 92, 246, 0.5);
        border-radius: 10px;
    }

        .lima-contacts-list::-webkit-scrollbar-thumb:hover {
            background: rgba(139, 92, 246, 0.7);
        }

/* Arkadaş Kartı */
.lima-contacts-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .lima-contacts-card:hover {
        background: rgba(30, 41, 59, 0.8);
        border-color: rgba(139, 92, 246, 0.5);
        transform: translateX(4px);
        box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
    }

    .lima-contacts-card.active {
        background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(59, 130, 246, 0.2));
        border-color: rgba(139, 92, 246, 0.8);
        box-shadow: 0 0 25px rgba(139, 92, 246, 0.4);
    }

.lima-contacts-avatar-wrapper {
    position: relative;
    flex-shrink: 0;
}

.lima-contacts-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(139, 92, 246, 0.3);
}

.lima-contacts-status {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid rgba(17, 24, 39, 1);
}

    .lima-contacts-status.online {
        background: #10b981;
        box-shadow: 0 0 10px rgba(16, 185, 129, 0.6);
    }

    .lima-contacts-status.offline {
        background: #6b7280;
    }

.lima-contacts-card-info {
    flex: 1;
    min-width: 0;
}

.lima-contacts-username {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 4px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-contacts-last-seen {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
}

/* Request Card */
.lima-contacts-request-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(168, 85, 247, 0.3);
    border-radius: 14px;
}

.lima-contacts-request-actions {
    display: flex;
    gap: 8px;
}

.lima-contacts-accept-btn,
.lima-contacts-reject-btn {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.lima-contacts-accept-btn {
    background: linear-gradient(135deg, #10b981, #059669);
    color: #fff;
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.3);
}

    .lima-contacts-accept-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 0 20px rgba(16, 185, 129, 0.5);
    }

.lima-contacts-reject-btn {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: #fff;
    box-shadow: 0 0 15px rgba(239, 68, 68, 0.3);
}

    .lima-contacts-reject-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 0 20px rgba(239, 68, 68, 0.5);
    }

.lima-contacts-pending-badge {
    font-size: 11px;
    padding: 4px 10px;
    background: rgba(168, 85, 247, 0.3);
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.8);
}

/* Empty State */
.lima-contacts-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
}

    .lima-contacts-empty svg {
        width: 80px;
        height: 80px;
        margin-bottom: 16px;
        opacity: 0.3;
    }

    .lima-contacts-empty p {
        font-size: 16px;
        margin: 8px 0;
        color: rgba(255, 255, 255, 0.7);
    }

    .lima-contacts-empty span {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.4);
    }

/* ========================================
   SAĞ PANEL - Detay
   ======================================== */

.lima-contacts-detail {
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow-y: auto;
    padding-right: 8px;
}

    .lima-contacts-detail::-webkit-scrollbar {
        width: 6px;
    }

    .lima-contacts-detail::-webkit-scrollbar-track {
        background: rgba(30, 41, 59, 0.5);
        border-radius: 10px;
    }

    .lima-contacts-detail::-webkit-scrollbar-thumb {
        background: rgba(139, 92, 246, 0.5);
        border-radius: 10px;
    }

/* Profil Kartı */
.lima-contacts-profile-card {
    background: rgba(17, 24, 39, 0.6);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    padding: 32px;
    box-shadow: 0 0 40px rgba(139, 92, 246, 0.15);
}

.lima-contacts-profile-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 32px;
}

.lima-contacts-profile-avatar-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.lima-contacts-profile-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid rgba(139, 92, 246, 0.5);
    box-shadow: 0 0 30px rgba(139, 92, 246, 0.4);
}

.lima-contacts-status-large {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 4px solid rgba(17, 24, 39, 1);
}

    .lima-contacts-status-large.online {
        background: #10b981;
        box-shadow: 0 0 15px rgba(16, 185, 129, 0.6);
    }

    .lima-contacts-status-large.offline {
        background: #6b7280;
    }

.lima-contacts-profile-username {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 8px 0;
    color: #fff;
    text-shadow: 0 0 20px rgba(168, 85, 247, 0.3);
}

.lima-contacts-profile-status {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

/* Stats */
.lima-contacts-profile-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 32px;
}

.lima-contacts-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background: rgba(30, 41, 59, 0.5);
    border-radius: 14px;
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.lima-contacts-stat-value {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
}

.lima-contacts-stat-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

/* Action Buttons */
.lima-contacts-actions {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.lima-contacts-action-btn {
    padding: 14px 24px;
    border-radius: 12px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
}

    .lima-contacts-action-btn svg {
        width: 20px;
        height: 20px;
    }

    .lima-contacts-action-btn.primary {
        background: linear-gradient(135deg, #a855f7, #6366f1);
        color: #fff;
        box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
    }

        .lima-contacts-action-btn.primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 30px rgba(168, 85, 247, 0.6);
        }

    .lima-contacts-action-btn.secondary {
        background: linear-gradient(135deg, #06b6d4, #3b82f6);
        color: #fff;
        box-shadow: 0 0 20px rgba(6, 182, 212, 0.4);
    }

        .lima-contacts-action-btn.secondary:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 30px rgba(6, 182, 212, 0.6);
        }

/* Info Card */
.lima-contacts-info-card {
    background: rgba(17, 24, 39, 0.6);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    padding: 24px;
    box-shadow: 0 0 40px rgba(139, 92, 246, 0.15);
}

.lima-contacts-section-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 20px 0;
}

.lima-contacts-info-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    background: rgba(30, 41, 59, 0.5);
    border-radius: 12px;
    margin-bottom: 12px;
}

    .lima-contacts-info-item:last-child {
        margin-bottom: 0;
    }

    .lima-contacts-info-item svg {
        width: 20px;
        height: 20px;
        color: rgba(139, 92, 246, 0.7);
        flex-shrink: 0;
    }

    .lima-contacts-info-item span {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.8);
    }

/* Gifts Card */
.lima-contacts-gifts-card {
    background: rgba(17, 24, 39, 0.6);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    padding: 24px;
    box-shadow: 0 0 40px rgba(139, 92, 246, 0.15);
}

.lima-contacts-gift-tabs {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
}

.lima-contacts-gift-tab {
    padding: 10px 20px;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .lima-contacts-gift-tab:hover {
        color: rgba(255, 255, 255, 0.9);
        border-color: rgba(139, 92, 246, 0.4);
    }

    .lima-contacts-gift-tab.active {
        background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(59, 130, 246, 0.3));
        border-color: rgba(139, 92, 246, 0.8);
        color: #fff;
        box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);
    }

.lima-contacts-gift-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 8px;
}

    .lima-contacts-gift-list::-webkit-scrollbar {
        width: 6px;
    }

    .lima-contacts-gift-list::-webkit-scrollbar-track {
        background: rgba(30, 41, 59, 0.5);
        border-radius: 10px;
    }

    .lima-contacts-gift-list::-webkit-scrollbar-thumb {
        background: rgba(139, 92, 246, 0.5);
        border-radius: 10px;
    }

.lima-contacts-gift-item {
    display: flex;
    gap: 16px;
    padding: 16px;
    background: rgba(30, 41, 59, 0.5);
    border-radius: 12px;
    border: 1px solid rgba(139, 92, 246, 0.2);
    transition: all 0.3s ease;
}

    .lima-contacts-gift-item:hover {
        background: rgba(30, 41, 59, 0.7);
        border-color: rgba(139, 92, 246, 0.4);
        transform: translateX(4px);
    }

.lima-contacts-gift-image {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    object-fit: cover;
    border: 1px solid rgba(139, 92, 246, 0.3);
    flex-shrink: 0;
}

.lima-contacts-gift-details {
    flex: 1;
}

    .lima-contacts-gift-details h4 {
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        margin: 0 0 6px 0;
    }

.lima-contacts-gift-date {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin: 0 0 8px 0;
}

.lima-contacts-gift-message {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
    margin: 0;
    padding: 8px 12px;
    background: rgba(139, 92, 246, 0.1);
    border-left: 2px solid rgba(139, 92, 246, 0.5);
    border-radius: 6px;
}

.lima-contacts-gift-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
}

    .lima-contacts-gift-empty svg {
        width: 60px;
        height: 60px;
        margin-bottom: 12px;
        opacity: 0.3;
    }

    .lima-contacts-gift-empty p {
        font-size: 14px;
        margin: 0;
        color: rgba(255, 255, 255, 0.6);
    }

/* No Selection State */
.lima-contacts-no-selection {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
}

    .lima-contacts-no-selection svg {
        width: 120px;
        height: 120px;
        margin-bottom: 24px;
        opacity: 0.2;
    }

    .lima-contacts-no-selection h3 {
        font-size: 24px;
        font-weight: 700;
        margin: 0 0 12px 0;
        color: rgba(255, 255, 255, 0.7);
    }

    .lima-contacts-no-selection p {
        font-size: 14px;
        margin: 0;
        color: rgba(255, 255, 255, 0.4);
    }

/* ========================================
   MOBİL RESPONSIVE
   ======================================== */

@media (max-width: 1024px) {
    .lima-contacts-container {
        grid-template-columns: 1fr;
        height: auto;
    }

    .lima-contacts-sidebar {
        max-height: 60vh;
    }

    .lima-contacts-detail {
        max-height: none;
    }
}

@media (max-width: 768px) {
    .lima-contacts-container {
        padding: 16px;
        gap: 16px;
    }

    .lima-contacts-sidebar {
        padding: 16px;
    }

    .lima-contacts-tabs {
        flex-direction: column;
    }

    .lima-contacts-profile-card {
        padding: 24px 16px;
    }

    .lima-contacts-profile-avatar {
        width: 90px;
        height: 90px;
    }

    .lima-contacts-profile-username {
        font-size: 22px;
    }

    .lima-contacts-profile-stats {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .lima-contacts-actions {
        grid-template-columns: 1fr;
    }

    .lima-contacts-gift-item {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 480px) {
    .lima-contacts-header {
        flex-direction: column;
    }

    .lima-contacts-add-btn {
        width: 100%;
    }

    .lima-contacts-search-input {
        font-size: 13px;
    }

    .lima-contacts-tab {
        font-size: 11px;
        padding: 8px 12px;
    }

    .lima-contacts-card {
        padding: 12px;
    }

    .lima-contacts-avatar {
        width: 42px;
        height: 42px;
    }

    .lima-contacts-username {
        font-size: 14px;
    }

    .lima-contacts-action-btn {
        padding: 12px 16px;
        font-size: 13px;
    }
}
/* ========================================
   LIMA CONTACTS BİTTİ
   ======================================== */
/*=========================================
    SOCİAL MEDİA EKLEMELER BAŞLADI
===========================================*/
.lima-social-section {
    margin-top: 40px;
    padding: 30px;
    background: rgba(20, 10, 40, 0.7);
    border-radius: 20px;
    box-shadow: 0 0 15px #7f00ff55;
}

.lima-social-title {
    color: #fff;
    text-shadow: 0 0 8px #ff00ff;
    margin-bottom: 20px;
    font-size: 1.5rem;
}

.lima-social-form {
    display: flex;
    flex-direction:column;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.lima-social-select,
.lima-social-input {
    padding: 10px 15px;
    background: #1a0933;
    border: 1px solid #8a2be2;
    border-radius: 10px;
    color: #fff;
    outline: none;
    flex: 1;
    width: 100%;
}

.lima-social-add-btn {
    padding: 10px 20px;
    background: linear-gradient(90deg, #7f00ff, #e100ff);
    border: none;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: 0.2s;
}

    .lima-social-add-btn:hover {
        box-shadow: 0 0 10px #ff00ff;
    }

.lima-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: start;
}

.lima-social-link img {
    width: 40px;
    height: 40px;
    filter: drop-shadow(0 0 6px #a020f0);
    transition: 0.3s;
}

    .lima-social-link img:hover {
        transform: scale(1.2);
        filter: drop-shadow(0 0 12px #ff00ff);
    }
.lima-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: start;
}

.lima-social-item {
    position: relative;
    display: inline-block;
}

/* Sil butonu başta görünmesin, sadece hover’da çıksın */
.lima-social-remove-btn {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #ff0066;
    border: none;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    width: 20px;
    height: 20px;
    cursor: pointer;
    box-shadow: 0 0 5px #ff00ff;
    opacity: 0; /* başlangıçta görünmez */
    transition: 0.2s;
}

/* Hover ile görünür */
.lima-social-item:hover .lima-social-remove-btn {
    opacity: 1;
    transform: scale(1.2);
    box-shadow: 0 0 10px #ff00ff;
}
/*==========================================
    SOCİAL MEDİA BİTTİ
==========================================*/
/*==========================================
    SWİTCH BUTON BAŞLADI
==============================================*/
.lima-toggle-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 20px;
    width: 100%;
    max-width: 500px;
}

.lima-toggle-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background-color: rgba(10, 15, 20, 0.6);
    border: 1px solid rgba(0, 255, 255, 0.2);
    border-radius: 10px;
    box-shadow: inset 0 0 10px rgba(0, 255, 255, 0.2);
    transition: all 0.3s ease;
    transform: translateZ(0); /* mobil GPU bug fix */
    -webkit-backdrop-filter: none; /* mobil için */
}

    .lima-toggle-item:hover {
        box-shadow: 0 0 15px rgba(0, 255, 255, 0.4);
        transform: translateY(-2px);
    }

.lima-toggle-label {
    color: #ccc;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    text-shadow: 0 0 6px rgba(0,255,255,0.4);
}

/* Switch alanı */
.lima-toggle {
    position: relative;
    width: 56px;
    height: 28px;
    cursor: pointer;
}

    .lima-toggle input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.lima-toggle-slider {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 30% 30%, #111, #000);
    border: 2px solid #0ff;
    border-radius: 34px;
    transition: all 0.4s ease;
    box-shadow: 0 0 6px rgba(0, 255, 255, 0.4), inset 0 0 10px rgba(0, 255, 255, 0.2);
    overflow: hidden;
}

    .lima-toggle-slider::before {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        left: 4px;
        top: 3px;
        background: #0ff;
        border-radius: 50%;
        transition: all 0.4s cubic-bezier(0.45, 1.4, 0.4, 1);
        box-shadow: 0 0 10px #00ffff, 0 0 25px #00ffff;
    }

.lima-toggle input:checked + .lima-toggle-slider {
    background: radial-gradient(circle at 70% 70%, #003, #001);
    border-color: #0f0;
    box-shadow: 0 0 12px #0f0, inset 0 0 15px #0f0;
}

    .lima-toggle input:checked + .lima-toggle-slider::before {
        transform: translateX(28px);
        background: #0f0;
        box-shadow: 0 0 10px #00ff00, 0 0 25px #00ff00;
    }

/* İkonlar */
.lima-toggle-slider i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    opacity: 0.4;
    transition: all 0.3s ease;
}

.icon-on {
    left: 6px;
    color: #0f0;
}

.icon-off {
    right: 6px;
    color: #0ff;
}

.lima-toggle input:checked + .lima-toggle-slider .icon-on {
    opacity: 1;
    text-shadow: 0 0 6px #0f0;
}

.lima-toggle input:checked + .lima-toggle-slider .icon-off {
    opacity: 0.2;
}
@media (min-width: 768px) {
    .lima-toggle-item {
        backdrop-filter: blur(4px);
    }
}
/*==========================================
    SWİTCH BUTON BİTTİ
===========================================*/
/* ========================================
   ARKADAŞ EKLLEME BAŞLADI
   ======================================== */

/* Modal Overlay */
.lima-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 20px;
    animation: lim-modal-fade-in 0.3s ease;
}

@keyframes lima-modal-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Modal Content */
.lima-modal-content {
    background: rgba(17, 24, 39, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 24px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    box-shadow: 0 0 50px rgba(139, 92, 246, 0.3);
    max-width: 500px;
    width: 100%;
    animation: lima-modal-slide-up 0.3s ease;
    font-family: 'Audiowide', sans-serif;
}

@keyframes lima-modal-slide-up {
    from {
        transform: translateY(30px);
        opacity: 0;
    }

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

/* Modal Header */
.lima-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 28px;
    border-bottom: 1px solid rgba(139, 92, 246, 0.2);
}

    .lima-modal-header h2 {
        font-size: 22px;
        font-weight: 700;
        margin: 0;
        color: #fff;
        text-shadow: 0 0 20px rgba(168, 85, 247, 0.3);
    }

.lima-modal-close-btn {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .lima-modal-close-btn:hover {
        background: rgba(239, 68, 68, 0.2);
        border-color: rgba(239, 68, 68, 0.5);
        transform: scale(1.1);
    }

    .lima-modal-close-btn svg {
        width: 20px;
        height: 20px;
        color: #ef4444;
    }

/* Modal Body */
.lima-modal-body {
    padding: 28px;
}

/* Search Form */
.lima-search-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.lima-form-label {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 8px;
}

.lima-input-group {
    display: flex;
    gap: 12px;
}

.lima-modal-input {
    flex: 1;
    padding: 14px 18px;
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 12px;
    color: #fff;
    font-size: 15px;
    outline: none;
    transition: all 0.3s ease;
}

    .lima-modal-input:focus {
        border-color: rgba(139, 92, 246, 0.6);
        box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
    }

    .lima-modal-input::placeholder {
        color: rgba(255, 255, 255, 0.4);
    }

.lima-search-btn {
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, #a855f7, #6366f1);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
}

    .lima-search-btn:hover:not(:disabled) {
        transform: scale(1.05);
        box-shadow: 0 0 30px rgba(168, 85, 247, 0.6);
    }

    .lima-search-btn:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .lima-search-btn svg {
        width: 22px;
        height: 22px;
        color: #fff;
    }

/* Spinner */
.lima-spinner {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: lima-spin 0.6s linear infinite;
}

@keyframes lima-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Error Message */
.lima-error-message {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 10px;
    color: #ef4444;
    font-size: 13px;
}

    .lima-error-message svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

/* User Found Card */
.lima-user-found-card {
    padding: 20px;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.lima-user-info {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
}

.lima-found-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(139, 92, 246, 0.5);
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
}

.lima-found-details h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 6px 0;
    color: #fff;
}

.lima-found-details p {
    font-size: 13px;
    margin: 0;
    color: rgba(16, 185, 129, 0.8);
    font-weight: 600;
}

.lima-change-user-btn {
    padding: 10px 16px;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 10px;
    color: #a855f7;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

    .lima-change-user-btn:hover {
        background: rgba(139, 92, 246, 0.2);
        border-color: rgba(139, 92, 246, 0.5);
        transform: translateY(-2px);
    }

    .lima-change-user-btn svg {
        width: 16px;
        height: 16px;
    }

/* Modal Footer */
.lima-modal-footer {
    display: flex;
    gap: 12px;
    padding: 20px 28px;
    border-top: 1px solid rgba(139, 92, 246, 0.2);
}

.lima-modal-btn {
    flex: 1;
    padding: 14px 24px;
    border-radius: 12px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
}

    .lima-modal-btn svg {
        width: 18px;
        height: 18px;
    }

    .lima-modal-btn.cancel {
        background: rgba(30, 41, 59, 0.5);
        border: 1px solid rgba(139, 92, 246, 0.3);
        color: rgba(255, 255, 255, 0.8);
    }

        .lima-modal-btn.cancel:hover {
            background: rgba(30, 41, 59, 0.8);
            border-color: rgba(139, 92, 246, 0.5);
            transform: translateY(-2px);
        }

    .lima-modal-btn.confirm {
        background: linear-gradient(135deg, #a855f7, #6366f1);
        color: #fff;
        box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
    }

        .lima-modal-btn.confirm:hover:not(:disabled) {
            transform: translateY(-2px);
            box-shadow: 0 0 30px rgba(168, 85, 247, 0.6);
        }

        .lima-modal-btn.confirm:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }

/* ========================================
   MOBİL RESPONSIVE
   ======================================== */

@media (max-width: 640px) {
    .lima-modal-overlay {
        padding: 16px;
    }

    .lima-modal-header {
        padding: 20px;
    }

        .lima-modal-header h2 {
            font-size: 18px;
        }

    .lima-modal-body {
        padding: 20px;
    }

    .lima-modal-input {
        font-size: 14px;
        padding: 12px 16px;
    }

    .lima-search-btn {
        width: 48px;
        height: 48px;
    }

    .lima-user-found-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .lima-change-user-btn {
        width: 100%;
        justify-content: center;
    }

    .lima-modal-footer {
        flex-direction: column;
        padding: 16px 20px;
    }

    .lima-modal-btn {
        width: 100%;
    }
}
/* ========================================
   ARKADAŞ EKLLEME BİTTİ
   ======================================== */
/* ========================================
   LIMA LP Seviye Göstergesi Başladı
   ======================================== */

.lima-diamond-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

    .lima-diamond-badge:hover {
        transform: scale(1.2);
    }

.lima-diamond-icon {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 0 4px currentColor);
    transition: all 0.3s ease;
}

/* Silver Elmas 🥈 */
.lima-diamond-badge.silver .lima-diamond-icon {
    filter: drop-shadow(0 0 6px rgba(192, 192, 192, 0.6));
}

.lima-diamond-badge.silver:hover .lima-diamond-icon {
    filter: drop-shadow(0 0 10px rgba(192, 192, 192, 0.8));
}

/* Gold Elmas 🥇 */
.lima-diamond-badge.gold .lima-diamond-icon {
    filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.7));
    animation: lima-gold-pulse 2s ease-in-out infinite;
}

.lima-diamond-badge.gold:hover .lima-diamond-icon {
    filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.9));
    animation-play-state: paused;
}

@keyframes lima-gold-pulse {
    0%, 100% {
        filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.7));
    }

    50% {
        filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.9));
    }
}

/* Diamond Elmas 💎 */
.lima-diamond-badge.diamond .lima-diamond-icon {
    filter: drop-shadow(0 0 10px rgba(168, 85, 247, 0.8));
    animation: lima-diamond-glow 2s ease-in-out infinite;
}

.lima-diamond-badge.diamond:hover .lima-diamond-icon {
    filter: drop-shadow(0 0 15px rgba(168, 85, 247, 1));
    animation: lima-diamond-rotate 3s linear infinite;
}

@keyframes lima-diamond-glow {
    0%, 100% {
        filter: drop-shadow(0 0 10px rgba(168, 85, 247, 0.8));
    }

    50% {
        filter: drop-shadow(0 0 15px rgba(236, 72, 153, 0.9));
    }
}

@keyframes lima-diamond-rotate {
    from {
        transform: rotate(0deg);
        filter: drop-shadow(0 0 15px rgba(168, 85, 247, 1));
    }

    to {
        transform: rotate(360deg);
        filter: drop-shadow(0 0 15px rgba(236, 72, 153, 1));
    }
}

/* Username yanında badge stili */
.lima-contacts-username-with-badge {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Tooltip stili (tarayıcı varsayılanı) */
.lima-diamond-badge[title]:hover::after {
    content: attr(title);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 6px 12px;
    background: rgba(17, 24, 39, 0.95);
    color: #fff;
    border-radius: 8px;
    font-size: 12px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 1000;
    margin-bottom: 8px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
}
/* ========================================
   LIMA LP Seviye Göstergesi Bitti
   ======================================== */


/* ========================================
   LIMA SEND LP MODAL - LP Hediye Gönderme
   ======================================== */

.lima-send-lp-modal {
    max-width: 550px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .lima-send-lp-modal .lima-modal-body {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: calc(90vh - 160px);
    }

        .lima-send-lp-modal .lima-modal-body::-webkit-scrollbar {
            width: 6px;
        }

        .lima-send-lp-modal .lima-modal-body::-webkit-scrollbar-track {
            background: rgba(30, 41, 59, 0.5);
            border-radius: 10px;
        }

        .lima-send-lp-modal .lima-modal-body::-webkit-scrollbar-thumb {
            background: rgba(139, 92, 246, 0.5);
            border-radius: 10px;
        }

            .lima-send-lp-modal .lima-modal-body::-webkit-scrollbar-thumb:hover {
                background: rgba(139, 92, 246, 0.7);
            }

/* Alıcı Kartı */
.lima-lp-receiver-card {
    padding: 16px;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 14px;
}

.lima-lp-receiver-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.lima-lp-receiver-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(139, 92, 246, 0.5);
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);
}

.lima-lp-receiver-details {
    flex: 1;
}

.lima-lp-receiver-name {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
}

.lima-lp-receiver-role {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

/* Divider */
.lima-lp-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.3) 50%, transparent);
    margin: 20px 0;
}

/* Mevcut Bakiye */
.lima-lp-current-balance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: 12px;
}

.lima-lp-balance-label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
}

.lima-lp-balance-value {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lima-lp-amount {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 10px rgba(168, 85, 247, 0.4);
}

/* LP Input Section */
.lima-lp-input-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lima-lp-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.lima-lp-input {
    padding-right: 50px !important;
}

.lima-lp-input-suffix {
    position: absolute;
    right: 18px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(168, 85, 247, 0.8);
    pointer-events: none;
}

/* Hızlı Seçim Butonları */
.lima-lp-quick-buttons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.lima-lp-quick-btn {
    padding: 10px;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .lima-lp-quick-btn:hover {
        background: rgba(139, 92, 246, 0.2);
        border-color: rgba(139, 92, 246, 0.5);
        color: #fff;
        transform: translateY(-2px);
    }

    .lima-lp-quick-btn:active {
        transform: translateY(0);
    }

/* Hediye Notu */
.lima-lp-note-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lima-modal-textarea {
    width: 100%;
    padding: 14px 18px;
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-family: 'Audiowide', sans-serif;
    resize: vertical;
    outline: none;
    transition: all 0.3s ease;
}

    .lima-modal-textarea:focus {
        border-color: rgba(139, 92, 246, 0.6);
        box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
    }

    .lima-modal-textarea::placeholder {
        color: rgba(255, 255, 255, 0.4);
    }

.lima-lp-char-count {
    text-align: right;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
}

/* Özet Bilgi */
.lima-lp-summary {
    padding: 16px;
    background: rgba(30, 41, 59, 0.5);
    border-radius: 12px;
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.lima-lp-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}

    .lima-lp-summary-row:not(:last-child) {
        border-bottom: 1px solid rgba(139, 92, 246, 0.1);
    }

    .lima-lp-summary-row strong {
        font-size: 16px;
        color: #fff;
    }

    .lima-lp-summary-row.highlight {
        margin-top: 8px;
        padding-top: 12px;
    }

        .lima-lp-summary-row.highlight strong {
            font-size: 18px;
            color: #a855f7;
            text-shadow: 0 0 10px rgba(168, 85, 247, 0.4);
        }

/* ========================================
   MOBİL RESPONSIVE
   ======================================== */

@media (max-width: 640px) {
    .lima-send-lp-modal {
        max-height: 95vh;
    }

        .lima-send-lp-modal .lima-modal-body {
            max-height: calc(95vh - 140px);
        }

    .lima-lp-receiver-avatar {
        width: 48px;
        height: 48px;
    }

    .lima-lp-receiver-name {
        font-size: 16px;
    }

    .lima-lp-amount {
        font-size: 18px;
    }

    .lima-lp-quick-buttons {
        grid-template-columns: repeat(2, 1fr);
    }

    .lima-lp-summary-row {
        font-size: 13px;
    }

        .lima-lp-summary-row strong {
            font-size: 15px;
        }

        .lima-lp-summary-row.highlight strong {
            font-size: 16px;
        }
}


.lima-lp-receiver-card {
    padding: 16px;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 14px;
}

.lima-lp-receiver-info {
    display: flex;
    align-items: center;
    gap: 16px;
}

.lima-lp-receiver-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(139, 92, 246, 0.5);
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);
}

.lima-lp-receiver-details {
    flex: 1;
}

.lima-lp-receiver-name {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
}

.lima-lp-receiver-role {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

/* Divider */
.lima-lp-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.3) 50%, transparent);
    margin: 20px 0;
}

/* Mevcut Bakiye */
.lima-lp-current-balance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: 12px;
}

.lima-lp-balance-label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
}

.lima-lp-balance-value {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lima-lp-amount {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 10px rgba(168, 85, 247, 0.4);
}

/* LP Input Section */
.lima-lp-input-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lima-lp-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.lima-lp-input {
    padding-right: 50px !important;
}

.lima-lp-input-suffix {
    position: absolute;
    right: 18px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(168, 85, 247, 0.8);
    pointer-events: none;
}

/* Hızlı Seçim Butonları */
.lima-lp-quick-buttons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.lima-lp-quick-btn {
    padding: 10px;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .lima-lp-quick-btn:hover {
        background: rgba(139, 92, 246, 0.2);
        border-color: rgba(139, 92, 246, 0.5);
        color: #fff;
        transform: translateY(-2px);
    }

    .lima-lp-quick-btn:active {
        transform: translateY(0);
    }

/* Hediye Notu */
.lima-lp-note-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lima-modal-textarea {
    width: 100%;
    padding: 14px 18px;
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-family: 'Audiowide', sans-serif;
    resize: vertical;
    outline: none;
    transition: all 0.3s ease;
}

    .lima-modal-textarea:focus {
        border-color: rgba(139, 92, 246, 0.6);
        box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
    }

    .lima-modal-textarea::placeholder {
        color: rgba(255, 255, 255, 0.4);
    }

.lima-lp-char-count {
    text-align: right;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
}

/* Özet Bilgi */
.lima-lp-summary {
    padding: 16px;
    background: rgba(30, 41, 59, 0.5);
    border-radius: 12px;
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.lima-lp-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}

    .lima-lp-summary-row:not(:last-child) {
        border-bottom: 1px solid rgba(139, 92, 246, 0.1);
    }

    .lima-lp-summary-row strong {
        font-size: 16px;
        color: #fff;
    }

    .lima-lp-summary-row.highlight {
        margin-top: 8px;
        padding-top: 12px;
    }

        .lima-lp-summary-row.highlight strong {
            font-size: 18px;
            color: #a855f7;
            text-shadow: 0 0 10px rgba(168, 85, 247, 0.4);
        }

/* ========================================
   MOBİL RESPONSIVE
   ======================================== */

@media (max-width: 640px) {
    .lima-lp-receiver-avatar {
        width: 48px;
        height: 48px;
    }

    .lima-lp-receiver-name {
        font-size: 16px;
    }

    .lima-lp-amount {
        font-size: 18px;
    }

    .lima-lp-quick-buttons {
        grid-template-columns: repeat(2, 1fr);
    }

    .lima-lp-summary-row {
        font-size: 13px;
    }

        .lima-lp-summary-row strong {
            font-size: 15px;
        }

        .lima-lp-summary-row.highlight strong {
            font-size: 16px;
        }
}

/* Alıcı Minimum Hediye Uyarısı */
.lima-lp-receiver-min-note {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 10px 14px;
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.35);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 12.5px;
    line-height: 1.5;
}

    .lima-lp-receiver-min-note strong {
        color: #fbbf24;
        font-weight: 700;
    }

/* Bakiye yetersiz uyarısı + Bakiye Yükle */
.lima-lp-insufficient {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 11px 14px;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.4);
    border-radius: 10px;
    color: #fca5a5;
    font-size: 12.5px;
    line-height: 1.5;
}

    .lima-lp-insufficient strong {
        color: #fff;
    }

.lima-lp-topup-btn {
    padding: 8px 14px;
    background: linear-gradient(135deg, #7b2fff 0%, #a855f7 100%);
    border: none;
    border-radius: 9px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: all .25s ease;
}

    .lima-lp-topup-btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 8px 22px rgba(123, 47, 255, 0.4);
    }


/* ========================================
   LIMA SEND LP MODAL - Bitti
   ======================================== */

/* ========================================
   LIMA LP Yükleme Başladı
   ======================================== */

/* Overlay */
.lima-load-lp-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(12px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    padding: 20px;
}

    .lima-load-lp-overlay.active {
        opacity: 1;
        pointer-events: all;
    }

/* Container */
.lima-load-lp-container {
    display: grid;
    grid-template-columns: 420px 1fr;
    max-width: 1100px;
    width: 100%;
    max-height: 90vh;
    background: rgba(17, 24, 39, 0.98);
    border-radius: 24px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    box-shadow: 0 0 60px rgba(139, 92, 246, 0.4);
    overflow: hidden;
    animation: lima-load-lp-slide-up 0.4s ease;
    font-family: 'Audiowide', sans-serif;
}

@keyframes lima-load-lp-slide-up {
    from {
        transform: translateY(50px);
        opacity: 0;
    }

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

/* Sol Panel */
.lima-load-lp-left {
    background: linear-gradient(180deg, rgba(139, 92, 246, 0.1), rgba(59, 130, 246, 0.05));
    padding: 32px;
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid rgba(139, 92, 246, 0.2);
    max-height: 90vh;
}

    .lima-load-lp-left::-webkit-scrollbar {
        width: 6px;
    }

    .lima-load-lp-left::-webkit-scrollbar-track {
        background: rgba(30, 41, 59, 0.5);
        border-radius: 10px;
    }

    .lima-load-lp-left::-webkit-scrollbar-thumb {
        background: rgba(139, 92, 246, 0.5);
        border-radius: 10px;
    }

        .lima-load-lp-left::-webkit-scrollbar-thumb:hover {
            background: rgba(139, 92, 246, 0.7);
        }

/* Header */
.lima-load-lp-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

    .lima-load-lp-header h2 {
        font-size: 24px;
        font-weight: 700;
        margin: 0;
        color: #fff;
        text-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
    }

.lima-load-lp-close {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .lima-load-lp-close:hover {
        background: rgba(239, 68, 68, 0.2);
        transform: scale(1.1);
    }

    .lima-load-lp-close svg {
        width: 20px;
        height: 20px;
        color: #ef4444;
    }

/* Kullanıcı Kartı */
.lima-load-lp-user-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    background: rgba(30, 41, 59, 0.5);
    border-radius: 16px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    margin-bottom: 24px;
}

.lima-load-lp-avatar {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 3px solid rgba(139, 92, 246, 0.5);
    box-shadow: 0 0 20px rgba(139, 92, 246, 0.4);
}

.lima-load-lp-user-info h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px 0;
    color: #fff;
}

.lima-load-lp-badge-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lima-load-lp-tier {
    font-size: 14px;
    font-weight: 600;
    color: rgba(168, 85, 247, 0.9);
}

/* Sol menü — üyelik durumu etiketi (Starter/Elite/Legend · Partner/Ticari) */
.lima-load-lp-tier-label {
    white-space: nowrap;
}

/* Sol menü — BZ bakiyesi: ürün kartlarındaki fiyat hapıyla aynı dilde,
   oval (pill) bir kutu; solda tutar, sağda BZ logosu. */
.lima-sidebar-bz-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    padding: 3px 10px;
    border-radius: 999px;
    background: transparent;
    border: 1px solid rgba(168, 85, 247, 0.55);
    box-shadow: inset 0 0 8px rgba(168, 85, 247, 0.25), 0 0 10px rgba(168, 85, 247, 0.35);
    color: #ffd966;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    transition: box-shadow 0.3s ease;
}

    .lima-sidebar-bz-pill:hover {
        box-shadow: inset 0 0 10px rgba(168, 85, 247, 0.35), 0 0 16px rgba(168, 85, 247, 0.55);
    }

.lima-sidebar-bz-pill .lima-sidebar-bz-amount {
    font-weight: 800;
    text-shadow: 0 0 6px rgba(255, 217, 102, 0.5);
}

.lima-sidebar-bz-pill .lima-sidebar-bz-icon {
    width: 15px;
    height: 15px;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 50%;
    filter: drop-shadow(0 0 4px rgba(255, 217, 102, 0.6));
}

.lima-sidebar-bz-tl {
    font-size: 11px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.72);
    white-space: nowrap;
    margin-top: 2px;
}

/* Bakiye Bilgileri */
.lima-load-lp-balances {
    display:contents;
    grid-template-columns: 1fr auto 1fr;
    gap: 16px;
    margin-bottom: 24px;
}

.lima-load-lp-balance-item {
    text-align: center;
    padding: 20px;
    width:100%;
    background: rgba(30, 41, 59, 0.5);
    border-radius: 14px;
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.lima-load-lp-balance-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 12px;
    font-weight: 600;
}

.lima-load-lp-balance-value {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 6px;
    margin-bottom: 8px;
}

    .lima-load-lp-balance-value span {
        font-size: 28px;
        font-weight: 700;
        color: #fff;
    }

    .lima-load-lp-balance-value.amount span {
        color: #06b6d4;
        text-shadow: 0 0 15px rgba(6, 182, 212, 0.5);
    }

    .lima-load-lp-balance-value.balance span {
        color: #a855f7;
        text-shadow: 0 0 15px rgba(168, 85, 247, 0.5);
    }

    .lima-load-lp-balance-value small {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.7);
    }

/* BZ değeri üstte, TL karşılığı altta (parantez içinde, küçük) — BzPrice bileşeni her yerde dikey gösterir */
.bz-price-stacked {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    line-height: 1.15;
}

    .bz-price-stacked .bz-price-tl {
        font-size: 0.55em;
        font-weight: 500;
        color: rgba(255, 255, 255, 0.7);
        text-shadow: none;
    }

.lima-load-lp-balance-desc {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
}

.lima-load-lp-balance-divider {
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(139, 92, 246, 0.3), transparent);
}

/* İlerleme Kartı */
.lima-load-lp-progress-card {
    padding: 20px;
    background: rgba(30, 41, 59, 0.5);
    border-radius: 14px;
    border: 1px solid rgba(139, 92, 246, 0.3);
    margin-bottom: 20px;
    margin-top:20px;
}

.lima-load-lp-progress-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.lima-load-lp-progress-current {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
}

.lima-load-lp-progress-arrow {
    color: rgba(139, 92, 246, 0.7);
}

.lima-load-lp-progress-next {
    font-size: 14px;
    font-weight: 700;
    color: #a855f7;
}

.lima-load-lp-progress-bar {
    height: 12px;
    background: rgba(30, 41, 59, 0.8);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.lima-load-lp-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #a855f7, #ec4899);
    border-radius: 10px;
    transition: width 0.6s ease;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.6);
}

.lima-load-lp-progress-text {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
}

    .lima-load-lp-progress-text strong {
        color: #a855f7;
        font-weight: 700;
    }

/* Bilgilendirme */
.lima-load-lp-info {
    display: flex;
    gap: 12px;
    padding: 16px;
    background: rgba(59, 130, 246, 0.1);
    border-radius: 12px;
    border: 1px solid rgba(59, 130, 246, 0.3);
}

    .lima-load-lp-info svg {
        width: 24px;
        height: 24px;
        color: #3b82f6;
        flex-shrink: 0;
    }

    .lima-load-lp-info div {
        flex: 1;
    }

    .lima-load-lp-info strong {
        display: block;
        font-size: 14px;
        color: #3b82f6;
        margin-bottom: 4px;
    }

    .lima-load-lp-info p {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.7);
        margin: 0;
        line-height: 1.5;
    }

/* Sağ Panel */
.lima-load-lp-right {
    padding: 32px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 90vh;
}

    .lima-load-lp-right::-webkit-scrollbar {
        width: 6px;
    }

    .lima-load-lp-right::-webkit-scrollbar-track {
        background: rgba(30, 41, 59, 0.5);
        border-radius: 10px;
    }

    .lima-load-lp-right::-webkit-scrollbar-thumb {
        background: rgba(139, 92, 246, 0.5);
        border-radius: 10px;
    }

        .lima-load-lp-right::-webkit-scrollbar-thumb:hover {
            background: rgba(139, 92, 246, 0.7);
        }

    .lima-load-lp-right h3 {
        font-size: 22px;
        font-weight: 700;
        margin: 0 0 24px 0;
        color: #fff;
    }

    .lima-load-lp-right h4 {
        font-size: 16px;
        font-weight: 700;
        margin: 0 0 16px 0;
        color: rgba(255, 255, 255, 0.9);
    }

/* Form Grupları */
.lima-load-lp-form-group {
    margin-bottom: 20px;
}

    .lima-load-lp-form-group label {
        display: block;
        font-size: 13px;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 8px;
    }

    .lima-load-lp-form-group input {
        width: 100%;
        padding: 14px 18px;
        background: rgba(30, 41, 59, 0.8);
        border: 1px solid rgba(139, 92, 246, 0.3);
        border-radius: 12px;
        color: #fff;
        font-size: 15px;
        outline: none;
        transition: all 0.3s ease;
    }

        .lima-load-lp-form-group input:focus {
            border-color: rgba(139, 92, 246, 0.6);
            box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
        }

        .lima-load-lp-form-group input::placeholder {
            color: rgba(255, 255, 255, 0.4);
        }

.lima-load-lp-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/* Tutar Input */
.lima-load-lp-amount-input {
    position: relative;
}

    .lima-load-lp-amount-input input {
        padding-right: 50px;
    }

.lima-load-lp-currency {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 700;
    color: rgba(168, 85, 247, 0.8);
    pointer-events: none;
}

/* Hızlı Tutarlar */
.lima-load-lp-quick-amounts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 12px;
}

    .lima-load-lp-quick-amounts button {
        padding: 10px;
        background: rgba(30, 41, 59, 0.5);
        border: 1px solid rgba(139, 92, 246, 0.3);
        border-radius: 10px;
        color: rgba(255, 255, 255, 0.8);
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        .lima-load-lp-quick-amounts button:hover {
            background: rgba(139, 92, 246, 0.2);
            border-color: rgba(139, 92, 246, 0.5);
            color: #fff;
            transform: translateY(-2px);
        }

/* Hesaplama */
.lima-load-lp-calculation {
    padding: 16px;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 12px;
    margin-bottom: 24px;
}

.lima-load-lp-calc-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}

    .lima-load-lp-calc-row:not(:last-child) {
        border-bottom: 1px solid rgba(139, 92, 246, 0.2);
    }

    .lima-load-lp-calc-row.highlight {
        margin-top: 8px;
        padding-top: 12px;
    }

    .lima-load-lp-calc-row strong {
        font-size: 16px;
        color: #fff;
    }

.lima-load-lp-result {
    font-size: 18px !important;
    color: #a855f7 !important;
    text-shadow: 0 0 15px rgba(168, 85, 247, 0.5);
}

/* Divider */
.lima-load-lp-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.3), transparent);
    margin: 24px 0;
}

/* Error */
.lima-load-lp-error {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 10px;
    color: #ef4444;
    font-size: 13px;
    margin-top: 12px;
}

    .lima-load-lp-error svg {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

/* Submit Button */
.lima-load-lp-submit {
    width: 100%;
    padding: 16px 24px;
    background: linear-gradient(135deg, #a855f7, #6366f1);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 0 30px rgba(168, 85, 247, 0.5);
    margin-bottom: 16px;
}

    .lima-load-lp-submit:hover:not(:disabled) {
        transform: translateY(-2px);
        box-shadow: 0 0 40px rgba(168, 85, 247, 0.7);
    }

    .lima-load-lp-submit:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .lima-load-lp-submit svg {
        width: 22px;
        height: 22px;
    }

/* Secure Info */
.lima-load-lp-secure {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    background: rgba(16, 185, 129, 0.1);
    border-radius: 10px;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

    .lima-load-lp-secure svg {
        width: 18px;
        height: 18px;
        color: #10b981;
    }

    .lima-load-lp-secure span {
        font-size: 12px;
        color: rgba(16, 185, 129, 0.9);
    }

/* Spinner */
.lima-load-lp-submit .lima-spinner {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: lima-spin 0.6s linear infinite;
}

/* ========================================
   MOBİL RESPONSIVE
   ======================================== */

@media (max-width: 1024px) {
    .lima-load-lp-container {
        grid-template-columns: 1fr;
        max-height: 95vh;
        overflow-y: auto;
    }

    .lima-load-lp-left {
        border-right: none;
        border-bottom: 1px solid rgba(139, 92, 246, 0.2);
        max-height: none;
        overflow-y: visible;
    }

    .lima-load-lp-right {
        max-height: none;
        overflow-y: visible;
    }

    .lima-load-lp-container::-webkit-scrollbar {
        width: 6px;
    }

    .lima-load-lp-container::-webkit-scrollbar-track {
        background: rgba(30, 41, 59, 0.5);
        border-radius: 10px;
    }

    .lima-load-lp-container::-webkit-scrollbar-thumb {
        background: rgba(139, 92, 246, 0.5);
        border-radius: 10px;
    }
}

@media (max-width: 768px) {
    .lima-load-lp-overlay {
        padding: 10px;
        align-items: flex-start;
        padding-top: 20px;
    }

    .lima-load-lp-container {
        max-height: calc(100vh - 40px);
    }

    .lima-load-lp-left,
    .lima-load-lp-right {
        padding: 24px 20px;
    }

    .lima-load-lp-balances {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .lima-load-lp-balance-divider {
        display: none;
    }

    .lima-load-lp-form-row {
        grid-template-columns: 1fr;
    }

    .lima-load-lp-quick-amounts {
        grid-template-columns: repeat(2, 1fr);
    }

    .lima-load-lp-header h2 {
        font-size: 20px;
    }

    .lima-load-lp-balance-value span {
        font-size: 22px;
    }

    .lima-load-lp-avatar {
        width: 56px;
        height: 56px;
    }
}

@media (max-width: 480px) {
    .lima-load-lp-overlay {
        padding: 5px;
        align-items: flex-start;
        padding-top: 10px;
    }

    .lima-load-lp-container {
        border-radius: 16px;
        max-height: calc(100vh - 20px);
    }

    .lima-load-lp-left,
    .lima-load-lp-right {
        padding: 20px 16px;
    }

    .lima-load-lp-user-card {
        flex-direction: column;
        text-align: center;
    }

    .lima-load-lp-submit {
        font-size: 14px;
        padding: 14px 20px;
    }
}
/* ========================================
   LIMA LP Yükleme Bitti
   ======================================== */
/*==========================================
    LİMA NOTİFİCATİON KISMI BAŞLADI
============================================*/
/* ===================================
   LIMA BİLDİRİM SİSTEMİ
   =================================== */

/* Bildirim wrapper - Sepet ile aynı stil */
.lima-notification-wrapper {
    position: relative;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(20,10,40,0.12);
    border: 2px solid rgba(255,255,255,0.08);
    transition: transform .18s ease, box-shadow .18s ease;
    z-index: 10;
}

    .lima-notification-wrapper:hover {
        transform: scale(1.08);
        box-shadow: 0 0 12px rgba(200,160,255,0.85), 0 0 28px rgba(122,91,255,0.85);
    }

/* Bildirim ikonu */
.lima-notification-icon {
    width: 26px;
    height: 26px;
    display: block;
}

/* Bildirim sayacı - Sepet counter ile aynı basit stil */
.lima-notification-count {
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: small;
    margin: 0;
    padding: 0;
    color: #fff;
    text-shadow: 0 0 8px rgba(255,255,255,0.8);
}

/* Bildirim animasyonu - sadece hover'da çan sallanır */
.lima-notification-wrapper:hover .lima-notification-icon {
    animation: lima-notification-shake 0.5s ease;
}

/* Bildirim animasyonları */
@keyframes lima-notification-shake {
    0%, 100% {
        transform: rotate(0deg);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: rotate(-8deg);
    }

    20%, 40%, 60%, 80% {
        transform: rotate(8deg);
    }
}

/* Mobil responsive ayarlar */
@media (max-width: 768px) {
    .lima-notification-wrapper {
        width: 40px;
        height: 40px;
    }

    .lima-notification-icon {
        width: 22px;
        height: 22px;
    }

    .lima-notification-count {
        font-size: 11px;
        top: -6px;
        right: -6px;
    }
}

@media (max-width: 480px) {
    .lima-notification-wrapper {
        width: 36px;
        height: 36px;
    }

    .lima-notification-icon {
        width: 20px;
        height: 20px;
    }

    .lima-notification-count {
        font-size: 10px;
        top: -6px;
        right: -6px;
    }
}
/*===========================================
    LİMA NOTİFİCATİON BİTTİ
===========================================*/
/* ===================================
   LIMA BİLDİRİM SAYFASI
   =================================== */

/* Container */
.lima-notificationpage-container {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
}

/* Header */
.lima-notificationpage-header {
    margin-bottom: 30px;
}

.lima-notificationpage-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

.lima-notificationpage-title-icon {
    width: 32px;
    height: 32px;
}

/* Tabs */
.lima-notificationpage-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.lima-notificationpage-tab {
    padding: 10px 20px;
    border-radius: 8px;
    background: rgba(20,10,40,0.12);
    border: 2px solid rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .lima-notificationpage-tab:hover {
        background: rgba(20,10,40,0.2);
        border-color: rgba(255,255,255,0.15);
        color: #fff;
    }

    .lima-notificationpage-tab.active {
        background: linear-gradient(135deg, rgba(138,43,226,0.2), rgba(75,0,130,0.2));
        border-color: rgba(138,43,226,0.5);
        color: #fff;
        box-shadow: 0 0 20px rgba(138,43,226,0.3);
    }

.lima-notificationpage-tab-badge {
    background: rgba(255,255,255,0.15);
    color: #fff;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
}

    .lima-notificationpage-tab-badge.pending {
        background: linear-gradient(135deg, #ff416c, #ff4b2b);
        animation: lima-notificationpage-pulse 2s infinite;
    }

@keyframes lima-notificationpage-pulse {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.7;
    }
}

/* List */
.lima-notificationpage-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Loading */
.lima-notificationpage-loading {
    text-align: center;
    padding: 60px 20px;
    color: rgba(255,255,255,0.6);
}

.lima-notificationpage-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(255,255,255,0.1);
    border-top-color: rgba(138,43,226,0.8);
    border-radius: 50%;
    animation: lima-notificationpage-spin 0.8s linear infinite;
    margin: 0 auto 15px;
}

@keyframes lima-notificationpage-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Empty State */
.lima-notificationpage-empty {
    text-align: center;
    padding: 80px 20px;
    color: rgba(255,255,255,0.5);
}

    .lima-notificationpage-empty svg {
        width: 80px;
        height: 80px;
        margin-bottom: 20px;
        opacity: 0.3;
    }

    .lima-notificationpage-empty h3 {
        font-size: 20px;
        margin-bottom: 10px;
        color: rgba(255,255,255,0.7);
    }

    .lima-notificationpage-empty p {
        font-size: 14px;
    }

/* Notification Item */
.lima-notificationpage-item {
    background: rgba(20,10,40,0.15);
    border: 2px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
}

    .lima-notificationpage-item:hover {
        background: rgba(20,10,40,0.25);
        border-color: rgba(255,255,255,0.12);
        transform: translateX(4px);
    }

    .lima-notificationpage-item.unread {
        border-left: 4px solid rgba(138,43,226,0.8);
    }

    /* Pending Items - Turuncu vurgu */
    .lima-notificationpage-item.pending-lp,
    .lima-notificationpage-item.pending-product {
        background: rgba(255,152,0,0.05);
        border-color: rgba(255,152,0,0.3);
    }

        .lima-notificationpage-item.pending-lp:hover,
        .lima-notificationpage-item.pending-product:hover {
            background: rgba(255,152,0,0.1);
            border-color: rgba(255,152,0,0.5);
            box-shadow: 0 4px 20px rgba(255,152,0,0.15);
        }

    /* Gift Items */
    .lima-notificationpage-item.gift-accepted {
        border-left-color: rgba(76,175,80,0.8);
    }

    .lima-notificationpage-item.gift-rejected {
        border-left-color: rgba(244,67,54,0.8);
    }

/* Item Content */
.lima-notificationpage-item-content {
    display: flex;
    gap: 15px;
    flex: 1;
    align-items: flex-start;
}

.lima-notificationpage-item-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

    .lima-notificationpage-item-icon.pending {
        background: linear-gradient(135deg, rgba(255,152,0,0.2), rgba(255,193,7,0.2));
        border: 2px solid rgba(255,152,0,0.3);
    }

    .lima-notificationpage-item-icon.success {
        background: linear-gradient(135deg, rgba(76,175,80,0.2), rgba(139,195,74,0.2));
        border: 2px solid rgba(76,175,80,0.3);
    }

    .lima-notificationpage-item-icon.error {
        background: linear-gradient(135deg, rgba(244,67,54,0.2), rgba(229,57,53,0.2));
        border: 2px solid rgba(244,67,54,0.3);
    }

    .lima-notificationpage-item-icon.info {
        background: linear-gradient(135deg, rgba(33,150,243,0.2), rgba(30,136,229,0.2));
        border: 2px solid rgba(33,150,243,0.3);
    }

/* Item Body */
.lima-notificationpage-item-body {
    flex: 1;
}

.lima-notificationpage-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    gap: 10px;
}

.lima-notificationpage-item-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}

.lima-notificationpage-item-time {
    font-size: 12px;
    color: rgba(255,255,255,0.4);
    white-space: nowrap;
}

.lima-notificationpage-item-message {
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    line-height: 1.5;
    margin: 0 0 10px 0;
}

.lima-notificationpage-item-amount {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(138,43,226,0.15);
    border: 1px solid rgba(138,43,226,0.3);
    border-radius: 6px;
    font-size: 13px;
    color: #fff;
}

    .lima-notificationpage-item-amount strong {
        color: #fff;
        font-weight: 700;
    }

/* Actions */
.lima-notificationpage-item-actions {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}

.lima-notificationpage-btn-accept,
.lima-notificationpage-btn-reject,
.lima-notificationpage-btn-mark-read {
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 2px solid transparent;
}

.lima-notificationpage-btn-accept {
    background: linear-gradient(135deg, #4caf50, #66bb6a);
    color: #fff;
}

    .lima-notificationpage-btn-accept:hover {
        background: linear-gradient(135deg, #66bb6a, #81c784);
        box-shadow: 0 4px 15px rgba(76,175,80,0.4);
        transform: translateY(-2px);
    }

.lima-notificationpage-btn-reject {
    background: linear-gradient(135deg, #f44336, #e57373);
    color: #fff;
}

    .lima-notificationpage-btn-reject:hover {
        background: linear-gradient(135deg, #e57373, #ef5350);
        box-shadow: 0 4px 15px rgba(244,67,54,0.4);
        transform: translateY(-2px);
    }

.lima-notificationpage-btn-mark-read {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.6);
}

    .lima-notificationpage-btn-mark-read:hover {
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.2);
        color: #fff;
    }

/* Footer */
.lima-notificationpage-footer {
    margin-top: 30px;
    text-align: center;
}

.lima-notificationpage-btn-clear {
    padding: 12px 30px;
    border-radius: 8px;
    background: rgba(255,255,255,0.05);
    border: 2px solid rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.7);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .lima-notificationpage-btn-clear:hover {
        background: rgba(255,255,255,0.1);
        border-color: rgba(255,255,255,0.2);
        color: #fff;
    }

/* Responsive */
@media (max-width: 768px) {
    .lima-notificationpage-container {
        margin: 20px auto;
        padding: 0 15px;
    }

    .lima-notificationpage-title {
        font-size: 24px;
    }

    .lima-notificationpage-tabs {
        gap: 8px;
    }

    .lima-notificationpage-tab {
        padding: 8px 14px;
        font-size: 13px;
    }

    .lima-notificationpage-item {
        flex-direction: column;
        align-items: stretch;
        padding: 15px;
    }

    .lima-notificationpage-item-content {
        flex-direction: row;
    }

    .lima-notificationpage-item-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .lima-notificationpage-item-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .lima-notificationpage-item-actions {
        width: 100%;
        justify-content: stretch;
    }

    .lima-notificationpage-btn-accept,
    .lima-notificationpage-btn-reject {
        flex: 1;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .lima-notificationpage-title {
        font-size: 20px;
    }

    .lima-notificationpage-tabs {
        gap: 6px;
    }

    .lima-notificationpage-tab {
        padding: 6px 12px;
        font-size: 12px;
    }

    .lima-notificationpage-item-actions {
        flex-direction: column;
    }
}
/*===============================================
    Lima bildirim sayfası BİTTİ
===============================================*/
/*===============================================
    IFRAME TASARIMLARI BAŞLADI
===============================================*/
/* Payment 3D Secure Modal Styles */

.lima-iframe-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    padding: 20px;
}

    .lima-iframe-overlay.active {
        opacity: 1;
        visibility: visible;
    }

.lima-iframe-container {
    background: linear-gradient(135deg, #1a1d35 0%, #252945 100%);
    border-radius: 24px;
    width: 100%;
    max-width: 900px;
    height: 85vh;
    max-height: 850px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5), 0 0 100px rgba(139, 92, 246, 0.15);
    border: 1px solid rgba(139, 92, 246, 0.2);
    overflow: hidden;
    animation: slideUp 0.3s ease;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }

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

.lima-iframe-header {
    padding: 24px 28px;
    border-bottom: 1px solid rgba(139, 92, 246, 0.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, rgba(139, 92, 246, 0.08) 0%, transparent 100%);
}

.lima-iframe-header-content {
    display: flex;
    align-items: center;
    gap: 16px;
}

.lima-iframe-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 16px rgba(139, 92, 246, 0.3);
}

    .lima-iframe-icon svg {
        width: 24px;
        height: 24px;
        color: white;
    }

.lima-iframe-header-text h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lima-iframe-header-text p {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
}

.lima-iframe-close {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid rgba(139, 92, 246, 0.2);
    background: rgba(139, 92, 246, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .lima-iframe-close:hover {
        background: rgba(139, 92, 246, 0.2);
        border-color: rgba(139, 92, 246, 0.4);
        transform: rotate(90deg);
    }

    .lima-iframe-close svg {
        width: 20px;
        height: 20px;
        color: rgba(255, 255, 255, 0.8);
    }

.lima-iframe-content {
    flex: 1;
    display: flex;
    min-height: 600px;
    height: 600px;
    position: relative;
    background: #ffffff;
    overflow: hidden;
}

.lima-iframe-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #1a1d35 0%, #252945 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    z-index: 10;
}

.lima-iframe-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(139, 92, 246, 0.2);
    border-top-color: #8b5cf6;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.lima-iframe-loading-overlay p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
    margin: 0;
}

.lima-iframe-frame {
    width: 100%;
    height: 100%;
    min-height: 600px;
    border: none;
    background: white;
    display: block;
}

.lima-iframe-footer {
    padding: 20px 28px;
    border-top: 1px solid rgba(139, 92, 246, 0.15);
    background: rgba(139, 92, 246, 0.04);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lima-iframe-secure-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(16, 185, 129, 0.05) 100%);
    border-radius: 12px;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

    .lima-iframe-secure-badge svg {
        width: 20px;
        height: 20px;
        color: #10b981;
        flex-shrink: 0;
    }

    .lima-iframe-secure-badge span {
        font-size: 13px;
        color: rgba(255, 255, 255, 0.85);
        font-weight: 500;
    }

.lima-iframe-info {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 0 4px;
}

    .lima-iframe-info svg {
        width: 18px;
        height: 18px;
        color: rgba(139, 92, 246, 0.7);
        flex-shrink: 0;
        margin-top: 1px;
    }

    .lima-iframe-info span {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.6);
        line-height: 1.5;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .lima-iframe-overlay {
        padding: 0;
    }

    .lima-iframe-container {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
        height: 100vh;
    }

    .lima-iframe-header {
        padding: 20px;
    }

    .lima-iframe-header-content {
        gap: 12px;
    }

    .lima-iframe-icon {
        width: 40px;
        height: 40px;
    }

        .lima-iframe-icon svg {
            width: 20px;
            height: 20px;
        }

    .lima-iframe-header-text h2 {
        font-size: 18px;
    }

    .lima-iframe-header-text p {
        font-size: 12px;
    }

    .lima-iframe-content {
        height: calc(100vh - 220px);
        min-height: calc(100vh - 220px);
    }

    .lima-iframe-footer {
        padding: 16px 20px;
    }

    .lima-iframe-secure-badge {
        padding: 10px 12px;
    }

        .lima-iframe-secure-badge span {
            font-size: 12px;
        }
}

@media (max-width: 480px) {
    .lima-iframe-header-text h2 {
        font-size: 16px;
    }

    .lima-iframe-header-text p {
        display: none;
    }

    .lima-iframe-secure-badge span,
    .lima-iframe-info span {
        font-size: 11px;
    }
}
/*===============================================
    IFRAME TASARIMLARI BİTTİ
===============================================*/
/*****************************
    ORDER COMPLETE MODAL BAŞLADI
*****************************/

.lima-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn 0.3s ease;
    padding: 20px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.lima-order-modal {
    background: linear-gradient(145deg, #0B0C10 0%, #1A1D23 100%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    animation: slideUp 0.4s ease;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }

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

/* Başlık */
.lima-order-header {
    text-align: center;
    padding: 30px 30px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.lima-success-icon {
    font-size: 3.5rem;
    margin-bottom: 15px;
    animation: bounce 0.6s ease;
}

@keyframes bounce {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }
}

.lima-order-header h2 {
    color: #fff;
    font-size: 1.5rem;
    margin: 0 0 8px 0;
    background: linear-gradient(90deg, #00ffff, #b46bff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.lima-order-subtitle {
    color: #888;
    font-size: 0.95rem;
    margin: 0;
}

/* Seçim Butonları */
.lima-order-actions {
    display: flex;
    gap: 15px;
    padding: 25px 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.lima-action-btn {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 20px 15px;
    background: rgba(255, 255, 255, 0.03);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    color: #aaa;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .lima-action-btn:hover {
        border-color: rgba(0, 255, 255, 0.3);
        background: rgba(0, 255, 255, 0.05);
        color: #fff;
    }

    .lima-action-btn.active {
        border-color: #00ffff;
        background: rgba(0, 255, 255, 0.1);
        color: #00ffff;
        box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
    }

    /* Devre dışı buton (diğer seçenek seçildiğinde) */
    .lima-action-btn.disabled-btn {
        opacity: 0.4;
        cursor: not-allowed;
        border-color: rgba(255, 255, 255, 0.05);
        background: rgba(255, 255, 255, 0.01);
        pointer-events: none;
    }

        .lima-action-btn.disabled-btn .lima-btn-hint {
            font-size: 0.65rem;
            color: #ff6b6b;
            font-weight: 400;
            text-align: center;
            line-height: 1.2;
        }

.lima-action-icon {
    font-size: 1.8rem;
}

/* Uyarı Metni */
.lima-order-warning {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 30px;
    background: rgba(255, 200, 0, 0.06);
    border-bottom: 1px solid rgba(255, 200, 0, 0.1);
}

.lima-warning-icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-top: 1px;
}

.lima-order-warning span:last-child {
    color: #ffcc00;
    font-size: 0.8rem;
    line-height: 1.4;
}

/* Kodları Göster Bölümü */
.lima-codes-section {
    padding: 25px 30px 30px;
}

    .lima-codes-section h3 {
        color: #fff;
        font-size: 1rem;
        margin: 0 0 15px 0;
    }

.lima-codes-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.lima-code-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0, 255, 255, 0.05);
    border: 1px solid rgba(0, 255, 255, 0.2);
    border-radius: 10px;
    padding: 12px 15px;
}

.lima-code-value {
    font-family: 'Courier New', monospace;
    font-size: 1rem;
    font-weight: 600;
    color: #00ffff;
    letter-spacing: 1px;
}

.lima-copy-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #aaa;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .lima-copy-btn:hover {
        background: rgba(255, 255, 255, 0.1);
        color: #fff;
        border-color: rgba(255, 255, 255, 0.3);
    }

/* Hediye Gönder Bölümü */
.lima-gift-section {
    padding: 25px 30px 30px;
}

    .lima-gift-section h3 {
        color: #fff;
        font-size: 1rem;
        margin: 0 0 15px 0;
    }

/* Arama Kutusu */
.lima-search-box {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 0 15px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

    .lima-search-box:focus-within {
        border-color: #00ffff;
        box-shadow: 0 0 15px rgba(0, 255, 255, 0.15);
    }

.lima-search-icon {
    font-size: 1rem;
    margin-right: 10px;
}

.lima-search-box input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 0.9rem;
    padding: 12px 0;
}

    .lima-search-box input::placeholder {
        color: #666;
    }

/* Arkadaş Listesi */
.lima-friends-list {
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
}

    .lima-friends-list::-webkit-scrollbar {
        width: 6px;
    }

    .lima-friends-list::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.02);
    }

    .lima-friends-list::-webkit-scrollbar-thumb {
        background: rgba(0, 255, 255, 0.3);
        border-radius: 3px;
    }

.lima-friend-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 15px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

    .lima-friend-item:last-child {
        border-bottom: none;
    }

    .lima-friend-item:hover {
        background: rgba(255, 255, 255, 0.03);
    }

    .lima-friend-item.selected {
        background: rgba(0, 255, 255, 0.1);
    }

.lima-friend-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #00ffff, #b46bff);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

    .lima-friend-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .lima-friend-avatar span {
        color: #0B0C10;
        font-weight: 700;
        font-size: 1rem;
    }

.lima-friend-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lima-friend-name {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
}

.lima-friend-username {
    color: #666;
    font-size: 0.8rem;
}

.lima-friend-check {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.lima-friend-item.selected .lima-friend-check {
    background: #00ffff;
    border-color: #00ffff;
    color: #0B0C10;
    font-weight: 700;
}

.lima-no-friends {
    padding: 30px;
    text-align: center;
    color: #666;
}

    .lima-no-friends span {
        font-size: 2rem;
        display: block;
        margin-bottom: 10px;
    }

/* Hediye Mesajı */
.lima-gift-message {
    margin-bottom: 20px;
    position: relative;
}

    .lima-gift-message label {
        display: block;
        color: #aaa;
        font-size: 0.85rem;
        margin-bottom: 8px;
    }

    .lima-gift-message textarea {
        width: 100%;
        min-height: 80px;
        background: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 10px;
        padding: 12px 15px;
        color: #fff;
        font-size: 0.9rem;
        resize: none;
        outline: none;
        transition: all 0.3s ease;
    }

        .lima-gift-message textarea::placeholder {
            color: #555;
        }

        .lima-gift-message textarea:focus {
            border-color: #b46bff;
            box-shadow: 0 0 15px rgba(180, 107, 255, 0.15);
        }

.lima-char-count {
    position: absolute;
    bottom: 8px;
    right: 12px;
    color: #555;
    font-size: 0.75rem;
}

/* Butonlar */
.lima-btn-primary {
    width: 100%;
    padding: 14px 20px;
    background: linear-gradient(135deg, #00ffff, #00cccc);
    border: none;
    border-radius: 10px;
    color: #0B0C10;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .lima-btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 30px rgba(0, 255, 255, 0.3);
    }

.lima-btn-gift {
    width: 100%;
    padding: 14px 20px;
    background: linear-gradient(135deg, #b46bff, #8b5cf6);
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .lima-btn-gift:hover:not(:disabled) {
        transform: translateY(-2px);
        box-shadow: 0 10px 30px rgba(180, 107, 255, 0.4);
    }

    .lima-btn-gift:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Hediye Onay Kutusu */
.lima-gift-agreement {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 16px;
    background: rgba(180, 107, 255, 0.06);
    border: 1px solid rgba(180, 107, 255, 0.2);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .lima-gift-agreement:hover {
        background: rgba(180, 107, 255, 0.1);
        border-color: rgba(180, 107, 255, 0.35);
    }

.lima-gift-agreement-checkbox {
    position: relative;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-top: 1px;
}

    .lima-gift-agreement-checkbox input {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
        cursor: pointer;
    }

.lima-gift-agreement-checkmark {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    transition: all 0.3s ease;
}

    .lima-gift-agreement-checkmark::after {
        content: "";
        position: absolute;
        left: 5.5px;
        top: 2px;
        width: 6px;
        height: 11px;
        border: solid transparent;
        border-width: 0 2.5px 2.5px 0;
        transform: rotate(45deg);
        transition: all 0.3s ease;
    }

.lima-gift-agreement-checkbox input:checked + .lima-gift-agreement-checkmark {
    background: linear-gradient(135deg, #b46bff, #8b5cf6);
    border-color: #b46bff;
    box-shadow: 0 0 12px rgba(180, 107, 255, 0.4);
}

    .lima-gift-agreement-checkbox input:checked + .lima-gift-agreement-checkmark::after {
        border-color: #fff;
    }

.lima-gift-agreement-text {
    color: #ccc;
    font-size: 0.82rem;
    line-height: 1.5;
    user-select: none;
}

/* Kapat Butonu */
.lima-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: #888;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .lima-modal-close:hover {
        background: rgba(255, 107, 107, 0.2);
        border-color: rgba(255, 107, 107, 0.3);
        color: #ff6b6b;
    }

/* Mobil Uyum */
@media (max-width: 600px) {
    .lima-order-modal {
        max-height: 95vh;
        border-radius: 15px;
    }

    .lima-order-header {
        padding: 25px 20px 20px;
    }

        .lima-order-header h2 {
            font-size: 1.3rem;
        }

    .lima-order-actions {
        padding: 20px;
        gap: 10px;
    }

    .lima-action-btn {
        padding: 15px 10px;
    }

    .lima-codes-section,
    .lima-gift-section {
        padding: 20px;
    }

    .lima-code-value {
        font-size: 0.85rem;
    }
}

/*****************************
    ORDER COMPLETE MODAL BİTTİ
*****************************/
/*****************************
    MY GİFTS BAŞLADI
*****************************/
/* ── Ana Sayfa Wrapper ── */
.lima-mygifts-page {
    font-family: var(--lima-mygifts-font-body);
    color: var(--lima-mygifts-text-primary);
    min-height: 100vh;
    padding: 40px 24px 80px;
    position: relative;
    overflow: hidden;
}

/* ── Arka Plan Orb Efektleri ── */
.lima-mygifts-bg-effects {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.lima-mygifts-bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0.18;
    animation: lima-mygifts-orb-float 12s ease-in-out infinite alternate;
}

.lima-mygifts-bg-orb--purple {
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, #9b30ff, transparent);
    top: -150px;
    left: -100px;
    animation-delay: 0s;
}

.lima-mygifts-bg-orb--cyan {
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, #00e5ff, transparent);
    bottom: 100px;
    right: -80px;
    animation-delay: -4s;
}

.lima-mygifts-bg-orb--pink {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, #ff2d78, transparent);
    top: 40%;
    left: 40%;
    animation-delay: -8s;
}

@keyframes lima-mygifts-orb-float {
    from {
        transform: translate(0, 0) scale(1);
    }

    to {
        transform: translate(30px, 40px) scale(1.1);
    }
}

/* ── İçerik Z-index ── */
.lima-mygifts-header,
.lima-mygifts-tabs-section,
.lima-mygifts-content {
    position: relative;
    z-index: 1;
}

/* ── Header ── */
.lima-mygifts-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 36px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.lima-mygifts-header-icon {
    font-size: 2.4rem;
    filter: drop-shadow(0 0 12px var(--lima-mygifts-neon-purple));
    animation: lima-mygifts-pulse-icon 2s ease-in-out infinite;
}

@keyframes lima-mygifts-pulse-icon {
    0%, 100% {
        filter: drop-shadow(0 0 12px var(--lima-mygifts-neon-purple));
    }

    50% {
        filter: drop-shadow(0 0 24px var(--lima-mygifts-neon-pink));
    }
}

.lima-mygifts-title {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
    background: linear-gradient(135deg, #ffffff 0%, var(--lima-mygifts-neon-cyan) 60%, var(--lima-mygifts-neon-purple) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: 2px;
}

.lima-mygifts-subtitle {
    margin: 4px 0 0;
    font-size: 0.9rem;
    color: var(--lima-mygifts-text-secondary);
    letter-spacing: 1px;
}

.lima-mygifts-badge-notif {
    margin-left: auto;
    background: linear-gradient(135deg, var(--lima-mygifts-neon-pink), var(--lima-mygifts-neon-purple));
    color: white;
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.7rem;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 1px;
    box-shadow: 0 0 20px rgba(255, 45, 120, 0.5);
    animation: lima-mygifts-badge-glow 2s ease-in-out infinite;
}

@keyframes lima-mygifts-badge-glow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(255, 45, 120, 0.5);
    }

    50% {
        box-shadow: 0 0 35px rgba(255, 45, 120, 0.9);
    }
}

.lima-mygifts-notif-pulse {
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    animation: lima-mygifts-dot-pulse 1.2s ease-in-out infinite;
}

@keyframes lima-mygifts-dot-pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.4;
        transform: scale(0.6);
    }
}

/* ══════════════════════════════════════════════════
   ── TAB SECTION — belirgin, ayrıştırıcı bölüm ──
   ══════════════════════════════════════════════════ */

/* Tab'ları saran tüm bölüm */
.lima-mygifts-tabs-section {
    max-width: 1200px;
    margin: 0 auto 36px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

/* "Görüntüle" küçük üst etiketi */
.lima-mygifts-tabs-label {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--lima-mygifts-neon-purple);
    opacity: 0.75;
    margin-bottom: 10px;
    padding-left: 4px;
}

/* Tab konteyner wrapper — ışıltılı zemin */
.lima-mygifts-tabs-wrapper {
    background: rgba(155, 48, 255, 0.06);
    border: 1px solid rgba(155, 48, 255, 0.22);
    border-bottom: none;
    border-radius: 16px 16px 0 0;
    padding: 8px 8px 0;
    width: fit-content;
    box-shadow: 0 -4px 24px rgba(155, 48, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* Tab ikilisi */
.lima-mygifts-tabs {
    display: flex;
    gap: 0;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 5px;
    position: relative;
    width: fit-content;
}

.lima-mygifts-tab-slider {
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(50% - 5px);
    height: calc(100% - 10px);
    background: linear-gradient(135deg, var(--lima-mygifts-neon-purple), #6600cc);
    border-radius: 9px;
    transition: transform var(--lima-mygifts-transition);
    box-shadow: 0 0 20px rgba(155, 48, 255, 0.6), 0 0 40px rgba(155, 48, 255, 0.2);
    z-index: 0;
}

.lima-mygifts-tab-slider--right {
    transform: translateX(100%);
}

.lima-mygifts-tab {
    font-family: var(--lima-mygifts-font-body);
    font-size: 1rem;
    font-weight: 600;
    color: var(--lima-mygifts-text-secondary);
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 13px 32px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    gap: 9px;
    position: relative;
    z-index: 1;
    transition: color var(--lima-mygifts-transition), text-shadow var(--lima-mygifts-transition);
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.lima-mygifts-tab--active {
    color: white;
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.5);
}

.lima-mygifts-tab:not(.lima-mygifts-tab--active):hover {
    color: rgba(255, 255, 255, 0.7);
}

.lima-mygifts-tab-icon {
    font-size: 1rem;
}

.lima-mygifts-tab-count {
    background: var(--lima-mygifts-neon-pink);
    color: white;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(255, 45, 120, 0.7);
    animation: lima-mygifts-badge-glow 2s ease-in-out infinite;
}

/* Tab bölümü alt çizgisi — tam genişlikte ışıklı divider */
.lima-mygifts-tabs-divider {
    width: 100%;
    padding-top: 0;
}

.lima-mygifts-tabs-divider-line {
    height: 2px;
    background: linear-gradient( 90deg, transparent 0%, rgba(155, 48, 255, 0.8) 20%, rgba(0, 229, 255, 0.6) 50%, rgba(155, 48, 255, 0.8) 80%, transparent 100% );
    border-radius: 2px;
    box-shadow: 0 0 12px rgba(155, 48, 255, 0.5), 0 0 24px rgba(0, 229, 255, 0.2);
    animation: lima-mygifts-divider-pulse 3s ease-in-out infinite;
}

@keyframes lima-mygifts-divider-pulse {
    0%, 100% {
        opacity: 0.8;
        box-shadow: 0 0 12px rgba(155, 48, 255, 0.5), 0 0 24px rgba(0, 229, 255, 0.2);
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 20px rgba(155, 48, 255, 0.8), 0 0 40px rgba(0, 229, 255, 0.35);
    }
}

/* ── Grid ── */
.lima-mygifts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

/* ── Kart Temel ── */
.lima-mygifts-card {
    background: var(--lima-mygifts-bg-card);
    border-radius: var(--lima-mygifts-radius-card);
    border: 1px solid var(--lima-mygifts-border-default);
    overflow: hidden;
    position: relative;
    transition: transform var(--lima-mygifts-transition), box-shadow var(--lima-mygifts-transition);
    animation: lima-mygifts-card-in 0.5s ease both;
}

@keyframes lima-mygifts-card-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

.lima-mygifts-card:hover {
    transform: translateY(-4px);
}

/* ── LP Kartı (GiftType bazlı) ── */
.lima-mygifts-card--lp {
    border-color: rgba(155, 48, 255, 0.3);
    box-shadow: 0 0 0 1px rgba(155, 48, 255, 0.1), 0 8px 32px rgba(0, 0, 0, 0.4);
}

    .lima-mygifts-card--lp:hover {
        box-shadow: 0 0 0 1px rgba(155, 48, 255, 0.5), 0 0 40px rgba(155, 48, 255, 0.2), 0 16px 40px rgba(0, 0, 0, 0.5);
    }

    .lima-mygifts-card--lp::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, transparent, var(--lima-mygifts-neon-purple), var(--lima-mygifts-neon-pink), transparent);
    }

/* ── Dijital Kod Kartı (GiftType bazlı) ── */
.lima-mygifts-card--code {
    border-color: rgba(0, 229, 255, 0.25);
    box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.08), 0 8px 32px rgba(0, 0, 0, 0.4);
}

    .lima-mygifts-card--code:hover {
        box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.4), 0 0 40px rgba(0, 229, 255, 0.15), 0 16px 40px rgba(0, 0, 0, 0.5);
    }

    .lima-mygifts-card--code::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, transparent, var(--lima-mygifts-neon-cyan), #00ffaa, transparent);
    }

/* ══════════════════════════════════════════════════
   ── GİFT STATUS BAZLI ÇERÇEVE STİLLERİ ──
   GiftStatus değerine göre kartın kenarlık rengi
   ve neon glow efekti override edilir.
   ::after pseudo elementi sol kenara ince renkli
   şerit çizer; border ise tüm çerçeveyi sarar.
   ══════════════════════════════════════════════════ */

/* --- ACCEPTED — Neon Yeşil --- */
.lima-mygifts-card--status-accepted {
    border-color: rgba(160, 160, 160, 0.35) !important;
    box-shadow: 0 0 0 1px rgba(160, 160, 160, 0.1), 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

    .lima-mygifts-card--status-accepted::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(180deg, #aaaaaa, #666666, #aaaaaa);
        border-radius: var(--lima-mygifts-radius-card) 0 0 var(--lima-mygifts-radius-card);
        box-shadow: 0 0 8px rgba(160, 160, 160, 0.4);
        opacity: 0.6;
    }

    .lima-mygifts-card--status-accepted:hover {
        box-shadow: 0 0 0 1px rgba(160, 160, 160, 0.45), 0 0 20px rgba(160, 160, 160, 0.12), 0 16px 40px rgba(0, 0, 0, 0.5) !important;
        border-color: rgba(160, 160, 160, 0.5) !important;
    }

.lima-mygifts-status--accepted {
    color: #aaaaaa;
    background: rgba(160, 160, 160, 0.1);
    border: 1px solid rgba(160, 160, 160, 0.3);
    text-shadow: none;
    box-shadow: none;
}

/* --- PENDING — Lila/Mor --- */
/*
 * ══════════════════════════════════════════════════════════════
 *  PENDING KARTI — GÜNCELLENMİŞ STİLLER
 *  Mevcut lima-mygifts-card--status-pending bloğunu
 *  ve lima-mygifts-status--pending bloğunu bununla değiştir.
 * ══════════════════════════════════════════════════════════════
 */

/* ── Pending kart çerçevesi ── */
.lima-mygifts-card--status-pending {
    border-color: rgba(180, 100, 255, 0.7) !important;
    background: linear-gradient( 160deg, rgba(180, 100, 255, 0.07) 0%, rgba(155, 48, 255, 0.04) 50%, transparent 100% ) !important;
    box-shadow: 0 0 0 1px rgba(180, 100, 255, 0.35), 0 0 24px rgba(180, 100, 255, 0.25), 0 8px 32px rgba(0, 0, 0, 0.4) !important;
    animation: lima-mygifts-card-in 0.5s ease both, lima-mygifts-pending-card-breathe 2s ease-in-out 0.5s infinite;
}

@keyframes lima-mygifts-pending-card-breathe {
    0%, 100% {
        box-shadow: 0 0 0 1px rgba(180, 100, 255, 0.35), 0 0 24px rgba(180, 100, 255, 0.25), 0 8px 32px rgba(0, 0, 0, 0.4);
        border-color: rgba(180, 100, 255, 0.7);
    }

    50% {
        box-shadow: 0 0 0 2px rgba(180, 100, 255, 0.75), 0 0 48px rgba(180, 100, 255, 0.45), 0 0 80px rgba(155, 48, 255, 0.15), 0 8px 32px rgba(0, 0, 0, 0.4);
        border-color: rgba(210, 140, 255, 0.95);
    }
}

.lima-mygifts-card--status-pending:hover {
    box-shadow: 0 0 0 2px rgba(180, 100, 255, 0.8), 0 0 40px rgba(180, 100, 255, 0.4), 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

/* Sol şerit — accepted/rejected gibi ama daha canlı */
.lima-mygifts-card--status-pending::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, #e040ff, #9933ff, #cc00ff, #9933ff, #e040ff);
    background-size: 100% 200%;
    border-radius: var(--lima-mygifts-radius-card) 0 0 var(--lima-mygifts-radius-card);
    box-shadow: 0 0 18px rgba(180, 100, 255, 1), 0 0 36px rgba(155, 48, 255, 0.6), 4px 0 20px rgba(180, 100, 255, 0.3);
    animation: lima-mygifts-pending-strip-flow 1.8s ease-in-out infinite;
}

@keyframes lima-mygifts-pending-strip-flow {
    0% {
        background-position: 0% 0%;
        opacity: 1;
    }

    50% {
        background-position: 0% 100%;
        opacity: 0.6;
    }

    100% {
        background-position: 0% 0%;
        opacity: 1;
    }
}

/* Sağ üst köşe — yanıp sönen "BEKLEMEDE" rozeti */
.lima-mygifts-card--status-pending::before {
    content: none;
    position: absolute;
    top: 12px;
    right: 12px;
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #e0a0ff;
    background: rgba(155, 48, 255, 0.22);
    border: 1px solid rgba(180, 100, 255, 0.55);
    border-radius: 20px;
    padding: 3px 9px;
    z-index: 2;
    box-shadow: 0 0 10px rgba(180, 100, 255, 0.4);
    animation: lima-mygifts-pending-badge-blink 1.8s ease-in-out infinite;
}

@keyframes lima-mygifts-pending-badge-blink {
    0%, 100% {
        opacity: 1;
        box-shadow: 0 0 10px rgba(180, 100, 255, 0.4);
    }

    50% {
        opacity: 0.55;
        box-shadow: 0 0 4px rgba(180, 100, 255, 0.15);
    }
}

/* ── Pending status badge (footer içindeki metin rozeti) ── */
.lima-mygifts-status--pending {
    color: #e0a0ff;
    background: rgba(180, 100, 255, 0.18);
    border: 1px solid rgba(180, 100, 255, 0.55);
    text-shadow: 0 0 10px rgba(210, 100, 255, 0.8);
    box-shadow: 0 0 14px rgba(180, 100, 255, 0.35);
    animation: lima-mygifts-pending-status-glow 1.8s ease-in-out infinite;
}

@keyframes lima-mygifts-pending-status-glow {
    0%, 100% {
        box-shadow: 0 0 14px rgba(180, 100, 255, 0.35);
        text-shadow: 0 0 10px rgba(210, 100, 255, 0.8);
    }

    50% {
        box-shadow: 0 0 26px rgba(180, 100, 255, 0.65);
        text-shadow: 0 0 18px rgba(210, 100, 255, 1);
    }
}

/* --- REJECTED — Turuncu --- */
.lima-mygifts-card--status-rejected {
    border-color: rgba(255, 140, 0, 0.45) !important;
    box-shadow: 0 0 0 1px rgba(255, 140, 0, 0.18), 0 0 16px rgba(255, 140, 0, 0.14), 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

    .lima-mygifts-card--status-rejected::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(180deg, #ff8c00, #ff5500, #ff8c00);
        border-radius: var(--lima-mygifts-radius-card) 0 0 var(--lima-mygifts-radius-card);
        box-shadow: 0 0 14px rgba(255, 140, 0, 0.9), 0 0 28px rgba(255, 140, 0, 0.4);
        animation: lima-mygifts-status-rejected-glow 3s ease-in-out infinite;
    }

@keyframes lima-mygifts-status-rejected-glow {
    0%, 100% {
        opacity: 0.9;
        box-shadow: 0 0 14px rgba(255, 140, 0, 0.9), 0 0 28px rgba(255, 140, 0, 0.4);
    }

    50% {
        opacity: 0.6;
        box-shadow: 0 0 8px rgba(255, 140, 0, 0.5), 0 0 16px rgba(255, 140, 0, 0.2);
    }
}

.lima-mygifts-card--status-rejected:hover {
    box-shadow: 0 0 0 1px rgba(255, 140, 0, 0.55), 0 0 30px rgba(255, 140, 0, 0.22), 0 16px 40px rgba(0, 0, 0, 0.5) !important;
}

/* --- TIMEOUT — Sarı/Altın --- */
.lima-mygifts-card--status-timeout {
    border-color: rgba(255, 210, 0, 0.4) !important;
    box-shadow: 0 0 0 1px rgba(255, 210, 0, 0.15), 0 0 14px rgba(255, 210, 0, 0.1), 0 8px 32px rgba(0, 0, 0, 0.4) !important;
    opacity: 0.85;
}

    .lima-mygifts-card--status-timeout::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(180deg, #ffd200, #b8860b, #ffd200);
        border-radius: var(--lima-mygifts-radius-card) 0 0 var(--lima-mygifts-radius-card);
        box-shadow: 0 0 12px rgba(255, 210, 0, 0.8), 0 0 24px rgba(255, 210, 0, 0.3);
        opacity: 0.7;
    }

    .lima-mygifts-card--status-timeout:hover {
        opacity: 1;
        box-shadow: 0 0 0 1px rgba(255, 210, 0, 0.45), 0 0 26px rgba(255, 210, 0, 0.18), 0 16px 40px rgba(0, 0, 0, 0.5) !important;
    }

/* ── Yeni hediye ışıltı efekti ── */
.lima-mygifts-card--new {
    animation: lima-mygifts-card-in 0.5s ease both, lima-mygifts-new-pulse 3s ease-in-out 0.5s infinite;
}

@keyframes lima-mygifts-new-pulse {
    0%, 100% {
        box-shadow: 0 0 0 1px rgba(155, 48, 255, 0.3), 0 8px 32px rgba(0, 0, 0, 0.4);
    }

    50% {
        box-shadow: 0 0 0 2px rgba(155, 48, 255, 0.7), 0 0 50px rgba(155, 48, 255, 0.3), 0 16px 40px rgba(0, 0, 0, 0.5);
    }
}

.lima-mygifts-card--code.lima-mygifts-card--new {
    animation: lima-mygifts-card-in 0.5s ease both, lima-mygifts-new-pulse-code 3s ease-in-out 0.5s infinite;
}

@keyframes lima-mygifts-new-pulse-code {
    0%, 100% {
        box-shadow: 0 0 0 1px rgba(0, 229, 255, 0.25), 0 8px 32px rgba(0, 0, 0, 0.4);
    }

    50% {
        box-shadow: 0 0 0 2px rgba(0, 229, 255, 0.6), 0 0 50px rgba(0, 229, 255, 0.2), 0 16px 40px rgba(0, 0, 0, 0.5);
    }
}

.lima-mygifts-new-glow {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 10px;
    height: 10px;
    background: var(--lima-mygifts-neon-pink);
    border-radius: 50%;
    box-shadow: 0 0 8px var(--lima-mygifts-neon-pink);
    animation: lima-mygifts-dot-pulse 1.5s ease-in-out infinite;
}

/* ── Kart Üst Kısmı ── */
.lima-mygifts-card-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 18px 18px 14px;
    border-bottom: 1px solid var(--lima-mygifts-border-default);
}

.lima-mygifts-card-sender {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lima-mygifts-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
}

    .lima-mygifts-avatar img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid rgba(155, 48, 255, 0.5);
    }

.lima-mygifts-avatar-online {
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 10px;
    height: 10px;
    background: var(--lima-mygifts-neon-green);
    border-radius: 50%;
    border: 2px solid var(--lima-mygifts-bg-card);
    box-shadow: 0 0 6px var(--lima-mygifts-neon-green);
}

.lima-mygifts-sender-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lima-mygifts-sender-name {
    font-weight: 700;
    font-size: 1rem;
    color: var(--lima-mygifts-text-primary);
    letter-spacing: 0.3px;
}

.lima-mygifts-sender-label {
    font-size: 0.78rem;
    color: var(--lima-mygifts-text-secondary);
}

.lima-mygifts-card-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.lima-mygifts-type-badge {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.lima-mygifts-type-badge--lp {
    background: rgba(155, 48, 255, 0.2);
    color: #c77dff;
    border: 1px solid rgba(155, 48, 255, 0.4);
}

.lima-mygifts-type-badge--code {
    background: rgba(0, 229, 255, 0.15);
    color: #00e5ff;
    border: 1px solid rgba(0, 229, 255, 0.35);
}

.lima-mygifts-date {
    font-size: 0.75rem;
    color: var(--lima-mygifts-text-muted);
}

/* ── Kart Gövdesi ── */
.lima-mygifts-card-body {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* LP Display */
.lima-mygifts-lp-display {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(155, 48, 255, 0.1);
    border: 1px solid rgba(155, 48, 255, 0.25);
    border-radius: 12px;
    padding: 16px 20px;
}

.lima-mygifts-lp-icon {
    font-size: 2rem;
    filter: drop-shadow(0 0 8px var(--lima-mygifts-neon-purple));
    animation: lima-mygifts-lp-icon-glow 2s ease-in-out infinite;
}

@keyframes lima-mygifts-lp-icon-glow {
    0%, 100% {
        filter: drop-shadow(0 0 8px var(--lima-mygifts-neon-purple));
    }

    50% {
        filter: drop-shadow(0 0 18px #ff00ff);
    }
}

.lima-mygifts-lp-amount {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1.8rem;
    font-weight: 900;
    color: white;
    text-shadow: 0 0 20px var(--lima-mygifts-neon-purple);
    letter-spacing: 1px;
}

.lima-mygifts-lp-label {
    font-size: 0.8rem;
    color: #c77dff;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* Ürün satırı */
.lima-mygifts-product-row {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(0, 229, 255, 0.07);
    border: 1px solid rgba(0, 229, 255, 0.2);
    border-radius: 12px;
    padding: 12px;
}

.lima-mygifts-product-img {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    object-fit: cover;
    border: 1px solid rgba(0, 229, 255, 0.3);
}

.lima-mygifts-product-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.lima-mygifts-product-name {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--lima-mygifts-text-primary);
}

.lima-mygifts-product-game {
    font-size: 0.8rem;
    color: var(--lima-mygifts-neon-cyan);
    font-weight: 500;
}

/* Mesaj */
.lima-mygifts-message {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: rgba(255, 255, 255, 0.04);
    border-left: 3px solid var(--lima-mygifts-neon-purple);
    border-radius: 0 8px 8px 0;
    padding: 10px 12px;
}

.lima-mygifts-message-icon {
    font-size: 0.9rem;
    flex-shrink: 0;
    margin-top: 1px;
}

.lima-mygifts-message p {
    margin: 0;
    font-size: 0.88rem;
    color: var(--lima-mygifts-text-secondary);
    font-style: italic;
    line-height: 1.5;
}

/* Kod bölümü */
.lima-mygifts-code-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lima-mygifts-reveal-btn {
    font-family: var(--lima-mygifts-font-body);
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--lima-mygifts-neon-cyan);
    background: rgba(0, 229, 255, 0.08);
    border: 1px solid rgba(0, 229, 255, 0.3);
    border-radius: 8px;
    padding: 9px 16px;
    cursor: pointer;
    transition: all var(--lima-mygifts-transition);
    text-align: left;
    letter-spacing: 0.3px;
}

    .lima-mygifts-reveal-btn:hover {
        background: rgba(0, 229, 255, 0.18);
        box-shadow: 0 0 15px rgba(0, 229, 255, 0.25);
    }

.lima-mygifts-code-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #060612;
    border: 1px solid rgba(0, 229, 255, 0.4);
    border-radius: 8px;
    padding: 12px 14px;
    animation: lima-mygifts-code-reveal 0.3s ease;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.15) inset;
}

@keyframes lima-mygifts-code-reveal {
    from {
        opacity: 0;
        transform: scaleY(0.8);
    }

    to {
        opacity: 1;
        transform: scaleY(1);
    }
}

.lima-mygifts-code-text {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--lima-mygifts-neon-cyan);
    letter-spacing: 3px;
    text-shadow: 0 0 10px var(--lima-mygifts-neon-cyan);
    word-break: break-all;
}

.lima-mygifts-copy-btn {
    background: rgba(0, 229, 255, 0.15);
    border: 1px solid rgba(0, 229, 255, 0.3);
    border-radius: 6px;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 1rem;
    transition: all var(--lima-mygifts-transition);
    flex-shrink: 0;
    line-height: 1;
}

    .lima-mygifts-copy-btn:hover {
        background: rgba(0, 229, 255, 0.3);
        transform: scale(1.1);
        box-shadow: 0 0 12px rgba(0, 229, 255, 0.4);
    }

/* ── Kart Altı ── */
.lima-mygifts-card-footer {
    padding: 14px 18px;
    border-top: 1px solid var(--lima-mygifts-border-default);
    background: rgba(0, 0, 0, 0.2);
}

.lima-mygifts-accept-btn {
    width: 100%;
    font-family: var(--lima-mygifts-font-body);
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: white;
    background: linear-gradient(135deg, var(--lima-mygifts-neon-purple) 0%, #ff2d78 100%);
    border: none;
    border-radius: var(--lima-mygifts-radius-btn);
    padding: 13px 20px;
    cursor: pointer;
    transition: all var(--lima-mygifts-transition);
    box-shadow: 0 0 20px rgba(155, 48, 255, 0.4);
    text-transform: uppercase;
}

    .lima-mygifts-accept-btn:hover {
        box-shadow: 0 0 35px rgba(155, 48, 255, 0.7), 0 0 60px rgba(255, 45, 120, 0.3);
        transform: translateY(-1px);
    }

    .lima-mygifts-accept-btn:active {
        transform: translateY(0);
    }

.lima-mygifts-card-footer--accepted {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lima-mygifts-accepted-badge {
    font-size: 0.88rem;
    color: var(--lima-mygifts-neon-green);
    font-weight: 600;
}

.lima-mygifts-accepted-date {
    font-size: 0.78rem;
    color: var(--lima-mygifts-text-muted);
}

/* ── Gönderilen kart footer ── */
.lima-mygifts-card-footer--status {
    display: flex;
    align-items: center;
}

/* ── Status Badge'leri ── */
.lima-mygifts-status {
    font-size: 0.85rem;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 20px;
    letter-spacing: 0.5px;
}

.lima-mygifts-status--accepted {
    color: #39ff14;
    background: rgba(57, 255, 20, 0.12);
    border: 1px solid rgba(57, 255, 20, 0.35);
    text-shadow: 0 0 8px rgba(57, 255, 20, 0.6);
    box-shadow: 0 0 10px rgba(57, 255, 20, 0.15);
}

.lima-mygifts-status--pending {
    color: #d070ff;
    background: rgba(180, 100, 255, 0.12);
    border: 1px solid rgba(180, 100, 255, 0.4);
    text-shadow: 0 0 8px rgba(180, 100, 255, 0.5);
    animation: lima-mygifts-pending-glow 2s ease-in-out infinite;
}

@keyframes lima-mygifts-pending-glow {
    0%, 100% {
        box-shadow: 0 0 8px rgba(180, 100, 255, 0.2);
    }

    50% {
        box-shadow: 0 0 18px rgba(180, 100, 255, 0.45);
    }
}

.lima-mygifts-status--rejected {
    color: #ff8c00;
    background: rgba(255, 140, 0, 0.1);
    border: 1px solid rgba(255, 140, 0, 0.35);
    text-shadow: 0 0 8px rgba(255, 140, 0, 0.5);
    box-shadow: 0 0 10px rgba(255, 140, 0, 0.15);
}

.lima-mygifts-status--expired {
    color: #ffd200;
    background: rgba(255, 210, 0, 0.08);
    border: 1px solid rgba(255, 210, 0, 0.3);
    text-shadow: 0 0 8px rgba(255, 210, 0, 0.4);
    opacity: 0.85;
}

/* ── Hediye Kabul / Reddet Butonları ── */
.lima-mygifts-action-btns {
    display: flex;
    gap: 10px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.lima-mygifts-accept-btn {
    flex: 1;
    padding: 10px 16px;
    border-radius: 10px;
    border: none;
    background: linear-gradient(135deg, #4CAF50, #2e7d32);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.18s, transform 0.15s;
    white-space: nowrap;
}

    .lima-mygifts-accept-btn:hover {
        opacity: 0.88;
        transform: translateY(-1px);
    }

    .lima-mygifts-accept-btn:active {
        transform: translateY(0);
        opacity: 1;
    }

.lima-mygifts-reject-btn {
    padding: 10px 16px;
    border-radius: 10px;
    border: 1.5px solid rgba(255, 107, 107, 0.4);
    background: rgba(255, 107, 107, 0.06);
    color: #F87171;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.18s, border-color 0.18s, transform 0.15s;
    white-space: nowrap;
}

    .lima-mygifts-reject-btn:hover {
        background: rgba(255, 107, 107, 0.15);
        border-color: rgba(255, 107, 107, 0.7);
        transform: translateY(-1px);
    }

    .lima-mygifts-reject-btn:active {
        transform: translateY(0);
    }

/* ── Boş durum ── */
.lima-mygifts-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
}

.lima-mygifts-empty-icon {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: 0.4;
    filter: grayscale(0.5);
}

.lima-mygifts-empty h3 {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1.1rem;
    color: var(--lima-mygifts-text-secondary);
    margin: 0 0 10px;
    letter-spacing: 1px;
}

.lima-mygifts-empty p {
    font-size: 0.9rem;
    color: var(--lima-mygifts-text-muted);
    line-height: 1.6;
    margin: 0;
}

/* ── Toast ── */
.lima-mygifts-toast {
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #1a1a2e, #0f0f1e);
    border: 1px solid rgba(0, 229, 255, 0.5);
    color: var(--lima-mygifts-neon-cyan);
    font-family: var(--lima-mygifts-font-body);
    font-size: 0.95rem;
    font-weight: 600;
    padding: 14px 28px;
    border-radius: 12px;
    box-shadow: 0 0 30px rgba(0, 229, 255, 0.3), 0 8px 32px rgba(0, 0, 0, 0.6);
    z-index: 9999;
    animation: lima-mygifts-toast-in 0.4s ease, lima-mygifts-toast-out 0.4s ease 2.1s forwards;
    white-space: nowrap;
}

@keyframes lima-mygifts-toast-in {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes lima-mygifts-toast-out {
    from {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }

    to {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .lima-mygifts-page {
        padding: 24px 12px 60px;
    }

    .lima-mygifts-grid {
        grid-template-columns: 1fr;
    }

    .lima-mygifts-title {
        font-size: 1.3rem;
    }

    .lima-mygifts-header {
        flex-wrap: wrap;
    }

    .lima-mygifts-badge-notif {
        margin-left: 0;
    }

    .lima-mygifts-tabs-wrapper {
        width: 100%;
    }

    .lima-mygifts-tabs {
        width: 100%;
    }

    .lima-mygifts-tab {
        flex: 1;
        justify-content: center;
        padding: 12px 16px;
    }

    .lima-mygifts-lp-amount {
        font-size: 1.4rem;
    }
}
/*****************************
    MY GİFTS BİTTİ
*****************************/
/*****************************
    MY ORDERS BAŞLADI
*****************************/

/* ── Ana Sayfa ── */
.lima-orders-page {
    font-family: var(--lima-mygifts-font-body);
    color: var(--lima-mygifts-text-primary);
    min-height: 100vh;
    padding: 40px 24px 80px;
    position: relative;
    overflow: hidden;
}

/* ── Arka Plan Orb'ları ── */
.lima-orders-bg-effects {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.lima-orders-bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(130px);
    opacity: 0.14;
    animation: lima-orders-orb-float 14s ease-in-out infinite alternate;
}

.lima-orders-bg-orb--purple {
    width: 580px;
    height: 580px;
    background: radial-gradient(circle, #9b30ff, transparent);
    top: -120px;
    left: -80px;
    animation-delay: 0s;
}

.lima-orders-bg-orb--cyan {
    width: 460px;
    height: 460px;
    background: radial-gradient(circle, #00e5ff, transparent);
    bottom: 80px;
    right: -60px;
    animation-delay: -5s;
}

.lima-orders-bg-orb--pink {
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, #ff2d78, transparent);
    top: 45%;
    left: 38%;
    animation-delay: -9s;
}

@keyframes lima-orders-orb-float {
    from {
        transform: translate(0, 0) scale(1);
    }

    to {
        transform: translate(25px, 35px) scale(1.08);
    }
}

/* ── Header ── */
.lima-orders-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto 32px;
    position: relative;
    z-index: 1;
}

.lima-orders-header-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.lima-orders-header-icon {
    font-size: 2.2rem;
    filter: drop-shadow(0 0 14px var(--lima-mygifts-neon-purple));
    animation: lima-orders-icon-pulse 2.2s ease-in-out infinite;
}

@keyframes lima-orders-icon-pulse {
    0%, 100% {
        filter: drop-shadow(0 0 14px var(--lima-mygifts-neon-purple));
    }

    50% {
        filter: drop-shadow(0 0 26px var(--lima-mygifts-neon-pink));
    }
}

.lima-orders-title {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0;
    background: linear-gradient(135deg, #fff 0%, var(--lima-mygifts-neon-cyan) 55%, var(--lima-mygifts-neon-purple) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: 2px;
}

.lima-orders-subtitle {
    margin: 3px 0 0;
    font-size: 0.88rem;
    color: var(--lima-mygifts-text-secondary);
    letter-spacing: 1px;
}

/* İstatistik kutusu */
.lima-orders-header-stats {
    display: flex;
    align-items: center;
    gap: 20px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 12px 24px;
    backdrop-filter: blur(10px);
}

.lima-orders-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.lima-orders-stat-value {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1.4rem;
    font-weight: 900;
    color: #fff;
    line-height: 1;
}

.lima-orders-stat-label {
    font-size: 0.68rem;
    color: var(--lima-mygifts-text-muted);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.lima-orders-stat-divider {
    width: 1px;
    height: 32px;
    background: rgba(255,255,255,0.1);
}

/* ── Filtre Sekmeleri ── */
.lima-orders-filter-section {
    max-width: 1100px;
    margin: 0 auto 28px;
    position: relative;
    z-index: 1;
}

.lima-orders-filters {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.lima-orders-filter-btn {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: var(--lima-mygifts-font-body);
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--lima-mygifts-text-secondary);
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    padding: 9px 18px;
    cursor: pointer;
    transition: all 0.22s ease;
    letter-spacing: 0.3px;
}

    .lima-orders-filter-btn:hover {
        background: rgba(155,48,255,0.1);
        border-color: rgba(155,48,255,0.35);
        color: #fff;
    }

.lima-orders-filter-btn--active {
    background: linear-gradient(135deg, rgba(155,48,255,0.25), rgba(102,0,204,0.2));
    border-color: rgba(155,48,255,0.6);
    color: #fff;
    box-shadow: 0 0 16px rgba(155,48,255,0.25);
}

.lima-orders-filter-count {
    background: rgba(255,45,120,0.8);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 8px;
    min-width: 18px;
    text-align: center;
}

.lima-orders-filter-divider {
    height: 1px;
    margin-top: 16px;
    background: linear-gradient(90deg, transparent 0%, rgba(155,48,255,0.6) 25%, rgba(0,229,255,0.4) 60%, transparent 100%);
    box-shadow: 0 0 10px rgba(155,48,255,0.3);
}

/* ── Sipariş Listesi ── */
.lima-orders-content {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.lima-orders-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ── Sipariş Satırı ── */
.lima-orders-row {
    display: grid;
    grid-template-columns: 4px 220px 1fr auto auto 28px;
    align-items: center;
    gap: 0 18px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    animation: lima-orders-row-in 0.4s ease both;
}

@keyframes lima-orders-row-in {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

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

.lima-orders-row:hover {
    background: rgba(255,255,255,0.055);
    transform: translateX(3px);
}

/* Sol renkli şerit */
.lima-orders-row-strip {
    width: 4px;
    height: 100%;
    align-self: stretch;
    border-radius: 14px 0 0 14px;
    flex-shrink: 0;
}

.lima-orders-row--pending .lima-orders-row-strip {
    background: linear-gradient(180deg, #d070ff, #9933ff);
    box-shadow: 2px 0 12px rgba(180,100,255,0.6);
}

.lima-orders-row--completed .lima-orders-row-strip {
    background: linear-gradient(180deg, #aaa, #666);
    box-shadow: 2px 0 8px rgba(160,160,160,0.3);
}

.lima-orders-row--cancelled .lima-orders-row-strip {
    background: linear-gradient(180deg, #ff8c00, #ff5500);
    box-shadow: 2px 0 12px rgba(255,140,0,0.5);
}

.lima-orders-row--refunded .lima-orders-row-strip {
    background: linear-gradient(180deg, #ffd200, #b8860b);
    box-shadow: 2px 0 10px rgba(255,210,0,0.4);
}

.lima-orders-row--pending:hover {
    box-shadow: 0 0 20px rgba(180,100,255,0.15);
    border-color: rgba(180,100,255,0.3);
}

.lima-orders-row--completed:hover {
    box-shadow: 0 0 16px rgba(160,160,160,0.1);
    border-color: rgba(160,160,160,0.25);
}

.lima-orders-row--cancelled:hover {
    box-shadow: 0 0 20px rgba(255,140,0,0.12);
    border-color: rgba(255,140,0,0.25);
}

.lima-orders-row--refunded:hover {
    box-shadow: 0 0 18px rgba(255,210,0,0.1);
    border-color: rgba(255,210,0,0.25);
}

/* ── Tarih + Sipariş No sütunu ── */
.lima-orders-row-code {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 14px 0;
    /* Sütun genişliğini aşmasın */
    min-width: 0;
    overflow: hidden;
}

.lima-orders-row-date {
    font-size: 0.72rem;
    color: var(--lima-mygifts-text-muted);
    white-space: nowrap;
}

/* Sipariş No satırı — label + kod yan yana, taşmaz */
.lima-orders-code-row {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    overflow: hidden;
}

.lima-orders-code-label {
    font-size: 0.7rem;
    color: var(--lima-mygifts-text-muted);
    letter-spacing: 0.3px;
    white-space: nowrap;
    flex-shrink: 0;
}

.lima-orders-code-text {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--lima-mygifts-neon-cyan);
    letter-spacing: 0.8px;
    /* Taşma önleme */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

/* ── Ürün Chip'leri ── */
.lima-orders-row-products {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 14px 0;
    min-width: 0;
}

.lima-orders-product-chip {
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(0,229,255,0.07);
    border: 1px solid rgba(0,229,255,0.18);
    border-radius: 8px;
    padding: 4px 10px;
    font-size: 0.78rem;
    color: var(--lima-mygifts-text-secondary);
    white-space: nowrap;
}

.lima-orders-product-chip-img {
    font-size: 0.85rem;
}

.lima-orders-product-chip-name {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lima-orders-product-chip-qty {
    color: var(--lima-mygifts-neon-cyan);
    font-weight: 700;
    font-size: 0.72rem;
}

.lima-orders-product-chip--more {
    background: rgba(155,48,255,0.1);
    border-color: rgba(155,48,255,0.25);
    color: #c77dff;
    font-weight: 600;
}

/* ── Fiyat ── */
.lima-orders-row-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    padding: 14px 0;
    white-space: nowrap;
}

.lima-orders-price-value {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1rem;
    font-weight: 800;
    color: #fff;
}

.lima-orders-price-discount {
    font-size: 0.72rem;
    color: #39ff14;
    font-weight: 600;
}

/* ── Durum Badge ── */
.lima-orders-row-status {
    padding: 14px 0;
}

.lima-orders-status-badge {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 20px;
    white-space: nowrap;
    letter-spacing: 0.3px;
}

.lima-orders-status-badge--pending {
    color: #d070ff;
    background: rgba(180,100,255,0.15);
    border: 1px solid rgba(180,100,255,0.45);
    animation: lima-orders-pending-glow 1.8s ease-in-out infinite;
}

@keyframes lima-orders-pending-glow {
    0%, 100% {
        box-shadow: 0 0 8px rgba(180,100,255,0.3);
    }

    50% {
        box-shadow: 0 0 18px rgba(180,100,255,0.6);
    }
}

.lima-orders-status-badge--completed {
    color: #aaa;
    background: rgba(160,160,160,0.1);
    border: 1px solid rgba(160,160,160,0.3);
}

.lima-orders-status-badge--cancelled {
    color: #ff8c00;
    background: rgba(255,140,0,0.1);
    border: 1px solid rgba(255,140,0,0.35);
}

.lima-orders-status-badge--refunded {
    color: #ffd200;
    background: rgba(255,210,0,0.08);
    border: 1px solid rgba(255,210,0,0.3);
}

/* Ok ikonu */
.lima-orders-row-arrow {
    font-size: 1.4rem;
    color: var(--lima-mygifts-text-muted);
    padding-right: 14px;
    transition: transform 0.2s ease, color 0.2s ease;
}

.lima-orders-row:hover .lima-orders-row-arrow {
    transform: translateX(3px);
    color: var(--lima-mygifts-neon-cyan);
}

/* ── Boş durum ── */
.lima-orders-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    text-align: center;
}

.lima-orders-empty-icon {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: 0.35;
    filter: grayscale(0.5);
}

.lima-orders-empty h3 {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1.1rem;
    color: var(--lima-mygifts-text-secondary);
    margin: 0 0 10px;
    letter-spacing: 1px;
}

.lima-orders-empty p {
    font-size: 0.9rem;
    color: var(--lima-mygifts-text-muted);
    margin: 0;
}

/* ══════════════════════════════════════════════════
   DRAWER
   ══════════════════════════════════════════════════ */

/* Overlay — her şeyin üstünde */
.lima-orders-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(4px);
    z-index: 99998;
    animation: lima-orders-overlay-in 0.25s ease;
}

@keyframes lima-orders-overlay-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Drawer — overlay'in bir üstünde */
.lima-orders-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: 480px;
    max-width: 95vw;
    height: 100vh;
    background: linear-gradient(160deg, #0d0d1f 0%, #0a0a18 60%, #060612 100%);
    border-left: 1px solid rgba(155,48,255,0.25);
    box-shadow: -20px 0 60px rgba(0,0,0,0.7), -4px 0 30px rgba(155,48,255,0.12);
    z-index: 99999;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
    overflow: hidden;
}

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

/* Drawer Header */
.lima-orders-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 24px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    background: rgba(255,255,255,0.02);
    flex-shrink: 0;
}

.lima-orders-drawer-title-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    overflow: hidden;
}

.lima-orders-drawer-icon {
    font-size: 1.8rem;
    filter: drop-shadow(0 0 10px var(--lima-mygifts-neon-purple));
    flex-shrink: 0;
}

.lima-orders-drawer-title {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 3px;
    color: #fff;
    letter-spacing: 1px;
}

.lima-orders-drawer-code {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.7rem;
    color: var(--lima-mygifts-neon-cyan);
    letter-spacing: 1px;
    /* Uzun kod taşmasın */
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

.lima-orders-drawer-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.05);
    color: var(--lima-mygifts-text-secondary);
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .lima-orders-drawer-close:hover {
        background: rgba(255,45,120,0.15);
        border-color: rgba(255,45,120,0.5);
        color: #ff2d78;
        transform: rotate(90deg);
    }

/* Drawer Body */
.lima-orders-drawer-body {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    scrollbar-width: thin;
    scrollbar-color: rgba(155,48,255,0.3) transparent;
}

    .lima-orders-drawer-body::-webkit-scrollbar {
        width: 4px;
    }

    .lima-orders-drawer-body::-webkit-scrollbar-track {
        background: transparent;
    }

    .lima-orders-drawer-body::-webkit-scrollbar-thumb {
        background: rgba(155,48,255,0.3);
        border-radius: 4px;
    }

/* Durum Bandı */
.lima-orders-drawer-status-band {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid;
}

.lima-orders-drawer-status-band--pending {
    background: rgba(180,100,255,0.1);
    border-color: rgba(180,100,255,0.35);
    animation: lima-orders-pending-glow 1.8s ease-in-out infinite;
}

.lima-orders-drawer-status-band--completed {
    background: rgba(160,160,160,0.07);
    border-color: rgba(160,160,160,0.25);
}

.lima-orders-drawer-status-band--cancelled {
    background: rgba(255,140,0,0.08);
    border-color: rgba(255,140,0,0.3);
}

.lima-orders-drawer-status-band--refunded {
    background: rgba(255,210,0,0.07);
    border-color: rgba(255,210,0,0.25);
}

.lima-orders-drawer-status-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.lima-orders-drawer-status-label {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
}

.lima-orders-drawer-status-desc {
    font-size: 0.8rem;
    color: var(--lima-mygifts-text-secondary);
    margin-top: 3px;
    line-height: 1.5;
}

.lima-orders-drawer-dates {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    font-size: 0.72rem;
    color: var(--lima-mygifts-text-muted);
    white-space: nowrap;
}

/* Section başlıkları */
.lima-orders-drawer-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lima-orders-drawer-section-title {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--lima-mygifts-neon-purple);
    opacity: 0.85;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(155,48,255,0.2);
}

/* Ürünler */
.lima-orders-drawer-products {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lima-orders-drawer-product {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 10px;
    padding: 12px 14px;
}

.lima-orders-drawer-product-icon {
    font-size: 1.4rem;
    flex-shrink: 0;
    margin-top: 1px;
}

.lima-orders-drawer-product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.lima-orders-drawer-product-name {
    font-weight: 700;
    font-size: 0.92rem;
    color: var(--lima-mygifts-text-primary);
}

.lima-orders-drawer-product-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.lima-orders-drawer-product-delivery {
    font-size: 0.72rem;
    color: var(--lima-mygifts-text-muted);
}

.lima-orders-drawer-product-credit {
    font-size: 0.72rem;
    color: #c77dff;
    font-weight: 700;
}

.lima-orders-drawer-product-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
}

.lima-orders-drawer-product-qty {
    font-size: 0.75rem;
    color: var(--lima-mygifts-text-muted);
}

.lima-orders-drawer-product-price {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.95rem;
    font-weight: 800;
    color: #fff;
}

/* Pin kodları */
.lima-orders-drawer-pins {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
    margin-left: 38px;
}

.lima-orders-drawer-pin-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #060612;
    border: 1px solid rgba(0,229,255,0.35);
    border-radius: 8px;
    padding: 10px 12px;
    box-shadow: 0 0 14px rgba(0,229,255,0.1) inset;
}

.lima-orders-drawer-pin-desc {
    font-size: 0.75rem;
    color: var(--lima-mygifts-text-muted);
}

.lima-orders-drawer-pin-code-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lima-orders-drawer-pin-code {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--lima-mygifts-neon-cyan);
    letter-spacing: 2.5px;
    text-shadow: 0 0 8px var(--lima-mygifts-neon-cyan);
}

.lima-orders-drawer-copy-btn {
    background: rgba(0,229,255,0.12);
    border: 1px solid rgba(0,229,255,0.28);
    border-radius: 6px;
    padding: 4px 8px;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.18s ease;
    line-height: 1;
}

/* Pin kodu göster/gizle butonu */
.lima-orders-reveal-btn {
    flex-shrink: 0;
    background: rgba(180, 107, 255, 0.1);
    border: 1px solid rgba(180, 107, 255, 0.25);
    border-radius: 6px;
    padding: 5px 12px;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 500;
    color: #ccc;
    transition: all 0.2s ease;
    white-space: nowrap;
}

    .lima-orders-reveal-btn:hover {
        background: rgba(180, 107, 255, 0.2);
        border-color: rgba(180, 107, 255, 0.5);
        color: #fff;
    }

    .lima-orders-reveal-btn--active {
        background: rgba(255, 200, 0, 0.1);
        border-color: rgba(255, 200, 0, 0.3);
        color: #ffcc00;
    }

        .lima-orders-reveal-btn--active:hover {
            background: rgba(255, 200, 0, 0.2);
            border-color: rgba(255, 200, 0, 0.5);
        }

/* Hediye edilmiş sipariş bildirimi */
.lima-orders-drawer-gifted-notice {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 200, 0, 0.06);
    border: 1px solid rgba(255, 200, 0, 0.15);
    border-radius: 8px;
    padding: 12px 14px;
    margin-top: 8px;
    margin-left: 38px;
}

    .lima-orders-drawer-gifted-notice span:last-child {
        color: #ffcc00;
        font-size: 0.8rem;
        line-height: 1.4;
    }

    .lima-orders-drawer-copy-btn:hover {
        background: rgba(0,229,255,0.25);
        transform: scale(1.1);
        box-shadow: 0 0 10px rgba(0,229,255,0.35);
    }

/* Fiyat Özeti */
.lima-orders-drawer-summary {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    overflow: hidden;
}

.lima-orders-drawer-summary-row {
    display: flex;
    justify-content: space-between;
    padding: 11px 16px;
    font-size: 0.88rem;
    color: var(--lima-mygifts-text-secondary);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.lima-orders-drawer-summary-row--discount {
    color: #39ff14;
}

.lima-orders-drawer-summary-total {
    display: flex;
    justify-content: space-between;
    padding: 14px 16px;
    font-family: var(--lima-mygifts-font-display);
    font-size: 1.05rem;
    font-weight: 800;
    color: #fff;
    background: rgba(155,48,255,0.1);
}

/* Provider Bilgisi */
.lima-orders-drawer-provider {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 10px;
    overflow: hidden;
}

.lima-orders-drawer-provider-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

    .lima-orders-drawer-provider-row:last-child {
        border-bottom: none;
    }

.lima-orders-drawer-provider-label {
    font-size: 0.78rem;
    color: var(--lima-mygifts-text-muted);
    flex-shrink: 0;
}

.lima-orders-drawer-provider-value {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.78rem;
    color: var(--lima-mygifts-neon-cyan);
    letter-spacing: 1px;
    word-break: break-all;
    text-align: right;
}

/* ── Toast ── */
.lima-orders-toast {
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #1a1a2e, #0f0f1e);
    border: 1px solid rgba(0,229,255,0.5);
    color: var(--lima-mygifts-neon-cyan);
    font-family: var(--lima-mygifts-font-body);
    font-size: 0.92rem;
    font-weight: 600;
    padding: 13px 26px;
    border-radius: 12px;
    box-shadow: 0 0 28px rgba(0,229,255,0.25), 0 8px 32px rgba(0,0,0,0.6);
    z-index: 999999;
    animation: lima-orders-toast-in 0.4s ease, lima-orders-toast-out 0.4s ease 2.1s forwards;
    white-space: nowrap;
}

@keyframes lima-orders-toast-in {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes lima-orders-toast-out {
    from {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }

    to {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }
}

/* ── Responsive ── */
@media (max-width: 768px) {

    .lima-orders-page {
        padding: 20px 12px 60px;
    }

    .lima-orders-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .lima-orders-header-stats {
        width: 100%;
        justify-content: space-around;
    }

    .lima-orders-row {
        grid-template-columns: 4px 1fr auto 24px;
        grid-template-rows: auto auto;
    }

    .lima-orders-row-strip {
        grid-row: 1 / 3;
    }

    .lima-orders-row-code {
        grid-column: 2;
        grid-row: 1;
        padding: 12px 0 4px;
    }

    .lima-orders-row-products {
        grid-column: 2 / 4;
        grid-row: 2;
        padding: 4px 0 12px;
    }

    .lima-orders-row-price {
        grid-column: 3;
        grid-row: 1;
        padding: 12px 0 4px;
        align-items: flex-end;
    }

    .lima-orders-row-status {
        display: none;
    }

    .lima-orders-row-arrow {
        grid-column: 4;
        grid-row: 1 / 3;
        padding-right: 12px;
    }

    /* Drawer mobilde tam genişlik */
    .lima-orders-drawer {
        width: 100vw;
        /* z-index desktop ile aynı, media query'de tekrar yazmak şart değil
           ama açıkça belirtiyoruz ki hiçbir şeyin arkasında kalmasın */
        z-index: 99999;
    }

    .lima-orders-drawer-overlay {
        z-index: 99998;
    }

    .lima-orders-drawer-dates {
        display: none;
    }

    .lima-orders-drawer-code {
        max-width: calc(100vw - 120px);
    }
}

/*****************************
    MY ORDERS BİTTİ
*****************************/
/*****************************
    MY TRANSACTIONS BAŞLADI
*****************************/

.lima-mytransactions-page {
    font-family: var(--lima-mygifts-font-body);
    color: var(--lima-mygifts-text-primary);
    min-height: 100vh;
    padding: 40px 24px 80px;
    position: relative;
    overflow: hidden;
}

.lima-mytransactions-bg-effects {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.lima-mytransactions-bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(130px);
    opacity: 0.13;
    animation: lima-mytransactions-orb-float 16s ease-in-out infinite alternate;
}

.lima-mytransactions-bg-orb--purple {
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, #9b30ff, transparent);
    top: -140px;
    right: -100px;
    animation-delay: 0s;
}

.lima-mytransactions-bg-orb--cyan {
    width: 440px;
    height: 440px;
    background: radial-gradient(circle, #00e5ff, transparent);
    bottom: 60px;
    left: -60px;
    animation-delay: -6s;
}

.lima-mytransactions-bg-orb--pink {
    width: 360px;
    height: 360px;
    background: radial-gradient(circle, #ff2d78, transparent);
    top: 40%;
    left: 42%;
    animation-delay: -11s;
}

@keyframes lima-mytransactions-orb-float {
    from {
        transform: translate(0, 0) scale(1);
    }

    to {
        transform: translate(28px, 38px) scale(1.07);
    }
}

/* Header */
.lima-mytransactions-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto 32px;
    position: relative;
    z-index: 1;
}

.lima-mytransactions-header-left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.lima-mytransactions-header-icon {
    font-size: 2.2rem;
    filter: drop-shadow(0 0 14px var(--lima-mygifts-neon-cyan));
    animation: lima-mytransactions-icon-pulse 2.4s ease-in-out infinite;
}

@keyframes lima-mytransactions-icon-pulse {
    0%, 100% {
        filter: drop-shadow(0 0 14px var(--lima-mygifts-neon-cyan));
    }

    50% {
        filter: drop-shadow(0 0 28px var(--lima-mygifts-neon-purple));
    }
}

.lima-mytransactions-subtitle {
    margin: 3px 0 0;
    font-size: 0.88rem;
    color: var(--lima-mygifts-text-secondary);
    letter-spacing: 1px;
}

.lima-mytransactions-header-stats {
    display: flex;
    align-items: center;
    gap: 20px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 12px 24px;
    backdrop-filter: blur(10px);
}

.lima-mytransactions-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.lima-mytransactions-stat-value {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1.35rem;
    font-weight: 900;
    color: #fff;
    line-height: 1;
}

.lima-mytransactions-stat-value--in {
    color: var(--lima-mygifts-neon-cyan);
    text-shadow: 0 0 12px rgba(0,229,255,0.5);
}

.lima-mytransactions-stat-value--out {
    color: #c77dff;
    text-shadow: 0 0 12px rgba(155,48,255,0.4);
}

.lima-mytransactions-stat-label {
    font-size: 0.66rem;
    color: var(--lima-mygifts-text-muted);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.lima-mytransactions-stat-divider {
    width: 1px;
    height: 32px;
    background: rgba(255,255,255,0.1);
}

/* Filtreler */
.lima-mytransactions-filter-section {
    max-width: 1100px;
    margin: 0 auto 28px;
    position: relative;
    z-index: 1;
}

.lima-mytransactions-filters {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.lima-mytransactions-filter-btn {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: var(--lima-mygifts-font-body);
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--lima-mygifts-text-secondary);
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 10px;
    padding: 9px 18px;
    cursor: pointer;
    transition: all 0.22s ease;
}

    .lima-mytransactions-filter-btn:hover {
        background: rgba(0,229,255,0.08);
        border-color: rgba(0,229,255,0.3);
        color: #fff;
    }

.lima-mytransactions-filter-btn--active {
    background: linear-gradient(135deg, rgba(0,229,255,0.15), rgba(0,180,200,0.1));
    border-color: rgba(0,229,255,0.55);
    color: #fff;
    box-shadow: 0 0 16px rgba(0,229,255,0.2);
}

.lima-mytransactions-filter-count {
    background: rgba(155,48,255,0.75);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 8px;
    min-width: 18px;
    text-align: center;
}

.lima-mytransactions-filter-divider {
    height: 1px;
    margin-top: 16px;
    background: linear-gradient(90deg, transparent 0%, rgba(0,229,255,0.5) 20%, rgba(155,48,255,0.4) 60%, transparent 100%);
    box-shadow: 0 0 10px rgba(0,229,255,0.2);
}

/* Liste */
.lima-mytransactions-content {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.lima-mytransactions-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Satır */
.lima-mytransactions-row {
    display: grid;
    grid-template-columns: 4px 52px 1fr auto 28px;
    align-items: center;
    gap: 0 16px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    animation: lima-mytransactions-row-in 0.38s ease both;
}

@keyframes lima-mytransactions-row-in {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

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

.lima-mytransactions-row:hover {
    background: rgba(255,255,255,0.05);
    transform: translateX(3px);
}

.lima-mytransactions-row-strip {
    width: 4px;
    height: 100%;
    align-self: stretch;
    border-radius: 14px 0 0 14px;
}

.lima-mytransactions-row--in .lima-mytransactions-row-strip {
    background: linear-gradient(180deg, #00e5ff, #0099b8);
    box-shadow: 2px 0 12px rgba(0,229,255,0.55);
}

.lima-mytransactions-row--out .lima-mytransactions-row-strip {
    background: linear-gradient(180deg, #c77dff, #9b30ff);
    box-shadow: 2px 0 12px rgba(155,48,255,0.55);
}

.lima-mytransactions-row--gift-in .lima-mytransactions-row-strip {
    background: linear-gradient(180deg, #ff2d78, #c0005c);
    box-shadow: 2px 0 12px rgba(255,45,120,0.55);
}

.lima-mytransactions-row--gift-out .lima-mytransactions-row-strip {
    background: linear-gradient(180deg, #ff8c00, #cc5500);
    box-shadow: 2px 0 12px rgba(255,140,0,0.5);
}

.lima-mytransactions-row--neutral .lima-mytransactions-row-strip {
    background: linear-gradient(180deg, #aaa, #666);
}

.lima-mytransactions-row--in:hover {
    box-shadow: 0 0 20px rgba(0,229,255,0.12);
    border-color: rgba(0,229,255,0.28);
}

.lima-mytransactions-row--out:hover {
    box-shadow: 0 0 20px rgba(155,48,255,0.12);
    border-color: rgba(155,48,255,0.28);
}

.lima-mytransactions-row--gift-in:hover {
    box-shadow: 0 0 20px rgba(255,45,120,0.12);
    border-color: rgba(255,45,120,0.28);
}

.lima-mytransactions-row--gift-out:hover {
    box-shadow: 0 0 20px rgba(255,140,0,0.1);
    border-color: rgba(255,140,0,0.28);
}

.lima-mytransactions-row-type-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
}

.lima-mytransactions-type-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    font-size: 1.1rem;
}

.lima-mytransactions-type-badge--in {
    background: rgba(0,229,255,0.1);
    border: 1px solid rgba(0,229,255,0.3);
}

.lima-mytransactions-type-badge--out {
    background: rgba(155,48,255,0.1);
    border: 1px solid rgba(155,48,255,0.3);
}

.lima-mytransactions-type-badge--gift-in {
    background: rgba(255,45,120,0.1);
    border: 1px solid rgba(255,45,120,0.3);
}

.lima-mytransactions-type-badge--gift-out {
    background: rgba(255,140,0,0.1);
    border: 1px solid rgba(255,140,0,0.3);
}

.lima-mytransactions-type-badge--neutral {
    background: rgba(160,160,160,0.08);
    border: 1px solid rgba(160,160,160,0.2);
}

.lima-mytransactions-row-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 0;
    min-width: 0;
    overflow: hidden;
}

.lima-mytransactions-row-date {
    font-size: 0.7rem;
    color: var(--lima-mygifts-text-muted);
    white-space: nowrap;
}

.lima-mytransactions-row-desc {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--lima-mygifts-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-mytransactions-row-gift-tag {
    font-size: 0.72rem;
    color: #ff87ab;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-mytransactions-row-amounts {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    padding: 14px 0;
    white-space: nowrap;
    flex-shrink: 0;
}

.lima-mytransactions-amount {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1rem;
    font-weight: 800;
}

.lima-mytransactions-amount--in {
    color: var(--lima-mygifts-neon-cyan);
    text-shadow: 0 0 10px rgba(0,229,255,0.4);
}

.lima-mytransactions-amount--out {
    color: #c77dff;
    text-shadow: 0 0 10px rgba(155,48,255,0.4);
}

.lima-mytransactions-amount-sub {
    font-size: 0.72rem;
    color: var(--lima-mygifts-text-muted);
}

/* İşlem sonrası güncel bakiye — kasa görseli + BZ, sarı */
.lima-mytransactions-balance {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.8rem;
    font-weight: 800;
    color: #ffd700;
    text-shadow: 0 0 10px rgba(255,215,0,0.35);
}

.lima-mytransactions-balance-icon {
    width: 1em;
    height: 1em;
    flex-shrink: 0;
}

.lima-mytransactions-row-arrow {
    font-size: 1.4rem;
    color: var(--lima-mygifts-text-muted);
    padding-right: 14px;
    transition: transform 0.2s ease, color 0.2s ease;
}

.lima-mytransactions-row:hover .lima-mytransactions-row-arrow {
    transform: translateX(3px);
    color: var(--lima-mygifts-neon-cyan);
}

/* Boş durum */
.lima-mytransactions-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 24px;
    text-align: center;
}

.lima-mytransactions-empty-icon {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: 0.3;
}

.lima-mytransactions-empty h3 {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1.1rem;
    color: var(--lima-mygifts-text-secondary);
    margin: 0 0 10px;
    letter-spacing: 1px;
}

.lima-mytransactions-empty p {
    font-size: 0.9rem;
    color: var(--lima-mygifts-text-muted);
    margin: 0;
}

/* Drawer */
.lima-mytransactions-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(4px);
    z-index: 99998;
    animation: lima-mytransactions-overlay-in 0.25s ease;
}

@keyframes lima-mytransactions-overlay-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.lima-mytransactions-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: 480px;
    max-width: 95vw;
    height: 100vh;
    background: linear-gradient(160deg, #0d0d1f 0%, #0a0a18 60%, #060612 100%);
    border-left: 1px solid rgba(0,229,255,0.2);
    box-shadow: -20px 0 60px rgba(0,0,0,0.7), -4px 0 30px rgba(0,229,255,0.08);
    z-index: 99999;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
    overflow: hidden;
}

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

.lima-mytransactions-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 24px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.07);
    background: rgba(255,255,255,0.02);
    flex-shrink: 0;
}

.lima-mytransactions-drawer-title-wrap {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    overflow: hidden;
}

.lima-mytransactions-drawer-icon {
    font-size: 1.8rem;
    filter: drop-shadow(0 0 10px var(--lima-mygifts-neon-cyan));
    flex-shrink: 0;
}

.lima-mytransactions-drawer-title {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 3px;
    color: #fff;
    letter-spacing: 1px;
}

.lima-mytransactions-drawer-id {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.68rem;
    color: var(--lima-mygifts-neon-cyan);
    letter-spacing: 1px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

.lima-mytransactions-drawer-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.05);
    color: var(--lima-mygifts-text-secondary);
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

    .lima-mytransactions-drawer-close:hover {
        background: rgba(255,45,120,0.15);
        border-color: rgba(255,45,120,0.5);
        color: #ff2d78;
        transform: rotate(90deg);
    }

.lima-mytransactions-drawer-body {
    flex: 1;
    overflow-y: auto;
    padding: 20px 24px 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,229,255,0.25) transparent;
}

    .lima-mytransactions-drawer-body::-webkit-scrollbar {
        width: 4px;
    }

    .lima-mytransactions-drawer-body::-webkit-scrollbar-track {
        background: transparent;
    }

    .lima-mytransactions-drawer-body::-webkit-scrollbar-thumb {
        background: rgba(0,229,255,0.25);
        border-radius: 4px;
    }

/* Tip Bandı */
.lima-mytransactions-drawer-band {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid;
}

.lima-mytransactions-drawer-band--in {
    background: rgba(0,229,255,0.07);
    border-color: rgba(0,229,255,0.3);
}

.lima-mytransactions-drawer-band--out {
    background: rgba(155,48,255,0.08);
    border-color: rgba(155,48,255,0.3);
}

.lima-mytransactions-drawer-band--gift-in {
    background: rgba(255,45,120,0.08);
    border-color: rgba(255,45,120,0.3);
    animation: lima-mytransactions-gift-pulse 2s ease-in-out infinite;
}

.lima-mytransactions-drawer-band--gift-out {
    background: rgba(255,140,0,0.07);
    border-color: rgba(255,140,0,0.28);
}

.lima-mytransactions-drawer-band--neutral {
    background: rgba(160,160,160,0.06);
    border-color: rgba(160,160,160,0.2);
}

@keyframes lima-mytransactions-gift-pulse {
    0%, 100% {
        box-shadow: 0 0 10px rgba(255,45,120,0.15);
    }

    50% {
        box-shadow: 0 0 22px rgba(255,45,120,0.35);
    }
}

.lima-mytransactions-drawer-band-icon {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.lima-mytransactions-drawer-band-label {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
}

.lima-mytransactions-drawer-band-desc {
    font-size: 0.8rem;
    color: var(--lima-mygifts-text-secondary);
    margin-top: 3px;
    line-height: 1.5;
}

.lima-mytransactions-drawer-band-date {
    margin-left: auto;
    font-size: 0.72rem;
    color: var(--lima-mygifts-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

/* Section */
.lima-mytransactions-drawer-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lima-mytransactions-drawer-section-title {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--lima-mygifts-neon-cyan);
    opacity: 0.85;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(0,229,255,0.15);
}

/* LP Kartları */
.lima-mytransactions-drawer-lp-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
}

.lima-mytransactions-drawer-lp-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 14px 10px;
    border-radius: 12px;
    border: 1px solid;
}

.lima-mytransactions-drawer-lp-card--in {
    background: rgba(0,229,255,0.07);
    border-color: rgba(0,229,255,0.28);
}

.lima-mytransactions-drawer-lp-card--out {
    background: rgba(155,48,255,0.08);
    border-color: rgba(155,48,255,0.28);
}

.lima-mytransactions-drawer-lp-card--balance {
    background: rgba(255,215,0,0.07);
    border-color: rgba(255,215,0,0.3);
}

.lima-mytransactions-drawer-lp-card--rate {
    background: rgba(255,210,0,0.06);
    border-color: rgba(255,210,0,0.22);
}

.lima-mytransactions-drawer-lp-label {
    font-size: 0.64rem;
    color: var(--lima-mygifts-text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

.lima-mytransactions-drawer-lp-val {
    font-family: var(--lima-mygifts-font-display);
    font-size: 1rem;
    font-weight: 800;
    color: #fff;
    text-align: center;
}

.lima-mytransactions-drawer-lp-val--balance {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #ffd700;
    text-shadow: 0 0 10px rgba(255,215,0,0.35);
}

.lima-mytransactions-drawer-lp-card--in .lima-mytransactions-drawer-lp-val {
    color: var(--lima-mygifts-neon-cyan);
    text-shadow: 0 0 10px rgba(0,229,255,0.4);
}

.lima-mytransactions-drawer-lp-card--out .lima-mytransactions-drawer-lp-val {
    color: #c77dff;
    text-shadow: 0 0 10px rgba(155,48,255,0.35);
}

.lima-mytransactions-drawer-lp-card--rate .lima-mytransactions-drawer-lp-val {
    color: #ffd200;
    font-size: 0.82rem;
}

/* Info Tablosu */
.lima-mytransactions-drawer-info-table {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px;
    overflow: hidden;
}

.lima-mytransactions-drawer-info-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    font-size: 0.86rem;
}

    .lima-mytransactions-drawer-info-row:last-child {
        border-bottom: none;
    }

.lima-mytransactions-drawer-info-row--total {
    background: rgba(155,48,255,0.08);
    font-family: var(--lima-mygifts-font-display);
    font-weight: 700;
}

.lima-mytransactions-drawer-info-label {
    font-size: 0.78rem;
    color: var(--lima-mygifts-text-muted);
    flex-shrink: 0;
}

.lima-mytransactions-drawer-info-val {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.9rem;
    font-weight: 700;
    color: #fff;
}

.lima-mytransactions-drawer-info-val--green {
    color: #39ff14;
}

.lima-mytransactions-drawer-info-val--out {
    color: #c77dff;
}

.lima-mytransactions-drawer-info-code-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lima-mytransactions-drawer-info-code {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.76rem;
    color: var(--lima-mygifts-neon-cyan);
    letter-spacing: 1px;
    word-break: break-all;
}

.lima-mytransactions-copy-btn {
    background: rgba(0,229,255,0.1);
    border: 1px solid rgba(0,229,255,0.25);
    border-radius: 6px;
    padding: 4px 8px;
    cursor: pointer;
    font-size: 0.82rem;
    transition: all 0.18s ease;
    line-height: 1;
    flex-shrink: 0;
}

    .lima-mytransactions-copy-btn:hover {
        background: rgba(0,229,255,0.22);
        transform: scale(1.1);
        box-shadow: 0 0 10px rgba(0,229,255,0.3);
    }

/* Hediye Butonu */
.lima-mytransactions-gift-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 18px;
    background: rgba(255,45,120,0.07);
    border: 1px solid rgba(255,45,120,0.28);
    border-radius: 12px;
    color: #ff87ab;
    font-family: var(--lima-mygifts-font-body);
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.22s ease;
    letter-spacing: 0.3px;
}

    .lima-mytransactions-gift-btn:hover {
        background: rgba(255,45,120,0.14);
        border-color: rgba(255,45,120,0.55);
        box-shadow: 0 0 18px rgba(255,45,120,0.2);
        transform: translateY(-1px);
    }

.lima-mytransactions-gift-btn-arrow {
    font-size: 1.3rem;
    transition: transform 0.2s ease;
}

.lima-mytransactions-gift-btn:hover .lima-mytransactions-gift-btn-arrow {
    transform: translateX(4px);
}

/* Yükleniyor animasyonu */
.lima-mytransactions-gift-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 20px;
}

.lima-mytransactions-gift-loading-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,45,120,0.6);
    animation: lima-mytransactions-dot-bounce 1.2s ease-in-out infinite;
}

    .lima-mytransactions-gift-loading-dot:nth-child(2) {
        animation-delay: 0.2s;
    }

    .lima-mytransactions-gift-loading-dot:nth-child(3) {
        animation-delay: 0.4s;
    }

@keyframes lima-mytransactions-dot-bounce {
    0%, 80%, 100% {
        transform: scale(0.7);
        opacity: 0.4;
    }

    40% {
        transform: scale(1.1);
        opacity: 1;
    }
}

/* Hediye Kartı */
.lima-mytransactions-gift-card {
    background: rgba(255,45,120,0.05);
    border: 1px solid rgba(255,45,120,0.2);
    border-radius: 14px;
    overflow: hidden;
    animation: lima-mytransactions-row-in 0.3s ease;
}

.lima-mytransactions-gift-card-user {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255,45,120,0.12);
    background: rgba(255,45,120,0.05);
}

.lima-mytransactions-gift-card-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,45,120,0.15);
    border: 1px solid rgba(255,45,120,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    overflow: hidden;
    flex-shrink: 0;
}

    .lima-mytransactions-gift-card-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.lima-mytransactions-gift-card-userinfo {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.lima-mytransactions-gift-card-role {
    font-size: 0.65rem;
    color: var(--lima-mygifts-text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.lima-mytransactions-gift-card-username {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.9rem;
    font-weight: 700;
    color: #ff87ab;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-mytransactions-gift-card-status {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    white-space: nowrap;
    flex-shrink: 0;
}

.lima-mytransactions-gift-card-status--accepted {
    color: #39ff14;
    background: rgba(57,255,20,0.1);
    border: 1px solid rgba(57,255,20,0.3);
}

.lima-mytransactions-gift-card-status--pending {
    color: #c77dff;
    background: rgba(155,48,255,0.1);
    border: 1px solid rgba(155,48,255,0.35);
    animation: lima-mytransactions-pending-glow 1.8s ease-in-out infinite;
}

.lima-mytransactions-gift-card-status--rejected {
    color: #ff8c00;
    background: rgba(255,140,0,0.1);
    border: 1px solid rgba(255,140,0,0.3);
}

.lima-mytransactions-gift-card-status--timeout {
    color: #aaa;
    background: rgba(160,160,160,0.08);
    border: 1px solid rgba(160,160,160,0.25);
}

@keyframes lima-mytransactions-pending-glow {
    0%, 100% {
        box-shadow: 0 0 6px rgba(155,48,255,0.2);
    }

    50% {
        box-shadow: 0 0 16px rgba(155,48,255,0.5);
    }
}

.lima-mytransactions-gift-card-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(255,45,120,0.08);
    font-size: 0.86rem;
}

.lima-mytransactions-gift-card-label {
    font-size: 0.76rem;
    color: var(--lima-mygifts-text-muted);
}

.lima-mytransactions-gift-card-val {
    font-family: var(--lima-mygifts-font-display);
    font-size: 0.88rem;
    font-weight: 700;
    color: #fff;
}

.lima-mytransactions-gift-card-val--lp {
    color: #c77dff;
    text-shadow: 0 0 8px rgba(155,48,255,0.4);
}

.lima-mytransactions-gift-card-message {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
    font-size: 0.84rem;
    color: var(--lima-mygifts-text-secondary);
    font-style: italic;
    border-bottom: 1px solid rgba(255,45,120,0.08);
    line-height: 1.5;
}

.lima-mytransactions-gift-card-dates {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 16px;
    font-size: 0.7rem;
    color: var(--lima-mygifts-text-muted);
}

/* Toast */
.lima-mytransactions-toast {
    position: fixed;
    bottom: 32px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #1a1a2e, #0f0f1e);
    border: 1px solid rgba(0,229,255,0.5);
    color: var(--lima-mygifts-neon-cyan);
    font-family: var(--lima-mygifts-font-body);
    font-size: 0.92rem;
    font-weight: 600;
    padding: 13px 26px;
    border-radius: 12px;
    box-shadow: 0 0 28px rgba(0,229,255,0.25), 0 8px 32px rgba(0,0,0,0.6);
    z-index: 999999;
    animation: lima-mytransactions-toast-in 0.4s ease, lima-mytransactions-toast-out 0.4s ease 2.1s forwards;
    white-space: nowrap;
}

@keyframes lima-mytransactions-toast-in {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes lima-mytransactions-toast-out {
    from {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }

    to {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }
}

/* Responsive */
@media (max-width: 768px) {
    .lima-mytransactions-page {
        padding: 20px 12px 60px;
    }

    .lima-mytransactions-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .lima-mytransactions-header-stats {
        width: 100%;
        justify-content: space-around;
        padding: 10px 14px;
        flex-wrap: wrap;
        gap: 12px;
    }

    .lima-mytransactions-row {
        grid-template-columns: 4px 44px 1fr auto 24px;
        gap: 0 10px;
    }

    .lima-mytransactions-drawer {
        width: 100vw;
        z-index: 99999;
    }

    .lima-mytransactions-drawer-overlay {
        z-index: 99998;
    }

    .lima-mytransactions-drawer-band-date {
        display: none;
    }

    .lima-mytransactions-drawer-id {
        max-width: calc(100vw - 120px);
    }

    .lima-mytransactions-drawer-lp-grid {
        grid-template-columns: 1fr 1fr;
    }

    .lima-mytransactions-gift-card-dates {
        flex-direction: column;
    }
}

/*****************************
    MY TRANSACTIONS BİTTİ
*****************************/

/*****************************
    YARDIM MERKEZİ / DESTEK TALEPLERİ (HC)
    Ortak sınıflar: HelpCenter, HelpCategory, CreateTicket, MyTickets, TicketDetail
*****************************/
.lima-hc-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: .3;
}

.lima-hc-orb--purple {
    width: 420px;
    height: 420px;
    background: #7b5cff;
    top: -120px;
    right: -80px;
}

.lima-hc-orb--cyan {
    width: 380px;
    height: 380px;
    background: #00e5ff;
    bottom: -100px;
    left: -100px;
}

.lima-hc-orb--pink {
    width: 300px;
    height: 300px;
    background: #ff4d8d;
    top: 40%;
    left: 45%;
}

.lima-hc-loading {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    padding: 40px 0;
    color: rgba(255,255,255,.6);
}

.lima-hc-spinner {
    width: 26px;
    height: 26px;
    border: 3px solid rgba(255,255,255,.2);
    border-top-color: #9b5cff;
    border-radius: 50%;
    animation: limaHcSpin .8s linear infinite;
}

@keyframes limaHcSpin {
    to {
        transform: rotate(360deg);
    }
}

.lima-hc-empty {
    text-align: center;
    padding: 40px 20px;
    color: rgba(255,255,255,.6);
}

.lima-hc-empty-icon {
    font-size: 2.6rem;
    margin-bottom: 10px;
}

.lima-hc-empty h3 {
    color: #fff;
    font-size: 1.1rem;
    margin: 0 0 6px;
}

.lima-hc-empty p {
    margin: 0 0 18px;
    font-size: .9rem;
}

.lima-hc-btn {
    display: inline-block;
    text-decoration: none;
    font-weight: 800;
    font-size: .85rem;
    padding: 12px 22px;
    border-radius: 28px;
    transition: transform .2s, box-shadow .2s;
}

.lima-hc-btn--primary {
    background: linear-gradient(135deg,#5c9bff,#9b5cff);
    color: #fff;
    box-shadow: 0 4px 14px rgba(91,64,255,.35);
}

.lima-hc-btn--primary:hover {
    transform: scale(1.04);
}

.lima-hc-btn--ghost {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
}

.lima-hc-btn--ghost:hover {
    border-color: #9b5cff;
    color: #c9b8ff;
}

.lima-hc-status {
    font-size: .72rem;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
}

.lima-hc-status--open {
    background: rgba(0,180,255,.15);
    color: #4db8ff;
}

.lima-hc-status--inprogress {
    background: rgba(255,190,0,.15);
    color: #ffc93c;
}

.lima-hc-status--waiting {
    background: rgba(150,100,255,.18);
    color: #b49bff;
}

.lima-hc-status--closed {
    background: rgba(120,140,160,.15);
    color: #93a5b8;
}

/* ===== HelpCenter Ana Sayfa ===== */
.lima-hc-page {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 32px 20px 90px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.lima-hc-page-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

.lima-hc-container {
    background: linear-gradient(160deg, rgba(20,22,40,.92), rgba(13,14,28,.95));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    padding: 34px 30px 40px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
}

.lima-hc-hero {
    text-align: center;
    padding: 10px 0 26px;
}

.lima-hc-highlight {
    display: inline-block;
    color: #ffd966;
    font-weight: 800;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    background: rgba(255,217,102,.1);
    border: 1px solid rgba(255,217,102,.3);
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 14px;
}

.lima-hc-title {
    font-size: 1.9rem;
    font-weight: 800;
    margin: 0 0 8px;
}

.lima-hc-subtitle {
    color: rgba(255,255,255,.6);
    font-size: .95rem;
    margin: 0 0 22px;
}

.lima-hc-search {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 640px;
    margin: 0 auto 20px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 40px;
    padding: 8px 10px 8px 18px;
    color: rgba(255,255,255,.5);
}

.lima-hc-search input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: .92rem;
}

.lima-hc-search input::placeholder {
    color: rgba(255,255,255,.4);
}

.lima-hc-search-btn {
    background: linear-gradient(135deg,#5c9bff,#9b5cff);
    border: none;
    color: #fff;
    font-weight: 700;
    padding: 10px 22px;
    border-radius: 30px;
    cursor: pointer;
}

.lima-hc-search-btn:hover {
    filter: brightness(1.1);
}

.lima-hc-hero-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.lima-hc-tabs {
    display: flex;
    gap: 8px;
    margin: 6px 0 24px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: 14px;
}

.lima-hc-tab {
    background: transparent;
    border: 1px solid transparent;
    color: rgba(255,255,255,.6);
    font-weight: 700;
    padding: 10px 22px;
    border-radius: 24px;
    cursor: pointer;
}

.lima-hc-tab.active {
    background: rgba(91,64,255,.18);
    border-color: #5c9bff;
    color: #fff;
}

.lima-hc-section-title {
    font-size: 1.2rem;
    font-weight: 800;
    margin: 4px 0 18px;
    text-shadow: 0 0 6px rgba(255,255,255,.3);
}

.lima-hc-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}

.lima-hc-category-card {
    display: block;
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 16px;
    padding: 22px 20px;
    transition: transform .2s, border-color .2s, box-shadow .2s;
}

.lima-hc-category-card:hover {
    transform: translateY(-4px);
    border-color: #9b5cff;
    box-shadow: 0 10px 30px rgba(91,64,255,.25);
}

.lima-hc-category-icon {
    font-size: 2rem;
    margin-bottom: 10px;
}

.lima-hc-category-card h3 {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 6px;
    text-shadow: 0 0 4px rgba(255,255,255,.2);
}

.lima-hc-category-card span {
    color: #9b8cff;
    font-size: .8rem;
    font-weight: 600;
}

.lima-hc-accordion-list {
    display: flex;
    flex-direction: column;
}

.lima-hc-accordion-list .lima-accordion-item {
    margin-bottom: 12px;
}

.lima-hc-ticket-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lima-hc-ticket-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
    padding: 14px 18px;
    transition: border-color .2s, background .2s;
}

.lima-hc-ticket-row:hover {
    border-color: #9b5cff;
    background: rgba(255,255,255,.08);
}

.lima-hc-ticket-main {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.lima-hc-ticket-id {
    color: rgba(255,255,255,.4);
    font-weight: 700;
    white-space: nowrap;
}

.lima-hc-ticket-info h4 {
    margin: 0 0 4px;
    font-size: .95rem;
}

.lima-hc-ticket-meta {
    color: rgba(255,255,255,.5);
    font-size: .78rem;
}

/* ===== HelpCategory (SSS Kategori) ===== */
.lima-hc-cat-page {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 24px 90px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.lima-hc-cat-page-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

.lima-hc-cat-container {
    background: linear-gradient(160deg, rgba(20,22,40,.92), rgba(13,14,28,.95));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    padding: 30px 28px 40px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
}

.lima-hc-cat-header {
    text-align: center;
    padding: 6px 0 22px;
}

.lima-hc-back {
    display: inline-block;
    color: #9b8cff;
    text-decoration: none;
    font-size: .85rem;
    font-weight: 700;
    margin-bottom: 12px;
}

.lima-hc-back:hover {
    color: #c9b8ff;
}

.lima-hc-cat-icon {
    font-size: 2.4rem;
    margin-bottom: 6px;
}

.lima-hc-cat-title {
    font-size: 1.7rem;
    font-weight: 800;
    margin: 0 0 6px;
}

.lima-hc-cat-subtitle {
    color: rgba(255,255,255,.55);
    font-size: .9rem;
    margin: 0;
}

.lima-hc-cat-footer {
    text-align: center;
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.1);
}

.lima-hc-cat-footer p {
    color: rgba(255,255,255,.6);
    margin: 0 0 14px;
}

/* ===== CreateTicket (Destek Talebi Oluştur) ===== */
.lima-ct-page {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 32px 20px 90px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.lima-ct-page-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

.lima-ct-container {
    background: linear-gradient(160deg, rgba(20,22,40,.92), rgba(13,14,28,.95));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    padding: 30px 30px 40px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
}

.lima-ct-header {
    text-align: center;
    margin-bottom: 24px;
}

.lima-ct-back {
    display: inline-block;
    color: #9b8cff;
    text-decoration: none;
    font-size: .85rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.lima-ct-back:hover {
    color: #c9b8ff;
}

.lima-ct-title {
    font-size: 1.7rem;
    font-weight: 800;
    margin: 0 0 6px;
}

.lima-ct-subtitle {
    color: rgba(255,255,255,.55);
    font-size: .9rem;
    margin: 0;
}

.lima-ct-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.lima-ct-field label {
    display: block;
    font-size: .82rem;
    font-weight: 700;
    color: rgba(255,255,255,.75);
    margin-bottom: 6px;
}

.lima-ct-input {
    width: 100%;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    padding: 12px 14px;
    color: #fff;
    font-size: .92rem;
    outline: none;
}

.lima-ct-input:focus {
    border-color: #9b5cff;
}

.lima-ct-input::placeholder {
    color: rgba(255,255,255,.4);
}

.lima-ct-input option {
    color: #000;
}

.lima-ct-error {
    display: block;
    color: #ff8ba0;
    font-size: .78rem;
    margin-top: 5px;
}

.lima-ct-attachment {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    background: rgba(91,64,255,.12);
    border: 1px solid rgba(91,64,255,.3);
    border-radius: 10px;
    padding: 10px 12px;
    font-size: .85rem;
}

.lima-ct-attachment-remove {
    background: transparent;
    border: none;
    color: #ff8ba0;
    cursor: pointer;
    font-size: .8rem;
    margin-left: auto;
}

.lima-ct-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 6px;
    flex-wrap: wrap;
}

.lima-ct-btn {
    display: inline-block;
    text-decoration: none;
    font-weight: 800;
    font-size: .85rem;
    padding: 13px 26px;
    border-radius: 28px;
    border: none;
    cursor: pointer;
    transition: transform .2s;
}

.lima-ct-btn--primary {
    background: linear-gradient(135deg,#5c9bff,#9b5cff);
    color: #fff;
    box-shadow: 0 4px 14px rgba(91,64,255,.35);
}

.lima-ct-btn--primary:hover:not(:disabled) {
    transform: scale(1.04);
}

.lima-ct-btn--primary:disabled {
    opacity: .6;
    cursor: default;
}

.lima-ct-btn--ghost {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
    text-align: center;
}

/* ===== MyTickets (Taleplerim) ===== */
.lima-mt-page {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 32px 20px 90px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.lima-mt-page-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

.lima-mt-container {
    background: linear-gradient(160deg, rgba(20,22,40,.92), rgba(13,14,28,.95));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    padding: 26px 24px 34px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
}

.lima-mt-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 22px;
    flex-wrap: wrap;
}

.lima-mt-title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 800;
}

.lima-mt-subtitle {
    margin: 4px 0 0;
    color: rgba(255,255,255,.55);
    font-size: .85rem;
}

.lima-mt-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lima-mt-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
    padding: 14px 18px;
    transition: border-color .2s, background .2s;
}

.lima-mt-row:hover {
    border-color: #9b5cff;
    background: rgba(255,255,255,.08);
}

.lima-mt-row-main {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.lima-mt-id {
    color: rgba(255,255,255,.4);
    font-weight: 700;
    white-space: nowrap;
    padding-top: 2px;
}

.lima-mt-info {
    min-width: 0;
}

.lima-mt-info h4 {
    margin: 0 0 4px;
    font-size: .95rem;
}

.lima-mt-meta {
    color: rgba(255,255,255,.5);
    font-size: .78rem;
}

.lima-mt-last {
    display: block;
    margin-top: 6px;
    color: rgba(255,255,255,.6);
    font-size: .82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== TicketDetail (Talep Detay) ===== */
.lima-td-page {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 32px 20px 90px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.lima-td-page-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

.lima-td-container {
    background: linear-gradient(160deg, rgba(20,22,40,.92), rgba(13,14,28,.95));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    padding: 26px 26px 34px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
}

.lima-td-header {
    margin-bottom: 18px;
}

.lima-td-header-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.lima-td-id {
    color: rgba(255,255,255,.4);
    font-weight: 700;
    font-size: .85rem;
}

.lima-td-title {
    font-size: 1.4rem;
    font-weight: 800;
    margin: 2px 0 4px;
}

.lima-td-meta {
    color: rgba(255,255,255,.5);
    font-size: .82rem;
}

.lima-td-chat {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 520px;
    overflow-y: auto;
    padding: 18px;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    margin-bottom: 18px;
}

.lima-td-chat-empty {
    text-align: center;
    color: rgba(255,255,255,.4);
    font-size: .9rem;
    padding: 30px;
}

.lima-td-msg {
    display: flex;
}

.lima-td-msg.mine {
    justify-content: flex-end;
}

.lima-td-msg.theirs {
    justify-content: flex-start;
}

.lima-td-bubble {
    max-width: 78%;
    padding: 12px 16px;
    border-radius: 16px;
    position: relative;
}

.lima-td-msg.mine .lima-td-bubble {
    background: linear-gradient(135deg,#5c9bff,#9b5cff);
    border-bottom-right-radius: 4px;
}

.lima-td-msg.theirs .lima-td-bubble {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.1);
    border-bottom-left-radius: 4px;
}

.lima-td-sender {
    font-size: .7rem;
    font-weight: 800;
    opacity: .75;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.lima-td-text {
    font-size: .92rem;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}

.lima-td-attachment {
    display: inline-block;
    margin-top: 8px;
    color: #ffd966;
    font-size: .8rem;
    text-decoration: none;
    font-weight: 700;
}

.lima-td-time {
    font-size: .7rem;
    opacity: .6;
    margin-top: 6px;
    text-align: right;
}

.lima-td-composer {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lima-td-input {
    resize: vertical;
}

.lima-td-composer-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.lima-td-file-btn {
    display: inline-block;
    color: #9b8cff;
    font-size: .85rem;
    font-weight: 700;
    cursor: pointer;
}

.lima-td-send-btn {
    background: linear-gradient(135deg,#5c9bff,#9b5cff);
    border: none;
    color: #fff;
    font-weight: 800;
    padding: 12px 28px;
    border-radius: 26px;
    cursor: pointer;
}

.lima-td-send-btn:hover:not(:disabled) {
    filter: brightness(1.1);
}

.lima-td-send-btn:disabled {
    opacity: .6;
    cursor: default;
}

.lima-td-reopen-hint {
    font-size: .78rem;
    color: #ffc93c;
    background: rgba(255,190,0,.1);
    border: 1px solid rgba(255,190,0,.25);
    border-radius: 8px;
    padding: 8px 12px;
}

/*****************************
    MESAJLAR / SOHBET (MSGS)
*****************************/
.lima-msgs-container {
    display: flex;
    height: calc(100vh - 150px);
    min-height: 480px;
    margin: 16px;
    border: 1px solid #2a2f45;
    border-radius: 12px;
    overflow: hidden;
    background: #141826;
}

.lima-msgs-list {
    width: 320px;
    min-width: 260px;
    border-right: 1px solid #2a2f45;
    display: flex;
    flex-direction: column;
    background: #171c2e;
}

.lima-msgs-list-header {
    padding: 14px;
    border-bottom: 1px solid #2a2f45;
}

.lima-msgs-list-header h3 {
    margin: 0 0 10px 0;
    color: #fff;
    font-size: 16px;
}

.lima-msgs-actions {
    display: flex;
    gap: 8px;
}

.lima-msgs-btn {
    background: #7a5cff;
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 12px;
    cursor: pointer;
}

.lima-msgs-btn:hover {
    background: #6a4cf0;
}

.lima-msgs-btn-outline {
    background: transparent;
    border: 1px solid #7a5cff;
    color: #7a5cff;
}

.lima-msgs-attach-btn {
    font-size: 15px;
    padding: 7px 10px;
    line-height: 1;
    flex-shrink: 0;
}

.lima-msgs-hidden-file {
    display: none;
}

.lima-msgs-uploading {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #7a5cff;
    font-size: 12px;
    white-space: nowrap;
}

.lima-msgs-uploading .lima-msgs-spinner {
    width: 12px;
    height: 12px;
    border: 2px solid #7a5cff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: limaMsgsSpin .7s linear infinite;
}

@keyframes limaMsgsSpin {
    to {
        transform: rotate(360deg);
    }
}

.lima-msgs-empty {
    color: #8b93a7;
    padding: 20px;
    text-align: center;
    font-size: 13px;
}

.lima-msgs-conv {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    cursor: pointer;
    border-bottom: 1px solid #222842;
}

.lima-msgs-conv:hover {
    background: #1e2440;
}

.lima-msgs-conv.active {
    background: #252c50;
}

.lima-msgs-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    background: #2a2f45;
    flex-shrink: 0;
}

.lima-msgs-conv-info {
    flex: 1;
    min-width: 0;
}

.lima-msgs-conv-title {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-msgs-conv-last {
    display: block;
    color: #8b93a7;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-msgs-badge {
    background: #ff5252;
    color: #fff;
    border-radius: 10px;
    font-size: 11px;
    padding: 2px 7px;
    flex-shrink: 0;
}

/* Sol listedeki sohbet satırının yanındaki "✕" (sohbeti sil / gruptan ayrıl) */
.lima-msgs-conv-del {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #8b93a7;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

.lima-msgs-conv-del:hover {
    background: #ff5252;
    color: #fff;
}

.lima-msgs-chat {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lima-msgs-chat-empty {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8b93a7;
}

.lima-msgs-chat-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #2a2f45;
    background: #171c2e;
}

.lima-msgs-chat-title {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.lima-msgs-chat-sub {
    color: #8b93a7;
    font-size: 12px;
}

.lima-msgs-messages {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lima-msgs-row {
    display: flex;
    flex-direction: column;
}

.lima-msgs-row.me {
    justify-content: flex-end;
    align-items: flex-end;
}

.lima-msgs-row.other {
    justify-content: flex-start;
    align-items: flex-start;
}

.lima-msgs-bubble {
    max-width: 70%;
    background: #262c4a;
    color: #e8eaf0;
    border-radius: 12px;
    padding: 8px 12px;
    font-size: 13px;
    word-break: break-word;
}

.lima-msgs-row.me .lima-msgs-bubble {
    background: #7a5cff;
}

.lima-msgs-time {
    font-size: 10px;
    color: #9aa3b8;
    text-align: right;
    margin-top: 3px;
}

.lima-msgs-img {
    max-width: 260px;
    max-height: 200px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
}

.lima-msgs-file {
    color: #7fb0ff;
    text-decoration: none;
    font-size: 13px;
}

.lima-msgs-typing {
    color: #7a5cff;
    font-size: 12px;
    font-style: italic;
    padding: 2px 4px;
}

.lima-msgs-del {
    background: transparent;
    border: 0;
    color: #9aa3b8;
    cursor: pointer;
    font-size: 11px;
    margin-left: 6px;
    padding: 0 2px;
}

.lima-msgs-del:hover {
    color: #ff5252;
}

.lima-msgs-input-row {
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid #2a2f45;
    background: #171c2e;
    position: relative;
}

.lima-msgs-input {
    flex: 1;
    background: #10142a;
    border: 1px solid #2a2f45;
    color: #fff;
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 13px;
}

.lima-msgs-input:focus {
    outline: none;
    border-color: #7a5cff;
}

.lima-msgs-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.lima-msgs-modal {
    width: 420px;
    max-width: 92vw;
    max-height: 80vh;
    background: #171c2e;
    border: 1px solid #2a2f45;
    border-radius: 12px;
    padding: 18px;
    overflow-y: auto;
}

.lima-msgs-modal h4 {
    color: #fff;
    margin: 0 0 12px 0;
}

.lima-msgs-friend-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    cursor: pointer;
    border-radius: 8px;
    color: #e8eaf0;
    font-size: 13px;
}

.lima-msgs-friend-row:hover {
    background: #1e2440;
}

.lima-msgs-group-title {
    width: 100%;
    margin: 10px 0;
    background: #10142a;
    border: 1px solid #2a2f45;
    color: #fff;
    border-radius: 8px;
    padding: 8px 10px;
    font-size: 13px;
}

.lima-msgs-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}

.lima-msgs-modal-close {
    background: #333a5c;
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: 7px 12px;
    cursor: pointer;
    font-size: 13px;
}

/* Sağ detay paneli (profil / üye listesi) */
.lima-msgs-detail {
    width: 280px;
    min-width: 230px;
    border-left: 1px solid #2a2f45;
    background: #171c2e;
    display: none;
    flex-direction: column;
    overflow-y: auto;
}

.lima-msgs-detail.open {
    display: flex;
}

.lima-msgs-detail-header {
    padding: 14px;
    border-bottom: 1px solid #2a2f45;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lima-msgs-detail-header h3 {
    margin: 0;
    color: #fff;
    font-size: 15px;
}

.lima-msgs-detail-close {
    background: transparent;
    border: 0;
    color: #9aa3b8;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

.lima-msgs-detail-close:hover {
    color: #ff5252;
}

.lima-msgs-profile-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 16px;
    gap: 6px;
    text-align: center;
}

.lima-msgs-profile-avatar {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #7a5cff;
}

.lima-msgs-profile-name {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.lima-msgs-profile-username {
    color: #8b93a7;
    font-size: 12px;
}

.lima-msgs-profile-badge {
    background: #7a5cff;
    color: #fff;
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 10px;
}

.lima-msgs-profile-badge.green {
    background: #2e7d32;
}

.lima-msgs-profile-badge.orange {
    background: #b26a00;
}

.lima-msgs-profile-badge.gray {
    background: #333a5c;
}

.lima-msgs-profile-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 16px 18px;
    width: 100%;
}

.lima-msgs-profile-btn {
    background: #7a5cff;
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 13px;
    cursor: pointer;
}

.lima-msgs-profile-btn:hover {
    background: #6a4cf0;
}

.lima-msgs-profile-btn.outline {
    background: transparent;
    border: 1px solid #7a5cff;
    color: #7a5cff;
}

.lima-msgs-profile-btn:disabled {
    opacity: .5;
    cursor: default;
}

.lima-msgs-profile-msg {
    color: #8b93a7;
    font-size: 12px;
    text-align: center;
    padding: 4px 8px;
}

/* Gönderen bilgisi (grup/topluluk sohbetlerinde) */
.lima-msgs-sender-info {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 4px 2px;
    cursor: pointer;
}

.lima-msgs-sender-info:hover .lima-msgs-sender-name {
    color: #7a5cff;
}

.lima-msgs-sender-avatar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}

.lima-msgs-sender-name {
    font-size: 11px;
    color: #aeb6cc;
    font-weight: 600;
}

/* Üye listesi */
.lima-msgs-member-link {
    color: #7fb0ff;
    cursor: pointer;
    font-weight: 600;
}

.lima-msgs-member-link:hover {
    text-decoration: underline;
}

.lima-msgs-member-row {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    border-bottom: 1px solid #222842;
}

.lima-msgs-member-row:hover {
    background: #1e2440;
}

.lima-msgs-member-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.lima-msgs-member-name {
    flex: 1;
    color: #e8eaf0;
    font-size: 13px;
    min-width: 0;
}

.lima-msgs-member-role {
    color: #8b93a7;
    font-size: 11px;
}

@media (max-width: 900px) {
    .lima-msgs-container {
        position: relative;
    }

    .lima-msgs-detail {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 260px;
        z-index: 30;
        box-shadow: -8px 0 20px rgba(0,0,0,.4);
    }
}

@media (max-width: 560px) {
    .lima-msgs-detail {
        width: 100%;
    }

    .lima-msgs-list {
        width: 120px;
        min-width: 110px;
    }

    .lima-msgs-actions {
        flex-direction: column;
    }

    .lima-msgs-actions .lima-msgs-btn {
        font-size: 11px;
        padding: 6px 8px;
    }
}

/*****************************
    PARA ÇEK (WITHDRAW)
*****************************/
.lima-withdraw-page {
    position: relative;
    max-width: 720px;
    margin: 0 auto;
    padding: 40px 20px 80px;
}

.lima-withdraw-bg-effects {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

.lima-withdraw-bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: .35;
}

.lima-withdraw-bg-orb--purple {
    width: 420px;
    height: 420px;
    background: #7b5cff;
    top: -120px;
    right: -80px;
}

.lima-withdraw-bg-orb--cyan {
    width: 380px;
    height: 380px;
    background: #00e5ff;
    bottom: -100px;
    left: -100px;
}

.lima-withdraw-bg-orb--pink {
    width: 300px;
    height: 300px;
    background: #ff4d8d;
    top: 40%;
    left: 45%;
}

.lima-withdraw-card {
    background: linear-gradient(160deg, rgba(20,22,40,.92), rgba(13,14,28,.95));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    padding: 30px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
}

.lima-withdraw-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.lima-withdraw-header-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(135deg,#7b5cff,#00e5ff);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}

.lima-withdraw-title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
}

.lima-withdraw-subtitle {
    margin: 4px 0 0;
    color: rgba(255,255,255,.55);
    font-size: .85rem;
}

.lima-withdraw-balance-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-bottom: 22px;
}

.lima-withdraw-balance-card {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 16px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.lima-withdraw-balance-label {
    color: rgba(255,255,255,.55);
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.lima-withdraw-balance-value {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 800;
}

.lima-withdraw-balance-meta {
    color: rgba(255,255,255,.45);
    font-size: .75rem;
}

.lima-withdraw-limits {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 18px;
    padding: 12px 16px;
    background: rgba(255,190,0,.08);
    border: 1px solid rgba(255,190,0,.3);
    border-radius: 12px;
}

.lima-withdraw-limits-label {
    color: rgba(255,255,255,.7);
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.lima-withdraw-limits-items {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.lima-withdraw-limits-pill {
    background: rgba(255,190,0,.15);
    color: #ffc93c;
    font-size: .75rem;
    font-weight: 800;
    padding: 5px 12px;
    border-radius: 20px;
}

.lima-withdraw-section {
    margin-top: 22px;
}

.lima-withdraw-section-title {
    color: rgba(255,255,255,.7);
    font-size: .85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 12px;
}

.lima-withdraw-iban-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(123,92,255,.4);
    border-radius: 12px;
    padding: 14px 18px;
}

.lima-withdraw-iban-code {
    color: #fff;
    font-weight: 700;
    letter-spacing: .06em;
    font-size: 1rem;
}

.lima-withdraw-iban-edit {
    color: #00e5ff;
    font-size: .8rem;
    text-decoration: none;
    white-space: nowrap;
}

.lima-withdraw-input-row {
    display: flex;
    gap: 10px;
}

.lima-withdraw-input-wrap {
    position: relative;
    flex: 1;
}

.lima-withdraw-input {
    width: 100%;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 14px 52px 14px 16px;
    outline: none;
}

.lima-withdraw-input:focus {
    border-color: #7b5cff;
    box-shadow: 0 0 0 3px rgba(123,92,255,.25);
}

.lima-withdraw-input-suffix {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255,255,255,.45);
    font-weight: 700;
}

.lima-withdraw-btn {
    border: none;
    border-radius: 12px;
    padding: 13px 20px;
    font-weight: 800;
    font-size: .85rem;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.lima-withdraw-btn--primary {
    background: linear-gradient(135deg,#5c9bff,#9b5cff);
    color: #fff;
    box-shadow: 0 4px 14px rgba(91,64,255,.35);
    transition: transform .2s, box-shadow .2s;
}

.lima-withdraw-btn--primary:hover:not(:disabled) {
    transform: scale(1.03);
    box-shadow: 0 6px 20px rgba(91,64,255,.5);
}

.lima-withdraw-btn--primary:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.lima-withdraw-btn--ghost {
    background: rgba(255,255,255,.08);
    color: #fff;
    border: 1px solid rgba(255,255,255,.15);
}

.lima-withdraw-btn--block {
    width: 100%;
    margin-top: 14px;
}

.lima-withdraw-lp-preview {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding: 10px 14px;
    background: rgba(123,92,255,.1);
    border-radius: 10px;
    color: rgba(255,255,255,.7);
    font-size: .85rem;
}

.lima-withdraw-lp-preview strong {
    color: #fff;
}

.lima-withdraw-error {
    margin-top: 12px;
    padding: 10px 14px;
    background: rgba(255,77,109,.15);
    border: 1px solid rgba(255,77,109,.5);
    border-radius: 10px;
    color: #ff8ba0;
    font-size: .85rem;
}

.lima-withdraw-hint {
    margin-top: 12px;
    color: rgba(255,255,255,.4);
    font-size: .75rem;
    line-height: 1.5;
}

.lima-withdraw-notice {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    padding: 16px;
    margin-bottom: 14px;
}

.lima-withdraw-notice--error {
    border-color: rgba(255,77,109,.5);
}

.lima-withdraw-notice-icon {
    font-size: 26px;
}

.lima-withdraw-notice h3 {
    margin: 0 0 4px;
    color: #fff;
    font-size: .95rem;
}

.lima-withdraw-notice p {
    margin: 0;
    color: rgba(255,255,255,.55);
    font-size: .8rem;
}

.lima-withdraw-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 40px 0;
    color: rgba(255,255,255,.6);
}

.lima-withdraw-spinner {
    width: 34px;
    height: 34px;
    border: 3px solid rgba(255,255,255,.15);
    border-top-color: #7b5cff;
    border-radius: 50%;
    animation: limaWithdrawSpin 1s linear infinite;
}

@keyframes limaWithdrawSpin {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 600px) {
    .lima-withdraw-balance-section {
        grid-template-columns: 1fr;
    }
}

/*****************************
    PARA ÇEKME TALEPLERİ (WITHDRAW LİST)
*****************************/
.lima-withdraw-list-page {
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
    padding: 40px 24px 80px;
}

.lima-withdraw-list-bg-effects {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

.lima-withdraw-list-bg-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    opacity: .3;
}

.lima-withdraw-list-bg-orb--purple {
    width: 420px;
    height: 420px;
    background: #7b5cff;
    top: -120px;
    right: -80px;
}

.lima-withdraw-list-bg-orb--cyan {
    width: 380px;
    height: 380px;
    background: #00e5ff;
    bottom: -100px;
    left: -100px;
}

.lima-withdraw-list-bg-orb--pink {
    width: 300px;
    height: 300px;
    background: #ff4d8d;
    top: 40%;
    left: 45%;
}

.lima-withdraw-list-container {
    background: linear-gradient(160deg, rgba(20,22,40,.92), rgba(13,14,28,.95));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    padding: 24px 22px 28px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
}

.lima-withdraw-list-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.lima-withdraw-list-title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
}

.lima-withdraw-list-subtitle {
    margin: 4px 0 0;
    color: rgba(255,255,255,.55);
    font-size: .85rem;
}

.lima-withdraw-list-btn {
    background: linear-gradient(135deg,#5c9bff,#9b5cff);
    color: #fff;
    text-decoration: none;
    font-weight: 800;
    font-size: .85rem;
    padding: 12px 20px;
    border-radius: 28px;
    display: inline-block;
    box-shadow: 0 4px 14px rgba(91,64,255,.35);
    transition: transform .2s, box-shadow .2s;
}

.lima-withdraw-list-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(91,64,255,.5);
}

.lima-withdraw-table {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lima-withdraw-thead,
.lima-withdraw-row {
    display: grid;
    grid-template-columns: 70px 130px 1.25fr 1.15fr 1.6fr 0.8fr;
    align-items: center;
    column-gap: 18px;
    padding: 13px 24px;
}

.lima-withdraw-thead {
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
}

.lima-withdraw-thead span {
    color: rgba(255,255,255,.45);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.lima-withdraw-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.lima-withdraw-row {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
}

.lima-withdraw-row .cell-id {
    color: rgba(255,255,255,.4);
    font-weight: 700;
}

.lima-withdraw-row .cell-status {
    display: flex;
}

.lima-withdraw-row-status {
    font-size: .75rem;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
}

.lima-withdraw-row-status--pending {
    background: rgba(255,190,0,.15);
    color: #ffc93c;
}

.lima-withdraw-row-status--paid {
    background: rgba(0,200,140,.15);
    color: #3ddc97;
}

.lima-withdraw-row-status--rejected {
    background: rgba(255,77,109,.15);
    color: #ff8ba0;
}

.lima-withdraw-row .cell-amount {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.lima-withdraw-row .amount-val {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 800;
    white-space: nowrap;
}

.lima-withdraw-row .cell-date {
    color: rgba(255,255,255,.8);
    font-size: .92rem;
    white-space: nowrap;
}

.lima-withdraw-row .cell-iban {
    color: rgba(255,255,255,.9);
    font-weight: 700;
    letter-spacing: .03em;
    word-break: break-all;
}

.lima-withdraw-row .cell-rate {
    color: rgba(255,255,255,.7);
    font-size: .92rem;
    white-space: nowrap;
}

.lima-withdraw-row-desc {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-top: 10px;
    margin-top: 6px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.lima-withdraw-row-desc-label {
    color: rgba(255,255,255,.4);
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.lima-withdraw-row-desc-text {
    color: rgba(255,255,255,.75);
    font-size: .88rem;
    line-height: 1.5;
}

.lima-withdraw-list-empty {
    text-align: center;
    padding: 50px 20px;
}

.lima-withdraw-list-empty-icon {
    font-size: 48px;
    margin-bottom: 12px;
}

.lima-withdraw-list-empty h3 {
    color: #fff;
    margin: 0 0 6px;
}

.lima-withdraw-list-empty p {
    color: rgba(255,255,255,.55);
    margin: 0 0 18px;
}

.lima-withdraw-list-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 50px 0;
    color: rgba(255,255,255,.6);
}

.lima-withdraw-list-spinner {
    width: 34px;
    height: 34px;
    border: 3px solid rgba(255,255,255,.15);
    border-top-color: #7b5cff;
    border-radius: 50%;
    animation: limaWithdrawListSpin 1s linear infinite;
}

@keyframes limaWithdrawListSpin {
    to {
        transform: rotate(360deg);
    }
}

/*****************************
    TOPLULUK SUNUCULARI (COMMUNITY) BAŞLANGIÇ
*****************************/
.lima-comm-page {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 32px 20px 90px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.lima-comm-page-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

.lima-comm-container {
    background: linear-gradient(160deg, rgba(20,22,40,.92), rgba(13,14,28,.95));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    padding: 30px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
    max-width: 1200px;
    margin: 0 auto;
}

.lima-comm-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.lima-comm-title {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 800;
}

.lima-comm-subtitle {
    margin: 4px 0 0;
    color: rgba(255,255,255,.55);
    font-size: .85rem;
}

.lima-comm-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.lima-comm-join-inline {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    padding: 4px;
}

.lima-comm-join-inline .lima-comm-join-input {
    width: 140px;
    background: transparent;
    border: none;
    color: #fff;
    font-size: .85rem;
    padding: 6px 10px;
    outline: none;
}

.lima-comm-join-inline .lima-comm-join-input::placeholder {
    color: rgba(255,255,255,.4);
}

.lima-comm-join-inline .lima-comm-btn {
    padding: 7px 14px;
    font-size: .8rem;
}

.lima-comm-btn {
    display: inline-block;
    border: none;
    border-radius: 12px;
    padding: 10px 18px;
    font-weight: 800;
    font-size: .82rem;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    text-align: center;
    transition: transform .2s, box-shadow .2s;
}

.lima-comm-btn--primary {
    background: linear-gradient(135deg,#5c9bff,#9b5cff);
    color: #fff;
    box-shadow: 0 4px 14px rgba(91,64,255,.35);
}

.lima-comm-btn--primary:hover:not(:disabled) {
    transform: scale(1.04);
}

.lima-comm-btn--primary:disabled {
    opacity: .5;
    cursor: default;
}

.lima-comm-btn--ghost {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.18);
    color: #fff;
}

.lima-comm-btn--ghost:hover {
    border-color: #9b5cff;
}

.lima-comm-btn--danger {
    background: rgba(255,77,109,.15);
    border: 1px solid rgba(255,77,109,.5);
    color: #ff8ba0;
}

.lima-comm-section-title {
    font-size: 1.1rem;
    font-weight: 800;
    margin: 22px 0 12px;
    color: rgba(255,255,255,.85);
}

.lima-comm-empty {
    padding: 24px;
    text-align: center;
    color: rgba(255,255,255,.5);
    background: rgba(255,255,255,.03);
    border: 1px dashed rgba(255,255,255,.12);
    border-radius: 14px;
    font-size: .9rem;
}

.lima-comm-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 14px;
}

.lima-comm-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
    text-decoration: none;
    color: #fff;
    transition: border-color .2s, transform .2s, box-shadow .2s;
}

.lima-comm-card:hover {
    border-color: #9b5cff;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(91,64,255,.2);
}

.lima-comm-card-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(123,92,255,.15);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.lima-comm-card-info {
    flex: 1;
    min-width: 0;
}

.lima-comm-card-info h3 {
    margin: 0 0 4px;
    font-size: .95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-comm-card-cat {
    display: inline-block;
    font-size: .7rem;
    color: #b49bff;
    background: rgba(150,100,255,.15);
    border-radius: 10px;
    padding: 2px 8px;
    margin-bottom: 4px;
}

.lima-comm-card-meta {
    display: block;
    color: rgba(255,255,255,.5);
    font-size: .75rem;
}

.lima-comm-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 6px 0 0;
}

.lima-comm-filter-btn {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.16);
    color: rgba(255,255,255,.8);
    padding: 7px 16px;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s, border-color .2s, color .2s;
}

.lima-comm-filter-btn:hover {
    border-color: #9b5cff;
    color: #fff;
}

.lima-comm-filter-btn.active {
    background: rgba(123,92,255,.25);
    border-color: #9b5cff;
    color: #fff;
}

.lima-comm-search {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
}

.lima-comm-search input,
.lima-comm-join-input,
.lima-comm-input {
    flex: 1;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 10px;
    padding: 10px 14px;
    color: #fff;
    font-size: .88rem;
    outline: none;
}

.lima-comm-search input:focus,
.lima-comm-join-input:focus,
.lima-comm-input:focus {
    border-color: #9b5cff;
}

/* Açılan seçim kutusu (select) listesi: beyaz zemin üzerine koyu yazı — aksi halde
   select'e uygulanan color:#fff, tarayıcının açılan listesinde de kalır ve yazı görünmez. */
.lima-comm-input option,
.lima-comm-select option {
    background: #fff;
    color: #1a1a2e;
}

.lima-comm-search-btn {
    background: linear-gradient(135deg,#5c9bff,#9b5cff);
    border: none;
    color: #fff;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
}

.lima-comm-join {
    margin-top: 10px;
}

.lima-comm-join-row {
    display: flex;
    gap: 8px;
}

/* Modal */
.lima-comm-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.65);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3000;
}

.lima-comm-modal {
    width: 440px;
    max-width: 92vw;
    max-height: 82vh;
    overflow-y: auto;
    background: linear-gradient(160deg, rgba(20,22,40,.97), rgba(13,14,28,.98));
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    padding: 22px;
}

/* Üye Profil Popup (Discord tarzı) */
.lima-comm-member-profile {
    width: 340px;
    max-width: 92vw;
    background: #1a1f3a;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(0,0,0,.55);
}
.lima-comm-mp-header {
    position: relative;
    height: 96px;
    background: linear-gradient(135deg, #2b2355, #0f1330);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.lima-comm-mp-avatar {
    position: absolute;
    bottom: -30px;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    border: 3px solid #1a1f3a;
    overflow: hidden;
    background: #262c4a;
}
.lima-comm-mp-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lima-comm-mp-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(255,255,255,.1);
    color: #fff;
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    font-size: .8rem;
    line-height: 1;
}
.lima-comm-mp-body {
    padding: 42px 16px 16px;
    text-align: center;
}
.lima-comm-mp-username {
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    word-break: break-word;
}
.lima-comm-mp-realname {
    font-size: .78rem;
    color: rgba(255,255,255,.55);
    margin-top: 2px;
}
.lima-comm-mp-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    justify-content: center;
    margin-top: 8px;
}
.lima-comm-mp-info {
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left;
    background: rgba(255,255,255,.04);
    border-radius: 10px;
    padding: 12px;
}
.lima-comm-mp-row {
    display: flex;
    justify-content: space-between;
    font-size: .78rem;
}
.lima-comm-mp-row span { color: rgba(255,255,255,.5); }
.lima-comm-mp-row strong { color: #e8eaf0; font-weight: 600; }
.lima-comm-mp-social {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
}
.lima-comm-mp-social a img {
    width: 26px;
    height: 26px;
    border-radius: 6px;
}
.lima-comm-mp-actions {
    margin-top: 14px;
    display: flex;
    gap: 8px;
    justify-content: center;
    flex-wrap: wrap;
}
.lima-comm-mp-status { font-size: .78rem; font-weight: 600; }
.lima-comm-mp-status.ok { color: #22c55e; }
.lima-comm-mp-status.pending { color: #f59e0b; }

.lima-comm-member { cursor: pointer; }
.lima-comm-msg-sender { cursor: pointer; }

/* ===== Emoji Seçici + Chat Emojisi ===== */
.lima-emoji-picker {
    position: absolute;
    bottom: 100%;
    left: 8px;
    width: 320px;
    max-width: 90vw;
    background: #1a1f3a;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    box-shadow: 0 16px 50px rgba(0,0,0,.5);
    z-index: 2100;
    padding: 10px;
    margin-bottom: 6px;
}
.lima-emoji-picker-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: .8rem;
    font-weight: 700;
    margin-bottom: 8px;
}
.lima-emoji-picker-close {
    background: rgba(255,255,255,.08);
    color: #fff;
    border: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    font-size: .7rem;
    line-height: 1;
}
.lima-emoji-picker-tabs {
    display: flex;
    gap: 6px;
    margin-bottom: 8px;
}
.lima-emoji-picker-tabs button {
    flex: 1;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.7);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 8px;
    font-size: .72rem;
    font-weight: 700;
    padding: 5px 0;
    cursor: pointer;
}
.lima-emoji-picker-tabs button.active {
    background: rgba(180,155,255,.18);
    color: #d4c4ff;
    border-color: #b49bff;
}
.lima-emoji-picker-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
    max-height: 180px;
    overflow-y: auto;
}
.lima-emoji-item {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.05);
    border: 1px solid transparent;
    border-radius: 8px;
    cursor: pointer;
    padding: 0;
}
.lima-emoji-item:hover { background: rgba(180,155,255,.18); border-color: #b49bff; }
.lima-emoji-item img { width: 36px; height: 36px; object-fit: contain; }
.lima-emoji-add { color: #b49bff; font-size: 1.2rem; font-weight: 700; }
.lima-emoji-empty { grid-column: 1 / -1; color: rgba(255,255,255,.5); font-size: .72rem; text-align: center; padding: 12px 0; }
.lima-emoji-upload {
    display: flex;
    gap: 6px;
    margin-top: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.lima-emoji-name-input {
    flex: 1;
    min-width: 120px;
    background: rgba(255,255,255,.06);
    color: #fff;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 8px;
    padding: 6px 8px;
    font-size: .75rem;
}
.lima-emoji-file-btn {
    background: rgba(255,255,255,.08);
    color: #e8eaf0;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 8px;
    font-size: .72rem;
    padding: 6px 8px;
    cursor: pointer;
    white-space: nowrap;
}
.lima-emoji-upload-btn {
    background: #b49bff;
    color: #141826;
    border: none;
    border-radius: 8px;
    font-size: .72rem;
    font-weight: 800;
    padding: 6px 12px;
    cursor: pointer;
}
.lima-emoji-upload-btn:disabled { opacity: .5; cursor: default; }
.lima-chat-emoji {
    width: 2.6em;
    height: 2.6em;
    vertical-align: middle;
    margin: 0 1px;
    display: inline-block;
}
.lima-comm-emoji-btn { flex-shrink: 0; }

/* Ray DM butonu (Mesajlar) */
.lima-comm-rail-dm {
    border: 2px solid rgba(255,255,255,.12);
    background: #262c4a;
    color: #b49bff;
    position: relative;
    cursor: pointer;
    padding: 0;
}
.lima-comm-rail-dm-icon { font-size: 1.05rem; line-height: 1; }
.lima-comm-rail-dm-badge {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    border-radius: 8px;
    background: #f43f5e;
    color: #fff;
    font-size: .6rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #141826;
}

/* ===== Inline Mesaj (DM) Paneli ===== */
.lima-dm-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3100;
}
.lima-dm-panel {
    width: 680px;
    max-width: 94vw;
    height: 480px;
    max-height: 86vh;
    display: flex;
    flex-direction: column;
    background: #141826;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    overflow: hidden;
}
.lima-dm-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #2a2f45;
    color: #fff;
    font-weight: 800;
    font-size: .95rem;
}
.lima-dm-close {
    background: rgba(255,255,255,.08);
    color: #fff;
    border: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    cursor: pointer;
}
.lima-dm-body { display: flex; flex: 1; min-height: 0; }
.lima-dm-convs {
    width: 240px;
    border-right: 1px solid #2a2f45;
    overflow-y: auto;
    background: #171c2e;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.lima-dm-conv {
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    border-radius: 8px;
    padding: 6px 8px;
    cursor: pointer;
    text-align: left;
    color: #e8eaf0;
}
.lima-dm-conv.active { background: rgba(180,155,255,.15); }
.lima-dm-conv:hover { background: rgba(255,255,255,.06); }
.lima-dm-conv-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.lima-dm-conv-info { flex: 1; min-width: 0; }
.lima-dm-conv-title {
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lima-dm-conv-last {
    font-size: .68rem;
    /* Satır artık <div> olduğu için buton varsayılanı (600) burada açıkça korunur. */
    font-weight: 600;
    color: rgba(255,255,255,.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.lima-dm-conv-unread {
    background: #f43f5e;
    color: #fff;
    border-radius: 8px;
    font-size: .62rem;
    font-weight: 800;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
/* Sohbet satırının yanındaki "✕" (sohbeti sil / gruptan ayrıl) */
.lima-dm-conv-del {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: rgba(255,255,255,.45);
    font-size: .72rem;
    line-height: 1;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}
.lima-dm-conv-del:hover {
    background: #f43f5e;
    color: #fff;
}
.lima-dm-empty { color: rgba(255,255,255,.5); font-size: .78rem; text-align: center; padding: 20px 8px; }
.lima-dm-chat { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.lima-dm-chat-empty { color: rgba(255,255,255,.5); font-size: .8rem; text-align: center; padding: 30px; }
.lima-dm-chat-msgs {
    flex: 1;
    overflow-y: auto;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.lima-dm-msg {
    max-width: 78%;
    padding: 7px 11px;
    border-radius: 12px;
    font-size: .85rem;
    word-break: break-word;
    overflow-wrap: anywhere;
}
.lima-dm-msg.mine { align-self: flex-end; background: #4c2a8a; color: #fff; border-bottom-right-radius: 4px; }
.lima-dm-msg.theirs { align-self: flex-start; background: #262c4a; color: #e8eaf0; border-bottom-left-radius: 4px; }
.lima-dm-msg-time { display: block; font-size: .6rem; color: rgba(255,255,255,.45); margin-top: 3px; text-align: right; }
.lima-dm-input-row { position: relative; display: flex; gap: 8px; padding: 10px 14px; border-top: 1px solid #2a2f45; background: #171c2e; }
.lima-dm-input {
    flex: 1;
    background: #10142a;
    border: 1px solid #2a2f45;
    color: #fff;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: .85rem;
    outline: none;
}
.lima-dm-send {
    background: #b49bff;
    color: #141826;
    border: none;
    border-radius: 8px;
    font-weight: 800;
    font-size: .8rem;
    padding: 0 16px;
    cursor: pointer;
}
.lima-dm-emoji-btn {
    background: #10142a;
    color: #fff;
    border: 1px solid #2a2f45;
    border-radius: 8px;
    padding: 0 10px;
    cursor: pointer;
}
@media (max-width: 560px) {
    .lima-dm-convs { width: 150px; }
}

/* Emoji yönetim ızgaraları (Profile + CommunityAdmin) */
.lima-profile-emoji-grid,
.lima-comm-admin-emoji-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}
.lima-profile-emoji-item,
.lima-comm-admin-emoji-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    padding: 8px;
    min-width: 72px;
}
.lima-profile-emoji-item img,
.lima-comm-admin-emoji-item img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.lima-profile-emoji-name,
.lima-comm-admin-emoji-name {
    font-size: .62rem;
    color: rgba(255,255,255,.6);
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lima-profile-emoji-del,
.lima-comm-admin-emoji-del {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: none;
    background: #f43f5e;
    color: #fff;
    font-size: .68rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .15s;
}
.lima-profile-emoji-item:hover .lima-profile-emoji-del,
.lima-comm-admin-emoji-item:hover .lima-comm-admin-emoji-del {
    opacity: 1;
}
.lima-profile-emoji-add {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.lima-comm-modal h4 {
    margin: 0 0 16px;
    color: #fff;
}

.lima-comm-field {
    margin-bottom: 12px;
}

.lima-comm-field label {
    display: block;
    font-size: .8rem;
    font-weight: 700;
    color: rgba(255,255,255,.7);
    margin-bottom: 5px;
}

.lima-comm-field .lima-comm-input {
    width: 100%;
    display: block;
}

.lima-comm-check {
    display: flex;
    align-items: center;
    gap: 8px;
}

.lima-comm-error {
    margin-top: 10px;
    padding: 8px 12px;
    background: rgba(255,77,109,.15);
    border: 1px solid rgba(255,77,109,.5);
    border-radius: 8px;
    color: #ff8ba0;
    font-size: .82rem;
}

.lima-comm-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
}

/* ===== Sunucu içi görünüm (CommunityView) ===== */
.lima-comm-server-page {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 20px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    /* Grid tam ekranı doldursun: navbar absolute (yer kaplamaz) + banner 150px → kalan alan 100vh - 150px.
       Eski değer (-110px) grid'i 40px uzatıyordu; alt elemanlar (davet butonu / mesaj kutusu) viewport altına düşüyordu. */
    height: calc(100vh - 150px);
}

.lima-comm-notfound {
    max-width: 480px;
    margin: 60px auto;
    text-align: center;
    background: linear-gradient(160deg, rgba(20,22,40,.92), rgba(13,14,28,.95));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 20px;
    padding: 40px 24px;
}

.lima-comm-notfound-icon {
    font-size: 44px;
    margin-bottom: 12px;
}

.lima-comm-notfound h3 {
    margin: 0 0 16px;
}

.lima-comm-server {
    display: grid;
    grid-template-columns: 64px 240px 1fr 250px;
    gap: 0;
    height: 100%;
    background: #141826;
    border: 1px solid #2a2f45;
    border-radius: 14px;
    overflow: hidden;
}

/* En sol: Sunucu rayı (Discord tarzı) */
.lima-comm-server-rail {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 10px 0;
    background: rgba(13,14,28,.85);
    border-right: 1px solid rgba(255,255,255,.08);
    overflow-y: auto;
    min-height: 0;
}
.lima-comm-rail-item {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.12);
    background: #262c4a;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #b49bff;
    text-decoration: none;
    transition: border-radius .15s, border-color .15s;
}
.lima-comm-rail-item:hover { border-radius: 14px; border-color: #b49bff; }
.lima-comm-rail-item.active { border-color: #b49bff; border-radius: 14px; box-shadow: 0 0 10px rgba(180,155,255,.4); }
.lima-comm-rail-item img { width: 100%; height: 100%; object-fit: cover; }
.lima-comm-rail-home svg { width: 20px; height: 20px; }
.lima-comm-rail-divider {
    width: 28px;
    height: 2px;
    border-radius: 2px;
    background: rgba(255,255,255,.15);
    margin: 2px 0;
}
.lima-comm-server-back-row { padding: 10px 12px 4px; }
.lima-comm-server-back {
    font-size: .72rem;
    color: #b49bff;
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.lima-comm-server-back:hover { color: #d4c4ff; }
.lima-comm-admin-icon-preview {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    object-fit: cover;
    border: 2px solid rgba(255,255,255,.15);
}
.lima-comm-card-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.lima-comm-server-channels {
    border-right: 1px solid #2a2f45;
    background: #171c2e;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.lima-comm-server-head {
    padding: 14px;
    border-bottom: 1px solid #2a2f45;
}

.lima-comm-server-name {
    font-weight: 800;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-comm-server-meta {
    color: rgba(255,255,255,.5);
    font-size: .75rem;
    margin-top: 2px;
}

.lima-comm-channels-list {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-height: 0;
}

.lima-comm-channel {
    background: transparent;
    border: none;
    color: rgba(255,255,255,.75);
    text-align: left;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: .86rem;
    cursor: pointer;
}

.lima-comm-channel:hover {
    background: rgba(255,255,255,.06);
}

.lima-comm-channel.active {
    background: rgba(123,92,255,.18);
    color: #fff;
}

.lima-comm-server-actions {
    padding: 10px;
    border-top: 1px solid #2a2f45;
}

.lima-comm-server-actions .lima-comm-btn {
    width: 100%;
}

.lima-comm-invite-btn {
    background: rgba(255,217,102,.1);
    border: 1px dashed rgba(255,217,102,.4);
    color: #ffd966;
    border-radius: 10px;
    padding: 9px;
    margin: 0 10px 12px;
    cursor: pointer;
    font-size: .82rem;
    font-weight: 700;
}

/* Sunucudan ayrılma / sunucuyu kapatma (yıkıcı işlem) butonu */
.lima-comm-danger-btn {
    background: rgba(255,82,82,.08);
    border: 1px dashed rgba(255,82,82,.45);
    color: #ff8a8a;
    border-radius: 10px;
    padding: 9px;
    margin: 0 10px 12px;
    cursor: pointer;
    font-size: .82rem;
    font-weight: 700;
    width: calc(100% - 20px);
}

.lima-comm-danger-btn:hover {
    background: rgba(255,82,82,.18);
    border-style: solid;
}

/* Sohbet */
.lima-comm-server-chat {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background: #141826;
}

.lima-comm-chat-header {
    padding: 12px 16px;
    border-bottom: 1px solid #2a2f45;
    background: #171c2e;
}

.lima-comm-chat-title {
    font-weight: 700;
    font-size: .95rem;
}

.lima-comm-chat-messages {
    flex: 1;
    overflow-y: auto;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

.lima-comm-chat-empty {
    color: #8b93a7;
    text-align: center;
    padding: 30px;
    font-size: .9rem;
}

.lima-comm-msg {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.lima-comm-msg.mine {
    justify-content: flex-end;
}

.lima-comm-msg.theirs {
    justify-content: flex-start;
}

.lima-comm-msg-body {
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%;
    max-width: 78%;
}

.lima-comm-msg.mine .lima-comm-msg-body {
    align-items: flex-end;
}

.lima-comm-msg.theirs .lima-comm-msg-body {
    align-items: flex-start;
}

.lima-comm-msg-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    background: #2a2f45;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: .8rem;
    color: #fff;
    flex-shrink: 0;
}

.lima-comm-msg-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lima-comm-msg-sender {
    font-size: .7rem;
    color: #b49bff;
    font-weight: 700;
    margin-bottom: 2px;
    padding: 0 4px;
}

.lima-comm-msg-sender-real {
    font-size: .62rem;
    color: rgba(232, 234, 240, .45);
    font-weight: 500;
    margin-left: 2px;
    padding: 0 2px;
}

.lima-comm-msg-bubble {
    width: fit-content;
    max-width: 100%;
    background: #262c4a;
    color: #e8eaf0;
    border-radius: 12px;
    padding: 8px 12px;
    font-size: .86rem;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.lima-comm-msg.mine .lima-comm-msg-bubble {
    background: #7a5cff;
}

.lima-comm-msg-time {
    font-size: .65rem;
    color: #9aa3b8;
    text-align: right;
    margin-top: 3px;
}

.lima-comm-msg-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
}

.lima-comm-msg-actions {
    display: inline-flex;
    gap: 2px;
    margin-left: auto;
    opacity: 0;
    transition: opacity .15s;
}

.lima-comm-msg:hover .lima-comm-msg-actions,
.lima-comm-msg-actions:focus-within {
    opacity: 1;
}

.lima-comm-msg-action {
    background: none;
    border: none;
    cursor: pointer;
    font-size: .8rem;
    line-height: 1;
    padding: 3px 5px;
    border-radius: 6px;
    color: rgba(255,255,255,.6);
    transition: background .15s, color .15s;
}

.lima-comm-msg-action:hover {
    background: rgba(255,255,255,.1);
    color: #fff;
}

.lima-comm-msg-reply {
    display: flex;
    gap: 6px;
    align-items: baseline;
    background: rgba(123,92,255,.12);
    border-left: 2px solid #7a5cff;
    border-radius: 6px;
    padding: 3px 8px;
    margin: 2px 0 2px 4px;
    max-width: 90%;
    font-size: .72rem;
    cursor: pointer;
}

.lima-comm-msg-reply-name {
    color: #b49bff;
    font-weight: 700;
    white-space: nowrap;
}

.lima-comm-msg-reply-text {
    color: rgba(255,255,255,.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lima-comm-msg-img {
    max-width: 240px;
    max-height: 200px;
    border-radius: 8px;
    display: block;
}

.lima-comm-msg-file {
    color: #7fb0ff;
    text-decoration: none;
    font-size: .85rem;
}

.lima-comm-chat-input {
    display: flex;
    gap: 8px;
    padding: 12px 14px;
    border-top: 1px solid #2a2f45;
    background: #171c2e;
}

.lima-comm-chat-input-field {
    flex: 1;
    background: #10142a;
    border: 1px solid #2a2f45;
    color: #fff;
    border-radius: 8px;
    padding: 9px 12px;
    font-size: .88rem;
    outline: none;
}

.lima-comm-chat-input-field:focus {
    border-color: #7a5cff;
}

.lima-comm-chat-input-wrap {
    background: #171c2e;
    position: relative;
}

/* Topluluk sohbeti — dosya/fotoğraf ekleme */
.lima-comm-hidden-file {
    display: none;
}

.lima-comm-uploading {
    display: inline-flex;
    align-items: center;
    color: #7a5cff;
    font-size: .75rem;
    white-space: nowrap;
}

.lima-comm-reply-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px 0;
    font-size: .78rem;
    color: rgba(255,255,255,.7);
}

.lima-comm-reply-bar-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.lima-comm-reply-bar-close {
    background: none;
    border: none;
    color: rgba(255,255,255,.6);
    cursor: pointer;
    font-size: .8rem;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 6px;
}

.lima-comm-reply-bar-close:hover {
    background: rgba(255,255,255,.1);
    color: #fff;
}

.lima-comm-chat-readonly {
    flex: 1;
    color: rgba(255,255,255,.4);
    font-size: .8rem;
    padding: 10px;
    text-align: center;
}

/* Üyeler */
.lima-comm-server-members {
    border-left: 1px solid #2a2f45;
    background: #171c2e;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.lima-comm-members-title {
    padding: 12px 14px;
    border-bottom: 1px solid #2a2f45;
    font-weight: 800;
    font-size: .85rem;
}

.lima-comm-members-list {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
    min-height: 0;
}

.lima-comm-member {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 8px;
}

.lima-comm-member:hover {
    background: rgba(255,255,255,.04);
}

.lima-comm-member-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    background: #2a2f45;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.lima-comm-member-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lima-comm-member-info {
    min-width: 0;
}

.lima-comm-member-name {
    font-size: .82rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-comm-member-real {
    font-size: .62rem;
    color: rgba(232, 234, 240, .45);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-comm-member-roles {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.lima-comm-role-pill {
    font-size: .65rem;
    font-weight: 700;
}

/* Üye listesindeki at/kick (👢) + yasakla (🚫) işaretleri — modlar/site sahibi görür */
.lima-comm-member-ban,
.lima-comm-member-kick {
    flex-shrink: 0;
    background: none;
    border: none;
    font-size: .95rem;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 6px;
    opacity: .55;
    line-height: 1;
    transition: opacity .15s, background .15s;
}

.lima-comm-member-kick {
    margin-left: auto;
}

.lima-comm-member-kick:hover {
    opacity: 1;
    background: rgba(92,155,255,.18);
}

.lima-comm-member-ban:hover {
    opacity: 1;
    background: rgba(255,77,109,.18);
}

/* ===== Sunucu Yönetimi (CommunityAdmin) ===== */
.lima-comm-admin-page {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 32px 20px 90px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.lima-comm-admin {
    max-width: 1000px;
    margin: 0 auto;
    background: linear-gradient(160deg, rgba(20,22,40,.92), rgba(13,14,28,.95));
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    padding: 26px;
    box-shadow: 0 24px 60px rgba(0,0,0,.5);
}

.lima-comm-admin-header {
    margin-bottom: 18px;
}

.lima-comm-back {
    display: inline-block;
    color: #9b8cff;
    text-decoration: none;
    font-size: .85rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.lima-comm-admin-title {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 800;
}

.lima-comm-admin-tabs {
    display: flex;
    gap: 6px;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: 12px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.lima-comm-admin-tab {
    background: transparent;
    border: 1px solid transparent;
    color: rgba(255,255,255,.6);
    font-weight: 700;
    padding: 9px 18px;
    border-radius: 20px;
    cursor: pointer;
    font-size: .85rem;
}

.lima-comm-admin-tab.active {
    background: rgba(91,64,255,.18);
    border-color: #5c9bff;
    color: #fff;
}

.lima-comm-admin-section h3 {
    margin: 0 0 14px;
    font-size: 1.05rem;
}

.lima-comm-admin-row {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.lima-comm-admin-row .lima-comm-input {
    min-width: 140px;
    flex: 1;
}

.lima-comm-admin-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lima-comm-admin-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    flex-wrap: wrap;
}

.lima-comm-admin-item-actions {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.lima-comm-admin-item-head {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.lima-comm-admin-item-roles {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.lima-comm-role-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
}

.lima-comm-role-remove {
    border: none;
    background: rgba(0,0,0,.25);
    color: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-size: 9px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.lima-comm-role-remove:hover {
    background: rgba(0,0,0,.45);
}

.lima-comm-perm-box {
    margin-top: 16px;
    padding: 16px;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(123,92,255,.3);
    border-radius: 12px;
}

.lima-comm-perm-box h4 {
    margin: 0 0 12px;
    font-size: .95rem;
}

.lima-comm-perm-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.lima-comm-perm-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.lima-comm-perm-check {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .85rem;
    color: rgba(255,255,255,.8);
}

.lima-comm-perm-hint {
    display: block;
    margin-top: 8px;
    font-size: .78rem;
    color: rgba(255,255,255,.45);
}

.lima-comm-admin-hint {
    font-size: .8rem;
    color: rgba(255,255,255,.55);
    margin: 0 0 10px;
}

.lima-comm-admin-section textarea.lima-comm-input {
    width: 100%;
    resize: vertical;
    margin-bottom: 10px;
}

/* Karşılama mesajı — duyuru kanalının üstünde gösterilir */
.lima-comm-welcome {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 10px 14px 4px;
    padding: 14px;
    background: linear-gradient(135deg, rgba(123,92,255,.16), rgba(92,155,255,.10));
    border: 1px solid rgba(123,92,255,.35);
    border-radius: 12px;
}

.lima-comm-welcome-icon {
    font-size: 1.6rem;
    flex-shrink: 0;
}

/* ====== Ürün Detay Sayfası + Teknik Özellikler ====== */
.lima-product-detail-section {
    position: relative;
    padding: 40px 20px 80px;
    color: #fff;
    overflow: hidden;
}

.lima-product-detail-section .lima-parallax-bg {
    display: none;
}

.lima-product-detail-container {
    max-width: 1100px;
    margin: 0 auto;
}

.lima-product-detail-top {
    margin-bottom: 18px;
}

.lima-product-detail-card {
    display: flex;
    gap: 40px;
    background: rgba(255,255,255,0.05);
    border-radius: 22px;
    padding: 34px;
    align-items: flex-start;
}

.lima-product-detail-image {
    position: relative;
    flex: 0 0 42%;
    max-width: 42%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.25);
    border-radius: 16px;
    padding: 24px;
    min-height: 320px;
}

.lima-product-detail-image img {
    max-width: 100%;
    max-height: 380px;
    border-radius: 12px;
    object-fit: contain;
}

.lima-product-detail-info {
    flex: 1 1 auto;
    min-width: 0;
}

.lima-product-detail-info .lima-main-title {
    font-size: 2rem;
    margin: 10px 0 18px;
    line-height: 1.25;
}

.lima-product-detail-price {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.6rem;
    margin-bottom: 24px;
}

.lima-product-detail-price .bz-price-amount {
    font-size: 1.5em;
}

.lima-product-detail-actions {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.lima-product-detail-actions .lima-buy-btn {
    box-shadow: 0 0 18px rgba(92,155,255,0.55);
}

.lima-product-code {
    display: inline-block;
    margin: 0 0 16px;
    padding: 6px 14px;
    font-size: 14px;
    color: #ffd966;
    background: rgba(255,217,102,0.08);
    border: 1px solid rgba(255,217,102,0.35);
    border-radius: 20px;
}

.lima-spec-card {
    margin-top: 34px;
    background: rgba(255,255,255,0.05);
    border-radius: 22px;
    padding: 30px;
}

.lima-spec-card .lima-highlight {
    margin-bottom: 18px;
}

.lima-spec-table {
    width: 100%;
    border-collapse: collapse;
}

.lima-spec-table tr {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.lima-spec-table tr:last-child {
    border-bottom: none;
}

.lima-spec-name {
    width: 32%;
    padding: 14px 16px;
    font-weight: 600;
    color: #9b5cff;
    background: rgba(155,92,255,0.08);
    border-right: 1px solid rgba(255,255,255,0.08);
    vertical-align: top;
}

.lima-spec-value {
    padding: 14px 18px;
    color: #e8e8f0;
    vertical-align: top;
}

/* Karttan detaya gitme (tıklanabilir görsel / isim) */
.lima-product-card .lima-card-click {
    cursor: pointer;
    transition: color 0.2s ease;
}

.lima-product-card .lima-card-click:hover h3 {
    color: #9b5cff;
}

.lima-product-card .lima-product-image-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}

.lima-product-card .lima-product-image-wrap img {
    display: block;
    margin-bottom: 0;
}

.lima-product-card .lima-product-image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 14px;
    z-index: 1;
}

.lima-product-card:hover .lima-product-image-wrap::after {
    opacity: 1;
}

.lima-card-detail-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0;
    background: linear-gradient(135deg,#5c9bff,#9b5cff);
    color: #fff;
    padding: 9px 18px;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    z-index: 2;
    white-space: nowrap;
    transition: transform 0.3s ease, opacity 0.3s ease;
    box-shadow: 0 0 16px rgba(92,155,255,0.6);
}

.lima-product-card:hover .lima-card-detail-overlay {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* Wishlist sayfası */
.lima-wishlist-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 20px;
    padding: 10px 0 30px;
}
.lima-wishlist-item-status {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 6;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
}
.lima-wishlist-badge {
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
}
.lima-wishlist-badge--bought { background: rgba(126,240,255,.2); color: #7ef0ff; border: 1px solid #7ef0ff; }
.lima-wishlist-badge--gone { background: rgba(255,255,255,.08); color: #9aa0a6; border: 1px solid #555; }
.lima-wishlist-badge--group { background: rgba(255,61,113,.2); color: #ff9db8; border: 1px solid #ff3d71; }

.lima-wishlist-group-overlay {
    margin: 6px 0;
    padding: 6px 10px;
    background: rgba(255,61,113,.12);
    border: 1px solid rgba(255,61,113,.35);
    border-radius: 8px;
    font-size: 12px;
    color: #ffd966;
}
.lima-wishlist-meta { font-size: 12px; color: rgba(255,255,255,.55); margin: 4px 0; }
.lima-wishlist-note { font-size: 12px; color: #ffd966; margin: 4px 0; }
.lima-wishlist-buyers { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0; }
.lima-wishlist-buyer {
    font-size: 11px;
    color: #7ef0ff;
    background: rgba(126,240,255,.12);
    border: 1px solid rgba(126,240,255,.35);
    padding: 2px 7px;
    border-radius: 10px;
}
.lima-wishlist-notes { margin: 6px 0; display: flex; flex-direction: column; gap: 6px; }
.lima-wishlist-note-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.lima-wishlist-note-text { font-size: 12px; color: #ffd966; }
.lima-wishlist-note-report { font-size: 11px; color: #ff6b6b; text-decoration: none; border: 1px solid rgba(255,107,107,.4); padding: 2px 8px; border-radius: 10px; }

.lima-wishlist-item-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin-top: 6px;
}
.lima-wishlist-item-actions .lima-buy-btn {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    position: static;
    transform: none;
    opacity: 1;
    margin: 0;
    padding: 10px 12px;
    white-space: normal;
}
/* Kart hover'ında genel kural butonlara translateX(-50%) uygulayıp sola kaydırıyor; wishlist'te iptal edilir. */
.lima-product-card:hover .lima-wishlist-item-actions .lima-buy-btn {
    transform: none;
}

.lima-card-detail-overlay:hover {
    background: linear-gradient(135deg,#9b5cff,#5c9bff);
}

@media (max-width: 860px) {
    .lima-product-detail-card {
        flex-direction: column;
    }

    .lima-product-detail-image {
        flex: 1 1 auto;
        max-width: 100%;
        width: 100%;
    }
}

.lima-comm-welcome-text {
    font-size: .9rem;
    color: #e8eaf0;
    white-space: pre-wrap;
    word-break: break-word;
}

@media (max-width: 900px) {
    .lima-comm-server {
        grid-template-columns: 64px 200px 1fr;
    }

    .lima-comm-server-members {
        display: none;
    }
}

@media (max-width: 560px) {
    .lima-comm-server {
        grid-template-columns: 1fr;
        height: auto;
    }

    .lima-comm-server-rail {
        display: none;
    }

    .lima-comm-server-channels {
        border-right: none;
        border-bottom: 1px solid #2a2f45;
        max-height: 180px;
    }

    .lima-comm-server-page {
        height: auto;
        padding: 10px;
    }

    .lima-comm-server-chat {
        height: 60vh;
    }
}

/*****************************
    TOPLULUK SUNUCULARI (COMMUNITY) BİTTİ
*****************************/

/* Hesabı Kalıcı Kapatma (Profil) */
.lima-profile-btn-danger {
    font-family: 'Audiowide', cursive;
    background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
    color: #fff;
    border: 1px solid rgba(220, 38, 38, 0.5);
    padding: 14px 36px;
    font-size: 13px;
    letter-spacing: 2px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 0 20px rgba(220, 38, 38, 0.35);
}

    .lima-profile-btn-danger:hover {
        transform: translateY(-3px);
        box-shadow: 0 0 30px rgba(220, 38, 38, 0.6), 0 10px 20px rgba(0, 0, 0, 0.3);
    }

/* Profil "Hesabımı Kalıcı Olarak Kapat" ana butonunu KÜÇÜLT ve TEK SATIRDA tut
   (doğrudan alt buton — onay modalındaki "ONAYLA VE KAPAT" butonunu etkilemez).
   Küçük, sönük ve tek satır → yanlışlıkla basılmayı caydırır. Hesap zaten yalnızca
   e-posta/GSM'e gönderilen doğrulama kodu girilince kapanır (iki adımlı). */
.lima-profile-actions > .lima-profile-btn-danger {
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 0;
    line-height: 1.2;
    padding: 5px 12px;
    font-size: 10px;
    letter-spacing: .4px;
    white-space: nowrap;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(220, 38, 38, 0.25);
    opacity: .85;
}

    .lima-profile-actions > .lima-profile-btn-danger:hover {
        transform: translateY(-1px);
        box-shadow: 0 0 14px rgba(220, 38, 38, 0.45);
        opacity: 1;
    }

    .lima-profile-actions > .lima-profile-btn-danger:active {
        transform: translateY(0);
    }

/* Pasif (disabled) glow butonları: soluk renk + tıklanamaz görünüm */
.lima-profile-btn-glow:disabled,
.lima-profile-btn-glow:disabled:hover {
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: none;
    transform: none;
    cursor: not-allowed;
}

    .lima-profile-btn-glow:disabled::before {
        display: none;
    }

/* ===== Hazır (varsayılan) profil fotoğrafları — Profil sayfası ===== */
.lima-default-photos {
    width: 100%;
    max-width: 230px;
    margin-top: .6em;
    padding: .8em .7em;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 14px;
}

.lima-default-photos-title {
    text-align: center;
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .14em;
    color: rgba(255,255,255,.6);
    margin-bottom: .6em;
}

.lima-default-photos-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .45em;
}

.lima-default-photo-item {
    position: relative;
    cursor: pointer;
    border-radius: 50%;
    padding: 2px;
    border: 2px solid rgba(255,255,255,.14);
    transition: all .2s ease;
    aspect-ratio: 1 / 1;
}

    .lima-default-photo-item img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        display: block;
    }

    .lima-default-photo-item:hover {
        border-color: rgba(139,92,246,.8);
        transform: scale(1.08);
    }

.lima-default-photo-selected {
    border-color: #ff8c00;
    box-shadow: 0 0 12px rgba(255,140,0,.55);
}

.lima-default-photo-badge {
    position: absolute;
    bottom: -3px;
    right: -3px;
    background: #ff0080;
    color: #fff;
    border-radius: 8px;
    font-size: 7px;
    font-weight: 700;
    padding: 1px 4px;
    line-height: 1.2;
}

.lima-default-photo-lock {
    position: absolute;
    top: -5px;
    left: -5px;
    font-size: 12px;
    background: rgba(0,0,0,.55);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lima-default-photos-note {
    margin-top: .6em;
    font-size: .55rem;
    color: rgba(255,255,255,.5);
    text-align: center;
    line-height: 1.4;
}

/* ============================================================
   HEADER V2 — İKİ SATIRLI HEADER + ARAMA + İKON PANELLERİ
   (BrichZone header yeniden tasarımı — 2026-08-28)
   Bu blok dosya sonunda olduğu için yukarıdaki eski tek satırlı
   .lima-navbar kurallarını bilinçli olarak EZER.
   NOT: .lima-navbar-left (profil avatarı + BrichZone logosu) ve
   .lima-nav (6 ana menü linki) KESİNLİKLE DEĞİŞTİRİLMEZ.
   ============================================================ */

/* -- Navbar artık iki satırdan oluşuyor -- */
/* KRİTİK: Orijinal .lima-navbar yatay/dikey padding'i KORUNUR (profil avatarı + BrichZone
   logosu birebir aynı konumda kalsın diye). Satırlar kendi padding'i uygulamaz. */
.lima-navbar {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    /* Header'ın TAMAMI (1. + 2. satır) tek bir koyu gradyanla kaplanır:
       üstte daha koyu, alta doğru hafif açılır — parlak slider üzerinde menülerin
       okunabilirliği için. (Mobilde ≤768 ayrı sabit zemin kullanır.) */
    background: linear-gradient(180deg, rgba(10, 7, 20, 0.95) 0%, rgba(10, 7, 20, 0.82) 55%, rgba(10, 7, 20, 0.62) 100%);
    padding: 0.5rem 4rem;
}

.lima-navbar-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

/* 1. Satır: profil+logo | ana menü | hamburger */
/* Oyunlar/Kurumsal dropdown menüsü 2. satırdaki arama/ikonların (z-9600) ÜZERİNDE
   kalmalı, yoksa alt menü arama inputunun arkasında kalır. */
.lima-navbar-top {
    position: relative;
    z-index: 9700;
}

/* KRİTİK: profil avatarı + BrichZone logosu (navbar-left) ASLA küçülmemeli
   (flex-shrink 0) — orijinal 140px logo boyutunu korur. */
.lima-navbar-left {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* Ana menü: logonun hemen yanında başlar. Nav tüm genişliği doldurur (flex:1).
   Mağazam (lima-nav-store) artık Yardım Merkezi'nin hemen yanında akış içindedir
   (sağa yaslanmaz). Avatar telafi padding almaz → alt satırdaki arama kutusuyla
   aynı x'te başlar. */
.lima-navbar-top .lima-nav {
    flex: 1 1 auto;
    margin: 0;
}

/* 2. Satır: arama (sol) + ikonlar (sağ). Arka plan çubuğu navbar padding'ini negatif
   margin ile aşarak TAM GENİŞLİĞE yayılır; içerik yine 10rem'den başlar. */
.lima-navbar-bottom {
    margin: 0 -4rem;
    padding: 0.5rem 4rem;
    border-top: 1px solid rgba(139, 92, 246, 0.25);
    background: transparent;
}

/* Hamburger (1. satır) — masaüstünde gizli, mobilde görünür.
   z-index mobilde açılan tam ekran menünün (9990) ÜZERİNDE olmalı ki menü açıkken
   tekrar tıklanıp kapatılabilsin. */
.lima-navbar-top .lima-hamburger {
    display: none;
    flex-direction: column;
    cursor: pointer;
    gap: 5px;
    z-index: 99999;
    position: relative;
    flex-shrink: 0;
    margin-left: auto;
    transition: transform 0.3s ease;
}

/* Menü açıkken hamburger → X işaretine dönüşür (kapatma ipucu) */
.lima-navbar-top .lima-hamburger.lima-hamburger-active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

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

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

.lima-navbar-top .lima-hamburger span {
    transition: transform 0.3s ease, opacity 0.2s ease;
}

/* ================= ARAMA KUTUSU ================= */
/* max-width kaldırıldı: arama kutusu 2. satırda soldan ikon kümesine (bildirim)
   kadar genişler (flex:1) — kullanıcı isteği.
   display:block + padding/margin sıfır: dosyadaki ESKİ .lima-search-box
   (display:flex; padding:0 15px; margin-bottom) kuralını ez — aksi halde
   input-sarmalayıcı tam genişliğe yayılmıyordu (sadece içerik genişliği). */
.lima-search-box {
    position: relative;
    display: block;
    flex: 1 1 auto;
    max-width: none;
    margin: 0;
    padding: 0;
    z-index: 9600; /* ikon paneli overlay'inin üstünde kalır → input her zaman tıklanabilir */
}

.lima-search-input-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(10, 8, 24, 0.65);
    border: 1px solid rgba(139, 92, 246, 0.35);
    border-radius: 24px;
    padding: 0 14px;
    height: 40px;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.lima-search-box:focus-within .lima-search-input-wrap {
    border-color: rgba(168, 85, 247, 0.9);
    box-shadow: 0 0 12px rgba(168, 85, 247, 0.35), 0 0 24px rgba(0, 212, 255, 0.15);
    background: rgba(15, 10, 32, 0.92);
}

.lima-search-icon {
    color: #a78bfa;
    flex-shrink: 0;
}

.lima-search-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 0.9rem;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    height: 100%;
    padding: 0; /* eski .lima-search-box input kuralındaki padding:12px 0'ı ez */
}

.lima-search-input::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

/* Arama sonuçları — görünürlük :focus-within ile (dışarı tıklayınca input blur olur → panel kapanır) */
.lima-search-results {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #161426;
    border: 1px solid rgba(139, 92, 246, 0.35);
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(139, 92, 246, 0.15);
    padding: 6px;
    max-height: 420px;
    overflow-y: auto;
    z-index: 9700;
}

.lima-search-box:focus-within .lima-search-results {
    display: block;
}

.lima-search-status {
    padding: 14px 12px;
    color: #8b93a7;
    font-size: 0.85rem;
    text-align: center;
}

.lima-search-result {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    text-decoration: none;
    transition: background .15s ease;
}

.lima-search-result:hover {
    background: rgba(139, 92, 246, 0.15);
}

.lima-search-result-img {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: cover;
    background: rgba(255, 255, 255, 0.05);
    flex-shrink: 0;
}

.lima-search-result-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lima-search-result-name {
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-search-result-price {
    color: #c084fc;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 4px;
}

/* ================= İKON SATIRI (2. satır sağ) ================= */
/* İkonlar + arama, panel overlay'inin (z-index 9500) ÜZERİNDE kalmalı ki
   panel açıkken diğer ikona tek tıkla geçilebilsin (dış tıklama yine overlay'e düşer). */
.lima-nav-icons {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-shrink: 0;
    position: relative;
    z-index: 9600;
}

.lima-nav-icon {
    position: relative;
    cursor: pointer;
}

/* İkon butonu: kare vurgulu, mevcut neon stil ile uyumlu */
.lima-icon-btn-trigger {
    position: relative;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(20, 10, 40, 0.12);
    border: 2px solid rgba(255, 255, 255, 0.08);
    color: #fff;
    cursor: pointer;
    padding: 0;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.lima-icon-btn-trigger:hover,
.lima-nav-icon.lima-icon-btn.open .lima-icon-btn-trigger {
    transform: scale(1.06);
    box-shadow: 0 0 12px rgba(200, 160, 255, 0.85), 0 0 28px rgba(122, 91, 255, 0.85);
    border-color: rgba(200, 160, 255, 0.7);
}

.lima-icon-btn-svg {
    width: 22px;
    height: 22px;
    display: block;
}

/* Kırmızı rozet (bildirim / arkadaşlık / mesaj) */
.lima-icon-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 10px;
    background: linear-gradient(135deg, #ff0080 0%, #ff2d55 60%, #ff5252 100%);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    line-height: 18px;
    text-align: center;
    box-shadow: 0 0 8px rgba(255, 0, 128, 0.8);
    z-index: 5;
}

/* ================= İKON AÇILIR PANELLERİ ================= */
.lima-icon-panel {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 340px;
    max-width: calc(100vw - 24px);
    background: linear-gradient(180deg, #171430 0%, #120f26 100%);
    border: 1px solid rgba(139, 92, 246, 0.35);
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7), 0 0 24px rgba(139, 92, 246, 0.18);
    padding: 6px;
    z-index: 9600;
    max-height: 420px;
    overflow-y: auto;
    animation: lima-panel-in .16s ease;
}

@keyframes lima-panel-in {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

.lima-icon-panel-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: background .15s ease;
}

.lima-icon-panel-item:hover {
    background: rgba(139, 92, 246, 0.14);
}

.lima-icon-panel-item--action {
    cursor: pointer;
}

.lima-icon-panel-arrow {
    color: #8b93a7;
    font-size: 1.2rem;
    line-height: 1;
    flex-shrink: 0;
    align-self: center;
    transition: transform .15s ease;
}

.lima-icon-panel-item--action:hover .lima-icon-panel-arrow {
    transform: translateX(2px);
    color: #c4b5fd;
}

.lima-icon-panel-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    background: #2a2f45;
    flex-shrink: 0;
    border: 1px solid rgba(139, 92, 246, 0.4);
}

.lima-icon-panel-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.lima-icon-panel-title {
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-icon-panel-sub {
    color: #8b93a7;
    font-size: 0.78rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lima-icon-panel-time {
    color: #6b7280;
    font-size: 0.72rem;
    flex-shrink: 0;
    align-self: flex-start;
}

.lima-icon-panel-unread {
    background: linear-gradient(135deg, #7a5cff 0%, #00c2ff 100%);
    color: #fff;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    flex-shrink: 0;
}

.lima-icon-panel-empty {
    color: #8b93a7;
    padding: 18px 12px;
    text-align: center;
    font-size: 0.85rem;
}

.lima-icon-panel-footer {
    display: block;
    text-align: center;
    padding: 10px;
    color: #c084fc;
    font-size: 0.82rem;
    font-weight: 600;
    border-top: 1px solid rgba(139, 92, 246, 0.15);
    margin-top: 4px;
    text-decoration: none;
}

.lima-icon-panel-footer:hover {
    color: #fff;
    text-shadow: 0 0 8px rgba(192, 132, 252, 0.8);
}

/* Arkadaşlık isteği: Kabul / Reddet */
.lima-friend-request {
    align-items: flex-start;
}

.lima-friend-actions {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.lima-btn-accept,
.lima-btn-reject {
    border: none;
    border-radius: 8px;
    padding: 7px 16px;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    transition: transform .15s ease, box-shadow .15s ease;
}

.lima-btn-accept {
    background: linear-gradient(135deg, #7b2fff 0%, #00c2ff 100%);
    color: #fff;
}

.lima-btn-accept:hover {
    transform: scale(1.05);
    box-shadow: 0 0 12px rgba(0, 194, 255, 0.6);
}

.lima-btn-reject {
    background: rgba(239, 68, 68, 0.12);
    color: #ff7b7b;
    border: 1px solid rgba(239, 68, 68, 0.5);
}

.lima-btn-reject:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(239, 68, 68, 0.4);
    background: rgba(239, 68, 68, 0.2);
}

/* Mağazam butonu (mevcut vurgu stili korunur) */
.lima-store-btn {
    display: flex;
    align-items: center;
}

.lima-store-label {
    white-space: nowrap;
}

/* BZ ikonunu fiyatla AYNI SATIRDA dikey ortalar (ikon 44-46px, yazı 16px —
   eski hali ikon alta kayıyordu). */
.lima-basket-price,
.lima-basket-total,
.lima-basket-line .value,
.lima-basket-summary-total .value {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.lima-basket-total {
    justify-content: flex-end;
}

.lima-basket-line .value,
.lima-basket-summary-total .value {
    justify-content: flex-end;
}

/* CheckOut özetindeki tutar/değer alanları: BZ ikonunu yazıyla dikey ortala */
.lima-amount,
.lima-balance,
.lima-summary-row strong,
.lima-balance-warning strong {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Ürün sayfası — arama filtresi bilgi satırı */
.lima-search-notice {
    margin-top: 8px;
    color: #c084fc;
    font-size: 0.9rem;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    text-shadow: none;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.lima-search-clear {
    color: #fff;
    border: 1px solid rgba(139, 92, 246, 0.5);
    border-radius: 6px;
    padding: 3px 12px;
    font-size: 0.78rem;
    transition: all 0.2s ease;
}

.lima-search-clear:hover {
    background: rgba(139, 92, 246, 0.2);
    box-shadow: 0 0 10px rgba(139, 92, 246, 0.4);
}

/* Panellerden dışarı tıklamayla kapatma katmanı */
.lima-header-overlay {
    position: fixed;
    inset: 0;
    z-index: 9500;
    background: transparent;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
    .lima-navbar {
        padding: 0.5rem 1.5rem;
    }

    .lima-navbar-bottom {
        margin: 0 -1.5rem;
        padding: 0.5rem 1.5rem;
    }

    /* Üst satır gradyanı da ≤992px'de yeni padding'e göre tam genişliğe yayılır */
    .lima-navbar-top {
        margin: 0 -1.5rem;
        padding: 0.5rem 1.5rem;
    }
}

@media (max-width: 1200px) {
    .lima-navbar {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(5, 5, 12, 0.88);
        z-index: 9997;
        padding: 1rem 1.5rem;
    }

    .lima-navbar-row {
        padding: 0;
    }

    /* 1. satır: profil+logo (sol) + hamburger */
    .lima-navbar-top {
        gap: 0.5rem;
        align-items: center;
    }

    .lima-navbar-top .lima-hamburger {
        display: flex !important;
    }

    /* 2. satır: dikey diz — üstte ikonlar, altta tam genişlik arama */
    .lima-navbar-bottom {
        flex-direction: column;
        align-items: stretch;
        gap: 0.6rem;
        margin: 0 -1.5rem;
        padding: 0.5rem 1.5rem;
    }

    .lima-nav-icons {
        display: flex !important;
        position: relative !important;
        right: auto;
        top: auto;
        width: 100%;
        justify-content: flex-end;
        gap: 0.45rem;
        order: 1;
        margin-top: 0;
        z-index: 9600;
    }

    .lima-search-box {
        width: 100%;
        max-width: none;
        order: 2;
        z-index: 9600;
    }

    /* Mobilde BZ logosu (köpek kafası yerine) — görünür boyutta */
    .lima-navbar-top .lima-logo-mobile {
        width: 100px !important;
        max-width: 42vw;
        height: auto;
    }

    /* İkonlar mobilde küçülür */
    .lima-icon-btn-trigger {
        width: 38px;
        height: 38px;
    }

    .lima-icon-btn-svg {
        width: 20px;
        height: 20px;
    }

    .neon-cart-wrapper {
        width: 38px;
        height: 38px;
    }

    .neon-cart-icon {
        width: 22px;
        height: 22px;
    }

    /* Mağazam mobilde ikon-only */
    .lima-store-label {
        display: none;
    }

    .lima-store-btn .store-link {
        padding: 0.4rem 0.55rem;
        font-size: 0;
    }

    .lima-store-btn .store-link svg {
        margin-right: 0 !important;
    }

    /* Açılır paneller mobilde ekran genişliğini taşırmaz */
    .lima-icon-panel {
        position: fixed;
        top: auto;
        right: 10px;
        left: 10px;
        width: auto;
        max-width: none;
        max-height: 60vh;
    }

    /* Mobilde hamburger ile açılan ana menü: tam ekran panel */
    .lima-nav.lima-nav-active {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        margin: 0;
        background: rgba(8, 7, 18, 0.98);
        padding: 120px 20px 30px;
        overflow-y: auto;
        z-index: 9990;
        border-radius: 0;
        border-top: none;
    }
}

@media (max-width: 480px) {
    .lima-nav-icons {
        gap: 0.35rem;
    }

    .lima-icon-btn-trigger {
        width: 36px;
        height: 36px;
    }

    .lima-icon-btn-svg {
        width: 19px;
        height: 19px;
    }

    .neon-cart-wrapper {
        width: 36px;
        height: 36px;
    }
}
/* ===============================
   HEADER V2 — ÜST MENÜ: Mağazam + Sepetim (ikon + yazı)
   =============================== */
.lima-navbar-top .lima-nav .lima-nav-store {
    display: flex;
    align-items: center;
}

.lima-navbar-top .lima-nav .lima-nav-store a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

/* Mağazam — Sepetim gibi çerçeveli buton görünümü (ikon + yazı) */
.lima-navbar-top .lima-nav .lima-nav-store a {
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    padding: 0.35rem 0.7rem;
    border: 2px solid #fff;
    border-radius: 6px;
    background: transparent;
    transition: all 0.3s ease;
}

.lima-navbar-top .lima-nav .lima-nav-store a:hover {
    transform: scale(1.08);
    box-shadow: 0 0 10px rgba(200, 160, 255, 0.7), 0 0 20px rgba(200, 160, 255, 0.5);
    border-color: #c8a0ff;
    color: #fff !important;
}

/* Mobil: üst menüdeki Mağazam tam genişlik satır olarak */
@media (max-width: 900px) {
    .lima-navbar-top .lima-nav .lima-nav-store a {
        justify-content: center;
        width: 100%;
    }
}

/* Üst menü: yazıların 2 satıra taşmasını önle (nowrap) + ferah boşluk.
   Yazılar büyütüldü (0.9rem) — 4rem padding yeterli alan sağlıyor. */
.lima-navbar-top .lima-nav {
    gap: 0.8rem;
}

.lima-navbar-top .lima-nav > li > a {
    white-space: nowrap;
    font-size: 0.9rem;
}

/* Dar ekranlarda (≤1320) nav taşmasın diye boşluk azaltılır; geniş ekranda ferah kalır. */
@media (max-width: 1320px) {
    .lima-navbar-top .lima-nav {
        gap: 0.4rem;
    }
}

/* ===============================
   HEADER V2 — 2. SATIR Sepetim butonu (ikon + yazı + çerçeve; sayaç sağda)
   =============================== */
.lima-nav-cart {
    position: relative;
}

.lima-nav-cart-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    padding: 0.35rem 0.7rem;
    border: 2px solid #fff;
    border-radius: 6px;
    background: transparent;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.lima-nav-cart-btn:hover {
    transform: scale(1.08);
    box-shadow: 0 0 10px rgba(200, 160, 255, 0.7), 0 0 20px rgba(200, 160, 255, 0.5);
    border-color: #c8a0ff;
    color: #fff !important;
}

.lima-nav-cart-icon {
    width: 20px;
    height: 20px;
    display: block;
}

/* Sepet miktarı — çerçevenin sağında rozet */
.lima-nav-cart-count {
    position: absolute;
    top: -9px;
    right: -13px;
    background: linear-gradient(135deg, #ff0080, #ff8c00);
    color: #fff;
    border-radius: 50%;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    pointer-events: none;
}

.lima-nav-cart-count h6 {
    margin: 0;
    padding: 0;
    font-size: 11px !important;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

/* ============================================================
   HEADER V3 — GÖRSELDEKİ GİBİ 2 SATIRLI YAPI
   (2026-08-31)
   1. Satır: Logo | Arama | MarketPlace + İkonlar | Profil
   2. Satır: Ana menü (Oyunlar, Tüm Ürünler, Kampanyalar, Kurumsal,
             Yardım Merkezi, Topluluk, Mağazam)
   Mobil: sol avatar butonu (profil menüsü soldan açılır) +
          sağ hamburger (site menüsü sağdan açılır).
   Bu blok dosya sonunda olduğu için HEADER V2 kurallarını ezer.
   ============================================================ */

/* -- 1. Satır: Logo | Arama | İkonlar | Profil -- */
.lima-navbar-top {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    position: relative;
    z-index: 9700;
    flex-wrap: nowrap;
    /* Arka plan artık header'ın tamamına uygulanan .lima-navbar gradyanından gelir;
       satırın kendisi saydam kalır (çifte karartma olmasın). */
    margin: 0 -4rem;
    padding: 0.5rem 4rem;
    background: transparent;
}

.lima-navbar-top .lima-logo {
    flex-shrink: 0;
}

/* Arama kutusu artık 1. satırda, logonun yanında — kalan alanı doldurur */
.lima-navbar-top .lima-search-box {
    flex: 1 1 auto;
    max-width: none;
    margin: 0;
}

/* MarketPlace + ikonlar (Arkadaşlık, Mesaj, Bildirim, Sepet) */
.lima-navbar-top .lima-nav-icons {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-shrink: 0;
    position: relative;
    z-index: 9600;
}

/* MarketPlace butonu — mor vurgulu */
.lima-nav-market {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #7b2fff 0%, #b14cff 100%);
    color: #fff;
    border: 1px solid rgba(190, 130, 255, 0.7);
    border-radius: 8px;
    padding: 0.42rem 0.85rem;
    font-size: 0.9rem;
    font-weight: 700;
    font-family: 'Audiowide', cursive;
    letter-spacing: 0.5px;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 0 14px rgba(123, 47, 255, 0.5);
    transition: transform .2s ease, box-shadow .2s ease;
    flex-shrink: 0;
}

.lima-nav-market:hover {
    transform: scale(1.05);
    box-shadow: 0 0 22px rgba(123, 47, 255, 0.85);
    color: #fff;
}

/* Profil menüsü — sağ uçta: avatar + kullanıcı kodu + BZ bakiyesi */
.lima-profile-trigger {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(139, 92, 246, 0.12);
    border: 1px solid rgba(139, 92, 246, 0.35);
    border-radius: 10px;
    padding: 6px 12px 6px 8px;
    color: #fff;
    cursor: pointer;
    flex-shrink: 0;
    transition: all .3s ease;
}

.lima-profile-trigger:hover {
    background: rgba(139, 92, 246, 0.25);
    border-color: rgba(168, 85, 247, 0.7);
    box-shadow: 0 0 12px rgba(168, 85, 247, 0.35);
}

.lima-profile-avatar-wrap {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}

.lima-profile-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(168, 85, 247, 0.7);
    box-shadow: 0 0 8px rgba(168, 85, 247, 0.5);
    flex-shrink: 0;
}

.lima-profile-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.25;
    min-width: 0;
}

.lima-profile-code {
    font-size: 0.8rem;
    font-family: 'Audiowide', cursive;
    color: #fff;
    letter-spacing: 0.5px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lima-profile-balance {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #c084fc;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.lima-profile-bz-icon {
    width: 22px;
    height: auto;
}

/* 2. Satır: Ana menü */
.lima-navbar-bottom {
    margin: 0 -4rem;
    padding: 0.55rem 4rem;
    border-top: 1px solid rgba(139, 92, 246, 0.25);
    background: transparent;
}

.lima-navbar-bottom .lima-nav {
    flex: 1 1 auto;
    margin: 0;
    gap: 0.8rem;
}

.lima-navbar-bottom .lima-nav > li > a {
    white-space: nowrap;
    font-size: 0.9rem;
}

/* Mağazam butonu 2. satırda da aynı çerçeveli görünümde kalır */
.lima-navbar-bottom .lima-nav .lima-nav-store {
    display: flex;
    align-items: center;
}

.lima-navbar-bottom .lima-nav .lima-nav-store a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    padding: 0.35rem 0.7rem;
    border: 2px solid #fff;
    border-radius: 6px;
    background: transparent;
    transition: all 0.3s ease;
}

.lima-navbar-bottom .lima-nav .lima-nav-store a:hover {
    transform: scale(1.08);
    box-shadow: 0 0 10px rgba(200, 160, 255, 0.7), 0 0 20px rgba(200, 160, 255, 0.5);
    border-color: #c8a0ff;
    color: #fff !important;
}

/* Dar ekranlarda (≤1320) nav taşmasın diye boşluk azaltılır */
@media (max-width: 1320px) {
    .lima-navbar-bottom .lima-nav {
        gap: 0.4rem;
    }

    .lima-navbar-top {
        gap: 0.9rem;
    }
}

/* Mobil site menüsü (sağ drawer) arka planı — masaüstünde gizli */
.lima-nav-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(3px);
    z-index: 9989;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.lima-nav-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

/* ================= RESPONSIVE (mobil) ================= */
@media (max-width: 1200px) {
    /* 1. satır: [avatar][logo]....[hamburger] üst satır;
       ikonlar ve arama alta sarılır (flex-wrap) */
    .lima-navbar-top {
        flex-wrap: wrap;
        gap: 0.5rem;
        align-items: center;
        /* z-index:auto — KRİTİK: V3'teki 9700, üst satırı bir stacking context'e hapsediyor
           ve hamburger'in 99999'unu drawer (9990) + overlay (9989) ALTINDA bırakıyordu.
           auto yapınca hamburger navbar seviyesinde yükselir → menü açıkken X görünür/tıklanır,
           arama/ikon/logo ise overlay'in altında kararır (normal drawer UX). */
        z-index: auto;
    }

    .lima-profile-trigger {
        order: 0;
        padding: 4px;
        background: transparent;
        border: none;
        box-shadow: none;
    }

    .lima-profile-trigger:hover {
        background: transparent;
        border-color: transparent;
        box-shadow: none;
    }

    .lima-profile-trigger .lima-profile-text,
    .lima-profile-trigger .lima-sidebar-trigger-arrow {
        display: none;
    }

    .lima-profile-avatar {
        width: 38px;
        height: 38px;
    }

    .lima-navbar-top .lima-logo {
        order: 1;
        width: auto;
        flex-shrink: 0;
    }

    .lima-navbar-top .lima-hamburger {
        order: 2;
    }

    /* İkonlar + MarketPlace: ikinci satır (sola değil sağa yaslı) */
    .lima-navbar-top .lima-nav-icons {
        order: 3;
        width: 100%;
        justify-content: flex-end;
        gap: 0.45rem;
    }

    /* Arama: üçüncü satır, tam genişlik */
    .lima-navbar-top .lima-search-box {
        order: 4;
        width: 100%;
        max-width: none;
        flex: 0 0 100%;
    }

    /* MarketPlace mobilde kompakt */
    .lima-nav-market {
        padding: 0.35rem 0.6rem;
        font-size: 0.78rem;
        border-radius: 6px;
    }

    /* 2. satır (ana menü) mobilde görünmez; açılınca sağdan drawer gelir */
    .lima-navbar-bottom {
        margin: 0;
        padding: 0;
        border-top: none;
        background: none;
        height: 0;
        min-height: 0;
        overflow: visible;
        gap: 0;
    }

    /* Sağdan açılan drawer */
    .lima-nav.lima-nav-active {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 300px;
        max-width: 85vw;
        height: auto;
        margin: 0;
        background: rgba(15, 12, 30, 0.98);
        padding: 110px 20px 30px;
        overflow-y: auto;
        z-index: 9990;
        border-radius: 0;
        border-top: none;
        border-left: 1px solid rgba(139, 92, 246, 0.35);
        box-shadow: -8px 0 40px rgba(0, 0, 0, 0.6);
    }

    /* Drawer içindeki dropdown alt menüleri satır içi (inline) açılır */
    .lima-nav.lima-nav-active .lima-dropdown-menu {
        position: static;
        left: auto;
        transform: none;
        min-width: 0;
        width: 100%;
        grid-template-columns: 1fr;
        background: rgba(0, 0, 0, 0.25);
        border-radius: 8px;
        margin: 6px 0 0;
        padding: 0.25rem 0.5rem;
        display: none;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    .lima-nav.lima-nav-active .lima-dropdown-menu.lima-dropdown-menu-active {
        display: grid;
        opacity: 1;
        pointer-events: auto;
    }
}

/* ============================================================
   HEADER V3 — GÖZDEN GEÇİRME (2026-08-31)
   - 2. satır menüleri satırı dolduracak şekilde yay
   - Sepet ikon-only (bildirim ikonları gibi)
   - Mobil hamburger → X kapatma animasyonu
   ============================================================ */

/* 2. satır: menü öğeleri ikonlarıyla birlikte ferah ama aşırı yayılmadan dizilir */
@media (min-width: 1201px) {
    .lima-navbar-bottom .lima-nav {
        gap: 1.6rem;
    }
}

/* Menü ikonları — bağlantıyla aynı satırda hizalanır */
.lima-navbar-bottom .lima-nav > li > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.lima-nav-menu-icon {
    flex-shrink: 0;
    opacity: 0.92;
    color: #a78bfa;
    transition: color 0.25s ease, filter 0.25s ease;
}

.lima-navbar-bottom .lima-nav > li > a:hover .lima-nav-menu-icon {
    color: #c084fc;
    filter: drop-shadow(0 0 6px rgba(168, 85, 247, 0.9));
}

/* Sepet — ikon-only buton: bildirim ikonu görünümünde */
.lima-nav-cart .lima-icon-btn-trigger {
    position: relative;
}

.lima-nav-cart .lima-icon-btn-trigger .lima-nav-cart-icon {
    width: 22px;
    height: 22px;
    display: block;
}

/* Sepet rozeti — ikon butonun sağ üst köşesinde */
.lima-nav-cart-count {
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 5;
}

/* Mobil: hamburger flex satırın parçası olur (profil | logo | hamburger)
   ve menü açıkken X işaretine dönüşür */
@media (max-width: 1200px) {
    .lima-navbar-top .lima-hamburger {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        margin-left: auto;
    }

    .lima-navbar-top .lima-hamburger span {
        display: block;
        width: 25px;
        height: 3px;
        background: #fff;
        border-radius: 2px;
        transition: transform 0.3s ease, opacity 0.2s ease;
    }

    .lima-navbar-top .lima-hamburger.lima-hamburger-active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg) !important;
    }

    .lima-navbar-top .lima-hamburger.lima-hamburger-active span:nth-child(2) {
        opacity: 0 !important;
    }

    .lima-navbar-top .lima-hamburger.lima-hamburger-active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg) !important;
    }
}

/* ============================================================
   YAYINCILAR (Yayıncı Destek) Sayfası — premium dark/neon tema
   ============================================================ */
.lima-publishers-container {
    padding: 60px 20px 80px;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}

.lima-publishers-head {
    margin-bottom: 45px;
}

.lima-publishers-title {
    font-size: 2.2rem;
    color: #fff;
    font-family: 'Audiowide', cursive;
    letter-spacing: 1px;
    text-shadow: 0 0 8px #7b2fff, 0 0 18px #7b2fff, 0 0 34px rgba(123, 47, 255, 0.55);
    margin: 0 0 12px;
}

.lima-publishers-sub {
    color: #a5a5c0;
    font-size: 1rem;
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.6;
}

.lima-publishers-status {
    color: #8b93a7;
    padding: 60px 0;
    font-size: 1rem;
}

.lima-publishers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 26px;
}

.lima-publisher-card {
    position: relative;
    background: linear-gradient(180deg, rgba(23, 20, 48, 0.95) 0%, rgba(15, 12, 30, 0.95) 100%);
    border: 1px solid rgba(139, 92, 246, 0.35);
    border-radius: 16px;
    padding: 30px 20px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.lima-publisher-card:hover {
    transform: translateY(-5px);
    border-color: rgba(168, 85, 247, 0.8);
    box-shadow: 0 14px 40px rgba(123, 47, 255, 0.25), 0 0 24px rgba(139, 92, 246, 0.15);
}

.lima-publisher-avatar-wrap {
    position: relative;
    margin-bottom: 16px;
}

.lima-publisher-avatar {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(168, 85, 247, 0.7);
    box-shadow: 0 0 18px rgba(168, 85, 247, 0.45);
    background: #232040;
}

.lima-publisher-badge {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(135deg, #7b2fff, #00c2ff);
    color: #fff;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #12101f;
    box-shadow: 0 0 10px rgba(0, 194, 255, 0.6);
}

.lima-publisher-name {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    font-family: 'Audiowide', cursive;
    letter-spacing: .5px;
    margin-bottom: 4px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lima-publisher-code {
    color: #c084fc;
    font-size: 0.8rem;
    margin-bottom: 16px;
    letter-spacing: .5px;
}

.lima-publisher-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: 100%;
    border-top: 1px solid rgba(139, 92, 246, 0.15);
    padding-top: 16px;
}

.lima-publisher-social-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 5px 12px 5px 6px;
    text-decoration: none;
    transition: all .2s ease;
}

.lima-publisher-social-link:hover {
    background: rgba(139, 92, 246, 0.18);
    border-color: rgba(168, 85, 247, 0.7);
    box-shadow: 0 0 12px rgba(168, 85, 247, 0.35);
    transform: translateY(-1px);
}

.lima-publisher-social-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.lima-publisher-social-handle {
    color: #e0dcf5;
    font-size: 0.78rem;
    font-weight: 600;
}

.lima-publisher-social-empty {
    color: #6b7280;
    font-size: 0.78rem;
    border-top: 1px solid rgba(139, 92, 246, 0.15);
    padding-top: 14px;
    width: 100%;
}

@media (max-width: 768px) {
    .lima-publishers-container {
        padding: 40px 15px 60px;
    }

    .lima-publishers-title {
        font-size: 1.7rem;
    }

    .lima-publishers-grid {
        gap: 18px;
    }

    .lima-publisher-avatar {
        width: 78px;
        height: 78px;
    }
}

/* ============================================================
   DOĞRULANMIŞ HESAP ROZETİ (partner / ticari hesap)
   Profil fotoğraflarının sağ alt köşesinde mavi onay rozeti.
   ============================================================ */
.lima-avatar-verified-wrap {
    position: relative;
    display: inline-block;
    line-height: 0;
    flex-shrink: 0;
}

.lima-verified-badge {
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e9bff 0%, #0070f0 100%);
    border: 2px solid #0d0a1e;
    box-shadow: 0 0 8px rgba(30, 155, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    pointer-events: none;
}

.lima-verified-badge svg {
    width: 10px;
    height: 10px;
    display: block;
}

/* Rozetin doğrudan eklendiği avatar sarmalayıcıları konumlandırma bağlamı verir */
.lima-contacts-avatar-wrapper,
.lima-contacts-profile-avatar-wrapper,
.lima-profile-avatar-wrapper,
.lima-comm-member-avatar,
.lima-comm-mp-avatar,
.lima-friend-avatar {
    position: relative;
}

/* ============================================================
   FONT DÜZENLEMESİ — INTER (2026-08-31)
   • Menü:          Inter Medium 500
   • Ürün isimleri: Inter SemiBold 600
   • Slider başlık: Inter ExtraBold/Black 800-900
   • Butonlar:      Inter SemiBold 600
   Inter, Türkçe karakterleri (ğ ş ı İ ö ü ç) tam destekler.
   ============================================================ */

/* Slider başlıkları (Yeni Paketler, Özel Kampanyalar vs.) — ExtraBold/Black 900 */
.lima-slider-overlay h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 900;
    font-style: normal;
}

/* Ürün isimleri — SemiBold 600 */
.lima-product-info h3,
.lima-basket-name,
.lima-mygifts-product-name,
.lima-orders-product-chip-name,
.lima-orders-drawer-product-name {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

/* Butonlar — SemiBold 600 */
button,
input[type="submit"],
input[type="button"],
[class*="btn"],
[class*="button"],
.lima-nav-market,
.store-link {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
}

/* Menü — Medium 500 (buton kuralından sonra gelir → menü öğeleri 500 kalır) */
.lima-nav,
.lima-nav ul li a,
.lima-dropdown-menu li a,
.lima-nav.lima-nav-active ul li a,
.lima-icon-dropdown li a,
.lima-sidebar-toggle,
.lima-sidebar-menu-link,
.lima-sidebar-submenu a,
.lima-sidebar-logout {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

/* ============================================================
   ORTA GENİŞLİK (1201–1400): masaüstü menü sığsın diye kompakt
   (hamburger artık 1200'de devreye girdiği için 1201+ masaüstü kalmalı)
   ============================================================ */
@media (min-width: 1201px) and (max-width: 1400px) {
    .lima-navbar {
        padding: 0.5rem 1.5rem;
    }

    .lima-navbar-top {
        margin: 0 -1.5rem;
        padding: 0.5rem 1.5rem;
    }

    .lima-navbar-bottom {
        margin: 0 -1.5rem;
        padding: 0.55rem 1.5rem;
    }

    .lima-navbar-bottom .lima-nav {
        gap: 0.8rem;
    }
}

/* ============================================================
   YAYINCI DESTEK SAYFASI (/publisher/{UserCode}) — BZ bağışı
   Tasarım: SendLPModal (BZ hediye) + Yayıncı kartı premium dark/neon
   ============================================================ */
.lima-pubsup-container {
    padding: 55px 20px 80px;
    max-width: 1180px;
    margin: 0 auto;
}

.lima-pubsup-status {
    color: #8b93a7;
    text-align: center;
    padding: 80px 0;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}

.lima-pubsup-empty-icon {
    font-size: 3rem;
}

.lima-pubsup-grid {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 26px;
    align-items: start;
}

.lima-pubsup-card {
    background: linear-gradient(180deg, rgba(23, 20, 48, 0.95) 0%, rgba(15, 12, 30, 0.95) 100%);
    border: 1px solid rgba(139, 92, 246, 0.35);
    border-radius: 18px;
    box-shadow: 0 10px 34px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .04);
    padding: 24px;
}

/* ----- Sol: Yayıncı profili ----- */
.lima-pubsup-profile {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.lima-pubsup-profile-top {
    text-align: center;
}

.lima-pubsup-avatar-wrap {
    position: relative;
    display: inline-block;
    margin-bottom: 12px;
}

.lima-pubsup-avatar {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(168, 85, 247, 0.7);
    box-shadow: 0 0 22px rgba(168, 85, 247, 0.45);
    background: #232040;
}

.lima-pubsup-profile-name {
    font-family: 'Audiowide', cursive;
    color: #fff;
    font-size: 1.25rem;
    letter-spacing: .5px;
    margin: 0 0 4px;
    word-break: break-word;
}

.lima-pubsup-profile-code {
    color: #c084fc;
    font-size: 0.85rem;
    letter-spacing: .5px;
}

.lima-pubsup-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.lima-pubsup-social-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 5px 12px 5px 6px;
    text-decoration: none;
    transition: all .2s ease;
}

.lima-pubsup-social-link:hover {
    background: rgba(139, 92, 246, 0.18);
    border-color: rgba(168, 85, 247, 0.7);
    box-shadow: 0 0 12px rgba(168, 85, 247, 0.35);
    transform: translateY(-1px);
}

.lima-pubsup-social-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.lima-pubsup-social-handle {
    color: #e0dcf5;
    font-size: 0.78rem;
    font-weight: 600;
}

.lima-pubsup-divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(139, 92, 246, 0.3) 50%, transparent);
    margin: 6px 0;
}

.lima-pubsup-friend-btn {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 14px;
    background: rgba(139, 92, 246, 0.12);
    border: 1px solid rgba(139, 92, 246, 0.4);
    border-radius: 12px;
    color: #e0dcf5;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: all .25s ease;
}

.lima-pubsup-friend-btn svg {
    width: 18px;
    height: 18px;
}

.lima-pubsup-friend-btn:hover:not(:disabled) {
    background: rgba(139, 92, 246, 0.24);
    border-color: rgba(168, 85, 247, 0.8);
    box-shadow: 0 0 14px rgba(168, 85, 247, 0.3);
    transform: translateY(-1px);
}

.lima-pubsup-friend-btn:disabled {
    opacity: .7;
    cursor: default;
    color: #b8b3cf;
}

.lima-pubsup-self-note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px;
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 12.5px;
    line-height: 1.5;
}

.lima-pubsup-self-note svg {
    width: 18px;
    height: 18px;
    color: #fbbf24;
    flex-shrink: 0;
    margin-top: 1px;
}

/* Son destekleyenler */
.lima-pubsup-supporters-title {
    font-size: 0.95rem;
    color: #fff;
    font-weight: 700;
    margin: 2px 0 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.lima-pubsup-supporters-empty {
    color: #6b7280;
    font-size: 0.83rem;
    text-align: center;
    padding: 8px 0;
}

.lima-pubsup-supporters-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 300px;
    overflow-y: auto;
    padding-right: 4px;
}

.lima-pubsup-supporter-item {
    background: rgba(30, 41, 59, 0.4);
    border: 1px solid rgba(139, 92, 246, 0.18);
    border-radius: 10px;
    padding: 10px 12px;
}

.lima-pubsup-supporter-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.lima-pubsup-supporter-name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lima-pubsup-bz-ico {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.lima-pubsup-supporter-amount {
    color: #c084fc;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.lima-pubsup-supporter-msg {
    margin: 6px 0 2px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    line-height: 1.45;
    font-style: italic;
}

.lima-pubsup-supporter-date {
    color: rgba(255, 255, 255, 0.4);
    font-size: 10.5px;
}

/* ----- Sağ: Destek formu ----- */
.lima-pubsup-donate {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.lima-pubsup-donate-title {
    font-family: 'Audiowide', cursive;
    color: #fff;
    font-size: 1.5rem;
    margin: 0;
    text-shadow: 0 0 8px #7b2fff, 0 0 20px rgba(123, 47, 255, 0.4);
}

.lima-pubsup-donate-title span {
    filter: drop-shadow(0 0 8px rgba(255, 60, 100, .6));
}

.lima-pubsup-checks {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 6px;
}

.lima-pubsup-check {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
}

.lima-pubsup-check svg {
    width: 18px;
    height: 18px;
    color: #4ade80;
    flex-shrink: 0;
}

.lima-pubsup-balance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: rgba(139, 92, 246, 0.1);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: 12px;
}

.lima-pubsup-balance-label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
}

.lima-pubsup-balance-value {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
}

.lima-pubsup-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lima-pubsup-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 700;
}

.lima-pubsup-input,
.lima-pubsup-textarea {
    width: 100%;
    padding: 12px 14px;
    background: rgba(30, 41, 59, 0.8);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 11px;
    color: #fff;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    outline: none;
    transition: all .3s ease;
    box-sizing: border-box;
}

.lima-pubsup-input:focus,
.lima-pubsup-textarea:focus {
    border-color: rgba(139, 92, 246, 0.65);
    box-shadow: 0 0 18px rgba(139, 92, 246, 0.25);
}

.lima-pubsup-input::placeholder,
.lima-pubsup-textarea::placeholder {
    color: rgba(255, 255, 255, 0.35);
}

.lima-pubsup-textarea {
    resize: vertical;
    min-height: 74px;
}

.lima-pubsup-hint {
    font-size: 11.5px;
    color: rgba(255, 255, 255, 0.45);
}

.lima-pubsup-char-count {
    text-align: right;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: -2px;
}

.lima-pubsup-amount-inputwrap {
    position: relative;
    display: flex;
    align-items: center;
}

.lima-pubsup-amount-input {
    padding-right: 48px !important;
}

.lima-pubsup-amount-suffix {
    position: absolute;
    right: 14px;
    display: inline-flex;
    pointer-events: none;
}

.lima-pubsup-quick-buttons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.lima-pubsup-quick-btn {
    padding: 9px 6px;
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
    transition: all .25s ease;
}

.lima-pubsup-quick-btn:hover {
    background: rgba(139, 92, 246, 0.2);
    border-color: rgba(139, 92, 246, 0.6);
    color: #fff;
    transform: translateY(-2px);
}

.lima-pubsup-quick-btn.active {
    background: rgba(139, 92, 246, 0.35);
    border-color: rgba(168, 85, 247, 0.9);
    color: #fff;
    box-shadow: 0 0 12px rgba(168, 85, 247, 0.35);
}

.lima-pubsup-error {
    padding: 11px 14px;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.4);
    border-radius: 10px;
    color: #fca5a5;
    font-size: 13px;
    line-height: 1.45;
}

/* Yayıncının belirlediği minimum destek uyarısı */
.lima-pubsup-min-note {
    padding: 10px 12px;
    background: rgba(251, 191, 36, 0.08);
    border: 1px solid rgba(251, 191, 36, 0.35);
    border-radius: 10px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 12.5px;
    line-height: 1.5;
}

.lima-pubsup-min-note strong {
    color: #fbbf24;
}

/* Bakiye yetersiz uyarısı + Bakiye Yükle */
.lima-pubsup-insufficient {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.4);
    border-radius: 10px;
    color: #fca5a5;
    font-size: 13px;
    line-height: 1.5;
}

.lima-pubsup-insufficient strong {
    color: #fff;
}

.lima-pubsup-load-btn {
    padding: 9px 14px;
    background: linear-gradient(135deg, #7b2fff 0%, #a855f7 100%);
    border: none;
    border-radius: 9px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    transition: all .25s ease;
}

.lima-pubsup-load-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(123, 47, 255, 0.4);
}

.lima-pubsup-summary {
    padding: 14px 16px;
    background: rgba(30, 41, 59, 0.5);
    border-radius: 12px;
    border: 1px solid rgba(139, 92, 246, 0.2);
}

.lima-pubsup-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.8);
}

.lima-pubsup-summary-row:not(:last-child) {
    border-bottom: 1px solid rgba(139, 92, 246, 0.1);
}

.lima-pubsup-summary-row strong {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 15px;
    color: #fff;
}

.lima-pubsup-summary-row.highlight strong {
    color: #a855f7;
    text-shadow: 0 0 10px rgba(168, 85, 247, 0.4);
}

.lima-pubsup-submit {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px;
    background: linear-gradient(135deg, #7b2fff 0%, #a855f7 100%);
    border: none;
    border-radius: 12px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    box-shadow: 0 6px 22px rgba(123, 47, 255, 0.35);
    transition: all .25s ease;
}

.lima-pubsup-submit:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 10px 30px rgba(123, 47, 255, 0.5);
}

.lima-pubsup-submit:disabled {
    opacity: .55;
    cursor: not-allowed;
    filter: grayscale(.4);
}

.lima-pubsup-terms {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(139, 92, 246, 0.18);
    padding-top: 14px;
}

.lima-pubsup-term {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 11.5px;
    line-height: 1.5;
}

.lima-pubsup-term svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* ----- Giriş / kayıt CTA ----- */
.lima-pubsup-login-cta,
.lima-pubsup-selfmode,
.lima-pubsup-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
    padding: 30px 10px;
}

.lima-pubsup-login-desc {
    color: rgba(255, 255, 255, 0.65);
    font-size: 13.5px;
    line-height: 1.6;
    max-width: 420px;
    margin: 0;
}

.lima-pubsup-login-actions,
.lima-pubsup-success-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

.lima-pubsup-login-note {
    color: rgba(255, 255, 255, 0.45);
    font-size: 12px;
    background: rgba(139, 92, 246, 0.08);
    border: 1px dashed rgba(139, 92, 246, 0.35);
    padding: 10px 14px;
    border-radius: 10px;
    max-width: 400px;
}

.lima-pubsup-login-note b {
    color: #c084fc;
}

.lima-pubsup-success-icon {
    font-size: 3.4rem;
    filter: drop-shadow(0 0 16px rgba(168, 85, 247, 0.6));
}

.lima-pubsup-selfshare {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 440px;
}

.lima-pubsup-share-url {
    background: rgba(30, 41, 59, 0.7);
    border: 1px solid rgba(139, 92, 246, 0.3);
    color: #c084fc;
    padding: 12px;
    border-radius: 10px;
    font-size: 12.5px;
    word-break: break-all;
    font-family: 'Inter', sans-serif;
}

.lima-pubsup-selfmode-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    width: 100%;
    max-width: 440px;
    margin-top: 6px;
}

.lima-pubsup-selfmode-stat {
    background: rgba(30, 41, 59, 0.5);
    border: 1px solid rgba(139, 92, 246, 0.2);
    border-radius: 12px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lima-pubsup-selfmode-stat-label {
    color: rgba(255, 255, 255, 0.5);
    font-size: 11.5px;
}

.lima-pubsup-selfmode-stat strong {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
}

/* Yayıncı kartları: Destek Ol butonu */
.lima-publisher-support-btn {
    margin-top: 16px;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    background: linear-gradient(135deg, #7b2fff 0%, #a855f7 100%);
    border: none;
    border-radius: 11px;
    color: #fff;
    font-size: 13.5px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(123, 47, 255, 0.3);
    transition: all .25s ease;
}

.lima-publisher-support-btn svg {
    width: 17px;
    height: 17px;
}

.lima-publisher-support-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(123, 47, 255, 0.5);
}

/* ----- Mobil responsive ----- */
@media (max-width: 900px) {
    .lima-pubsup-grid {
        grid-template-columns: 1fr;
    }

    .lima-pubsup-profile {
        position: static;
    }
}

@media (max-width: 640px) {
    .lima-pubsup-container {
        padding: 35px 14px 60px;
    }

    .lima-pubsup-card {
        padding: 18px;
    }

    .lima-pubsup-quick-buttons {
        grid-template-columns: repeat(3, 1fr);
    }

    .lima-pubsup-donate-title {
        font-size: 1.25rem;
    }
}

/* ===== Şikayet (rapor) butonları ve modalları ===== */
.lima-comm-server-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.lima-comm-chat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.lima-comm-report-btn {
    background: transparent;
    border: none;
    color: rgba(255,255,255,.5);
    cursor: pointer;
    font-size: .74rem;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 8px;
    white-space: nowrap;
    transition: background .15s, color .15s;
    flex-shrink: 0;
}

.lima-comm-report-btn:hover {
    background: rgba(255,209,102,.12);
    color: #ffd166;
}

.lima-comm-report-hint {
    font-size: .82rem;
    color: rgba(255,255,255,.65);
    margin: 0 0 14px;
    line-height: 1.45;
    word-break: break-word;
}

.lima-msgs-report-conv {
    margin-left: auto;
    background: transparent;
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.6);
    border-radius: 8px;
    padding: 5px 10px;
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
    flex-shrink: 0;
    transition: border-color .15s, color .15s;
}

.lima-msgs-report-conv:hover {
    border-color: rgba(255,209,102,.55);
    color: #ffd166;
}

.lima-msgs-del:hover.lima-msgs-report:hover {
    color: #ffd166;
}

.lima-msgs-report-hint {
    font-size: .8rem;
    color: rgba(255,255,255,.65);
    margin: 0 0 14px;
    line-height: 1.45;
    word-break: break-word;
}

.lima-msgs-field-label {
    display: block;
    color: rgba(255,255,255,.7);
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: 6px;
}

.lima-msgs-report-text {
    width: 100%;
    box-sizing: border-box;
    background: #10142a;
    border: 1px solid #2a2f45;
    color: #fff;
    border-radius: 8px;
    padding: 9px 12px;
    font-size: 13px;
    font-family: inherit;
    resize: vertical;
    min-height: 90px;
}

.lima-msgs-report-text:focus {
    outline: none;
    border-color: #7a5cff;
}

.lima-msgs-error {
    color: #ff6b6b;
    font-size: .8rem;
    margin-top: 10px;
    line-height: 1.4;
}

/* ===== Inline DM paneli şikayet (rapor) ===== */
.lima-dm-chat-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 14px;
    border-bottom: 1px solid #2a2f45;
    background: #171c2e;
    color: #fff;
    font-size: .82rem;
    font-weight: 700;
}

.lima-dm-report-btn {
    background: transparent;
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.6);
    border-radius: 8px;
    padding: 4px 9px;
    font-size: .7rem;
    font-weight: 600;
    cursor: pointer;
    flex-shrink: 0;
    transition: border-color .15s, color .15s;
}

.lima-dm-report-btn:hover {
    border-color: rgba(255,209,102,.55);
    color: #ffd166;
}

.lima-dm-msg-report {
    background: transparent;
    border: none;
    color: rgba(255,255,255,.45);
    cursor: pointer;
    font-size: .62rem;
    margin-left: 4px;
    padding: 0 2px;
    vertical-align: middle;
}

.lima-dm-msg-report:hover {
    color: #ffd166;
}

.lima-dm-report-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3200;
}

.lima-dm-report-card {
    width: 440px;
    max-width: 92vw;
    background: #1a1f3a;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    padding: 20px;
}

.lima-dm-report-card h4 {
    color: #fff;
    margin: 0 0 8px;
}

/* ===== Profil / başvuru iletişim doğrulama tik işareti ===== */
.lima-profile-verify-tick {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(46, 204, 113, 0.12);
    border: 1px solid rgba(46, 204, 113, 0.6);
    color: #2ecc71;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    flex: 0 0 auto;
    animation: lima-profile-verify-slide-in 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ============ İade Talebi (ReturnRequest) — Siparişlerim ============ */
.lima-orders-return-btn {
    margin: 10px 0 4px;
    padding: 8px 14px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(255,64,129,.15), rgba(168,85,247,.15));
    color: #ff80ab;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
}
.lima-orders-return-btn:hover {
    border-color: #ff80ab;
    background: rgba(255,64,129,.25);
}
.lima-orders-drawer-return-status {
    margin: 10px 0 4px;
    padding: 8px 12px;
    border-radius: 10px;
    background: rgba(255,255,255,.06);
    color: #fff;
    font-size: .85rem;
}
.lima-orders-drawer-request-badge {
    align-self: flex-start;
    padding: 4px 10px;
    border-radius: 8px;
    background: rgba(255, 193, 7, .14);
    border: 1px solid rgba(255, 193, 7, .45);
    color: #ffd54f;
    font-size: .8rem;
    font-weight: 700;
}
.lima-orders-return-reason {
    width: 100%;
    min-height: 90px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 10px;
    background: rgba(0,0,0,.3);
    color: #fff;
    font-size: .9rem;
    resize: vertical;
}
.lima-orders-return-tracking {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: wrap;
}
.lima-orders-return-tracking-input {
    flex: 1;
    min-width: 160px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 10px;
    background: rgba(0,0,0,.3);
    color: #fff;
    font-size: .85rem;
}
.lima-orders-return-info {
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(255, 193, 7, .08);
    border: 1px solid rgba(255, 193, 7, .22);
    color: rgba(255,255,255,.82);
    font-size: .8rem;
    line-height: 1.5;
}
.lima-orders-return-info p {
    margin: 4px 0;
}
.lima-orders-return-upload {
    display: inline-block;
    padding: 8px 16px;
    border: 1px dashed rgba(255,255,255,.35);
    border-radius: 10px;
    color: #fff;
    font-size: .85rem;
    cursor: pointer;
}
.lima-orders-return-file {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
    padding: 6px 10px;
    border-radius: 8px;
    background: rgba(255,255,255,.06);
    font-size: .82rem;
    color: rgba(255,255,255,.85);
}
.lima-orders-return-file button {
    border: none;
    background: transparent;
    color: #ff5c5c;
    cursor: pointer;
}
.lima-orders-return-submit {
    width: 100%;
    margin-top: 16px;
    padding: 12px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #ff4081, #a855f7);
    color: #fff;
    font-size: .95rem;
    font-weight: 700;
    cursor: pointer;
}
.lima-orders-return-submit:disabled {
    opacity: .55;
    cursor: not-allowed;
}
.lima-orders-status-badge--shipped { background: rgba(59,130,246,.25); color: #93c5fd; }
.lima-orders-status-badge--delivered { background: rgba(34,197,94,.25); color: #86efac; }
.lima-orders-status-badge--return-requested { background: rgba(245,158,11,.25); color: #fcd34d; }
.lima-orders-status-badge--return-inprogress { background: rgba(168,85,247,.25); color: #d8b4fe; }
.lima-orders-status-badge--return-completed { background: rgba(16,185,129,.25); color: #6ee7b7; }

/* =============================================
   Yukarı Çık Butonu (Scroll to Top) — masaüstü
   ============================================= */
.lima-scroll-top {
    position: fixed;
    right: 28px;
    bottom: 28px;
    z-index: 999;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(135deg, #ff0080 0%, #ff8c00 100%);
    box-shadow: 0 8px 24px rgba(255, 0, 128, 0.35), 0 0 20px rgba(255, 140, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px) scale(0.9);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease, box-shadow 0.3s ease;
}
.lima-scroll-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}
.lima-scroll-top:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 0 14px #ff0080, 0 0 24px #ff8c00, 0 0 34px #ff0080;
}
.lima-scroll-top svg { width: 26px; height: 26px; }

@media (max-width: 768px) {
    .lima-scroll-top { display: none; }
}

/* =============================================
   Yapışkan "Değişiklikleri Kaydet" çubuğu (Profil)
   ============================================= */
.lima-profile-save-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    display: flex;
    justify-content: center;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    background: rgba(10, 10, 26, 0.9);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-top: 1px solid rgba(139, 92, 246, 0.25);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.35);
}

.lima-profile-save-bar .lima-profile-btn-save {
    margin: 0;
    width: 100%;
    max-width: 420px;
}

/* Kaydet çubuğu alttaki içeriğin (başvuru, hesap kapatma) üzerine gelmesin. */
.lima-profile-has-savebar {
    padding-bottom: 120px !important;
}