/**
 * File Path: assets/css/front/mbs-front-pro-collection-archive.css
 * F-BNR-C: Collection Archive Banner Image
 * Enqueued by MBS_Front_Assets with dep: mbs-front-pro (PRO tier only).
 */

.mbs-collection-banner {
    margin: 0 0 24px 0;
    border-radius: 6px;
    overflow: hidden;
    line-height: 0;

    .mbs-collection-banner-img {
        display: block;
        width: 100%;
        height: auto;
        max-height: 320px;
        object-fit: cover;

        @media (max-width: 600px) {
            max-height: 180px;
        }
    }
}