/* Исправление z-index для модальных окон */
.modal-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: none !important;
    z-index: 10000 !important; /* Самый высокий z-index */
    display: none !important; /* Скрыты по умолчанию */
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}

/* Показываем модальное окно когда у него есть класс active или когда он должен быть видимым */
.modal-overlay.active,
.modal-overlay[style*="display: block"],
.modal-overlay[style*="display: flex"] {
    display: flex !important;
}

.modal-content {
    background: linear-gradient(135deg, #1e293b, #0f172a) !important;
    border: 2px solid #4a5568 !important;
    border-radius: 16px !important;
    padding: 2rem !important;
    max-width: 95vw !important;
    max-height: 95vh !important;
    width: min(500px, 95vw) !important;
    overflow-y: auto !important;
    position: relative !important;
    z-index: 10001 !important;
}

/* Конкретно для модального окна кристаллов */
#crystalShopModal {
    z-index: 10002 !important;
}

#crystalShopModal .modal-content {
    z-index: 10003 !important;
}

/* Для слайдера в модальном окне */
.slider-container {
    position: relative !important;
    z-index: 10004 !important;
    margin: 20px 0 !important;
}