/* Shared catalogue media: fill the available width at the image's own ratio.
   Fixed-height contain boxes created visible bands on portrait/square artwork.
   The square fallback reserves space before lazy images reveal their own ratio. */
#content :is(.mxb-art,.mxex-art:not(.mxex-art--class),.mxmf-product-photo,.mxshop-photo):has(> img) {
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:auto;
    padding:0;
    overflow:hidden;
    background:transparent;
}
#content :is(.mxb-art,.mxex-art:not(.mxex-art--class),.mxmf-product-photo,.mxshop-photo,.mxtype figure,.mxex-detail-art) > img,
#content .mxb-groups--illustrated .mxb-group-art {
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:auto 1 / 1;
    object-fit:contain;
    padding:0;
    background:transparent;
}
/* Compact comparison images keep their column width and their full proportions. */
#content .mxshop-table img {
    height:auto;
    max-height:none;
    aspect-ratio:auto;
    background:transparent;
}
/* The earlier classifier uses important declarations for its photo column. */
#content .mx-mktu-type-card__visual {
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    align-self:start;
    padding:0!important;
    overflow:hidden;
    background:transparent!important;
}
#content .mx-mktu-type-card__visual > img {
    display:block;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto 1 / 1!important;
    object-fit:contain!important;
    padding:0!important;
    background:transparent!important;
}