.related-news {
    display: grid;
    gap: 22px;
    margin-top: 48px;
}

.related-news__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.related-news__title {
    margin: 0;
    font-size: clamp(1.9rem, 3vw, 2.5rem);
    line-height: 1.1;
}

.related-news__controls {
    display: none;
    align-items: center;
    gap: 10px;
}

.related-news__button {
    width: 60px;
    min-width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-text, #000000);
    border-radius: 50%;
    background: var(--color-surface, #ffffff);
    color: var(--color-accent, #009b7c);
    cursor: pointer;
    flex-shrink: 0;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.related-news__button svg {
    width: 27px;
    height: 27px;
    display: block;
}

.related-news__button:hover,
.related-news__button:focus-visible {
    color: #ffffff;
    border-color: var(--color-accent, #009b7c);
    background: var(--color-accent, #009b7c);
}

.related-news__button.swiper-button-disabled {
    opacity: .35;
    pointer-events: none;
}

.related-news__button.swiper-button-lock {
    display: none;
}

.related-news__slider {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    touch-action: pan-x pinch-zoom;
    overscroll-behavior: contain;
}

.related-news__track {
    display: flex;
    align-items: stretch;
}

.related-news__slider.swiper-initialized .related-news__track {
    box-sizing: border-box;
    will-change: transform;
}

.related-news__slide {
    flex: 0 0 auto;
    min-width: 0;
    height: auto;
}

.collection-home .related-news__slide,
.collection-news .related-news__slide,
.collection-event .related-news__slide,
.collection-photo .related-news__slide,
.collection-podcast .related-news__slide,
.collection-journal .related-news__slide,
.collection-infrastructure .related-news__slide {
    display: flex;
}

.collection-home .related-news__slide > *,
.collection-news .related-news__slide > *,
.collection-event .related-news__slide > *,
.collection-photo .related-news__slide > *,
.collection-podcast .related-news__slide > *,
.collection-journal .related-news__slide > *,
.collection-infrastructure .related-news__slide > * {
    width: 100%;
    height: 100%;
}

.collection-home .related-news-card,
.collection-home .news-card,
.collection-news .related-news-card,
.collection-news .news-card,
.collection-event .related-news-card,
.collection-event .news-card,
.collection-photo .related-news-card,
.collection-photo .news-card,
.collection-podcast .related-news-card,
.collection-podcast .news-card,
.collection-journal .related-news-card,
.collection-journal .news-card,
.collection-infrastructure .related-news-card,
.collection-infrastructure .news-card {
    height: 100%;
}

.collection-event .news-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid rgba(212, 223, 210, 0.95);
    background: var(--color-surface);
    box-sizing: border-box;
    overflow: hidden;
}

.collection-event .news-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.collection-event .park-detail-page__card-footer {
    margin-top: auto;
}

.collection-journal .news-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid rgba(212, 223, 210, 0.95);
    background: var(--color-surface);
    box-sizing: border-box;
    overflow: hidden;
}

.collection-journal .news-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.collection-event .news-card::after,
.collection-journal .news-card::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: rgba(212, 223, 210, 0.95);
    pointer-events: none;
}

@media (min-width: 768px) {
    .related-news__controls {
        display: flex;
    }
}

.park-detail-page__slider-block .related-news__controls {
    justify-content: flex-end;
}

.park-detail-page__slider-block .related-news__slide {
    display: flex;
    height: auto;
}

.park-detail-page__slider-block .related-news__slide > *,
.park-detail-page__slider-block .news-card {
    width: 100%;
    height: 100%;
}

.park-detail-page__slider-block .news-card__content {
    flex: 1;
}

.park-detail-page__slider-block .park-detail-page__card-footer {
    margin-top: auto;
}