/* Team Section - Responsive */

@media (max-width: 1024px) {
    .sslp-team__grid--cols-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .sslp-team__grid--cols-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .sslp-team {
        padding: 60px 16px;
    }
    
    .sslp-team__header {
        margin-bottom: 40px;
    }
    
    .sslp-team__title {
        font-size: 28px;
    }
    
    .sslp-team__subtitle {
        font-size: 16px;
    }
    
    .sslp-team__grid--cols-4,
    .sslp-team__grid--cols-3,
    .sslp-team__grid--cols-2 {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .sslp-team__card:hover {
        transform: none;
    }
    
    /* Variant D - stack on mobile */
    .sslp-team--d .sslp-team__card-inner {
        flex-direction: column;
        text-align: center;
    }
    
    .sslp-team--d .sslp-team__photo-wrapper {
        margin: 0 auto 20px;
    }
    
    .sslp-team--d .sslp-team__info {
        text-align: center;
    }
    
    .sslp-team--d .sslp-team__social-bottom {
        flex-direction: row;
        margin: 20px 0 0;
    }
    
    /* Variant G - smaller photo */
    .sslp-team--g .sslp-team__photo-wrapper {
        width: 100px;
        height: 100px;
    }
    
    .sslp-team__cta-button {
        padding: 14px 30px;
        font-size: 15px;
    }
    
    /* MOBILE: Social icons always visible (no hover on touch devices) */
    .sslp-team__social-overlay {
        opacity: 1 !important;
        transform: translateY(0) !important;
        padding: 15px;
        pointer-events: auto;
        position: static;
        background: rgba(0, 0, 0, 0.6);
        margin-top: -40px;
        border-radius: 0 0 16px 16px;
    }
    
    .sslp-team__social-link {
        background: rgba(255, 255, 255, 0.2);
    }
}

@media (max-width: 480px) {
    .sslp-team {
        padding: 40px 12px;
    }
    
    .sslp-team__title {
        font-size: 24px;
    }
    
    .sslp-team__info {
        padding: 20px 16px;
    }
    
    .sslp-team__name {
        font-size: 18px;
    }
    
    .sslp-team__bio {
        font-size: 13px;
    }
    
    .sslp-team__cta {
        margin-top: 30px;
    }
    
    .sslp-team__cta-button {
        width: 100%;
        justify-content: center;
    }
    
    .sslp-team__social-link {
        width: 44px;
        height: 44px;
    }
}