/* Блог - Start */
section.section-blog-listing {
    padding-bottom: 80px;
}

section.section-blog-listing .container-blog-header {
    margin-bottom: 60px;
}

/* Список постов */
section.section-blog-listing .container-blog-posts {
    margin-bottom: 60px;
}

section.section-blog-listing .blog-card {
    display: flex;
    width: 50%;
}

/* Чередование расположения фото: каждые 4 карточки (3-я и 4-я) меняют направление */
section.section-blog-listing .blog-card:nth-child(4n+3),
section.section-blog-listing .blog-card:nth-child(4n+4) {
    flex-direction: row-reverse;
}

section.section-blog-listing .blog-card-image {
    width: 50%;
    height: 30vw;
}

section.section-blog-listing .blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.section-blog-listing .blog-card-content {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

section.section-blog-listing .blog-card-content .post-head {
    max-width: 80%;
}

/* Скрываем посты после 8-го */
section.section-blog-listing .blog-card:nth-child(n+9) {
    display: none;
}

/* Кнопка загрузки */
section.section-blog-listing .container-blog-load-more {
    display: flex;
    justify-content: center;
}

/* Класс для показа всех постов */
section.section-blog-listing.show-all .blog-card {
    display: flex;
}

/* Скрываем кнопку когда все посты показаны */
section.section-blog-listing.show-all .container-blog-load-more {
    display: none;
}

@media (max-width: 1480px) {
    section.section-blog-listing {
        padding-bottom: 60px;
    }
    
    section.section-blog-listing .container-blog-header {
        margin-bottom: 60px;
    }
    
    section.section-blog-listing .container-blog-posts {
        margin-bottom: 50px;
    }
}

@media (max-width: 1279px) {
    section.section-blog-listing {
        padding-bottom: 40px;
    }
	.woocommerce-breadcrumb {
		justify-content: center;
	}
    section.section-blog-listing .container-blog-header {
        margin-bottom: 30px;
        padding: 0 0px;
    }
    
    section.section-blog-listing .blog-card {
        width: 100%;
    }
    
    /* В мобильной версии чередование через 1 */
    section.section-blog-listing .blog-card:nth-child(4n+3),
    section.section-blog-listing .blog-card:nth-child(4n+4) {
        flex-direction: row;
    }
    
    section.section-blog-listing .blog-card:nth-child(even) {
        flex-direction: row-reverse;
    }
    
    section.section-blog-listing .blog-card-image {
        height: 60vw;
    }
    
    section.section-blog-listing .blog-card-content {
        gap: 10px;
    }
    
    section.section-blog-listing .blog-card-content .post-head {
        max-width: 90%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }
    
    /* В мобильной версии показываем только 4 поста */
    section.section-blog-listing .blog-card:nth-child(n+5) {
        display: none;
    }
    
    section.section-blog-listing.show-all .blog-card {
        display: flex;
    }
}
/* Блог - End */