.elementor-7 .elementor-element.elementor-element-3418a4e{--display:flex;--overflow:hidden;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-74f287e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:bold;color:#FFFFFF;}body.elementor-page-7:not(.elementor-motion-effects-element-type-background), body.elementor-page-7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F72F2F;}:root{--page-title-display:none;}body.elementor-page-7{padding:100px 0px 100px 0px;}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-74f287e{text-align:center;}}/* Start custom CSS for html, class: .elementor-element-e3cf0c0 *//* Entire app container */
#smoothie-app {
    max-width: 900px;
    margin: 0 auto;
    height: 100vh;
    overflow: hidden;
    background: #f4f4f4;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}

/* Header styles */
.smoothie-header {
    background: #D61F3A; /* SK red */
    padding: 40px 20px;
    color: white;
}

.smoothie-header .smoothie-logo {
    width: 90px;
    margin-bottom: 10px;
}

.smoothie-header h1 {
    font-size: 34px;
    margin-bottom: 5px;
}

.smoothie-header p {
    font-size: 16px;
    opacity: 0.9;
}

/* Body */
.smoothie-body {
    padding: 40px 20px;
}

/* Big Siri-style circular mic button */
.mic-circle {
    width: 120px;
    height: 120px;
    background: #D62245;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px auto;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    cursor: pointer;
    transition: 0.2s;
}

.mic-circle:active {
    transform: scale(0.92);
}

.mic-label {
    font-size: 20px;
    margin-top: 10px;
    color: #333;
    font-weight: 500;
}

/* REMOVE SCROLLBARS ON MOBILE */
html, body {
    overflow: hidden !important;
}

/* Completely hide MagicAI default UI */
.lqd-ext-chatbot-voice,
.lqd-ext-chatbot-voice-trigger {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3418a4e */<div id="big-mic-button">
    <div class="mic-circle">
        <svg viewBox="0 0 24 24" width="48" height="48" fill="#ffffff">
            <path d="M12 14a3 3 0 0 0 3-3V5a3 3 0 0 0-6 0v6a3 3 0 0 0 3 3zm5-3a5 5 0 0 1-10 0H5a7 7 0 0 0 14 0h-2zm-5 6a9 9 0 0 0 9-9h-2a7 7 0 0 1-14 0H3a9 9 0 0 0 9 9zm-1 2v3h2v-3h-2z"/>
        </svg>
    </div>
    <p class="mic-label">Tap to Talk</p>
</div>/* End custom CSS */