.section-collection-sub-navigation{padding:var(--spacing-large) 0}.section-collection-sub-navigation .top-border{padding-top:var(--spacing-large);border-top:1px solid var(--border-color)}.collection-subnavigation{width:100%;display:block}.collection-header__quick-filters{display:flex;gap:var(--spacing-normal);justify-content:center;width:100%;max-width:100%;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.collection-header__quick-filters::-webkit-scrollbar{display:none}.collection-subnavigation__items{display:flex;gap:var(--spacing-normal);overflow-x:auto;width:100%;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.collection-subnavigation__items:has(.collection-header__quick-filter.tile){gap:var(--spacing-x-small)}[data-alignment=center] .collection-subnavigation__items>:first-child,[data-alignment=right] .collection-subnavigation__items>:first-child{margin-inline-start:auto}[data-alignment=center] .collection-subnavigation__items>:last-child{margin-inline-end:auto}@media screen and (max-width: 768px){.collection-header__quick-filters{justify-content:start}.collection-subnavigation__items{gap:var(--spacing-x-small)}[data-alignment] .collection-subnavigation__items>:first-child,[data-alignment] .collection-subnavigation__items>:last-child{margin-inline:0}[data-alignment-mobile=center] .collection-subnavigation__items>:first-child,[data-alignment-mobile=right] .collection-subnavigation__items>:first-child{margin-inline-start:auto}[data-alignment-mobile=center] .collection-subnavigation__items>:last-child{margin-inline-end:auto}.collection-subnavigation__items.force-flex-start>:first-child,.collection-subnavigation__items.force-flex-start>:last-child{margin-inline:0}}.collection-header__quick-filter{display:block;padding:var(--spacing-x-small);background-color:var(--bg-color-white);border:var(--inputs-border-width) solid var(--border-color);text-decoration:none;box-sizing:border-box}.collection-header__quick-filter>*{pointer-events:none}.collection-header__quick-filter .text{font-size:var(--font-size-small);font-weight:var(--font-button-weight);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-button);text-transform:uppercase;color:var(--primary-color);text-align:center;text-decoration:none;white-space:nowrap;border-bottom:none;display:inline-block}@media screen and (max-width: 768px){.collection-header__quick-filter .text{font-size:var(--font-size-x-small);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-button)}.collection-header__quick-filter.cta .text{margin:0 var(--spacing-xx-small)}}.subcollection-header__img-wrapper{position:relative;display:block;overflow:hidden;width:100%}.subcollection-header__img-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.collection-header__quick-filter .image svg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color)}.collection-header__quick-filter .subcollection-header__img-wrapper img{transition:transform var(--duration-extra-long) var(--ease-out-slow)}.collection-header__quick-filter:hover .subcollection-header__img-wrapper img{transform:scale(1.05)}.collection-header__quick-filter.cta{display:flex;flex-direction:row;gap:0;align-items:center;text-decoration:none;width:-moz-fit-content;width:fit-content}.collection-header__quick-filter.cta .image{width:60px;height:60px;margin:auto;border-radius:50%}@media screen and (max-width: 768px){.collection-header__quick-filter.cta{padding:var(--spacing-x-small) var(--spacing-normal)}.collection-header__quick-filter.cta .image{width:50px;height:50px}}.collection-header__quick-filter.cta .image img,.collection-header__quick-filter.cta .image svg{border-radius:50%}.collection-header__quick-filter.cta.cta--square .image,.collection-header__quick-filter.cta.cta--square .image img,.collection-header__quick-filter.cta.cta--square .image svg{border-radius:var(--radius-zero)}.collection-header__quick-filter.cta.cta--square .image{width:50px;height:50px}.collection-header__quick-filter.cta .image svg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color)}.collection-header__quick-filter.cta .text{margin:0 var(--spacing-x-small);font-weight:var(--font-body-weight);font-size:var(--font-size-normal);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-negative);text-transform:none}.collection-header__quick-filter.tile{max-width:7.5rem;display:flex;flex-direction:column;align-items:stretch;border:none;background-color:transparent;border-color:transparent}.collection-header__quick-filter.tile .image{aspect-ratio:unset;width:calc(var(--spacing-xxx-large) + var(--spacing-xx-large));height:5.625rem;border-radius:var(--radius-xxx-small);overflow:hidden;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.collection-header__quick-filter.tile.tile--portrait .image{height:auto;aspect-ratio:3 / 4}.collection-header__quick-filter.tile.tile--square .image{height:auto;aspect-ratio:1 / 1}.collection-header__quick-filter.tile.tile--square.tile--circle .image{border-radius:50%}.collection-header__quick-filter.tile.tile--adapt .image{height:auto;aspect-ratio:auto}.collection-header__quick-filter.tile.tile--adapt .subcollection-header__img-wrapper img{position:static;height:auto;-o-object-fit:contain;object-fit:contain}.collection-header__quick-filter.tile .text{font-size:var(--font-size-normal);font-weight:var(--font-body-weight);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-negative);text-transform:none;margin-top:var(--spacing-x-small);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}[data-alignment=center] .collection-header__quick-filter.tile .text{text-align:center;line-height:var(--line-height-button)}.collection-header__quick-filter.text{padding-left:var(--spacing-normal);padding-right:var(--spacing-normal);width:-moz-fit-content;width:fit-content;transition:background-color var(--duration-medium) ease,border-color var(--duration-medium) ease}.collection-header__quick-filter.text:hover,.collection-header__quick-filter.text:focus{background-color:var(--body-text-color);border-color:var(--body-text-color)}.collection-header__quick-filter.text:hover .text,.collection-header__quick-filter.text:focus .text{color:var(--body-text-color-white)}
