/* ================================================
   모바일 슬라이더 기능
   ================================================ */

/* 신규 1: 프론트 페이지 파인싱크 소식 */
.news-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem;
}

@media (max-width: 968px) {
    .news-grid {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 1rem !important;
        padding-bottom: 1rem !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .news-grid .news-card {
        flex: 0 0 280px !important;
        scroll-snap-align: start !important;
    }
    
    /* 스크롤바 스타일링 */
    .news-grid::-webkit-scrollbar {
        height: 8px;
    }
    
    .news-grid::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    
    .news-grid::-webkit-scrollbar-thumb {
        background: #099F97;
        border-radius: 10px;
    }
}

/* 신규 2: 프론트 페이지 주요실적 */
@media (max-width: 968px) {
    .portfolio-grid {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 1.5rem !important;
        padding-bottom: 1rem !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .portfolio-grid .portfolio-card {
        flex: 0 0 300px !important;
        scroll-snap-align: start !important;
    }
    
    .portfolio-grid::-webkit-scrollbar {
        height: 8px;
    }
    
    .portfolio-grid::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    
    .portfolio-grid::-webkit-scrollbar-thumb {
        background: #099F97;
        border-radius: 10px;
    }
}

/* 신규 3: 전문가 소개 페이지 - (주)파인싱크 상담사 */
@media (max-width: 968px) {
    .experts-grid-two {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 1.5rem !important;
        padding-bottom: 1rem !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .experts-grid-two .expert-profile {
        flex: 0 0 250px !important;
        scroll-snap-align: start !important;
    }
    
    .experts-grid-two::-webkit-scrollbar {
        height: 8px;
    }
    
    .experts-grid-two::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    
    .experts-grid-two::-webkit-scrollbar-thumb {
        background: #099F97;
        border-radius: 10px;
    }
}

/* 신규 4: 금융교육 페이지 - 금융교육 강사진 */
@media (max-width: 968px) {
    .page-education .experts-grid-two {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 1.5rem !important;
        padding-bottom: 1rem !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .page-education .experts-grid-two .expert-profile {
        flex: 0 0 250px !important;
        scroll-snap-align: start !important;
    }
    
    .page-education .experts-grid-two::-webkit-scrollbar {
        height: 8px;
    }
    
    .page-education .experts-grid-two::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    
    .page-education .experts-grid-two::-webkit-scrollbar-thumb {
        background: #099F97;
        border-radius: 10px;
    }
}

/* services 페이지 - 프로젝트 실적 모바일 슬라이드 */
@media (max-width: 968px) {
    .projects-section .portfolio-grid,
    .projects-section .projects-grid {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 1.5rem !important;
        padding-bottom: 1rem !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .projects-section .portfolio-card,
    .projects-section .project-card {
        flex: 0 0 300px !important;
        scroll-snap-align: start !important;
    }
    
    .projects-section .portfolio-grid::-webkit-scrollbar,
    .projects-section .projects-grid::-webkit-scrollbar {
        height: 8px;
    }
    
    .projects-section .portfolio-grid::-webkit-scrollbar-track,
    .projects-section .projects-grid::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    
    .projects-section .portfolio-grid::-webkit-scrollbar-thumb,
    .projects-section .projects-grid::-webkit-scrollbar-thumb {
        background: #099F97;
        border-radius: 10px;
    }
}

/* 신규 5: services 페이지 프로젝트 실적 */
@media (max-width: 968px) {
    .page-template-page-services .projects-grid,
    .projects-section .projects-grid {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 1.5rem !important;
        padding-bottom: 1rem !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .page-template-page-services .project-card,
    .projects-section .project-card {
        flex: 0 0 300px !important;
        scroll-snap-align: start !important;
    }
    
    .page-template-page-services .projects-grid::-webkit-scrollbar,
    .projects-section .projects-grid::-webkit-scrollbar {
        height: 8px;
    }
    
    .page-template-page-services .projects-grid::-webkit-scrollbar-track,
    .projects-section .projects-grid::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    
    .page-template-page-services .projects-grid::-webkit-scrollbar-thumb,
    .projects-section .projects-grid::-webkit-scrollbar-thumb {
        background: #099F97;
        border-radius: 10px;
    }
}

/* 주요 협력 기관 및 기업 - 모바일 2x2 슬라이드 */
@media (max-width: 968px) {
    .client-logos-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        grid-template-rows: repeat(2, 1fr) !important;
        gap: 1rem !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 1rem !important;
    }
    
    .client-logos-grid .client-logo {
        scroll-snap-align: start !important;
        min-width: 150px !important;
    }
    
    .client-logos-grid::-webkit-scrollbar {
        height: 8px;
    }
    
    .client-logos-grid::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    
    .client-logos-grid::-webkit-scrollbar-thumb {
        background: #099F97;
        border-radius: 10px;
    }
}

/* 프론트페이지 고객수기 모바일 슬라이더 */
@media (max-width: 968px) {
    .testimonials-grid-preview {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 1.5rem !important;
        padding-bottom: 1rem !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .testimonials-grid-preview .testimonial-card {
        flex: 0 0 85% !important;
        scroll-snap-align: center !important;
    }
    
    .testimonials-grid-preview::-webkit-scrollbar {
        height: 8px;
    }
    
    .testimonials-grid-preview::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    
    .testimonials-grid-preview::-webkit-scrollbar-thumb {
        background: #099F97;
        border-radius: 10px;
    }
}