.home-featured-products {
  background     : var(--color-white-default);
  padding-top    : 4rem;
  padding-bottom : 4rem;
}

.featured-products-section {
  display        : flex;
  flex-direction : column;
  gap            : 1.5rem;
}

.featured-products-section__header {
  display        : flex;
  flex-direction : column;
  gap            : 1rem;
}

@media screen and (min-width : 768px) {
  .featured-products-section__header {
    flex-direction : row;
    align-items    : center;
    gap            : 1.5rem;
  }
}

.featured-products-section__title {
  font-size   : clamp(1.75rem, 1.2rem + 1vw, 2.25rem);
  font-weight : 700;
  margin      : 0;
}

.featured-products-section__divider {
  display       : none;
  flex          : 1;
  height        : 2px;
  background    : linear-gradient(90deg, rgba(9, 28, 52, 0.15) 0%, rgba(9, 28, 52, 0) 100%);
  border-radius : 99px;
}

@media screen and (min-width : 768px) {
  .featured-products-section__divider {
    display : block;
  }
}

.featured-products-section__tabs {
  display        : none;
  margin-left    : auto;
  width          : 100%;
}

@media screen and (min-width : 768px) {
  .featured-products-section__tabs {
    display        : flex;
    width          : auto;
    max-width      : 60%;
    flex-wrap      : wrap;
    justify-content: flex-end;
    gap            : 0.5rem;
    overflow-x     : auto;
    padding-left   : 1rem;
    scrollbar-width: none;
  }

  .featured-products-section__tabs::-webkit-scrollbar {
    display : none;
  }
}

.featured-products-section__tab {
  flex             : 0 0 auto;
  padding          : 0.45rem 1rem;
  border-radius    : 999px;
  border           : 1px solid rgba(9, 28, 52, 0.08);
  background-color : #f3f5f7;
  font-size        : 0.85rem;
  font-weight      : 600;
  cursor           : pointer;
  transition       : all 0.2s ease;
  white-space      : nowrap;
}

.featured-products-section__tab.is-active {
  background-color : hsl(210, 90%, 45%);
  border-color     : transparent;
  color            : #fff;
}

.featured-products-section__select {
  position : relative;
  display  : block;
}

@media screen and (min-width : 768px) {
  .featured-products-section__select {
    display : none;
  }
}

.featured-products-section__select select {
  width            : 100%;
  border-radius    : 999px;
  border           : 1px solid rgba(9, 28, 52, 0.12);
  padding          : 0.6rem 1.25rem;
  font-size        : 0.95rem;
  background-color : #f3f5f7;
  appearance       : none;
}

.featured-products-section__select::after {
  content        : '\25BC';
  position       : absolute;
  right          : 1rem;
  top            : 50%;
  transform      : translateY(-50%);
  color          : #516765;
  font-size      : 0.75rem;
  pointer-events : none;
}

.featured-products-section__content {
  margin-top : 0.5rem;
}

.featured-products-section__list {
  display : none;
}

.featured-products-section__list.is-active {
  display : block;
}

.featured-products-section__grid {
  display               : grid;
  grid-template-columns : repeat(2, minmax(0, 1fr));
  gap                   : 1rem;
}

@media screen and (min-width : 640px) {
  .featured-products-section__grid {
    gap : 1.25rem;
  }
}

@media screen and (min-width : 1024px) {
  .featured-products-section__grid {
    grid-template-columns : repeat(4, minmax(0, 1fr));
    gap                   : 1.5rem;
  }
}

.featured-products-section__cta {
  margin-top      : 2rem;
  display         : flex;
  justify-content : center;
}

.featured-products-section__btn {
  border-radius : 999px;
  padding       : 0.85rem 1.75rem;
  display       : inline-flex;
  align-items   : center;
  gap           : 0.5rem;
}