collection-controls{font:var(--font-tertiary-small);text-transform:var(--font-tertiary-small-text-transform);letter-spacing:var(--font-tertiary-small-letter-spacing)}@media(max-width:959px){collection-controls{position:relative;display:block}}collection-controls input:disabled+label{opacity:.2;cursor:not-allowed}
.filters__dropdown{position:relative}.filters__dropdown.open .filters__dropdown-summary .icon{transform:rotate(180deg)}.filters__dropdown.open .filters__dropdown-content{z-index:5}@media(max-width:959px){.filters__dropdown.open .filters__dropdown-content{background-color:var(--color-white);position:fixed;bottom:0;left:0;padding:15px;width:100%;border-top:1px solid var(--color-medium-grey)}
}.filters__dropdown .filters__close{display:flex;justify-content:center;align-items:center;background-color:var(--color-grey);height:25px;width:25px;border-radius:50%;position:absolute;top:0;right:15px}@media(min-width:960px){.filters__dropdown .filters__close{display:none}}.filters__dropdown-summary{display:flex;gap:5px;align-items:center;font:var(--font-tertiary-small);text-transform:var(--font-tertiary-small-text-transform);letter-spacing:var(--font-tertiary-small-letter-spacing);cursor:pointer}
.filters__dropdown-summary::-webkit-details-marker{display:none}.filters__dropdown-summary .icon{transition:transform .3s}.filter__title{color:var(--color-dark-grey);margin-bottom:10px}@media(min-width:960px){.filter__title{margin-bottom:0;flex:100px 0}}.filters__reset{border-bottom:1px solid}@media(min-width:960px){.filters__reset{position:absolute;top:0;left:100px}
}.filters__options{display:flex;flex-direction:column;gap:15px;margin-top:20px}.filters__option{display:flex}@media(max-width:959px){.filters__option{flex-direction:column}}.filters label{cursor:pointer}.filter__list--color{margin-left:3px}.filter__list-ul{display:flex;gap:15px;list-style:none;flex-wrap:wrap}@media(min-width:960px){.filter__list-ul{gap:30px}
}.filter__list-ul .filter-label{padding:2px 5px;white-space:nowrap}.filter__list-ul .filter-label--swatch{padding:2px 0}.filter__list-ul .filter-label--swatch span{display:block;color:transparent;height:20px;width:20px;border-radius:50%;outline:1px solid transparent;outline-offset:2px}.filter__list-ul input{pointer-events:none;height:0;width:0;position:absolute;top:0;left:0;opacity:0}
.filter__list-ul input:checked+label:not(.filter-label--swatch){background-color:var(--color-grey);border-radius:5px}.filter__list-ul input:checked+label.filter-label--swatch span{outline-color:var(--color-black)}.filter__list-ul input:focus-visible+label{outline:1px solid var(--color-focus);border-radius:5px}.filter__list-ul input:focus-visible+label.filter-label--swatch{outline:0}
.filter__list-ul input:focus-visible+label.filter-label--swatch span{outline-color:var(--color-focus)}.filters__sort{display:flex;flex-direction:column;margin-top:15px;padding-bottom:20px}@media(min-width:960px){.filters__sort{flex-direction:row;padding-bottom:0}}.filters__sort label{cursor:pointer;padding:2px 5px}
.filters__sort input:focus-within+label{background-color:var(--color-focus);border-radius:5px}.filters__sort input:checked+label{background-color:var(--color-grey);border-radius:5px}.filters__sort select,.filters__sort input{background:0;pointer-events:none;height:0;width:0;position:absolute;top:0;left:0;opacity:0}
.filter__options{display:flex;gap:15px}@media(min-width:960px){.filter__options{gap:30px}}.filter-btn{width:100%;margin-bottom:20px}@media(min-width:960px){.filter-btn{display:none}}.main-collection{padding:0 15px}@media(min-width:960px){.main-collection{padding:0 40px}}.collection__header-images{display:flex;gap:20px}
@media(min-width:960px){.collection__header-images{margin-top:30px}}.collection__header-images .image,.collection__header-images img{width:100%;height:460px;border-radius:5px;max-height:230px}@media(min-width:960px){.collection__header-images .image,.collection__header-images img{max-height:460px}}.collection__header-content{display:flex;gap:10px;flex-direction:column;margin-top:20px}
@media(min-width:960px){.collection__header-content{gap:15px;margin-top:40px}}.collection__header-content-title{display:flex;gap:10px;justify-content:space-between;width:100%}.collection__header-content-description{max-width:670px}.collection__header-content-parent-link{color:var(--color-dark-grey);font:var(--font-tertiary-small);text-transform:var(--font-tertiary-small-text-transform);letter-spacing:var(--font-tertiary-small-letter-spacing);text-decoration:none}
.collection-filters{margin:20px 0}@media(min-width:960px){.collection-filters{margin:30px 0 40px}}.collection-products{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 10px}@media(min-width:960px){.collection-products{grid-template-columns:repeat(4,1fr);gap:60px 10px}}.collection-products__no-products{display:flex;width:100%;gap:20px;flex-direction:column;justify-content:center;align-items:center;max-width:580px;margin:0 auto;text-align:center}