/* ===== Desktop Bundle CSS - Media Scoped (min-width: 1024px) ===== */
/* Desktop-only overrides and enhancements */

@media (min-width: 1024px) {
    /* ===== Hero Section Desktop Overrides ===== */
    .hero__grid {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    
    .hero__slider {
        width: 550px;
        height: 630px;
        aspect-ratio: auto;
    }
    
    .hero__placeholder {
        aspect-ratio: 4 / 3;
    }
    
    /* ===== Navigation Desktop Enhancements ===== */
    .nav-menu {
        gap: 2rem;
    }
    
    .main-navigation {
        gap: 1rem;
    }
    
    /* ===== Layout Desktop Optimizations ===== */
    .section__inner--wide {
        max-width: 1200px;
    }
    
    .header-content {
        max-width: 1200px;
    }
    
    /* ===== Typography Desktop Scaling ===== */
    .hero__headline {
        font-size: 62px;
        line-height: 1 !important; /* Line height set to 1 */
    }
    
    /* ===== Component Desktop Spacing ===== */
    .hero__content {
        gap: 1.5rem;
    }
    
    .hero__actions {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    
    /* ===== Desktop-specific hover effects ===== */
    /* Button hover effects are now handled in IcaHero-home.css to avoid redundancy */
    
    /* ===== Desktop navigation enhancements ===== */
    .nav-menu a:hover::after {
        width: 100%;
        height: 3px;
    }
    
    /* ===== Desktop layout improvements ===== */
    .top-bar-content {
        max-width: 1200px;
    }
    
    .site-logo {
        max-width: 180px;
    }
    
    .site-logo img,
    .site-logo-img {
        width: 180px;
        height: 90px;
    }
}