.mini-banners{width:100%}.mini-banners .title-wrapper{margin-bottom:3.2rem;text-align:center}@media screen and (max-width: 749px){.mini-banners .title-wrapper{margin-bottom:2.4rem}}.mini-banners .title{margin:0}.mini-banners-grid{display:grid;grid-template-columns:1fr;gap:1.6rem;margin:0}@media screen and (min-width: 750px){.mini-banners-grid{gap:3.2rem}.mini-banners-grid--2-items,.mini-banners-grid--3-items{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 990px){.mini-banners-grid--3-items{grid-template-columns:repeat(3,1fr)}}.mini-banner-item{position:relative;width:100%;overflow:hidden;border-radius:.8rem;transition:transform .3s ease,box-shadow .3s ease}.mini-banners-grid--hover-none .mini-banner-item{transition:none}.mini-banners-grid--hover-lift .mini-banner-item:hover{transform:translateY(-8px);box-shadow:0 10px 30px #00000026}.mini-banners-grid--hover-zoom .mini-banner-item{transform:none}.mini-banners-grid--hover-lift-zoom .mini-banner-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.mini-banners-grid--hover-fade .mini-banner-item{transform:none}.mini-banners-grid--hover-fade .mini-banner-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;transition:background .3s ease;pointer-events:none;z-index:2;border-radius:.8rem}.mini-banners-grid--hover-fade .mini-banner-item:hover:after{background:#00000026}.mini-banner-item__link{text-decoration:none;color:inherit;display:block}.mini-banner-item__image-wrapper{position:relative;width:100%;overflow:hidden;border-radius:.8rem}.mini-banner-item__image{width:100%;display:block}.mini-banner-item__image img{transition:transform .5s ease}.mini-banners-grid--hover-zoom .mini-banner-item:hover .mini-banner-item__image img,.mini-banners-grid--hover-lift-zoom .mini-banner-item:hover .mini-banner-item__image img{transform:scale(1.08)}.mini-banners-grid--hover-none .mini-banner-item__image img,.mini-banners-grid--hover-lift .mini-banner-item__image img,.mini-banners-grid--hover-fade .mini-banner-item__image img{transition:none}.mini-banner-item__image.media--adapt{position:relative;height:auto;min-height:200px}.mini-banner-item__image.media--adapt img{width:100%;height:auto;display:block;object-fit:cover}.mini-banner-item__image.media--portrait{position:relative;padding-bottom:133.33%}.mini-banner-item__image.media--square{position:relative;padding-bottom:100%}.mini-banner-item__image.media--wide{position:relative;padding-bottom:66.67%}.mini-banner-item__image.media--landscape{position:relative;padding-bottom:56.25%}.mini-banner-item__image.media--portrait img,.mini-banner-item__image.media--square img,.mini-banner-item__image.media--wide img,.mini-banner-item__image.media--landscape img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.mini-banner-item__image.placeholder{position:relative;background-color:rgba(var(--color-foreground),.04);padding-bottom:56.25%;min-height:250px}.mini-banner-item__image.placeholder svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:auto;opacity:.3}.mini-banner-item__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000,#000000b3);pointer-events:none;transition:opacity .3s ease;z-index:1}.mini-banners-grid--hover-fade .mini-banner-item:hover .mini-banner-item__overlay{opacity:1.3}.mini-banner-item__content{position:absolute;left:0;right:0;padding:2.4rem 2rem;text-align:center;color:#fff;z-index:3}.mini-banner-item__content--top{top:0;padding-top:2.4rem;padding-bottom:2rem}.mini-banner-item__content--middle{top:50%;transform:translateY(-50%);padding-top:2rem;padding-bottom:2rem}.mini-banner-item__content--bottom{bottom:0;padding-top:2rem;padding-bottom:2.4rem}.mini-banner-item__title{margin:0 0 1.2rem;font-size:2rem;font-weight:600;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.4)}.mini-banner-item__button{display:inline-block;transition:transform .3s ease,box-shadow .3s ease}.mini-banners-grid--hover-lift .mini-banner-item:hover .mini-banner-item__button,.mini-banners-grid--hover-zoom .mini-banner-item:hover .mini-banner-item__button,.mini-banners-grid--hover-lift-zoom .mini-banner-item:hover .mini-banner-item__button,.mini-banners-grid--hover-fade .mini-banner-item:hover .mini-banner-item__button{transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media screen and (max-width: 749px){.mini-banner-item__content{padding:2rem 1.6rem}.mini-banner-item__content--top{padding-top:2rem;padding-bottom:1.6rem}.mini-banner-item__content--middle{padding-top:1.6rem;padding-bottom:1.6rem}.mini-banner-item__content--bottom{padding-top:1.6rem;padding-bottom:2rem}.mini-banner-item__title{font-size:1.8rem;margin-bottom:1rem}}@media screen and (max-width: 480px){.mini-banner-item__content{padding:1.6rem 1.2rem}.mini-banner-item__content--top{padding-top:1.6rem;padding-bottom:1.2rem}.mini-banner-item__content--middle{padding-top:1.2rem;padding-bottom:1.2rem}.mini-banner-item__content--bottom{padding-top:1.2rem;padding-bottom:1.6rem}.mini-banner-item__title{font-size:1.6rem;margin-bottom:.8rem}}@media (prefers-reduced-motion: no-preference){.mini-banner-item,.scroll-trigger.animate--slide-in{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-mini-banners.css.map */