/* ===========================================
   강사진/상담사 배치 및 크기 수정 + 클릭 모달
   =========================================== */

/* PC에서 3명씩 배치 */
@media (min-width: 969px) {
    .experts-grid-two {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 2.5rem !important;
        margin: 4rem 0 !important;
    }
}

/* 전문가 사진 크기 축소 */
.expert-photo {
    width: 100% !important;
    max-width: 350px !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 10px;
    transition: transform 0.3s ease;
    cursor: pointer !important;
}

/* 전문가 프로필 컨테이너 */
.expert-profile {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 클릭 가능 표시 */
.expert-profile:hover .expert-photo {
    transform: scale(1.02);
}

/* 태블릿에서는 2명씩 */
@media (max-width: 968px) and (min-width: 601px) {
    .experts-grid-two {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 2rem !important;
    }
    
    .expert-photo {
        max-width: 300px !important;
    }
}

/* 모바일에서는 1명씩 */
@media (max-width: 600px) {
    .experts-grid-two {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }
    
    .expert-photo {
        max-width: 280px !important;
    }
}

/* Experts 페이지 모바일 슬라이드 */
@media (max-width: 600px) {
    .page-template-page-experts .experts-grid-two,
    .page-template-page-education .experts-grid-two {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 1.5rem !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .page-template-page-experts .expert-profile,
    .page-template-page-education .expert-profile {
        flex: 0 0 85% !important;
        scroll-snap-align: center !important;
    }
    
    .page-template-page-experts .experts-grid-two::-webkit-scrollbar,
    .page-template-page-education .experts-grid-two::-webkit-scrollbar {
        height: 8px;
    }
    
    .page-template-page-experts .experts-grid-two::-webkit-scrollbar-track,
    .page-template-page-education .experts-grid-two::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    
    .page-template-page-experts .experts-grid-two::-webkit-scrollbar-thumb,
    .page-template-page-education .experts-grid-two::-webkit-scrollbar-thumb {
        background: #099F97;
        border-radius: 10px;
    }
}