.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@media (max-width: 768px) {
    /* 1. The Global Lock - Prevents the 'wobble' */
    html, body.home {
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important; 
        width: 100% !important;
        position: relative !important;
        touch-action: pan-y !important;
        /* Kills the elastic bounce on mobile */
        overscroll-behavior-y: none; 
    }

    /* 2. The Dynamic Height Fix - Prevents blank space when URL bar hides */
    body.home #page,
    body.home #content,
    body.home .nuts-hero-container {
        /* This tells the browser to fill the available space even as it changes */
        min-height: 100vh;
        min-height: 100dvh; 
        width: 100vw !important;
        overflow: hidden !important;
    }

    /* 3. Cage the Elementor inner wrappers */
    body.home .elementor-section,
    body.home .elementor-container {
        max-width: 100vw !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* 4. Ticker Lock */
    body.home .nuts-ticker-bg {
        width: 100vw !important;
        left: 0 !important;
        right: 0 !important;
        overflow: hidden !important;
    }
}/* End custom CSS */