/* Leos Wear v1.9.142.11
   New Arrivals collection banner only: preserve the source image ratio on
   every viewport. This intentionally does not affect CMS page banners,
   product media, Home Hero, or any other storefront section. */

body.new-arrivals-page .shop-banner-right {
    align-self: center;
    min-width: 0;
    height: auto !important;
}

body.new-arrivals-page .shop-banner-image {
    display: block !important;
    width: min(100%, 620px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
}

@media (max-width: 768px) {
    body.new-arrivals-page .shop-banner-right {
        width: 100%;
        max-width: 720px;
        margin-inline: auto;
        justify-content: center;
        overflow: visible;
    }

    body.new-arrivals-page .shop-banner-image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        border-radius: 20px;
    }
}