.o-collection-banner {
  position: relative;
}
.o-collection-banner__inner {
  position: relative;
}
.o-collection-banner__has-img .o-collection-banner__breadcrumbs {
  position: absolute;
  top: 1.312rem;
}
.o-collection-banner__breadcrumbs {
  left: 0;
  width: 100%;
  z-index: 9;
}
@media screen and (min-width: 768px) {
  .o-collection-banner__breadcrumbs {
    position: absolute;
    top: 1.312rem;
  }
}
.o-collection-banner__breadcrumbs.hide-on-mobile {
  display: none;
}
@media screen and (min-width: 768px) {
  .o-collection-banner__breadcrumbs.hide-on-mobile {
    display: block;
  }
}
.o-collection-banner__image {
  width: 100%;
  height: 13.125rem;
}
@media screen and (min-width: 768px) {
  .o-collection-banner__image {
    height: 20rem;
  }
}
.o-collection-banner__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.o-collection-banner__image.hide-on-mobile {
  display: none;
}
@media screen and (min-width: 768px) {
  .o-collection-banner__image.hide-on-mobile {
    display: block;
  }
}
.o-collection-banner__content {
  padding-top: 1.5625rem;
  padding-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .o-collection-banner__content {
    max-width: 31.25rem;
  }
}
.o-collection-banner__content .o-collection-banner__title {
  margin-bottom: 0.75rem;
}
.o-collection-banner__title {
  font-size: 1.625rem;
  text-transform: capitalize;
}
@media screen and (min-width: 768px) {
  .o-collection-banner__title {
    font-size: 2.125rem;
  }
}
.o-collection-banner__description {
  font-size: 1.125rem;
}
.o-collection-banner__title, .o-collection-banner__description {
  color: inherit;
}
.o-collection-banner__title:last-child, .o-collection-banner__description:last-child {
  margin-bottom: 0;
}