/* =========================================================
   IJOVIA PAY — HOMEPAGE LAYOUT SAFETY LAYER
   ---------------------------------------------------------
   Keep this file only as a compatibility layer. The visual
   design belongs in public-home.css. This file prevents legacy
   .pub-container markup and old width rules from breaking the
   master grid.
   ========================================================= */

.ij-public-site .ij-public-main {
    width: 100%;
    min-width: 0;
    overflow-x: clip;
}

.ij-public-site .ij-home {
    width: 100%;
    min-width: 0;
    overflow-x: clip;
}

.ij-public-site .ij-home .ij-public-container,
.ij-public-site .ij-home .ij-shell,
.ij-public-site .ij-home .pub-container {
    width: min(1280px, calc(100% - 64px)) !important;
    max-width: 1280px !important;
    margin-inline: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Legacy inline padding should not create a second container system. */
.ij-public-site .ij-home [style*="padding-left"],
.ij-public-site .ij-home [style*="padding-right"] {
    box-sizing: border-box;
}

@media (max-width: 1100px) {
    .ij-public-site .ij-home .ij-public-container,
    .ij-public-site .ij-home .ij-shell,
    .ij-public-site .ij-home .pub-container {
        width: calc(100% - 40px) !important;
        max-width: none !important;
    }
}

@media (max-width: 640px) {
    .ij-public-site .ij-home .ij-public-container,
    .ij-public-site .ij-home .ij-shell,
    .ij-public-site .ij-home .pub-container {
        width: calc(100% - 32px) !important;
    }
}

html {
    overflow-x: clip;
}

body.ij-public-site {
    overflow-x: clip;
}