/* ============================================================================
 * Inside Motor & Racing — Desktop & Full-Screen MegaScreen Isolated Stylesheet
 * Requirement #1 (Full Desktop / MegaScreen > 1440px):
 *   - Standard Desktop (1025px–1440px): max-width 1180px
 *   - Full / MegaScreen (> 1440px): 100% Full-Width & Proportional Viewport Scaling!
 * ============================================================================ */
@media (min-width: 1025px) and (max-width: 1440px) {
    .w-container {
        max-width: 1180px !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    .imr-grid-4 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 22px;
    }

    .imr-grid-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
    }

    .imr-thumb-frame {
        height: 210px;
    }

    .imr-grid-4 .imr-thumb-frame {
        height: 175px;
    }
}

/* Full-Screen Desktop / MegaScreen (> 1440px — Full Width & Proportional Scaling) */
@media (min-width: 1441px) {
    .w-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 3.5vw !important;
        padding-right: 3.5vw !important;
    }

    .imr-hero-card {
        height: auto;
        max-height: 26.25vw;
    }

    .imr-brand-iframe-wrap {
        height: 62vh;
        min-height: 540px;
    }

    .imr-grid-4 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1.5vw;
    }

    .imr-grid-3 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.6vw;
    }

    .imr-grid-4 .imr-thumb-frame {
        height: 13.5vw;
        min-height: 195px;
    }

    .imr-grid-3 .imr-thumb-frame {
        height: 16vw;
        min-height: 230px;
    }
}