.block-main-collection-banner {
    position: relative;
    margin-block-end: 5px;
    /* background-color: rgb(0 0 0 / 20%); */
    display: block;
    text-decoration: none;
    color: inherit;
}

@media (max-width: 959px) {
    .block-main-collection-banner {
        margin-block-end: 5px;
        height: auto !important;
    }
}

.block-main-collection-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 959px) {
    .block-main-collection-banner img {
        height: auto;
        object-fit: contain;
    }
}

.block-main-collection-banner__inner {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: rgb(255 255 255 / 100%);
}

.block-main-collection-banner__inner a {
    padding-inline-end: 10px;
    color: rgb(255 255 255 / 100%);
}

.block-main-collection-banner__inner>div {
    text-align: center;
}

/* Hide collection breadcrumb home text */
.main-collection-cover .block-main-collection-banner__inner>div {
    display: none !important;
}

/* ETL_COLLECTION_BANNER_INTRINSIC_SIZE_20260720_START */
/* Keep the uploaded image at its intrinsic CSS-pixel size.
   Only shrink it when it is wider than the collection content area. */
.block-main-collection-banner {
  height: auto !important;
}

.block-main-collection-banner .image-wrapper {
  height: auto !important;
}

.block-main-collection-banner img,
.block-main-collection-banner .image-wrapper img {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin-inline: auto;
  object-fit: contain !important;
}
/* ETL_COLLECTION_BANNER_INTRINSIC_SIZE_20260720_END */