@media screen and (max-width: 749px){.collection .title:not(.title--no-heading){margin-top:-1rem}}@media screen and (min-width: 750px){.collection .title-wrapper--no-heading{margin-top:6rem}}.collection{position:relative}.collection .loading-overlay{top:0;right:0;bottom:0;left:0;display:none;width:100%;padding:0 5rem;background-color:rgba(var(--color-background),.7)}.collection.loading .loading-overlay{display:block}.collection--empty .title-wrapper{margin-top:10rem;margin-bottom:15rem}.collection--empty .title-wrapper .title{text-transform:none}.collection .product-grid{margin-top:3rem;margin-bottom:0}@media screen and (min-width: 750px){.collection .product-grid.grid--4-col-tablet>.grid__item{max-width:calc(50% - var(--grid-horizontal-spacing) / 2)}.collection .product-grid.grid--3-col-tablet>.grid__item{max-width:calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3)}}@media screen and (min-width: 990px){.collection .product-grid.grid--4-col-desktop>.grid__item{max-width:calc(25% - var(--grid-horizontal-spacing) * 3 / 4)}.collection .product-grid.grid--3-col-desktop>.grid__item{max-width:calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3)}}.promo-card{--color-foreground: 255, 255, 255;--color-heading: var(--color-foreground);--color-link: var(--color-foreground);color:rgba(var(--color-foreground));position:relative}.promo-card .media.media--hover-effect>img:only-child{transition-property:transform,opacity}.promo-card:has(.full-unstyled-link):hover .media.media--hover-effect>img:first-child:only-child{transform:scale(1.03)}.promo-card .full-unstyled-link{z-index:2}.promo-card__content{padding:1.2rem;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;flex-direction:column;text-align:center;z-index:1}@media screen and (min-width: 750px){.promo-card__content{padding:2.4rem}}.promo-card--overlay .promo-card__content:after{content:"";pointer-events:none;z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003}.promo-card--full-height,.promo-card--full-height use-animate,.promo-card--full-height .media-wrapper,.promo-card--full-height .media--full{height:100%}.promo-card__heading{margin:0;line-height:1.2}.promo-card__content>*+*{margin-top:1rem}.promo-card__subtext{line-height:1.2}.promo-card__content>*+.promo-card__button{margin-top:1.5rem}
/*# sourceMappingURL=/cdn/shop/t/25/assets/template-collection.css.map */