/*
 * KR responsive merge: dual panels + production (disneyparksjapan) chrome.
 * JP global.css targets #burst; desktop panel uses #burst-desktop — mirror rules below.
 */

@media screen and (min-width: 565px) {
    body.pep-unified-chrome #mobile-container {
        display: block !important;
        overflow: visible !important;
    }

    body.pep-unified-chrome #content-container {
        width: 100%;
        height: auto !important;
        overflow: visible !important;
    }

    body.pep-unified-chrome #window-container {
        height: 0;
        overflow: visible;
        position: static;
    }

    .pep-layout-mobile {
        display: none !important;
    }

    .pep-layout-desktop {
        display: block !important;
    }

    .pep-desktop-only {
        display: block;
    }

    .pep-mobile-only {
        display: none !important;
    }

    .interior-pep.pep-unified-chrome .pep-layout-desktop #burst-desktop {
        background: url("https://cdn1.parksmedia.wdprapps.disney.com/media/disneyparksjapan-prod/disneyparksjapan_v0001/1/0.2.0-208/static/css/global/images/background-main-center-stars.jpg") no-repeat scroll 0 1px transparent;
        height: auto;
        min-height: 686px;
        width: 1022px;
        margin: 0 auto;
        padding: 0;
        overflow: visible;
    }
}

@media screen and (max-width: 564px) {
    .pep-layout-desktop {
        display: none !important;
    }

    .pep-layout-mobile {
        display: block !important;
    }

    .pep-desktop-only {
        display: none !important;
    }

    body.pep-unified-chrome #mobile-container {
        display: block !important;
    }

    .pep-layout-mobile #burst {
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
        min-height: 0;
        margin-left: auto;
        margin-right: auto;
    }

    body.pep-unified-chrome.interior-pep #content-container {
        width: 100% !important;
        max-width: 100%;
    }

    /* Home hero: desktop global.css loads at all widths; undo .home .container absolute + min-width. */
    body.home.pep-unified-chrome #content-container {
        width: 100% !important;
        max-width: 100%;
        display: block !important;
        height: auto !important;
    }

    body.home.pep-unified-chrome .pep-layout-mobile .container {
        position: relative !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    body.home.pep-unified-chrome .pep-layout-mobile .hero-media-container {
        clear: both;
        display: block;
        min-height: 100px;
        position: relative;
        width: 100%;
        height: 11em;
        overflow: hidden;
    }

    body.home.pep-unified-chrome .pep-layout-mobile #noScriptImg {
        width: 100%;
        margin-top: -1px;
        z-index: 1;
    }

    body.home.pep-unified-chrome .pep-layout-mobile #pepHomePageMediaPlayer-mobile {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    body.home.pep-unified-chrome .pep-layout-mobile .hero-media-container:has(.mediaEngineContainer) #noScriptImg {
        display: none !important;
    }

    body.home.pep-unified-chrome {
        min-width: 0 !important;
    }

    /* Landing / interior: desktop global.css width rules must not apply to mobile panel. */
    body.landing-generic.pep-unified-chrome.interior-pep .pep-layout-mobile .container,
    body.landing-generic.pep-unified-chrome.interior-pep .pep-layout-mobile .layout-content,
    body.landing-generic.pep-unified-chrome.interior-pep .pep-layout-mobile .inside-page-width,
    body.interior-pep.pep-unified-chrome .pep-layout-mobile .container,
    body.interior-pep.pep-unified-chrome .pep-layout-mobile .layout-content,
    body.interior-pep.pep-unified-chrome .pep-layout-mobile .inside-page-width {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.landing-generic.pep-unified-chrome .pep-layout-mobile #feature-media-mobile,
    body.landing-generic.pep-unified-chrome .pep-layout-mobile .layout-content #feature-media-mobile {
        height: auto;
        margin: 0 0 10px;
        margin-bottom: 0;
    }

    body.landing-generic.pep-unified-chrome .pep-layout-mobile #feature-media-mobile img,
    body.landing-generic.pep-unified-chrome .pep-layout-mobile .layout-content #feature-media-mobile img,
    body.interior-pep.pep-unified-chrome .pep-layout-mobile #feature-media-mobile img {
        border-radius: 0;
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
    }

    body.landing-generic.pep-unified-chrome .pep-layout-mobile #landing-generic {
        border-radius: 4px;
        margin: 15px 11px 18px;
        padding: 0;
    }
}

/* Landing hero gallery: play control targets #feature-media (desktop panel). */
@media screen and (min-width: 565px) {
    .landing-generic.pep-unified-chrome .pep-layout-desktop .layout-content #feature-media {
        height: 360px;
        margin-bottom: 20px;
    }

    .landing-generic.pep-unified-chrome .pep-layout-desktop .layout-content #feature-media img {
        display: block;
        width: 100%;
    }

    .landing-generic.pep-unified-chrome .pep-layout-desktop .layout-content #feature-media #mediaIcon {
        height: 67px;
        width: 67px;
        background: url("https://cdn1.parksmedia.wdprapps.disney.com/media/disneyparksjapan-prod/disneyparksjapan_v0001/1/0.2.0-208/static/images/play_button.png") no-repeat 0 0 transparent;
        display: inline-block;
        position: relative;
        top: -92px;
        left: 25px;
    }

    .landing-generic.pep-unified-chrome .pep-layout-desktop .layout-content #feature-media #mediaIcon:hover,
    .landing-generic.pep-unified-chrome .pep-layout-desktop .layout-content #feature-media #mediaIcon:focus,
    .landing-generic.pep-unified-chrome .pep-layout-desktop .layout-content #feature-media #mediaIcon:active {
        background-image: url("https://cdn1.parksmedia.wdprapps.disney.com/media/disneyparksjapan-prod/disneyparksjapan_v0001/1/0.2.0-208/static/images/play_button_hover.png");
    }
}

/* Home carousel caption (mobile panel): desktop global.css .slideTitle.top (top:50px, 30px font, !important) loads at all widths and the
   Media Engine theme adds a translucent white bar. Prod mobile: caption at the top of each slide, no background, slide's own light/dark colour. */
@media screen and (max-width: 564px) {
    body.home.pep-unified-chrome .pep-layout-mobile .me-theme-homepage .mediaEngineContainer .slideTitle.top {
        top: 15px !important;
        line-height: 30px !important;
        font-size: 15px !important;
        background: none !important;
        padding: 0;
        text-shadow: none;
    }
    body.home.pep-unified-chrome .pep-layout-mobile .me-theme-homepage .mediaEngineContainer .slide .slideTitle a {
        margin-left: 0;
    }
    body.home.pep-unified-chrome .pep-layout-mobile .me-theme-homepage .mediaEngineContainer .slideTitle a strong {
        font-size: 100%;
    }
}