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

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

.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 .breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
}

.block-main-collection-banner__inner a {
  color: rgb(255 255 255 / 100%);
}

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

/* NURLUNE 2026-11-02: 3:1 velvet banners — show the whole image on desktop (no crop of the jewelry at the bottom),
   and put the breadcrumb in the calm velvet area above the jewelry instead of over it */
.block-main-collection-banner {
  background-color: #1d2c25;
}
.block-main-collection-banner__inner {
  align-items: flex-start !important;
  padding-top: 6.5%;
}
@media (min-width: 960px) {
  .block-main-collection-banner {
    height: auto !important;
    aspect-ratio: 3 / 1;
  }
}
@media (max-width: 959px) {
  .block-main-collection-banner__inner {
    padding-top: 56px;
  }
}