/* Blog Grid Layout Fix - High Specificity Override */
body .section .wrap .blogs_category .blog-list ul.blogs,
ul.blogs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 40px !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tablet responsive */
@media screen and (max-width: 1024px) {
    body .section .wrap .blogs_category .blog-list ul.blogs,
    ul.blogs {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-gap: 30px !important;
    }
}

/* Mobile responsive */
@media screen and (max-width: 640px) {
    body .section .wrap .blogs_category .blog-list ul.blogs,
    ul.blogs {
        grid-template-columns: 1fr !important;
        grid-gap: 20px !important;
    }
}

/* Ensure blog items display properly in grid */
body .section .wrap .blogs_category .blog-list ul.blogs li.blogs_item,
ul.blogs li.blogs_item {
    display: block !important;
    width: auto !important;
    height: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

/* Reset any problematic blog item styles */
ul.blogs li:nth-child(2),
.featured_blogs .blogs li:nth-child(3),
.featured_blogs .blogs li:nth-child(4) {
    grid-column: auto !important;
    height: auto !important;
    width: auto !important;
}

ul.blogs li:nth-child(2) .blogs_item_image img,
.featured_blogs .blogs li:nth-child(3) .blogs_item_image img,
.featured_blogs .blogs li:nth-child(4) .blogs_item_image img {
    width: 100% !important;
    height: 220px !important;
}