.collection-list{--gap: 1rem;display:flex;flex-wrap:wrap;gap:1rem;list-style:none;padding:0;margin:1rem 0;justify-content:center}@media screen and (min-width: 989px){.collection-list .collection-list__item{flex:0 0 calc((100% - var(--gap) * (var(--items-per-row-desktop) - 1)) / var(--items-per-row-desktop));max-width:calc((100% - var(--gap) * (var(--items-per-row-desktop) - 1)) / var(--items-per-row-desktop))}}.collection-list-title{margin:0}@media screen and (max-width: 749px){.collection-list-wrapper.page-width{padding:0}.collection-list:not(.slider){padding-left:0;padding-right:0}.collection-list-section .collection-list:not(.slider){padding-left:1.5rem;padding-right:1.5rem}}@media screen and (max-width: 749px){.collection-list-wrapper:not(.no-heading) .title-wrapper-with-link{margin-top:-1rem}}@media screen and (min-width: 750px){.collection-list-wrapper.no-heading{margin-top:calc(6rem + var(--page-width-margin))}}.collection-list__item:only-child{max-width:100%;width:100%}.collection-list__item .card--light-border:hover{border:.1rem solid rgba(var(--color-foreground),.04)}.collection-list__item:only-child .media{height:35rem}@media screen and (max-width: 749px){.collection-list .collection-list__item{width:calc(100% - 3rem)}.collection-list__item.collection-list__item{padding-bottom:1rem}.slider.collection-list--1-items{padding-bottom:0}.collection-list .collection-list__item{flex:0 0 calc((100% - var(--gap) * (var(--items-per-row-mobile) - 1)) / var(--items-per-row-mobile));max-width:calc((100% - var(--gap) * (var(--items-per-row-mobile) - 1)) / var(--items-per-row-mobile))}}.collection-list.negative-margin--small{margin-bottom:-1rem}@media screen and (min-width: 750px) and (max-width: 989px){.collection-list .collection-list__item{flex:0 0 calc((100% - var(--gap) * (var(--items-per-row-tablet) - 1)) / var(--items-per-row-tablet));max-width:calc((100% - var(--gap) * (var(--items-per-row-tablet) - 1)) / var(--items-per-row-tablet))}}@media screen and (min-width: 750px){.collection-list__item:only-child>*:not(.card--media){height:320px}.collection-list__item:only-child .media{height:47rem}.collection-list__item a:hover{box-shadow:none}}@media screen and (max-width: 989px){.collection-list.slider .collection-list__item{max-width:100%}}.collection-list__item .card__text,.collection-list__item .card-colored{position:relative}
/*# sourceMappingURL=/cdn/shop/t/165/assets/section-collection-list.css.map */
