.admin-page-media{
    position:relative;
    z-index:20;
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    opacity:calc(var(--page-media-opacity,100)/100);
}
.admin-page-media>a{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    box-sizing:border-box;
}
.admin-page-media img,
.admin-page-media video{
    display:block;
    width:100%;
    max-width:100%;
    max-height:var(--page-media-height,360px);
    box-sizing:border-box;
    object-fit:var(--page-media-fit,cover);
    object-position:var(--page-media-position,center center);
}

/* Page background */
body.page-media-has-background{
    position:relative;
    isolation:isolate;
    background-color:transparent!important;
    background-image:none!important;
}
body.page-media-has-background::before,
body.page-media-has-background::after{
    display:none!important;
    content:none!important;
}
body.page-media-has-background>.ui-v2-background-video,
body.page-media-has-background>.ui-v2-background-video-overlay{
    display:none!important;
}
body.page-media-has-background>.admin-page-media-page_background{
    position:fixed!important;
    inset:0!important;
    z-index:0!important;
    width:100vw!important;
    height:100vh!important;
    max-width:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    pointer-events:none!important;
    overflow:hidden!important;
}
body.page-media-has-background>.admin-page-media-page_background>a{
    width:100%!important;
    height:100%!important;
    pointer-events:none!important;
}
body.page-media-has-background>.admin-page-media-page_background img,
body.page-media-has-background>.admin-page-media-page_background video{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:var(--page-media-fit,cover)!important;
    object-position:var(--page-media-position,center center)!important;
}
body.page-media-has-background>main,
body.page-media-has-background>.app-document,
body.page-media-has-background>.site-header,
body.page-media-has-background>.admin-page-media-top_banner,
body.page-media-has-background>.admin-page-media-bottom_banner,
body.page-media-has-background>.admin-page-media-floating_left,
body.page-media-has-background>.admin-page-media-floating_right{
    position:relative;
    z-index:10;
}

/* Banners: keep original behaviour but never exceed the real content area. */
.admin-page-media-top_banner,
.admin-page-media-bottom_banner{
    width:min(100%,var(--ui-content,1240px));
    max-width:100%;
    min-width:0;
    margin:14px auto;
    padding:0;
    overflow:hidden;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.08);
    border-radius:var(--ui-radius,16px);
    background:rgba(5,8,24,.5);
}
.admin-page-media-top_banner img,
.admin-page-media-top_banner video,
.admin-page-media-bottom_banner img,
.admin-page-media-bottom_banner video{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}

/* Floating media */
.admin-page-media-floating_left,
.admin-page-media-floating_right{
    position:fixed!important;
    bottom:18px;
    z-index:1250!important;
    width:min(220px,28vw);
    max-width:calc(100vw - 36px);
    pointer-events:none;
    box-sizing:border-box;
}
.admin-page-media-floating_left{left:18px}
.admin-page-media-floating_right{right:18px}
.admin-page-media-floating_left a,
.admin-page-media-floating_right a{pointer-events:auto}
.admin-page-media-floating_left img,
.admin-page-media-floating_right img{
    width:100%;
    max-width:100%;
    max-height:280px;
    object-fit:contain;
    filter:drop-shadow(0 18px 30px rgba(0,0,0,.34));
}

@media(max-width:720px){
    .admin-page-media-floating_left,
    .admin-page-media-floating_right{
        width:min(130px,30vw);
        max-width:calc(100vw - 16px);
        bottom:10px;
    }
    .admin-page-media-floating_left{left:8px}
    .admin-page-media-floating_right{right:8px}
    .admin-page-media-top_banner,
    .admin-page-media-bottom_banner{
        margin:9px auto;
        border-radius:12px;
    }
}


/* EP86 R238 — Page Media is media only; no fake outer frame/line. */
.admin-page-media-top_banner,
.admin-page-media-bottom_banner{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
}
.admin-page-media-top_banner::before,
.admin-page-media-top_banner::after,
.admin-page-media-bottom_banner::before,
.admin-page-media-bottom_banner::after{
    content:none!important;
    display:none!important;
}
.admin-page-media-top_banner>a,
.admin-page-media-bottom_banner>a{
    border:0!important;
    outline:0!important;
    background:transparent!important;
}
.admin-page-media-top_banner img,
.admin-page-media-top_banner video,
.admin-page-media-bottom_banner img,
.admin-page-media-bottom_banner video{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
}
