/* Shared inner-page banner height. Keep long text accessible instead of clipping. */
body :is(.oa-checkout-hero,.oa-cart-hero,.oa-catalog-hero,.oa-content-hero,.oa-account-hero,.oa-brands-hero,.oa-wish-hero,.oa-error-hero){min-height:var(--oa-inner-banner-height,500px);display:flex;flex-direction:column;justify-content:center}

/* The checkout banner has its own height and a full-height picture layer. */
body .oa-checkout-hero.oa-checkout-hero{min-height:var(--oa-checkout-banner-height,450px)}
body .oa-checkout-hero picture,body .oa-cart-hero picture{display:block;position:absolute;inset:0;width:100%;height:100%}
body .oa-checkout-hero-image,body .oa-cart-hero-image{display:block;position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover}