/* NUCLEAR MOBILE VIDEO GRID FIX */
@media only screen and (max-width: 768px) {
    /* Force block layout on mobile */
    #videoGrid.video-grid,
    .video-directory .video-grid,
    .video-grid {
        display: block !important;
        width: 100% !important;
    }
    
    /* Each video box is full width block */
    .video-box {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 20px 0 !important;
        float: none !important;
        grid-column: unset !important;
    }
    
    /* Ad span is also full width block */
    .video-grid-ad-span {
        display: block !important;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        grid-column: unset !important;
    }
    
    /* Ensure proper image sizing */
    .video-box .video-hover-wrap {
        width: 100% !important;
        height: auto !important;
        padding-bottom: 56.25% !important;
        position: relative !important;
    }
    
    /* Remove any flex or grid from parent containers */
    .video-main-wrap,
    .product-main-wrap,
    #video-grid-wrapper {
        display: block !important;
    }
}

/* Override any JavaScript modifications */
@media only screen and (max-width: 768px) {
    #videoGrid[style] {
        display: block !important;
    }
    
    .video-box[style] {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
}


/* Mobile spiral ad fix */
@media only screen and (max-width: 768px) {
    .video-grid-ad-span,
    .spiral-ad-full,
    .spiral-ad-full a,
    .spiral-ad-full img {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        grid-column: unset !important;
    }
    
    .video-grid-ad-span {
        margin: 20px 0 !important;
        padding: 0 !important;
    }
}