/* Recent Projects Block - inherits from project_block.css */
/* This block uses the same styles as the regular project block */
/* ### project block ### */
.project-block { margin-bottom: 55px; }
.project-block h2 { margin-bottom: 16px; font-size: var(--font-size-h3); }
.project-block-holder { padding-bottom: 45px; border-bottom: solid 1px var(--color-grey-100); }
.project-block .swiper { margin-right: -26px; margin-bottom: 20px; }
.project-block-button { display: flex; justify-content: center; }

/* Projects Grid - Desktop */
.projects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

/* Mobile Slider - Lightweight */
@media (max-width: 1024px) {
    .projects-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        gap: 16px;
        padding-bottom: 10px;
        margin-right: -26px;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .projects-grid::-webkit-scrollbar {
        display: none;
    }
    
    .projects-grid .card-project {
        flex: 0 0 280px;
        scroll-snap-align: start;
    }
}

@media (max-width: 768px) {
    .projects-grid .card-project {
        flex: 0 0 240px;
    }
}