.collection-grid{margin-top:0;margin-bottom:0}.collection-grid-title{margin:0}.collection-grid-wrapper{position:relative}.collection-grid-title-wrapper{margin:0;padding-bottom:2rem}.collection-grid-title-wrapper--self-padded-mobile,.collection-grid-title-wrapper--self-padded-tablet-down{padding-left:1.5rem;padding-right:1.5rem}.collection-grid-title-wrapper--no-top-margin{margin-top:0}.collection-grid-slider-mobile-gutter{margin-left:0;margin-right:0}.collection-grid-slider-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.collection-grid-slider-button{background:transparent;border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;width:4rem;height:4rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.collection-grid-slider-button:hover{background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.4)}.collection-grid-slider-button--prev .svg-wrapper{transform:rotate(180deg)}.collection-grid-slider-counter{font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.collection-grid-slider-counter--current,.collection-grid-slider-counter--total{font-weight:500}@media screen and (max-width: 749px){.collection-grid:not(.slider){padding-left:0;padding-right:0}.section-collection-grid .page-width{padding-left:0;padding-right:0}.section-collection-grid .collection-grid:not(.slider){padding-left:1.5rem;padding-right:1.5rem}.collection-grid-title-wrapper--self-padded-tablet-down{padding-left:1.5rem;padding-right:1.5rem}}.collection-grid__item{position:relative;overflow:hidden;transition:all .3s ease}.collection-grid__item:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000026}.collection-grid__item:only-child{max-width:100%;width:100%}.collection-grid__item--no-media{background:linear-gradient(135deg,rgba(var(--color-foreground),.1),rgba(var(--color-foreground),.05));min-height:200px;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 749px){.slider.collection-grid--1-items{padding-bottom:0}}@media screen and (min-width: 750px) and (max-width: 989px){.slider.collection-grid--1-items,.slider.collection-grid--2-items,.slider.collection-grid--3-items,.slider.collection-grid--4-items{padding-bottom:0}}@media screen and (min-width: 750px){.collection-grid__item a:hover{box-shadow:none}.collection-grid-title-wrapper--self-padded-tablet-down{padding-left:0;padding-right:0}}@media screen and (max-width: 989px){.collection-grid.slider .collection-grid__item{max-width:100%}}.collection-grid-view-all{margin-top:2rem}@media screen and (min-width: 750px){.collection-grid-view-all{margin-top:3rem}}.collection-grid.grid{gap:2rem}@media screen and (max-width: 749px){.collection-grid-card{min-height:0!important}.collection-grid.grid{gap:1.5rem}}.collection-grid__item{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.collection-grid__item:nth-child(1){animation-delay:.1s}.collection-grid__item:nth-child(2){animation-delay:.2s}.collection-grid__item:nth-child(3){animation-delay:.3s}.collection-grid__item:nth-child(4){animation-delay:.4s}.collection-grid__item:nth-child(5){animation-delay:.5s}.collection-grid__item:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 990px){.collection-grid.grid--6-col-desktop .collection-grid__item{max-width:calc(16.666% - 1.67rem)}.collection-grid.grid--5-col-desktop .collection-grid__item{max-width:calc(20% - 1.6rem)}.collection-grid.grid--4-col-desktop .collection-grid__item{max-width:calc(25% - 1.5rem)}.collection-grid.grid--3-col-desktop .collection-grid__item{max-width:calc(33.333% - 1.33rem)}.collection-grid.grid--2-col-desktop .collection-grid__item{max-width:calc(50% - 1rem)}.collection-grid.grid--1-col-desktop .collection-grid__item{max-width:100%}}.collection-grid-title{text-align:center;font-weight:400;font-size:32px;line-height:1.2;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.collection-grid-view-all .button{background:linear-gradient(135deg,rgba(var(--color-button),1),rgba(var(--color-button),.9));border:2px solid transparent;transition:all .3s ease;padding:1.2rem 2.4rem;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.collection-grid-view-all .button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-button),.3);background:linear-gradient(135deg,rgba(var(--color-button),.9),rgba(var(--color-button),.8))}.collection-grid-card{position:relative;height:100%;min-height:300px;overflow:hidden;background:rgba(var(--color-foreground),.05)}.collection-grid-card__link{display:block;height:100%;text-decoration:none;color:inherit}.collection-grid-card__image-wrapper{position:relative;height:300px;overflow:hidden;display:flex;align-items:center;justify-content:center}.collection-grid-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.collection-grid-card__image--placeholder{width:100%;height:100%;opacity:.3}.collection-grid-card:hover .collection-grid-card__image{transform:scale(1.05)}.collection-grid-card__content{position:absolute;bottom:0;left:0;right:0;padding:2rem;color:#fff;background:linear-gradient(transparent,#0006);text-align:right}.collection-grid-card__title{font-size:30px;font-weight:400;margin:0;color:#fff;letter-spacing:.05em}@media screen and (max-width: 749px){.collection-grid-card__image-wrapper{height:250px}.collection-grid-card__content{padding:1.5rem}.collection-grid-card__title{font-size:1.6rem}}@media screen and (max-width: 479px){.collection-grid-card__image-wrapper{height:150px}.collection-grid-card__content{padding:1rem}.collection-grid-card__title{font-size:28px}}.collection-grid__item--no-media .collection-grid-card{background:linear-gradient(135deg,rgba(var(--color-foreground),.1),rgba(var(--color-foreground),.05))}.collection-grid__item--no-media .collection-grid-card__content{position:static;background:transparent;color:rgb(var(--color-foreground));padding:2rem;height:100%;display:flex;align-items:center;justify-content:center}.collection-grid__item--no-media .collection-grid-card__title{text-shadow:none;color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-collection-grid.css.map */
