/**
 * Homepage mobile Codex QA lane
 *
 * Owned by qa-progress/20260702-codex-session.md.
 * Scoped follow-up fixes that should not be mixed into the other session's
 * homepage-mobile-qa.css lane file.
 */

@media (max-width: 767px) {
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-1d57b9de .elementor-heading-title {
        color: #000000 !important;
        text-align: center !important;
        font-family: "Bebas Neue", sans-serif !important;
        font-size: 55px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: normal !important;
        letter-spacing: -0.55px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-704de6e {
        --e-n-carousel-arrow-size: 46px !important;
        --e-n-carousel-arrow-prev-top-position: 45px !important;
        --e-n-carousel-arrow-prev-translate-y: 0px !important;
        --e-n-carousel-arrow-next-top-position: 45px !important;
        --e-n-carousel-arrow-next-translate-y: 0px !important;
        margin-bottom: calc(var(--kit-widget-spacing, 0px) + 112px) !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-704de6e .elementor-swiper-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 46px !important;
        height: 46px !important;
        padding: 0 !important;
        border: 0 !important;
        background-color: transparent !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: 46px 46px !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
        opacity: 1 !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-704de6e .elementor-swiper-button svg {
        display: none !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-704de6e .elementor-swiper-button-prev {
        background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.2497 22.9995L6.70801 22.9995' stroke='url(%23paint0_linear_59_1107)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.1667 36.4164L5.75 22.9997L19.1667 9.58301' stroke='url(%23paint1_linear_59_1107)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_59_1107' x1='15.8226' y1='22.9995' x2='15.8241' y2='24.0345' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2361BAF9'/%3E%3Cstop offset='1' stop-color='%235B7CE8'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_59_1107' x1='9.39583' y1='9.58301' x2='12.0428' y2='37.1016' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2361BAF9'/%3E%3Cstop offset='1' stop-color='%235B7CE8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-704de6e .elementor-swiper-button-next {
        background-image: url("data:image/svg+xml,%3Csvg width='46' height='46' viewBox='0 0 46 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.75033 22.9995L39.292 22.9995' stroke='url(%23paint0_linear_59_1111)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.8333 36.4164L40.25 22.9997L26.8333 9.58301' stroke='url(%23paint1_linear_59_1111)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_59_1111' x1='30.1774' y1='22.9995' x2='30.1759' y2='24.0345' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2361BAF9'/%3E%3Cstop offset='1' stop-color='%235B7CE8'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_59_1111' x1='36.6042' y1='9.58301' x2='33.9572' y2='37.1016' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2361BAF9'/%3E%3Cstop offset='1' stop-color='%235B7CE8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-243bbc88,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-78c4c58c,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5ccbe8d0,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-1e462226,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-412a7e3a,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-6bae20a9 {
        border-color: #E0E0E0 !important;
        --border-color: #E0E0E0 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-73c9ce85 {
        --padding-left: 16px !important;
        --padding-right: 0 !important;
        padding-left: 16px !important;
        padding-right: 0 !important;
        overflow: hidden !important;
    }

html body.home .elementor.elementor-32795 .elementor-element.elementor-element-73c9ce85 .e-con-inner,
html body.home .elementor.elementor-32795 .elementor-element.elementor-element-32624b10 .e-con-inner{
        padding-top: 80px !important;
        padding-bottom: 80px !important;
}
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-73c9ce85 > .e-con-inner {
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        overflow: visible !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5fc50f9f {
        --justify-content: flex-start !important;
        --align-items: flex-start !important;
        --padding-left: 0 !important;
        --padding-right: 16px !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        padding-left: 0 !important;
        padding-right: 16px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-747f5b6b {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        padding: 0 !important;
        text-align: left !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-747f5b6b .elementor-heading-title {
        line-height: 1 !important;
        text-align: left !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-604ccb43 {
        --flex-direction: row !important;
        --flex-wrap-mobile: nowrap !important;
        --justify-content: flex-start !important;
        --gap: 0 30px !important;
        --row-gap: 0 !important;
        --column-gap: 30px !important;
        --padding-left: 0 !important;
        --padding-right: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 30px !important;
        width: calc(100vw - 16px) !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 46px 36px 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-604ccb43::-webkit-scrollbar {
        display: none !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-7609e376,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-3fc25dcd,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-114f991d {
        flex: 0 0 min(332px, calc(100vw - 76px)) !important;
        width: min(332px, calc(100vw - 76px)) !important;
        max-width: min(332px, calc(100vw - 76px)) !important;
        scroll-snap-align: start !important;
        scroll-snap-stop: normal !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-15d4aada img {
        content: url("../home/recent-sermorelin-mobile-qa53.png") !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-15d4aada img,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-9e6327f img,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-51cf3581 img {
        display: block !important;
        width: 100% !important;
        height: clamp(220px, 55vw, 236px) !important;
        border-radius: 8px !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-1b35ae3b,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-14829875,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-3df71f76 {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-2d0e7bf1,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-7c2c2c3e,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-37fc3f52,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-13407d4a,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-29eed861,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-4dbc6f2e,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5bba70b6 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5144d7b6 {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-3fca6415:not(.elementor-motion-effects-element-type-background),
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-3fca6415 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-image: url("../home/cta-quality-compounds-mobile-qa55.png") !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-3fca6415 {
        align-items: center !important;
        aspect-ratio: auto !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        --column-gap: 0px !important;
        display: flex !important;
        flex-direction: column !important;
        --gap: 0px !important;
        gap: 0 !important;
        height: 370px !important;
        justify-content: center !important;
        margin: 80px auto 90px !important;
        max-width: min(396px, calc(100vw - 32px)) !important;
        min-height: 370px !important;
        overflow: hidden !important;
        padding: 0!important;
        width: min(396px, calc(100vw - 32px)) !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-6b35f25d {
        align-self: stretch !important;
        margin: 0 0 26px !important;
        max-width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
        width: 100% !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-6b35f25d .elementor-widget-container {
        width: 100% !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-6b35f25d .elementor-heading-title {
        color: #ffffff !important;
        font-family: "Bebas Neue", Sans-serif !important;
        font-size: clamp(44px, 12.12vw, 48px) !important;
        font-style: normal !important;
        font-weight: 400 !important;
        letter-spacing: -0.48px !important;
        line-height: normal !important;
        text-align: center !important;
        text-wrap: balance !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-4921cd5a {
        align-self: stretch !important;
        margin: 0 0 31px !important;
        max-width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
        width: 100% !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-4921cd5a .elementor-widget-container {
        width: 100% !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-4921cd5a p {
        color: #ffffff !important;
        font-family: "Metrophobic", Sans-serif !important;
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 150% !important;
        margin: 0 !important;
        text-align: center !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-8b1e09b {
        align-self: center !important;
        margin: 0 !important;
        max-width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
        width: 100% !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-8b1e09b .elementor-button-wrapper {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-8b1e09b .elementor-button {
        align-items: center !important;
        display: inline-flex !important;
        justify-content: center !important;
        min-height: 49px !important;
        min-width: 0 !important;
        padding: 12px 28px !important;
        position: relative !important;
        transform: none !important;
        width: min(236px, 100%) !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-149a9ff5:not(.elementor-motion-effects-element-type-background),
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-149a9ff5 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-image: url("../home/frame-1000003820-mobile.png") !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-27ea67ad:not(.elementor-motion-effects-element-type-background),
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-27ea67ad > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-color: #f0f5f9 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-138d9e00::before {
        background: #61baf9 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-10cd5fb8,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-30f4b419,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-20cb47ff,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-4e665c60 {
        background-color: #ffffff !important;
        background-image: none !important;
    }

    /* Mobile QA typography sizing pass. */
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-67b9f502 .elementor-heading-title {
        font-size: 24px !important;
        line-height: 1.1 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-4599afc4 .elementor-heading-title,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-63729c56 .elementor-heading-title,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-1a535847 .elementor-heading-title,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-285b5a66 .elementor-heading-title,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-747f5b6b .elementor-heading-title {
        font-size: 48px !important;
        line-height: 1.05 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-6b35f25d .elementor-heading-title {
        font-size: 48px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-b98e814 .elementor-heading-title,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-46fcf396 .elementor-heading-title::after {
        font-size: 55px !important;
        line-height: 1.05 !important;
    }
}