/* ====================================
   DESKTOP STYLES - 1024px and above
   ==================================== */

@media (min-width: 1024px) {
    /* Header */
    .header-wrapper {
        height: 80px;
    }
    
    .main-navigation {
        display: block;
    }
    
    .mobile-menu-toggle {
        display: none;
    }
    
    /* Dropdown hover for desktop */
    .has-dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(10px);
    }
    
    /* Grid Systems */
    .grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .grid-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    
    /* Hero Section */
    .hero-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--space-16);
        align-items: center;
    }
    
    .hero-title {
        font-size: var(--font-size-5xl);
    }
    
    .hero-buttons {
        display: flex;
        gap: var(--space-4);
    }
    
    /* Contact Grid */
    .contact-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--space-16);
    }
    
    /* Portfolio Grid */
    .portfolio-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-6);
    }
    
    /* Quiz Options */
    .quiz-options {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-4);
    }
    
    /* Process Steps */
    .process-steps {
        display: flex;
        justify-content: space-between;
        gap: var(--space-8);
    }
    
    .process-step {
        flex: 1;
    }
    
    /* Pricing Cards */
    .pricing-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--space-8);
    }
    
    /* Course Detail Grid */
    .course-detail-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--space-16);
        align-items: center;
    }
    
    /* Service Detail Grid */
    .service-detail-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--space-16);
        align-items: center;
    }
    
    /* Hide mobile/tablet only */
    .mobile-only,
    .tablet-only {
        display: none;
    }
    
    /* Show desktop elements */
    .desktop-only {
        display: block;
    }
}