.collection-categories{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap;margin-left:0}.collection-category{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:144px;height:144px;padding:20px 24px;border-radius:12px;border:1px solid rgba(0,0,0,.25);text-decoration:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;background:#fff;box-shadow:0 2px #0000001a;color:#000}.collection-category:hover{background:linear-gradient(90deg,#0000000d 0% 100%),linear-gradient(90deg,#fff 0% 100%);text-decoration:none}.collection-category--active{background:linear-gradient(90deg,#0000000d 0% 100%),linear-gradient(90deg,#fff 0% 100%);border:2px solid #000;box-shadow:none;color:#000}.collection-category--active:hover{background:linear-gradient(90deg,#00000014 0% 100%),linear-gradient(90deg,#fff 0% 100%)}.collection-category__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center}.collection-category__icon img,.collection-category__icon svg{max-width:100%;max-height:100%;object-fit:contain}.collection-category__label{font-family:"Barlow",var(--font-body-family),sans-serif;font-weight:400;font-size:16px;letter-spacing:-.176px;line-height:normal;white-space:nowrap;text-align:center}.collection-category--active .collection-category__label{font-weight:600}@media screen and (max-width:749px){.collection-categories{gap:12px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.collection-categories::-webkit-scrollbar{display:none}.collection-category{width:100px;height:100px;padding:12px;flex-shrink:0}.collection-category__icon{width:40px;height:40px}.collection-category__label{font-size:14px}}.collection-grid__title{font-family:"Barlow Condensed",var(--font-heading-family),sans-serif;font-weight:600;font-size:40px;line-height:1;letter-spacing:.8px;text-transform:uppercase;color:#000;margin:0}@media screen and (max-width:749px){.collection-grid__title{font-size:28px;letter-spacing:.56px}}.collection-grid-section{display:flex;flex-direction:column;gap:64px;align-items:flex-start;max-width:1440px;margin-left:auto;margin-right:auto}@media screen and (min-width:750px){.collection-grid-section{align-items:center}}@media screen and (max-width:749px){.collection-grid-section{gap:32px;max-width:100%;align-items:stretch;padding-left:0;padding-right:0}}@media screen and (min-width:750px){.collection-grid-section>div,.collection-grid-section>div>.product-grid-container,.collection-grid-section>div>.product-grid-container>.collection{width:100%}.collection-grid-section .collection.page-width{max-width:1440px}.collection-grid-section .product-grid{--card-width: min(280px, calc(1400px / var(--columns-desktop, 3)));display:grid!important;grid-template-columns:repeat(auto-fit,var(--card-width))!important;max-width:calc(var(--columns-desktop, 3) * var(--card-width) + 40px);margin-left:auto;margin-right:auto;justify-content:center;column-gap:0;row-gap:0;padding:0 20px}.collection-grid-section .product-grid .grid__item{width:100%!important;max-width:100%!important;overflow:hidden}}@media screen and (min-width:750px)and (max-width:864px){.collection-grid-section{align-items:stretch}.collection-grid-section .product-grid-container,.collection-grid-section .product-grid-container>.collection,.collection-grid-section .product-grid-container>div{width:100%}.collection-grid-section .product-grid{grid-template-columns:repeat(2,272px)!important;justify-content:center!important;margin-left:auto;margin-right:auto;width:100%}.collection-grid-section .product-grid .grid__item{width:272px!important;max-width:272px!important;justify-self:center}}@media screen and (max-width:749px){.collection-grid-section .product-grid{display:grid!important;grid-template-columns:repeat(auto-fill,169px)!important;justify-content:center;row-gap:32px;column-gap:24px;margin:0 auto;padding:0 1.5rem}.collection-grid-section .product-grid .grid__item{width:100%!important;max-width:169px!important;overflow:hidden}}@media screen and (max-width:554px){.collection-grid-section .product-grid{grid-template-columns:repeat(2,minmax(0,169px))!important}}.collection-grid-section .pagination-wrapper{margin-top:0!important}.collection-grid-section .pagination__list{display:flex;flex-wrap:nowrap;justify-content:center;gap:10px;align-items:center}.collection-grid-section .pagination__list>li{flex:0 0 auto;max-width:none!important;margin-right:0!important}.collection-grid-section .pagination__list>li:not(:last-child){margin-right:0!important}.collection-grid-section .pagination__item{width:48px;height:48px;border-radius:24px;font-family:"Barlow",var(--font-body-family),sans-serif;font-weight:400;font-size:16px;letter-spacing:-.176px;line-height:normal;color:#000!important;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;padding:0;text-decoration:none!important;transition:background-color .2s ease,color .2s ease}.collection-grid-section .pagination__item:after,.collection-grid-section .pagination__item--current:after,.collection-grid-section a.pagination__item:hover:after,.collection-grid-section .pagination__item-arrow:hover:after{display:none!important;content:none!important}.collection-grid-section .pagination__item:hover{background-color:#0000000f;text-decoration:none!important}.collection-grid-section .pagination__item--current{background-color:#000!important;color:#fff!important;border-radius:24px}.collection-grid-section .pagination__item--current:hover{background-color:#222!important}.collection-grid-section .pagination__item-arrow{width:48px;height:48px;border-radius:24px;display:inline-flex;align-items:center;justify-content:center;padding:12px;color:#000}.collection-grid-section .pagination__item-arrow:hover{background-color:#0000000f}.collection-grid-section .pagination__item-arrow svg{width:24px;height:24px}.collection-grid-section .pagination__item--next .icon,.collection-grid-section .pagination__item--next svg{transform:none;margin-left:0}.collection-grid-section .pagination__item--prev .icon,.collection-grid-section .pagination__item--prev svg{transform:none;margin-right:0}.collection-grid-products{display:flex;flex-direction:column;align-items:center;width:100%}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collection-product-grid.css.map */
