/* ==========================================================================
   Mobile Responsive Styles
   Base width: 375px
   Breakpoint: 640px
   Scaling: Transform scale for proportional sizing on wider mobiles
   ========================================================================== */

/* Desktop: wrapper is transparent (no effect) */
.mobile-scale-wrapper {
    width: 100%;
}

/* Mobile styles */
@media (max-width: 640px) {
    html {
        overflow-x: hidden;
    }

    body {
        min-width: 375px;
        width: 375px;
        overflow: hidden;
    }

    .mobile-scale-wrapper {
        width: 375px;
        overflow: visible;
    }
}