/* app/static/css/catalog_banner.css — Page-specific AtomARM mirrored banner layer loaded after the active theme. */
.page-hero.catalog-page-hero {
    position: relative;
    overflow: hidden;
}
.page-hero.catalog-page-hero > .container.catalog-page-hero__layout {
    position: relative;
    display: block;
}
.page-hero.catalog-page-hero .catalog-page-hero__copy {
    position: relative;
    z-index: 1;
    max-width: 50%;
}
.page-hero.catalog-page-hero .catalog-page-hero__media {
    position: absolute;
    inset: 0 0 0 auto;
    width: 50%;
    min-height: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    pointer-events: none;
}
.page-hero.catalog-page-hero .catalog-page-hero__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    opacity: var(--catalog-hero-media-opacity, 1);
}
@media (max-width: 720px) {
    .page-hero.catalog-page-hero .catalog-page-hero__copy { max-width: 100%; }
    .page-hero.catalog-page-hero .catalog-page-hero__media { width: 50%; }
}