.container{max-width:1440px}.component-collection-grid.container{padding-left:15px;padding-right:15px}.component-collection-grid .collection-grid{min-height:200px;display:grid;grid-gap:2rem 1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (min-width: 768px){.component-collection-grid .collection-grid{grid-template-columns:repeat(3,1fr);grid-gap:3rem 1.5rem}}@media (min-width: 1240px){.component-collection-grid .collection-grid{grid-template-columns:repeat(4,1fr)}}.component-collection-grid .lazyload-container{border-radius:.625rem;background-color:#f0f0f0}.component-collection-grid .lazyload-image{border-radius:.625rem;height:100%;max-width:100%;object-fit:cover;transition:all .3s ease-in}.component-collection-grid .img-hover-container{position:absolute;z-index:100;top:0;bottom:0;right:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease-in-out;border-radius:.625rem;background-color:#f0f0f0;display:none}@media (min-width: 1024px){.component-collection-grid .img-hover-container{display:flex!important}}.component-collection-grid .colors{display:flex;flex-wrap:nowrap;min-height:30px;opacity:0;transition:all .3s ease-in;margin-top:.3rem;margin-bottom:.1rem}@media screen and (min-width: 768px){.component-collection-grid .colors{flex-wrap:wrap}}.component-collection-grid .product-reviews{display:inline-block}.component-collection-grid .review-stars{height:13px}.component-collection-grid .review-stars component-review-stars{height:100%}.component-collection-grid .review-stars svg{fill:#000}.component-collection-grid .product-img--margin{margin-bottom:.5rem;display:flex;justify-content:center;flex-direction:column}@media screen and (min-width: 1024px){.component-collection-grid .product-img:hover .img-container{opacity:0}.component-collection-grid .product-img:hover .img-hover-container{opacity:1!important}}.component-collection-grid .hover-img--lazyload{opacity:0}.component-collection-grid .product-info--bundles{margin-top:.5rem}@media screen and (min-width: 768px){.component-collection-grid .product-info{margin-top:.825rem}.component-collection-grid .product-info--bundles{margin-top:1rem}}.component-collection-grid .product-eyebrow{font-size:14px}.component-collection-grid .product-link{display:flex;flex-direction:column;width:fit-content}.component-collection-grid .product-title{line-height:18px;font-size:14px;font-weight:500;margin-top:.15rem}.component-collection-grid .price-container{display:flex;align-items:center;line-height:normal}.component-collection-grid .price-badge-container{display:flex;align-items:center;margin-top:.3rem}.component-collection-grid .price-badge{background-color:#2c272d;color:#fff;border-radius:10px;font-size:12px;padding:.075rem .5rem;margin-left:.625rem;display:flex;align-items:center;height:100%}.component-collection-grid .color.first{order:-1}.component-collection-grid .price{font-size:12px}.component-collection-grid .compare-price{color:#999;text-decoration:line-through;margin-left:0;margin-right:.4rem;font-size:12px}.component-collection-grid .badges{display:flex;flex-wrap:wrap;margin-top:.2rem;margin-right:.25rem;gap:.25rem}.component-collection-grid .badge{background:#f5f5f5;border-radius:.625rem;text-align:center;line-height:1.2;font-size:11px;padding:.15rem .5rem}@media screen and (min-width: 768px){.component-collection-grid .badges{margin-top:.3rem;gap:.5rem}.component-collection-grid .badge{font-size:11px;padding:.25rem .5rem}}.component-collection-grid .bundle-discount-text-badge{background-color:var(--bd-tag-bg-color);color:var(--bd-tag-color)}.component-collection-grid .color{margin-right:.3rem;margin-top:2px;margin-bottom:2px}.component-collection-grid .color:nth-child(n+8){display:none}@media screen and (min-width: 768px){.component-collection-grid .color:nth-child(n+8){display:block}.component-collection-grid .color:nth-child(n+13){display:none}}.component-collection-grid .color-count-mobile{display:flex;align-items:center;color:#707070;font-size:12px;font-weight:500}@media screen and (min-width: 768px){.component-collection-grid .color-count-mobile{display:none}}.component-collection-grid .color-count{display:none}@media screen and (min-width: 768px){.component-collection-grid .color-count{display:flex;align-items:center;color:#707070;font-size:12px;font-weight:500}}.component-collection-grid .color-label{display:flex;position:relative;width:22px;height:22px;background-clip:content-box;padding:.15rem;border-radius:20px;-webkit-border-radius:20px;cursor:pointer;background-color:var(--swatch-color);background-image:var(--swatch-image);background-size:cover;color:#fff}@media screen and (min-width: 768px){.component-collection-grid .color-label{padding:.1rem}}.component-collection-grid .color-input:checked+.color-label{border:1px solid black}.component-collection-grid .color-label--out-of-stock:after{content:"";position:absolute;top:50%;display:block;width:100%;border-top:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.component-collection-grid .color-input:checked+.color-label--out-of-stock:after{width:80%;top:45%;left:10%}.component-collection-grid .no-results-text{padding:1rem}@media screen and (min-width: 768px){.component-collection-grid .no-results-text{padding:0}}.component-collection-grid .grid-skeleton{display:flex;justify-content:space-between;align-items:center;gap:1.25rem}.component-collection-grid .grid-skeleton .item{height:30rem;width:28.5rem;border-radius:.625rem;background:#ddd}@media (max-width: 768px){.component-collection-grid .grid-skeleton .item:nth-child(3){display:none}.component-collection-grid .grid-skeleton .item:nth-child(4){display:none}}@media (max-width: 1240px){.component-collection-grid .grid-skeleton .item:nth-child(3){display:none}}.component-collection-grid .marketing-block{grid-row:var(--marketing-position-row-mobile);grid-column:span var(--marketing-grid-span);grid-column-end:var(--marketing-position-col-mobile)}@media (min-width: 1024px){.component-collection-grid .marketing-block{grid-row:var(--marketing-position-row);grid-column-end:var(--marketing-position-col)}}@media (min-width: 1024px){.component-collection-grid .marketing-block .lazyload-container{padding-bottom:var(--container-padding-bottom-desktop)}}.component-collection-grid .grid-video{grid-row-start:var(--video-position-row-mobile);grid-column:1 / -1}@media (min-width: 1024px){.component-collection-grid .grid-video{grid-row-start:var(--video-position-row)}}.component-collection-grid .video-image-container{position:relative;width:100%;cursor:pointer}.component-collection-grid .video-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.component-collection-grid .video-image-content{text-align:center;color:#fff;max-width:85%}.component-collection-grid .video-image-content-title{font-family:Rules,Helvetica Neue,Arial,sans-serif;text-transform:capitalize;font-weight:600;font-size:28px;margin-bottom:.5rem}@media screen and (min-width: 768px){.component-collection-grid .video-image-content-title{font-size:60px}}.component-collection-grid .video-image-content-description{font-family:Rules,Helvetica Neue,Arial,sans-serif;margin-bottom:.5rem}.component-collection-grid .video-image{height:auto;width:100%;object-fit:cover;display:flex}@media screen and (min-width: 768px){.component-collection-grid .grid-video .lazyload-container{padding-bottom:var(--container-padding-bottom-desktop)}}.component-collection-grid .video{max-height:800px;width:100%}.component-collection-grid .play-button{background-color:#fff;opacity:.8;border-radius:50%;border:none;cursor:pointer;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin-top:1rem}.component-collection-grid .play-button-container{display:flex;justify-content:center}.component-collection-grid .play-button svg{width:15px;height:auto}.component-collection-grid .anchor-offset{scroll-margin:200px}@media screen and (max-width: 768px){.component-collection-grid .anchor-offset{scroll-margin:120px}}.collection-grid-sections{display:none}.collection-grid-sections-section{border-top:.094rem solid #00000026;padding-top:20px}.collection-grid-sections-section .section-title{font-size:24px;text-transform:capitalize;font-family:Rules,Helvetica Neue,Arial,sans-serif;font-weight:500;padding-bottom:5px}.collection-grid-sections-section .section-description{font-size:14px;font-family:Rules,Helvetica Neue,Arial,sans-serif}.collection-grid-sections-section .collection-grid{margin:40px 0}.collection-grid-sections-section:first-of-type,.collection-grid-sections-section-generic{border-top:none;padding-top:0}.collection-grid-sections-section.collection-grid-sections-section-last{border-bottom:.094rem solid #00000026;margin-bottom:20px}@media screen and (min-width: 1240px){.component-collection-grid .marketing-block.desktop-hidden{display:none}}@media screen and (max-width: 1239px){.component-collection-grid .marketing-block.mobile-hidden{display:none}}
/*# sourceMappingURL=/cdn/shop/t/10800/assets/component-collection-grid.css.map */