/* 1. Force every page to use the full screen width */
.exomd-master-container {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    background: transparent !important;
    display: block !important;
}

/* 2. Center the Logo and Text for all variants */
.exomd-page-wrapper {
    max-width: 500px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    text-align: center !important;
}

/* 3. Fix Science (Galaxy) - Stretch image, make text white */
.exomd-variant-science {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center !important;
    min-height: 100vh !important;
}
.exomd-variant-science * { color: #ffffff !important; }

/* 4. Fix GenZ & SPA - Clean white background, black text */
.exomd-variant-genz, .exomd-variant-spa {
    background-color: #ffffff !important;
    min-height: 100vh !important;
}
.exomd-variant-genz *, .exomd-variant-spa * { color: #000000 !important; }

/* 5. Ensure the product image fits the mobile-width column */
.exomd-page-wrapper img {
    max-width: 100% !important;
    height: auto !important;
}