/* ===== ENHANCED RESPONSIVE STYLES ===== */

/* Enhanced Trainer Page Responsive */
@media (max-width: 968px) {
    .trainer-hero-grid-new {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    
    .trainer-hero-visual-new {
        order: -1;
    }
    
    .trainer-photo-wrapper {
        max-width: 400px;
        height: 500px;
        margin: 0 auto;
    }
    
    .trainer-name {
        font-size: 3.5rem;
    }
    
    .trainer-stats-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    
    .stat-box {
        flex-direction: column;
        text-align: center;
        padding: 20px 15px;
    }
    
    .badge-1,
    .badge-2,
    .badge-3 {
        position: static;
        display: inline-flex;
        margin: 10px 5px;
    }
    
    .achievement-badge {
        animation: none;
    }
}

@media (max-width: 768px) {
    .trainer-hero-enhanced {
        padding: 80px 20px;
    }
    
    .trainer-name {
        font-size: 2.8rem;
    }
    
    .trainer-tagline {
        font-size: 1.1rem;
    }
    
    .trainer-bio p {
        font-size: 1.05rem;
    }
    
    .trainer-stats-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .stat-box {
        flex-direction: row;
        text-align: left;
    }
    
    .trainer-hero-buttons-new {
        flex-direction: column;
    }
    
    .btn-trainer-primary,
    .btn-trainer-secondary {
        width: 100%;
        justify-content: center;
    }
    
    .trainer-photo-wrapper {
        max-width: 350px;
        height: 450px;
    }
    
    .specialties-grid-enhanced {
        grid-template-columns: 1fr;
    }
    
    .specialty-number {
        font-size: 3.5rem;
    }
}

@media (max-width: 480px) {
    .trainer-name {
        font-size: 2.2rem;
    }
    
    .trainer-badge-new {
        font-size: 0.75rem;
        padding: 8px 14px;
    }
    
    .trainer-photo-wrapper {
        max-width: 300px;
        height: 400px;
    }
    
    .stat-number {
        font-size: 1.5rem;
    }
    
    .stat-label {
        font-size: 0.75rem;
    }
    
    .specialty-icon-enhanced {
        width: 60px;
        height: 60px;
        font-size: 1.7rem;
    }
}