.block-main-collection-banner {
  position: relative;
  margin-block-end: 60px;
  background-color: rgb(0 0 0 / 20%);
}

@media (max-width: 959px) {
  .block-main-collection-banner {
    margin-block-end: 20px;
  }
}

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

.block-main-collection-banner__overlay {
  position: absolute;
  inset: 0;
  background: rgb(0 0 0 / calc(var(--banner-overlay-opacity, 0) * 100%));
  pointer-events: none;
}

/* Keep the collection description aligned with the site-wide container
   (.ss-container) instead of the base theme's wider `page-width`. */
.block-main-collection__description.page-width {
  max-width: var(--ss-container-max);
  padding-inline: var(--ss-container-pad);
}

.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;
}