.seasonal-banners__featured-link{display:block;text-decoration:none;color:inherit}.seasonal-banners__featured-banner,.seasonal-banners__image{background-size:cover;background-position:center;position:relative;overflow:hidden}.seasonal-banners__featured-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--bg-image);background-size:cover;background-position:center;transform:scale(1);transition:transform 1.2s ease;will-change:transform;z-index:0}.seasonal-banners__featured:hover .seasonal-banners__featured-banner:before{transform:scale(1.1)}.seasonal-banners__overlay{position:relative;z-index:2}.seasonal-banners__featured{overflow:hidden}.seasonal-banners__featured-banner{min-height:300px}.seasonal-banners__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.seasonal-banners__item{display:block;text-decoration:none;color:inherit}.seasonal-banners__image{min-height:230px;background-color:var(--color-background-dark)}.seasonal-banners__image{background-size:105%;background-position:center;background-repeat:no-repeat;transition:background-size .8s cubic-bezier(.22,1,.36,1)}.seasonal-banners__item:hover .seasonal-banners__image{background-size:115%}.seasonal-banners__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:2rem;background:linear-gradient(to top,#0009,#0000);padding:var(--space-12);align-content:center;align-items:center}.seasonal-banners__overlay h2{text-shadow:2px 2px 10px black;color:var(--color-white)}.seasonal-banners__overlay p{margin:0;margin:var(--space-6)}.seasonal-banners__item{position:relative;overflow:hidden}.seasonal-banners__item:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:25px;background:var(--color-lightblue);transform:scaleX(0);transform-origin:left center;transition:transform .35s ease;z-index:1}@media screen and (max-width:989px){.seasonal-banners__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.seasonal-banners__grid{grid-template-columns:1fr}.seasonal-banners__image{min-height:150px}.seasonal-banners__grid{gap:0px}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/section-seasonal-banners.css.map */