/* Blog i related posts - responsive */
.blog-grid,
.related-posts {
    display: grid !important; /* forsira grid */
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 50px;
}

/* Grid item */
.blog-grid > .grid-item,
.related-posts > .related-post {
    width: 100%;
}

/* Mobile */
@media (max-width: 600px) {
    .blog-grid,
    .related-posts {
        grid-template-columns: 1fr !important; /* forsira jednu kolonu */
        gap: 15px;
    }

    .blog-grid > .grid-item,
    .related-posts > .related-post {
        width: 100% !important;
        margin: 0;
        padding: 0;
    }

    /* Slike prate širinu kartice */
    .blog-grid img,
    .related-post-thumb img,
    .post-hero img {
        width: 100% !important;
        height: auto;
        display: block;
    }
}