/* iPad View Fixes - Full Width Sections */

/* Target iPad devices (768px - 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
    /* Make all sections full width */
    .container,
    .container--size-large {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    /* Main screen section */
    .main-screen__container {
        width: 100%;
        max-width: 100%;
    }
    
    /* About section */
    .about-section__container {
        width: 100%;
        max-width: 100%;
    }
    
    .about-section .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .about-section__main,
    .about-section__aside {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* About video section */
    .about-video-section__container {
        width: 100%;
        max-width: 100%;
    }
    
    /* Carousel section */
    .carousel-section__container {
        width: 100%;
        max-width: 100%;
    }
    
    /* Statistics section */
    .statistics__container {
        width: 100%;
        max-width: 100%;
    }
    
    /* All other sections */
    section .container,
    section .container--size-large {
        width: 100%;
        max-width: 100%;
    }
    
    /* Remove negative margins on rows */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Adjust column padding */
    [class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}