/* Global Styles for HealthyBowl App - Prevent Horizontal Scroll */

/* Reset and base styles */
* {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* Simple container fixes */
.container {
    max-width: 100vw;
    overflow-x: hidden;
}

/* Basic overflow fix */
.overflow-hidden {
    overflow-x: hidden;
}

/* Ensure images don't cause overflow */
img {
    max-width: 100%;
    height: auto;
}

/* That's it - minimal approach */