/* Slide Menu Styles */
.slide-menu-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    z-index: 9998 !important; /* Очень высокий z-index */
    display: none; /* Скрыто по умолчанию, jQuery fadeIn/fadeOut управляет display */
}

.slide-menu-overlay.show {
    display: block !important;
}

.slide-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 280px !important;
    height: 100% !important;
    background-color: #fff !important;
    z-index: 9999 !important; /* Выше оверлея */
    transform: translateX(-100%) !important; /* Скрыто за левым краем */
    transition: transform 0.3s ease-in-out !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 2px 0 10px rgba(0,0,0,0.1) !important;
}

.slide-menu.show {
    transform: translateX(0) !important; /* Показываем */
}

.slide-menu-header {
    padding: 1.25rem !important;
    border-bottom: 1px solid #eee !important;
}

.slide-menu-body {
    overflow-y: auto !important;
    flex-grow: 1 !important;
}