.section-featured-collection {
  .fabric-scroller {
    overflow: auto;
    overflow-y: hidden;
    padding-left: 5%;
    padding-right: 5%;
    
    .collection-list {
        display: flex;

        padding-top: 40px;
        padding-bottom: 40px;

        .fabric-item {
          margin-bottom: 0;
        }
      }
  }
}

@media screen and (max-width: 991px) {
  .section-featured-collection {
    .fabric-scroller {
      overflow: auto;
      overflow-y: hidden;

      .collection-list {
        flex-wrap: nowrap;
        overflow: auto;
        overflow-y: hidden;

        .fabric-item {
          flex: none;
          width: 30%;
          max-width: 30%;
        }
      }
    }
  }
}

@media screen and (max-width: 479px) {
  .section-featured-collection {
    .fabric-scroller {
      .collection-list {
        --line-offset: 8px;
        column-gap: 16px;
        --new-grid-spacing: 16px;
        padding-bottom: 40px;
        
        .fabric-item {
          width: 60%;
          max-width: 60%;

          &:before {block-size: 52vh;}
        }
      }
    }
  }
}