.filter-chip-carousel{width:100%;padding:var(--space-24) var(--gutter)}@media(min-width:1024px){.filter-chip-carousel{display:grid;gap:var(--space-24);grid-template-columns:repeat(12,1fr);padding-bottom:var(--space-40)}}@media(min-width:1024px){.filter-chip-carousel--disabled-above .filter-chip-carousel__carousel-items{justify-content:center;gap:var(--space-16)}
}@media(min-width:1024px){.filter-chip-carousel--disabled-above .filter-chip-carousel__carousel-nav-button{display:none}}@media(max-width:1023px){.filter-chip-carousel__carousel{overflow:visible}}@media(min-width:1024px){.filter-chip-carousel__carousel-nav-button--next{margin-right:var(--space-15)}}@media(min-width:1024px){.filter-chip-carousel__carousel-nav-button--prev{margin-left:var(--space-15)}
}@media(min-width:1024px){.filter-chip-carousel__slides{grid-column:2/-2}}.filter-chip-carousel__slide{width:30.5%}@media(min-width:1024px){.filter-chip-carousel__slide{width:calc(20% - var(--space-16) + var(--space-16) / 5)}}.filter-chip-carousel__title{margin-top:var(--space-16)}.collection-hero{display:flex;flex-direction:column;align-items:center}
.collection-hero__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--gutter)}@media(min-width:1024px){.collection-hero__header{gap:var(--space-16);padding-block:var(--space-24) var(--space-8)}}.collection-hero__title{font:var(--font-h3);text-transform:var(--font-h3-text-transform);letter-spacing:var(--font-h3-letter-spacing);text-align:center;max-width:668px}
.collection-hero__description{font:var(--font-body-1);text-transform:var(--font-body-1-text-transform);letter-spacing:var(--font-body-1-letter-spacing);max-width:668px;text-align:center}@media(min-width:1024px){.collection-hero__description{font:var(--font-body-large);text-transform:var(--font-body-large-text-transform);letter-spacing:var(--font-body-large-letter-spacing)}
}.collection-hero__chips{display:flex;gap:var(--space-8);padding:var(--space-24) var(--gutter);overflow:auto;max-width:100%}@media(min-width:1024px){.collection-hero__chips{flex-wrap:wrap;justify-content:center}}.collection-hero__chip{text-align:center;padding:var(--space-8) var(--space-16);background:var(--color-brown-50);font:var(--font-body-2);text-transform:var(--font-body-2-text-transform);letter-spacing:var(--font-body-2-letter-spacing);text-decoration:none;white-space:nowrap;min-width:100px;transition:background-color var(--transition-small)}
@media(hover:hover) and (pointer:fine){.collection-hero__chip:hover{text-decoration:none;background:var(--color-brown-100)}}