/**
 * SphereNexus Editorial Pro v2.6.1
 * Final mobile hero containment: one clean active slide in normal document flow.
 */
@media (max-width: 760px) {
    .homepage-main .sn-hero-v16-section {
        padding: 10px 0 18px !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-grid {
        display: block !important;
        width: 100% !important;
    }

    .homepage-main .sn-hero-v16-featured,
    .homepage-main .sn-hero-v16-slides {
        display: block !important;
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-featured {
        border-radius: 0 !important;
        clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px)) !important;
    }

    .homepage-main .sn-hero-v16-featured::before,
    .homepage-main .sn-hero-v16-pattern {
        display: none !important;
    }

    .homepage-main .sn-hero-v16-slide,
    .homepage-main .sn-hero-v16-slide:not(.is-active) {
        display: none !important;
        position: absolute !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active {
        display: flex !important;
        position: relative !important;
        inset: auto !important;
        flex-direction: column !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media {
        display: block !important;
        position: relative !important;
        order: 1 !important;
        width: 100% !important;
        height: 210px !important;
        min-height: 210px !important;
        overflow: hidden !important;
    }

    .homepage-main .sn-hero-v16-slide__media::after {
        background: linear-gradient(0deg, rgba(8, 31, 53, .1), transparent 38%) !important;
    }

    .homepage-main .sn-hero-v16-slide__media img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        transform: none !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__content {
        display: flex !important;
        position: relative !important;
        inset: auto !important;
        order: 2 !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 20px 18px 18px !important;
        color: #0a2239 !important;
        background: #fff !important;
        transform: none !important;
    }

    .homepage-main .sn-hero-v16-title,
    .homepage-main .sn-hero-v16-title a {
        color: #0a2239 !important;
    }

    .homepage-main .sn-hero-v16-title {
        margin: 0 0 9px !important;
        font-size: 21px !important;
        line-height: 1.22 !important;
    }

    .homepage-main .sn-hero-v16-excerpt {
        margin: 0 0 14px !important;
        color: #5f7185 !important;
        font-size: 13px !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 3 !important;
    }

    .homepage-main .sn-hero-v16-actions {
        width: 100% !important;
        gap: 10px !important;
    }

    .homepage-main .sn-hero-v16-controller {
        position: relative !important;
        inset: auto !important;
        display: flex !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 48px !important;
        padding: 7px 18px 11px !important;
        border-top: 1px solid #e3ebef !important;
        background: #fff !important;
    }

    .homepage-main .sn-hero-v16-side {
        margin-top: 12px !important;
    }
}

@media (max-width: 410px) {
    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__media {
        height: 195px !important;
        min-height: 195px !important;
    }

    .homepage-main .sn-hero-v16-slide.is-active .sn-hero-v16-slide__content {
        padding: 18px 16px 16px !important;
    }

    .homepage-main .sn-hero-v16-title {
        font-size: 20px !important;
    }
}