/* Sysoiev Academy - Mobile Hero v4 */

@media screen and (max-width: 770px) {

    .hero {
        position: relative !important;
        display: block !important;
        min-height: 0 !important;
        isolation: isolate;
        background: #101c30 !important;
        overflow: hidden !important;
    }

    /* Background image: right-hand scientific composition */

    .hero::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;

        background-image:
            url('/assets/images/academy-hero.webp') !important;

        background-size: cover !important;
        background-position: 92% center !important;
        background-repeat: no-repeat !important;

        z-index: 0 !important;
        pointer-events: none !important;
    }

    /* Semi-transparent overlay for readable text */

    .hero::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;

        background: linear-gradient(
            90deg,
            rgba(8,19,34,.78) 0%,
            rgba(8,19,34,.64) 50%,
            rgba(8,19,34,.44) 100%
        ) !important;

        z-index: 0 !important;
        pointer-events: none !important;
    }

    /* No duplicate image below the text */

    .hero .hero-visual {
        display: none !important;
    }

    /* Text above the background layers */

    .hero .hero-content {
        position: relative !important;
        z-index: 1 !important;

        display: block !important;

        width: calc(100% - 38px) !important;
        max-width: 600px !important;

        margin: 0 auto !important;
        padding: 34px 0 42px !important;

        background: transparent !important;
    }

    .hero h1 {
        font-size: clamp(2.55rem, 10.5vw, 3.06rem) !important;
        line-height: 1.1 !important;
    }

    .hero .hero-actions .btn {
        width: 100% !important;
    }

    .hero h1,
    .hero .hero-lede,
    .hero .hero-facts {
        text-shadow: 0 2px 10px rgba(0,0,0,.35);
    }

    /* Space for the fixed consultation button */

    body {
        padding-bottom: 88px;
    }

    /* Floating consultation CTA */

    .sa-floating-cta {
        position: fixed;
        z-index: 1000;

        left: 19px;
        right: 19px;
        bottom: calc(10px + env(safe-area-inset-bottom, 0px));

        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;

        min-height: 54px;
        padding: 13px 16px;

        background: #f6f5f1;
        color: #101c30;

        border: 1px solid #d4ae72;
        box-shadow: 0 6px 28px rgba(0,0,0,.25);

        font-family: Inter, Arial, sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
        text-decoration: none;

        opacity: 0;
        transform: translateY(16px);
        pointer-events: none;

        transition: opacity .2s, transform .2s;
    }

    body.sa-show-cta .sa-floating-cta {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }
}

@media screen and (min-width: 771px) {
    .sa-floating-cta {
        display: none !important;
    }
}