.news-page .news-categories {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
}

.news-page .news-categories__item {
    text-decoration: none;
    color: var(--color-black-gray);
    background-color: var(--color-block);
    font-size: var(--font-xs);
    font-weight: 500;
    padding: var(--space-sm) var(--space-lg);
    border-radius: 4px;
    transition: background-color .3s ease, color .3s ease;
}

.news-page .news-categories__item:hover,
.news-page .news-categories__item.is-active {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.news-page .news-list {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.news-page .news-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    justify-content: center;
    margin-top: var(--space-xl);
}

.news-page .news-pagination__item {
    text-decoration: none;
    color: var(--color-black-gray);
    background-color: var(--color-block);
    font-size: var(--font-xs);
    font-weight: 600;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    padding: 0 var(--space-xl);
    transition: background-color .3s ease, color .3s ease;
}

.news-page .news-pagination__item:hover,
.news-page .news-pagination__item.is-active {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.news-page .news-pagination__dots {
    font-size: var(--font-xs);
    font-weight: 600;
    color: var(--color-black-gray);
    padding: 0 var(--space-md);
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-page .news-empty {
    font-size: var(--font-sm);
    color: var(--color-black-gray);
    text-align: center;
    padding: var(--space-xl) 0;
}

.news-page .news-layout {
    display: flex;
    gap: var(--space-xl);
}

.news-page .news-main {
    flex: 1;
    min-width: 0;
}

.news-page .news-sidebar {
    flex: 0 0 300px;
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    align-self: start;
    position: sticky;
    top: calc(70px + var(--space-xl));
}

.news-page .news-sidebar__block {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.news-page .news-sidebar__title {
    font-size: var(--font-sm);
    font-weight: 700;
    color: var(--color-black);
}

.news-page .news-sidebar__title a {
    color: inherit;
    text-decoration: none;
    transition: color .3s ease;
}

.news-page .news-sidebar__title a:hover {
    color: var(--color-primary);
}

.news-page .news-sidebar__list {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.news-page .news-sidebar__acf {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.news-page .news-search-form form {
    display: flex;
    align-items: center;
    gap: 0;
    max-width: 560px;
}

.news-page .news-search-form__input {
    flex: 1;
    height: 44px;
    padding: 0 var(--space-lg);
    font-size: var(--font-sm);
    color: var(--color-black);
    background-color: var(--color-block);
    border: none;
    border-radius: 4px 0 0 4px;
    outline: none;
    transition: background-color .3s ease, box-shadow .3s ease;
}

.news-page .news-search-form__input::placeholder {
    color: var(--color-black-gray);
}

.news-page .news-search-form__input:focus {
    background-color: var(--color-block);
    box-shadow: inset 0 0 0 2px var(--color-primary);
}

.news-page .news-search-form__btn {
    height: 44px;
    padding: 0 var(--space-lg);
    background-color: var(--color-primary);
    color: var(--color-white);
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .3s ease;
}

.news-page .news-search-form__btn:hover {
    opacity: .85;
}

@media (max-width: 1200px) {
    .news-page .news-list .post-card .thumb {
        max-width: 300px;
    }
}

@media (max-width: 1024px) {
    .news-page .news-layout {
        flex-direction: column;
    }

    .news-page .news-sidebar {
        position: static;
        align-self: unset;
        flex: unset;
        width: 100%;
        margin-top: var(--space-xl);
    }

    .news-page .news-sidebar__recent .news-sidebar__list {
        flex-direction: row;
    }

    .news-page .news-sidebar__recent .news-sidebar__list .post-card {
        flex: 1;
        min-width: 0;
    }

    .news-page .news-sidebar__acf {
        flex-direction: row;
    }

    .news-page .news-sidebar__acf .news-sidebar__block {
        flex: 1;
        min-width: 0;
    }

    .news-page .news-list .post-card .thumb {
        max-width: 400px;
    }
}

@media (max-width: 768px) {
    .news-page .news-pagination {
        margin-top: var(--space-lg);
    }

    .news-page .news-pagination__item {
        padding: 0 var(--space-lg);
        height: 32px;
    }

    .news-page .news-pagination__dots {
        padding: 0 var(--space-sm);
    }

    .news-page .news-sidebar {
        margin-top: var(--space-lg);
    }

    .news-page .news-sidebar__acf {
        gap: var(--space-lg);
    }

    .news-page .news-sidebar__list {
        gap: var(--space-lg);
    }

    .news-page .news-list .post-card .thumb {
        max-width: unset;
    }
}

@media (max-width: 620px) {
    .news-page .news-sidebar__recent .news-sidebar__list,
    .news-page .news-sidebar__acf {
        flex-direction: column;
    }
}