/* ASEMANEEHA PHASE 693 */
/* Mobile banner slider and decorative logo corrections */

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

    /* Keep the mobile banner aligned with viewport edges */

    .asem-banner-mobile-only {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: hidden !important;
    }

    /* Prevent neighboring slides from appearing */

    .asem-banner-mobile-only .swiper {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .asem-banner-mobile-only .swiper-slide {
        width: 100% !important;
        min-width: 100% !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .asem-banner-mobile-only .swiper-slide > div {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Preserve the entire portrait image */

    .asem-banner-mobile-only .swiper-slide img.relative.z-20 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        border-radius: 0 !important;
    }

    /* Keep the upper-right banner decoration inside its image.
       Do not allow its negative translation to overlap the menu. */

    .asem-banner-mobile-only
    img[src="/images/home/banner/top-right.png"] {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        left: auto !important;
        width: 13% !important;
        max-width: 66px !important;
        height: auto !important;
        transform: none !important;
        margin: 0 !important;
    }
}