.block-main-collection__banner {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: rgb(0 0 0 / 20%);
}

.block-main-collection__banner-sizer {
  width: 100%;
  height: 100%;
  aspect-ratio: var(--banner-aspect-ratio);
}

@media (max-width: 959px) {
  .block-main-collection__banner-sizer {
    aspect-ratio: var(--mobile-banner-aspect-ratio);
  }
}

.block-main-collection__banner-mask::after {
  position: absolute;
  inset: 0;
  content: "";
  background-color: rgba(var(--mask-color));
}

.block-main-collection__banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--object-position);
}

.block-main-collection__banner-inner {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: rgb(var(--color-text));
}

.block-main-collection__banner-inner a {
  padding-inline-end: 10px;
  color: rgb(var(--color-text));
}

.block-main-collection__banner-inner > div {
  text-align: center;
}

.block-main-collection__description {
  margin-block-start: 40px;
}

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

/* ALIBARBAR V4: stronger collection-page hierarchy */
.main-collection-cover .block-main-collection__banner-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:36px 20px;
}
.main-collection-cover .block-heading{
  max-width:1100px;
  margin:0 auto!important;
  color:#fff!important;
  background:linear-gradient(105deg,#fff 0%,#ffd34e 42%,#d7ff45 68%,#73dcff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  font-size:clamp(42px,7vw,84px)!important;
  font-weight:950!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase;
  text-shadow:0 8px 34px rgba(0,0,0,.36);
}
.main-collection-cover .block-main-collection__description,
.main-collection-cover .block-description{
  max-width:980px;
  margin-inline:auto;
  color:rgb(var(--color-text))!important;
  font-size:clamp(16px,1.7vw,20px)!important;
  font-weight:650!important;
  line-height:1.72!important;
}
@media(max-width:959px){
  .main-collection-cover .block-main-collection__banner-inner{padding:25px 14px}
  .main-collection-cover .block-heading{font-size:clamp(36px,11vw,58px)!important}
}
