.collList-wrapper{position:relative}.collList-wrapper{margin-top:50px;margin-bottom:40px}.collection--hero{padding-bottom:0}.collList-grid{display:flex;gap:20px;flex-wrap:wrap}.collList-wrapper .collList-grid{margin-bottom:40px}.collList-item{width:calc((100% / 6) - (20px * (5/6)));position:relative;border-radius:var(--corners-main-objects, 20px);background:var(--background-bg-container-light-green1, #F2F7F5);transition:.5s;padding-top:10px;padding-bottom:10px}.collList-item .absolute-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block}.collList-grid .collList-item-title{margin-right:10px}.collList-grid .collList-item-img{position:relative;max-width:80px;margin-left:10px}.collList-item-img:before{content:"";padding-bottom:100%;display:block}.collList-item-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .5s ease}.collList-item-img .tag-box{position:absolute;right:15px;top:15px;z-index:1;color:#000;font-size:24px;font-weight:600;line-height:100%;letter-spacing:-.48px;text-transform:capitalize;min-width:40px;min-height:40px;border-radius:100px;background:#ebff00;display:inline-flex;align-items:center;justify-content:center}.collList-item-img .tag-box.not-one{font-size:14px}.collList-item-title{color:var(--Black-Green, #02643C);text-align:left;font-size:24px;font-weight:800;line-height:100%;letter-spacing:0}.collList-wrapper .btn-navigation{border-radius:100px;background:#fff!important;box-shadow:0 0 15px #0000000d;color:#02643c;display:flex;width:50px;height:50px;justify-content:center;align-items:center;top:50%;--swiper-navigation-size: 50px}.collList-wrapper .btn-navigation:hover{background:#a8d500!important;color:#fff}.collList-wrapper .prev-button{left:-20px}.collList-wrapper .next-button{right:-20px}.collList-wrapper .prev-button svg{transform:rotate(180deg)}.collList-wrapper .swiper-button-prev:after,.collList-wrapper .swiper-rtl .swiper-button-next:after{display:none}.collList-wrapper .swiper-button-next:after,.collList-wrapper .swiper-rtl .swiper-button-prev:after{display:none}.main-collection-grid-section .card--product:hover .quick-add button.card__link.button.button--primary:hover svg path{stroke:#fff}.main-collection-grid-section .card--product:hover .quick-add button.card__link.button.button--primary:hover{background-color:var(--button-button-hovered, #A8D500)}.collList-grid .collList-item{border:1px solid transparent}.collList-grid .collList-item:hover{border:1px solid var(--stroke-stroke-dark, #02643C)}.collList-wrapper .collList-grid{max-width:1520px;margin:0 auto}.collList-grid .collList-item.active-block .grid-close-icon{display:flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:100px;background-color:#fff;position:absolute;right:-20px;top:-20px}.collList-grid .collList-item.active-block .grid-close-icon{display:flex;align-items:center;justify-content:center}.collList-grid .grid-close-icon{display:none}.collList-grid .collList-item.active-block{border-radius:var(--corners-main-objects, 20px);border:2px solid var(--stroke-stroke-dark, #02643C);background:var(--background-bg-container-light-green1, #F2F7F5)}.collList-wrapper .collection-heading{color:var(--text-text-primary, #02643C);letter-spacing:0;font-family:Gabarito;font-size:var(--headings-H3-font-size, 32px);font-style:normal;font-weight:var(--headings-H3-font-weight-extrabold, 800);line-height:120%;width:100%;max-width:1480px;margin:0 auto 32px}.collList-grid .collList-item:last-of-type{margin-right:0}.collList-grid .collList-item{display:grid!important;grid-template-columns:80px auto;align-items:center;gap:24px}.collList-grid:not(.slick-initialized){flex-wrap:nowrap;overflow:hidden}.collList-grid:not(.slick-initialized) .collList-item{flex:1 0 auto}.collList-grid.slick-initialized{flex-wrap:nowrap;width:100%;overflow:unset}.collList-grid .slick-track{margin-left:0}.slick-initialized .collList-item{margin:0 32px 0 0;height:auto}.collList-grid .slick-list{width:100%;max-width:1480px;margin:0 auto;overflow:unset}.collList-grid.slick-initialized .slick-track{display:flex;flex-wrap:nowrap;flex-direction:row}.collList-grid .slick-arrow{font-size:0;display:flex!important;width:50px;height:50px;padding:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:100px;background:var(--button-button-dark-green, #02643C);z-index:2;top:43%}.collList-grid .slick-arrow.slick-prev svg{transform:rotate(-180deg)}.slick-initialized .collList-item:not(.slick-active){pointer-events:none}.collList-grid .slick-arrow:before{display:none}.collList-grid .slick-arrow.slick-disabled{opacity:.5;cursor:not-allowed}.collList-grid:not(.slide-change) .slick-prev{display:none!important}@media screen and (min-width:1364px) and (max-width:1439px){.collList-wrapper{padding-left:0;padding-right:0}}@media screen and (max-width:768px){.collList-grid.swiper.desktop{display:none}}@media screen and (min-width:768px){.collList-grid.mobile{display:none}}@media screen and (min-width:1200px) and (max-width:1380px){.collList-item-title{font-size:20px}}@media screen and (min-width:768px) and (max-width:1365px){.collList-wrapper .collList-grid{padding-left:20px;padding-right:20px}}@media screen and (max-width:767px){.collList-grid .collList-item.active-block .grid-close-icon{top:-10px;right:-10px}.collList-wrapper{padding-left:20px;padding-right:20px}.collList-wrapper .collList-grid{padding-top:32px}.collList-wrapper .collection-heading{margin-bottom:0}.collList-grid .collList-item.active-block .grid-close-icon svg{width:12px;height:12px}.collList-grid{gap:10px}.collList-grid .collList-item.active-block .grid-close-icon{width:30px;height:30px}.collList-wrapper .collection-heading{font-size:28px;line-height:120%}}@media screen and (min-width:768px) and (max-width:1199px){.collList-grid .slick-arrow{display:none!important}.collList-item-title{font-size:20px}}.progress-bar-container{width:100%;border-radius:100px;background:#f0f1f7;height:5px;margin-top:25px;margin-bottom:25px}.progress-bar{border-radius:100px;background:#ed1c24;transition:.4s width;height:100%;width:0}.collList-grid:not(.slick-initialized)+.progress-bar-container{display:none}@media screen and (max-width:1598px){.collList-wrapper .collection-heading{max-width:var(--page-width);margin-left:auto;margin-right:auto;padding-left:20px}.collList-wrapper .collList-grid{max-width:var(--page-width)}}@media screen and (max-width:989px){.collList-wrapper.container.full-container-width{display:block!important}}@media screen and (min-width:768px) and (max-width:1519px){.collList-wrapper .collection-heading{padding-left:20px}}@media (min-width: 1440px){.collList-wrapper{--desktop-container-gutter: 70px}}@media (max-width: 1366px){.collList-grid .slick-arrow{width:40px;height:40px}}@media (max-width: 1199px){.collList-grid{gap:20px}.collList-item{width:calc(20% - 16px)}}@media (max-width: 989px){.collList-wrapper,.filters-top-left #searchbox{display:none}.collList-item{width:calc(25% - 15px)}.collList-item-img .tag-box{font-size:15px;min-width:30px;min-height:30px;right:5px;top:5px}.collList-item-img .tag-box.not-one{font-size:11px}}@media screen and (max-width:768px){.collList-wrapper .collList-grid{padding-left:20px;padding-right:20px}}@media screen and (max-width:768px){.collList-item-title{font-size:14px}.collList-grid .collList-item{grid-template-columns:50px auto}.collList-grid .collList-item{gap:10px}.collList-item-img{max-width:50px}.collList-item{width:100%!important}.collList-wrapper .collList-grid{display:grid;grid-template-columns:auto auto}}@media (max-width: 640px){.collList-wrapper{padding-top:30px}.collList-wrapper .collList-grid{margin-bottom:30px}.slick-initialized .collList-item{margin:0 5px}.collList-grid .slick-list{margin:0 -5px;width:calc(100% + 10px)}.collList-grid .slick-arrow{display:none!important}.collList-wrapper .collList-grid{margin-right:calc(-1 * var(--mobile-container-gutter));width:calc(100% + (1 * var(--mobile-container-gutter)))}.collList-item{padding-top:15px}.collList-item-title{font-size:14px}.progress-bar-container{margin-bottom:0}}@media screen and (max-width:767px){.collList-wrapper .collList-grid{padding-left:0!important;padding-right:0!important}}@media (max-width: 512px){.collList-grid{gap:10px}.collList-item{width:calc(50% - 5px)}}@media (max-width: 374px){.collList-wrapper .collList-grid{padding-right:30px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-list-grid.css.map */