.collection-header{display:grid;grid-template-columns:auto;grid-template-rows:auto}@media screen and (min-width:768px){.collection-header{min-height:var(--min-height-desktop)}.collection-header.color-scheme--white:not(:has([class^=collection-header__desktop-image--])) .collection-header__text-content{padding-bottom:0}.collection-header.color-scheme--white:not(:has([class^=collection-header__desktop-image--])):not(.width--full) .collection-header__text-content{padding-left:0;padding-right:0}}@media screen and (max-width:767px){.collection-header{min-height:var(--min-height-mobile)}.collection-header.color-scheme--white:not(:has([class^=collection-header__mobile-image--])) .collection-header__text-content{padding-bottom:0}.collection-header.color-scheme--white:not(:has([class^=collection-header__mobile-image--])):not(.width--full) .collection-header__text-content{padding-left:0;padding-right:0}}.collection-header__desktop-image--cropped,.collection-header__desktop-image--original,.collection-header__image-overlay,.collection-header__mobile-image--cropped,.collection-header__mobile-image--original,.collection-header__text-content{grid-row:1/1;grid-column:1/1}.collection-header__text--position-mobile-top_left{align-items:flex-start;justify-content:flex-start;text-align:left}.collection-header__text--position-mobile-top_left p{text-align:left!important}.collection-header__text--position-mobile-top_center{align-items:flex-start;justify-content:center;text-align:center}.collection-header__text--position-mobile-top_center p{text-align:center!important}.collection-header__text--position-mobile-top_right{align-items:flex-start;justify-content:flex-end;text-align:right}.collection-header__text--position-mobile-top_right p{text-align:right!important}.collection-header__text--position-mobile-left{align-items:center;justify-content:flex-start;text-align:left}.collection-header__text--position-mobile-left p{text-align:left!important}.collection-header__text--position-mobile-center{align-items:center;justify-content:center;text-align:center}.collection-header__text--position-mobile-center p{text-align:center!important}.collection-header__text--position-mobile-right{align-items:center;justify-content:flex-end;text-align:right}.collection-header__text--position-mobile-right p{text-align:right!important}.collection-header__text--position-mobile-bottom_left{align-items:flex-end;justify-content:flex-start;text-align:left}.collection-header__text--position-mobile-bottom_left p{text-align:left!important}.collection-header__text--position-mobile-bottom_center{align-items:flex-end;justify-content:center;text-align:center}.collection-header__text--position-mobile-bottom_center p{text-align:center!important}.collection-header__text--position-mobile-bottom_right{align-items:flex-end;justify-content:flex-end;text-align:right}.collection-header__text--position-mobile-bottom_right p{text-align:right!important}@media only screen and (min-width:768px){.collection-header__text--position-desktop-top_left{align-items:flex-start;justify-content:flex-start;text-align:left}.collection-header__text--position-desktop-top_left p{text-align:left!important}.collection-header__text--position-desktop-top_center{align-items:flex-start;justify-content:center;text-align:center}.collection-header__text--position-desktop-top_center p{text-align:center!important}.collection-header__text--position-desktop-top_right{align-items:flex-start;justify-content:flex-end;text-align:right}.collection-header__text--position-desktop-top_right p{text-align:right!important}.collection-header__text--position-desktop-left{align-items:center;justify-content:flex-start;text-align:left}.collection-header__text--position-desktop-left p{text-align:left!important}.collection-header__text--position-desktop-center{align-items:center;justify-content:center;text-align:center}.collection-header__text--position-desktop-center p{text-align:center!important}.collection-header__text--position-desktop-right{align-items:center;justify-content:flex-end;text-align:right}.collection-header__text--position-desktop-right p{text-align:right!important}.collection-header__text--position-desktop-bottom_left{align-items:flex-end;justify-content:flex-start;text-align:left}.collection-header__text--position-desktop-bottom_left p{text-align:left!important}.collection-header__text--position-desktop-bottom_center{align-items:flex-end;justify-content:center;text-align:center}.collection-header__text--position-desktop-bottom_center p{text-align:center!important}.collection-header__text--position-desktop-bottom_right{align-items:flex-end;justify-content:flex-end;text-align:right}.collection-header__text--position-desktop-bottom_right p{text-align:right!important}}.collection-header__text-content{z-index:2;padding:15px}@media screen and (min-width:768px){.collection-header__text-content{padding:60px}}.collection-header__text-content--inner{display:flex;height:100%}@media screen and (min-width:768px){.collection-header__caption-container{max-width:var(--caption-width-desktop)}}.collection-header__caption-solid-bg{padding:15px}@media only screen and (min-width:768px){.collection-header__caption-solid-bg{padding:30px}}.collection-header__breadcrumbs{padding:2px 0}.collection-header__breadcrumbs:not(:last-child){margin-bottom:10px}.collection-header__title:not(:last-child){margin-bottom:15px}@media screen and (min-width:768px){.collection-header__title:not(:last-child){margin-bottom:20px}}.collection-header__title .collection-header__text-item{margin:0}.collection-header__text-item img{max-width:100%}.collection-header__description .collection-header__text-item>:last-child{margin-bottom:0}@media screen and (prefers-reduced-motion:no-preference){.collection-header__breadcrumbs,.collection-header__description,.collection-header__title{overflow:hidden}.collection-header__breadcrumbs .collection-header__text-item,.collection-header__description .collection-header__text-item,.collection-header__title .collection-header__text-item{opacity:0}.collection-header.fadeIn .collection-header__breadcrumbs .collection-header__text-item{animation:collectionHeaderSlideUp .8s cubic-bezier(.26,.54,.32,1) forwards}.collection-header.fadeIn .collection-header__title .collection-header__text-item{animation:collectionHeaderSlideUp 1s cubic-bezier(.26,.54,.32,1) .3s forwards}.collection-header.fadeIn .collection-header__description .collection-header__text-item{animation:collectionHeaderSlideUpSubtle 1.2s cubic-bezier(.26,.54,.32,1) .7s forwards}}.collection-header__desktop-image--original *,.collection-header__mobile-image--original *{height:100%}.collection-header__desktop-image--original img,.collection-header__mobile-image--original img{object-fit:cover}.collection-header__bg-image{height:100%}@media screen and (max-width:767px){.collection-header__desktop-image--cropped,.collection-header__desktop-image--original,.collection-header__image-overlay--desktop{display:none}}@media screen and (min-width:768px){.collection-header__image-overlay--mobile,.collection-header__mobile-image--cropped,.collection-header__mobile-image--original{display:none}}.collection-header__image-overlay{z-index:1}@keyframes collectionHeaderSlideUp{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes collectionHeaderSlideUpSubtle{0%{opacity:0;transform:translateY(25px)}100%{opacity:1;transform:translateY(0)}}



.filter-banner {
  background: #fffcf0;
  margin-bottom: 20px;
  padding: 20px 40px;
}

.scroll-container {
  margin: 0 20px;
  overflow-x: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.scroll-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.filter-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: min-content; /* Ensures content doesn't wrap */
}

 .filter-item {
  flex: 0 0 auto; /* Don't grow, don't shrink, auto basis */
  margin-right: 12px;
}

.filter-link {
  display: inline-block;
  padding: 8px 20px;
  text-decoration: none;
  color: #664D36;
  background: transparent;
  border-radius: 50px;
  transition: all 0.3s ease;
  font-size: 24px;
  font-family: 'source serif 4 semibold';
}

.filter-item:last-child {
  margin-right: 0;
}

.filter-link:hover {
  background: #E7CFB5;
}

.filter-link.active {
  background: #E7CFB5;
}

/* mobile */
@media (max-width: 768px) {
  .filter-banner {
    margin-bottom: 16px;
    padding: 12px 0; /* Removed horizontal padding */
    width: 100%;
    overflow: hidden; /* Contain the scroll container */
  }
  
  .scroll-container {
    margin: 0 12px; /* Reduced margin */
    width: calc(100% - 24px); /* Account for margins */
  }
  
  .filter-link {
    font-size: 18px;
    padding: 8px 16px; /* Adjusted padding */
    white-space: nowrap; /* Prevent text wrapping */
  }
  
  .filter-item {
    margin-right: 8px; /* Reduced spacing between items */
  }
}