/* ===================================
   GLOBAL MOBILE FIX - LOAD THIS FIRST
   =================================== */

* {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
}

body {
    overflow-x: hidden;
    width: 100%;
    max-width: 100vw;
    margin: 0;
    padding: 0;
}

/* Force all sections to stay within viewport */
section,
div,
header,
footer,
main {
    max-width: 100vw;
}

/* Fix container overflow */
.container {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
}

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

/* Mobile specific fixes */
@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden !important;
    }
    
    .container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    
    /* Fix any absolute positioned elements */
    .floating-element,
    .decorative-arrow,
    .corner-bracket {
        display: none;
    }
}