.homepage-collection-grid-inner {
  position: relative;
}

.homepage-collection-grid-item--below-image .homepage-collection-grid-inner {
  height: auto;
}

.homepage-collection-grid-inner .homepage-featured-box-btn {
  color: var(--primary-btn-text-color);
  margin-top: 8px;
}

.homepage-collection-grid-inner .homepage-featured-box-btn:hover {
  color: var(--primary-btn-text-hover-color);
}

.homepage-collection-grid-item {
  position: relative;
}

  
@media only screen and (max-width: 767px) {
  .featured-collections-wrapper .collection-grid {
    flex-direction: column;
    overflow-x: none;
    gap: 13px;
  }
  .featured-collections-wrapper .collection-grid.keep-spacing {
    margin-bottom: 0 !important;
  }
  .featured-collections-wrapper .collection-grid.keep-spacing {
    padding-bottom: 25px;
  }
  .homepage-collection-grid-item {
    position: relative;
  }
}

.homepage-collection-grid-image-single {
  max-width: 450px;
  max-height: 450px;
  margin: 0 auto;
  object-fit: cover;
  object-position: top;
  font-family: "object-fit: cover, object-position: top";
}

.homepage-collections-background .section-header {
  margin-bottom: 0;
}

.featured-collections-wrapper img,
.featured-collections-wrapper svg.icon.icon--placeholder {
  object-fit: cover;
  max-width: 100%;
  font-family: "object-fit: cover";
}

.featured-collections-wrapper .homepage-collections-background.content-width {
  padding-top: 30px;
  padding-bottom: 30px;
}

.featured-collections-wrapper .collection-grid {
  display: flex;
}

@media screen and (min-width: 768px) {
  .featured-collections-wrapper .collection-grid {
    flex-direction: row;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .featured-collections-wrapper .homepage-sections--title {
    margin-top: 54px !important;
  }
  .featured-collections-wrapper .collection-grid {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

.featured-collections-wrapper .collection-grid.keep-spacing {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 40px;
}

.featured-collections-wrapper .homepage-sections--title {
  margin-bottom: 43px;
  text-transform: uppercase;
  margin-top: 24px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .featured-collections-wrapper
    .collection-grid
    .homepage-collection-grid-item {
    flex-basis: auto;
    width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .featured-collections-wrapper
    .collection-grid--items-1
    .homepage-collection-grid-item {
    flex-basis: auto;
    width: 100%;
  }
  .featured-collections-wrapper
    .collection-grid--items-2
    .homepage-collection-grid-item {
    flex-basis: auto;
    width: 50%;
  }
  .featured-collections-wrapper
    .collection-grid--items-3
    .homepage-collection-grid-item {
    flex-basis: auto;
    width: 33%;
  }
  .featured-collections-wrapper
    .collection-grid--items-4
    .homepage-collection-grid-item {
    flex-basis: auto;
    width: 25%;
  }
}

.featured-collections-wrapper .expand-grid .homepage-collection-grid-item {
  flex-shrink: 0;
}

.featured-collections-wrapper .remove-spacing .homepage-collection-grid-item {
  padding: 0;
}

.featured-collections-wrapper .keep-spacing .homepage-collection-grid-item {
  margin-right: 13px;
}

@media screen and (max-width: 767px) {
  .featured-collections-wrapper .keep-spacing .homepage-collection-grid-item {
    padding: 0 !important;
    flex: 0 0 60%;
    margin-right: 0 !important;
  }
  .featured-collections-wrapper .homepage-sections--title {
  margin-bottom: 22px;
  text-transform: uppercase;
  margin-top:0;
}
}

.featured-collections-wrapper .collection-grid::-webkit-scrollbar {
  display: none;
}