/* Затемнение оверлея */
.modal-backdrop.show {
    opacity: 0.85;
    background-color: #000;
}

/* Блокировка прокрутки при открытом модале */
body.modal-open {
    overflow: hidden !important;
}

/* Базовые стили для модального окна (mobile first) */
.disclaimer-modal-content {
    height: auto !important;
    min-height: auto !important;
    max-height: calc(100vh - 148px);
    overflow-y: auto;
}

.disclaimer-modal-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px;
    padding-top: 2em;
}

.disclaimer-btn {
    align-self: flex-start;
    margin-top: 8px;
    background-image: none;
    background-color: var(--dark-blue) !important;
    width: 100%;
    max-width: 272px;
}

.disclaimer-modal-dialog .btn-close{
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 3;
}

/* === 992px и больше === */
@media screen and (min-width: 992px) {
    .disclaimer-modal-dialog {
        max-width: 750px !important;
    }
}

/* === 1200px и больше === */
@media screen and (min-width: 1200px) {
    .disclaimer-modal-dialog {
        max-width: 950px !important;
    }
}