/* section-news */
.section-news {
    --columns: 6;
    --offset-block: var(--offset-main);
}
.section-news__items {
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    gap: var(--offset-block);
}
.section-news__item {
    grid-column: span calc(var(--columns) / 3);
}
.section-news__item-medium {
    grid-column: span calc(var(--columns) / 3 * 2);
}
.section-news__item-half {
    grid-column: span calc(var(--columns) / 2);
}
.section-news__item-full {
    grid-column: span var(--columns);
}
/*
.section-news__item-full.card-product_horizontal-big {
    --height-image-card: 25.5rem;
}
    */
/*
@media screen and (max-width: 1023.5px) {
    .section-news {
        --offset-block: var(--offset-secondary);
    }
    .section-news__item {
        grid-column: span calc(var(--columns) / 2);
    }
    .section-news__item-medium {
        grid-column: span var(--columns);
    }
}
@media screen and (max-width: 575px) {
    .section-news__item,
    .section-news__item-medium,
    .section-news__item-half {
        grid-column: span var(--columns);
    }
}
*/
@media screen and (min-width: 1900px) {
    
    .section-news__item-half.card-product {
        --height-image-card: 13.125rem;
    }
    .section-news__item-half {
        grid-template-columns: 50% calc(50% - 2rem);
    }
}
@media screen and (min-width: 1440px) {
    .section-news + .section-news {
        margin-top: 1.25rem;
    }
}
@media screen and (min-width: 1280px) {
    .section-news + .section-news {
        margin-top: 1rem;
    }
    .section-news__item {
        gap: 2rem;
    }
}
@media screen and (max-width: 1439px) and (min-width: 1280px) {
    .section-news__item-medium.card-product_horizontal-big {
        grid-template-columns: 415px 1fr; 
    }
    .section-news__item-medium.card-product_horizontal-big .card-product__title {
        display: block;
    }
}
@media screen and (max-width: 1439px) and (min-width: 1024px) {
    .section-news__item-half.card-product_horizontal {
        --height-image-card: 207px;
        
        grid-template-columns: 1fr;

    }
    .section-news__item-full.card-product_horizontal-big {
        grid-template-columns: 1fr calc(50% - 2rem);
    }
}

@media screen and (max-width: 1023.5px) {
    .section-news__item,
    .section-news__item-medium,
    .section-news__item-half {
        grid-column: span var(--columns);
    }
}
@media screen and (max-width: 375.5px) {
    .section-news__items {
        gap: 0.875rem;
    }
    #section-news-1 {
        margin-top: 1.5rem;
    }
    .section-news + .section-news {
        margin-top: 1rem;
    }
}

/* blog pager */
.section-blog-pager {
    --offset-block: var(--offset-main);
}
.blog-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.blog-pager__pages {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}
.blog-pager__page .button,
.blog-pager__page_active .button {
    font-size: 1rem;
    font-weight: 400;
}
.blog-pager__page_active .button {
    --btn-bg: var(--color-grey-48);
    font-weight: 600;
    pointer-events: none;
}
.blog-pager__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: var(--size-btn);
}
.blog-pager__arrow_disabled {
    opacity: 0.32;
    pointer-events: none;
}
.blog-pager__arrow_disabled .button {
    cursor: default;
}
@media screen and (max-width: 575px) {
    .blog-pager__pages {
        gap: 0.25rem;
    }
    .blog-pager {
        gap: 0.25rem;
    }
}
.blog-pager__arrow.button-wrapper,
.blog-pager__page .button-wrapper {
    display: inline-flex;
    width: fit-content;
}
.blog-pager__arrow .button,
.blog-pager__page .button {
    width: var(--size-btn);
}