/**
 * Section: Post Card Grid (Danh sách thẻ bài viết/dự án/dịch vụ dạng Grid - BEM Standard)
 * Path: template-parts/sections/post-card-grid/style.css
 */

.post-card-grid {
    background-color: var(--color-primary, #ffffff);
}

.post-card-grid__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.post-card-grid__card {
    border: 1px solid var(--text-grey, #BBCDBD);
    border-radius: var(--radius-card, 6px);
    overflow: hidden;
    background: var(--color-primary, #ffffff);
    display: flex;
    flex-direction: column;
}

.post-card-grid__img {
    overflow: hidden;
}

.post-card-grid__img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    transition: var(--transition-base, all 0.3s ease);
}

.post-card-grid__card:hover .post-card-grid__img img {
    transform: scale(1.05);
}

.post-card-grid__body {
    padding: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}