/* TimesPack Homepage v3.4 - REAL full-width fix
   The visible "box" was not home-v3. It came from global app.css:
   main { max-width:1200px; margin:auto; padding:... }
*/

main.tp-homepage-main {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: calc(100vh - 68px) !important;
    overflow-x: hidden !important;
}

/* Homepage itself uses normal responsive width */
main.tp-homepage-main > .tp-home-v3 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: calc(100svh - 68px) !important;
}

/* Fill the first screen on desktop without restoring a boxed container. */
@media (min-width: 901px) {
    main.tp-homepage-main > .tp-home-v3 > .tp3-hero {
        min-height: calc(100svh - 68px) !important;
    }
}

/* Keep alerts usable without restoring the global 1200px wrapper */
main.tp-homepage-main > .alert {
    width: min(1200px, calc(100% - 32px));
    margin: 16px auto;
}

@media (max-width: 860px) {
    main.tp-homepage-main {
        padding: 0 0 80px !important;
    }
}

@media (max-width: 480px) {
    main.tp-homepage-main {
        padding: 0 0 80px !important;
    }
}