.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__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;
}

/* Floravincie: use the native collection title/description as a clean editorial masthead. */
.main-collection-cover > .title0,
.main-collection-cover > .title2,
.main-collection-cover > .title3,
.main-collection-cover > .title4 {
  position: relative;
  width: fit-content;
  max-width: calc(100% - var(--page-padding) * 2);
  padding-block: 28px 8px;
  margin-inline: auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 23px !important;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}

.main-collection-cover > .title0::after,
.main-collection-cover > .title2::after,
.main-collection-cover > .title3::after,
.main-collection-cover > .title4::after {
  display: block;
  width: 42px;
  height: 2px;
  margin: 10px auto 0;
  content: "";
  background: #b85f3b;
}

.main-collection-cover .block-main-collection__description {
  max-width: 720px;
  padding-block: 2px 8px;
  margin-inline: auto;
  color: rgb(var(--color-light-text));
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
}

@media (max-width: 959px) {
  .main-collection-cover > .title0,
  .main-collection-cover > .title2,
  .main-collection-cover > .title3,
  .main-collection-cover > .title4 {
    padding-block-start: 22px;
    font-size: 19px !important;
  }

  .main-collection-cover .block-main-collection__description {
    padding-block-end: 4px;
    font-size: 12px;
  }
}

/* Floravincie B2B Wholesale v13.7: category landing-page navigation. */
.flv-collection-categories {
  display: flex;
  max-width: min(1180px, calc(100% - var(--page-padding) * 2));
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 10px auto 4px;
  padding: 11px 12px;
  border: 1px solid #e2d6ca;
  border-radius: 8px;
  background: #fff;
}
.flv-collection-categories span {
  margin-right: 3px;
  color: #665c53;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.flv-collection-categories a {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  border: 1px solid #d8c8b7;
  border-radius: 999px;
  color: #392f28;
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}
.flv-collection-categories a:hover { background: #f5eee7; border-color: #b99f87; }
.flv-collection-categories a:focus-visible { outline: 2px solid #29231f; outline-offset: 2px; }
.flv-collection-categories .flv-collection-categories__custom {
  border-color: #29231f;
  background: #29231f;
  color: #fff;
}
.flv-collection-categories .flv-collection-categories__custom:hover { background: #151210; color: #fff; }

@media (max-width: 749px) {
  .flv-collection-categories {
    max-width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-top: 8px;
    padding: 9px var(--page-padding);
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    scrollbar-width: none;
  }
  .flv-collection-categories::-webkit-scrollbar { display: none; }
  .flv-collection-categories span,
  .flv-collection-categories a { flex: 0 0 auto; }
}

