.upcoming-slider { position: relative; margin-top: 48px; border-radius: 20px; background: #00a6de; }
.events .upcoming-slider .events_last { margin-top: 0; padding: 40px 72px; }
.upcoming-slider .events_last[hidden], .upcoming-slider [hidden] { display: none !important; }
.upcoming-slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid #ffffff80; border-radius: 50%; background: #fff; color: #0085b2; cursor: pointer; box-shadow: 0 2px 8px #00678a26; }
.upcoming-slider-prev { left: 14px; }
.upcoming-slider-next { right: 14px; }
.upcoming-slider-arrow:hover { background: #e9f8ff; }
.upcoming-slider-arrow:focus-visible, .upcoming-slider-pause:focus-visible { outline: 3px solid #163e60; outline-offset: 3px; }
.upcoming-slider-controls { display: flex; justify-content: center; align-items: center; gap: 16px; padding: 0 20px 20px; color: white; font-size: 14px; }
.upcoming-slider-pause { border: 1px solid #ffffff80; border-radius: 20px; background: transparent; color: white; padding: 6px 14px; cursor: pointer; }
@media (max-width: 767px) {
    .events .upcoming-slider .events_last { padding: 24px 20px; }
    .upcoming-slider-arrow { top: auto; bottom: 14px; transform: none; }
    .upcoming-slider-controls { min-height: 66px; padding: 8px 68px 18px; gap: 10px; flex-wrap: wrap; }
}

.upcoming-slider-viewport { position: relative; border-radius: 20px; }
.upcoming-slider-viewport.is-animating { overflow: hidden; }
.upcoming-slider-viewport .events_last.is-outgoing { position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; }

.upcoming-slider-viewport { touch-action: pan-y pinch-zoom; }
.upcoming-slider-pause { min-height: 44px; }
@media (max-width: 767px) {
    .upcoming-slider .desc { min-width: 0; }
    .upcoming-slider .title { overflow-wrap: anywhere; }
}
