.page-collection-list{padding:40px 0}.page-collection-list .sec-head{display:flex;justify-content:space-between;gap:50px}.page-collection-list .sec-head .sec-title{margin:0}.page-collection-list .collection-list-view{display:flex;justify-content:flex-end;margin-top:16px;gap:30px}.page-collection-list .collection-list-view .collection-view-btn{width:14px;height:14px;display:inline-flex;padding:0}.page-collection-list .collection-list-view .collection-view-btn:not(.active){color:#cdcdcd}.page-collection-list .collection-list-view .collection-view-btn svg{height:14px;width:14px;transition:.2s}.page-collection-list .collection-list-view .collection-view-btn .six-column{display:none}.page-collection-list .collection-list-row{display:flex;flex-wrap:wrap;padding-top:42px}.page-collection-list .collection-list-block{width:100%;padding:42px 0;display:flex;gap:40px}.page-collection-list .collection-list-block:first-child{padding-top:0}.page-collection-list .collection-list-block:last-child{padding-bottom:0}.page-collection-list .collection-list-block .content-block{width:calc(40.5% - 20px);text-align:center;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.page-collection-list .collection-list-block .content-block .content-block-wrap{flex-grow:1;display:flex;flex-direction:column;justify-content:center;max-width:450px;margin:0 auto}.page-collection-list .collection-list-block .content-block .block-head{margin:0 0 15px}.page-collection-list .collection-list-block .content-block .btn{margin:0 auto}.page-collection-list .collection-list-block .content-block .collection-swatch-blocks{width:100%}.page-collection-list .collection-list-block .content-block .collection-swatch-block{display:flex;flex:1 1;height:75px}.page-collection-list .collection-list-block .content-block .collection-swatch-block img{height:100%;width:100%;object-fit:cover}.page-collection-list .collection-list-block .media-block{width:calc(59.5% - 20px)}.page-collection-list a.collection-swatch-block image-element{width:100%;object-fit:contain}@media only screen and (min-width:769px){.page-collection-list .sec-head .head-offer{align-self:center;text-align:right}.page-collection-list .collection-list-block:not(:first-child){border-top:1px solid #cdcdcd}.page-collection-list .collection-list-row[data-view=column]{gap:32px}.page-collection-list .collection-list-row[data-view=column] .collection-list-block{border:0;padding:0;width:calc(50% - 16px);flex-direction:column-reverse;gap:6px}.page-collection-list .collection-list-row[data-view=column] .collection-list-block .content-block{width:100%;flex-direction:column-reverse;text-align:left}.page-collection-list .collection-list-row[data-view=column] .collection-list-block .content-block .btn{margin-left:0}.page-collection-list .collection-list-row[data-view=column] .collection-list-block .media-block{width:100%}}@media only screen and (min-width:960px){.page-collection-list .collection-list-row[data-view=column]{gap:40px}.page-collection-list .collection-list-row[data-view=column] .collection-list-block{width:calc(33.33% - 26.66px)}.page-collection-list .collection-list-view .collection-view-btn .six-column{display:block}.page-collection-list .collection-list-view .collection-view-btn .two-column{display:none}}@media only screen and (max-width:1200px){.page-collection-list .collection-list-block{gap:24px}.page-collection-list .collection-list-block .content-block{width:calc(40% - 12px)}.page-collection-list .collection-list-block .content-block .collection-swatch-block{height:48px}.page-collection-list .collection-list-block .media-block{width:calc(59% - 12px)}}@media only screen and (max-width:768px){.page-collection-list .sec-head{flex-direction:column;align-items:center;justify-content:center;gap:10px}.page-collection-list .collection-list-block{flex-direction:column-reverse;gap:6px}.page-collection-list .collection-list-block .content-block{width:100%;flex-direction:column-reverse;text-align:left}.page-collection-list .collection-list-block .content-block .content-block-wrap{margin:0}.page-collection-list .collection-list-block .content-block .btn{margin:10px auto 0 0}.page-collection-list .collection-list-block .media-block{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/page-collection-list.css.map */