/* === SIDE PANEL MENU (2026-06-14) === */
@media (max-width: 980px) {
    header.mobile-menu { position: relative !important; overflow: visible !important; }

    /* PANEL — sol yan slide-out, ~280px */
    header.mobile-menu .header-right .nav {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        width: 280px !important;
        max-width: 85vw !important;
        height: auto !important;
        max-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: #fff !important;
        box-shadow: 4px 8px 24px rgba(0,0,0,0.12) !important;
        transform: none !important;
        transition: max-height .3s ease !important;
        padding: 0 !important;
        border-radius: 0 0 14px 0 !important;
        z-index: 100 !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
    #toggle:checked ~ .nav,
    #toggle:checked ~ .hamburger ~ .nav,
    #toggle:checked ~ .mobile-home-btn ~ .nav,
    #toggle:checked ~ .mobile-header-btn ~ .nav {
        max-height: calc(100vh - 70px) !important;
        padding-bottom: 14px !important;
    }

    /* nav-wrapper içeride flat */
    header.mobile-menu .header-right .nav .nav-wrapper {
        position: static !important;
        overflow: visible !important;
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
    header.mobile-menu .header-right .nav nav {
        display: block !important;
        padding: 0 !important;
        background: transparent !important;
        width: 100% !important;
        text-align: left !important;
    }

    header.mobile-menu .header-right .nav .nav-top { display: none !important; }

    /* Dil seçici — SOLA DAYALI */
    header.mobile-menu .header-right nav .hamburger-lang {
        display: flex !important;
        flex-direction: row !important;
        gap: 6px !important;
        padding: 8px 12px !important;
        margin: 0 !important;
        background: #fafbfc !important;
        border-bottom: 1px solid #f1f2f4 !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        overflow: hidden !important;
    }
    header.mobile-menu .header-right nav .hamburger-lang .hamburger-flag {
        flex: 0 1 auto !important;
        width: auto !important;
        padding: 5px 10px !important;
        background: #fff !important;
        border: 1px solid #e6e8ec !important;
        border-radius: 999px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        font-size: 11.5px !important;
        font-weight: 600 !important;
        color: #4b5563 !important;
        text-decoration: none !important;
        justify-content: center !important;
        margin: 0 !important;
        white-space: nowrap !important;
        min-width: 0 !important;
        line-height: 1 !important;
    }
    header.mobile-menu .header-right nav .hamburger-lang .hamburger-flag.is-active {
        background: rgba(193,0,15,0.08) !important;
        border-color: #c1000f !important;
        color: #c1000f !important;
        font-weight: 700 !important;
    }
    header.mobile-menu .header-right nav .hamburger-lang .hamburger-flag svg {
        width: 18px !important;
        height: auto !important;
        max-width: 18px !important;
        border-radius: 2px !important;
        flex-shrink: 0 !important;
    }
    header.mobile-menu .header-right nav .hamburger-lang .hamburger-flag::before { display: none !important; }

    /* Menu liste — tek sütun, SOLA DAYALI */
    header.mobile-menu .header-right nav .mobil-w {
        display: block !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        list-style: none !important;
        margin: 6px 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        background: transparent !important;
        text-align: left !important;
    }
    header.mobile-menu .header-right nav .mobil-w li {
        display: block !important;
        width: 100% !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        text-align: left !important;
    }
    header.mobile-menu .header-right nav .mobil-w li a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        padding: 12px 16px !important;
        margin: 0 !important;
        background: transparent !important;
        border: none !important;
        border-left: 4px solid transparent !important;
        border-radius: 0 !important;
        font-size: 14.5px !important;
        font-weight: 500 !important;
        color: #4b5563 !important;
        text-decoration: none !important;
        width: 100% !important;
        white-space: normal !important;
        box-shadow: none !important;
        text-align: left !important;
    }
    header.mobile-menu .header-right nav .mobil-w li a.active {
        background: rgba(193,0,15,0.08) !important;
        border-left-color: #c1000f !important;
        color: #c1000f !important;
        font-weight: 700 !important;
    }
    header.mobile-menu .header-right nav .mobil-w li a .obm-mi {
        width: 22px !important;
        text-align: center !important;
        font-size: 15px !important;
        color: #9ca3af !important;
        flex-shrink: 0 !important;
    }
    header.mobile-menu .header-right nav .mobil-w li a.active .obm-mi {
        color: #c1000f !important;
    }
    header.mobile-menu .header-right nav .mobil-w li a:before { display: none !important; }

    /* nav-bottom */
    header.mobile-menu .header-right nav .nav-bottom {
        padding: 12px 0 !important;
        border-top: 1px solid #f1f2f4 !important;
        margin-top: 6px !important;
    }
    header.mobile-menu .header-right nav .nav-bottom .social {
        display: flex !important;
        gap: 8px !important;
        justify-content: flex-start !important;
        padding: 0 16px !important;
        margin: 0 !important;
    }
    header.mobile-menu .header-right nav .nav-bottom .social li { list-style: none !important; }
    header.mobile-menu .header-right nav .nav-bottom .social a {
        width: 38px !important; height: 38px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important; justify-content: center !important;
        background: rgba(193,0,15,0.06) !important;
        color: #c1000f !important;
        border-radius: 50% !important;
        text-decoration: none !important;
    }
    header.mobile-menu .header-right .hamburger-user-name {
        padding: 12px 16px !important;
        text-align: left !important;
        font-size: 13px !important;
        color: #6b7280 !important;
        border-top: 1px solid #f1f2f4 !important;
    }
}
/* === /SIDE PANEL MENU === */