/* Мероприятия с записью: разделы, затемнение карточки и кнопка «Записаться» при наведении */
.events-intro {
    max-width: 860px;
    margin: 0;
    font-size: 18px;
    line-height: 140%;
}
.events-intro + .events-list {
    margin-top: 40px;
}
.events-list .events-section + .events-section {
    margin-top: 40px;
}
.events-list .events-item-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: rgba(19, 19, 19, 0.55);
    opacity: 0;
    transition: opacity 0.2s ease;
}
.events-list .events-item:hover .events-item-overlay,
.events-list .events-item:focus-within .events-item-overlay {
    opacity: 1;
}

/* На сенсорных экранах наведения нет: кнопка видна сразу, без затемнения */
@media (hover: none) {
    .events-list .events-item-overlay {
        opacity: 1;
        background: transparent;
    }
}

/* Шаблон сайта на телефонах прячет .adults-row ради карусели, а здесь карусели нет */
@media (max-width: 576px) {
    .events-intro {
        font-size: 16px;
    }
    .adults-list.events-list .adults-row {
        display: flex !important;
    }
}