@media screen and (max-width: 1900px) {
    .zoom {
        zoom: 1 !important;
        transform: none !important;
        width: 100% !important;
    }
}

/* Ensure proper scaling container behavior */
.zoom {
    max-width: 100%;
    margin: 0 auto;
    transform-origin: top left;
}

/* Handle header and footer specific zoom adjustments */
header.zoom,
footer.zoom {
    width: 100%;
    position: relative;
    z-index: 1000;
}

/* Ensure proper stacking and layout */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}