.banner-grid__wrapper{display:grid;grid-template-columns:1fr;gap:1.2rem}@media screen and (min-width:576px){.banner-grid__wrapper{gap:2rem}}@media screen and (min-width:750px){.banner-grid__wrapper{grid-template-columns:repeat(2,1fr)}.banner-grid__wrapper>.banner-grid-card:only-child{grid-column:1/-1!important;flex-direction:row!important}.banner-grid__wrapper>.banner-grid-card:only-child:not(.banner-grid-card--bg-image) .banner-grid-card__media{width:calc(50% - 1rem)}.banner-grid__wrapper--even>.banner-grid-card{grid-column:span 1}.banner-grid__wrapper--odd>.banner-grid-card{grid-column:span 1}.banner-grid__wrapper--odd.banner-grid__wrapper--count-3>.banner-grid-card:nth-child(3){grid-column:1/-1!important;flex-direction:row!important}.banner-grid__wrapper--odd.banner-grid__wrapper--count-3>.banner-grid-card:nth-child(3):not(.banner-grid-card--bg-image) .banner-grid-card__media{width:calc(50% - 1rem)}}@media screen and (min-width:990px){.banner-grid__wrapper--odd{grid-template-columns:repeat(6,1fr)}.banner-grid__wrapper--odd>.banner-grid-card{grid-column:span 3}.banner-grid__wrapper--odd>.banner-grid-card:nth-child(5n+3),.banner-grid__wrapper--odd>.banner-grid-card:nth-child(5n+4),.banner-grid__wrapper--odd>.banner-grid-card:nth-child(5n+5){grid-column:span 2}}@media screen and (min-width:1200px){.banner-grid__wrapper>.banner-grid-card:only-child.banner-grid-card--with-image .banner-grid-card__inner{padding-bottom:4.8rem}.banner-grid__wrapper--odd.banner-grid__wrapper--count-3>.banner-grid-card:nth-child(3).banner-grid-card--with-image .banner-grid-card__inner{padding-bottom:4.8rem}}.js .banner-grid[data-has-appearance-animation=true] .banner-grid-card{opacity:0;transform:translate3d(0,20px,0);transition-duration:1s;transition-timing-function:cubic-bezier(.19,1,.22,1);transition-property:opacity,transform;transition-delay:var(--entrance-animation-delay, .3s);will-change:opacity,transform}.js .banner-grid[data-has-appearance-animation=true].init-appearance-animation .banner-grid-card{opacity:1;transform:translateZ(0)}.banner-grid-card{width:100%;height:auto;position:relative;overflow:hidden;background:var(--gradient-background, rgb(var(--color-background)));border-radius:var(--border-radius-block);display:flex;justify-content:space-between;flex-direction:column}.banner-grid-card .block-overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;border-radius:var(--border-radius-block);width:100%;height:100%}.banner-grid-card .block-overlay-link:empty{display:block}.banner-grid-card .block-overlay-link+.banner-grid-card__inner{pointer-events:none}@media screen and (min-width:1200px){.banner-grid-card--with-image .banner-grid-card__inner{padding-bottom:3.2rem}}.banner-grid-card--bg-image{background:transparent;flex-direction:row!important}.banner-grid-card--bg-image .banner-grid-card__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.banner-grid-card--bg-image .banner-grid-card__media-item{height:100%}.banner-grid-card--bg-image:after{content:"";display:block;width:0;padding-bottom:var(--card-padding-bottom, 100%)}.banner-grid-card__inner{position:relative;z-index:4;width:100%;height:100%;display:flex;flex-direction:column;gap:.8rem;padding:2.4rem}@media screen and (min-width:576px){.banner-grid-card__inner{padding:3.2rem}}@media screen and (min-width:1200px){.banner-grid-card__inner{padding:4.8rem}}.banner-grid-card__inner a,.banner-grid-card__inner button,.banner-grid-card__inner .button,.banner-grid-card__inner input{pointer-events:all}.banner-grid-card__media{position:relative;z-index:1;width:100%;flex-shrink:0;border-radius:var(--border-radius-block);overflow:hidden}.banner-grid-card__media-item{width:100%;height:100%;display:block;border-radius:var(--border-radius-block);-o-object-fit:cover;object-fit:cover;transform:translateZ(0);will-change:transform;transition:var(--image-hover-transition)}.banner-grid-card__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;max-height:100%}@media(hover:hover){.banner-grid-card:has(.block-overlay-link):hover .banner-grid-card__media-item{transform:scale(1.02)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-banner-grid.css.map */