.banner-grid{--gap: 2.4rem;overflow:hidden}@media screen and (max-width: 989px){.banner-grid__swiper .banner-grid__grid{display:flex;gap:unset}}.banner-grid__swiper .banner-grid__card{height:auto}.banner-grid__swiper:not(.swiper-initialized) .banner-grid__grid{gap:var(--gap-mobile)}@media screen and (min-width: 576px){.banner-grid__swiper:not(.swiper-initialized) .banner-grid__grid{gap:var(--gap)}}.banner-grid__grid{display:grid;gap:2.4rem;grid-template-columns:1fr}@media screen and (min-width: 750px){.banner-grid__grid{gap:var(--gap)}}@media screen and (min-width: 576px){.banner-grid__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1360px){.banner-grid__grid{grid-template-columns:repeat(4,1fr)}}.banner-grid__grid--columns-1{grid-template-columns:repeat(var(--columns-mobile, 1),1fr)}@media screen and (min-width: 990px){.banner-grid__grid--columns-1{grid-template-columns:1fr}}.banner-grid__grid--columns-1 .banner-grid__content-group{max-width:91rem;box-sizing:content-box}@media screen and (min-width: 1360px){.banner-grid__grid--columns-1 .banner-grid__content-group{--padding: 6.4rem}}.banner-grid__grid--columns-2{grid-template-columns:repeat(var(--columns-mobile, 1),1fr)}@media screen and (min-width: 990px){.banner-grid__grid--columns-2{grid-template-columns:repeat(2,1fr)}}.banner-grid__grid--columns-2 .banner-grid__content-group{max-width:59.8rem;box-sizing:content-box}@media screen and (min-width: 990px){.banner-grid__grid--columns-2 .banner-grid__content-group{--padding: 4rem}}.banner-grid__grid--columns-3{grid-template-columns:repeat(var(--columns-mobile, 1),1fr)}@media screen and (min-width: 990px){.banner-grid__grid--columns-3{grid-template-columns:repeat(3,1fr)}}.banner-grid__grid--columns-3 .banner-grid__content-group{max-width:28rem;box-sizing:content-box}@media screen and (min-width: 990px){.banner-grid__grid--columns-3 .banner-grid__content-group{--padding: 4rem}}.banner-grid__grid--columns-4{grid-template-columns:repeat(var(--columns-mobile, 1),1fr)}@media screen and (min-width: 990px){.banner-grid__grid--columns-4{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.banner-grid__grid--columns-4{grid-template-columns:repeat(4,1fr)}}.banner-grid__grid--columns-4 .banner-grid__content-group{--padding: 2rem}@media screen and (min-width: 990px){.banner-grid__grid--columns-4 .banner-grid__content-group{--padding: 3.2rem}}.banner-grid__grid--columns-5{grid-template-columns:repeat(var(--columns-mobile, 1),1fr)}@media screen and (min-width: 990px){.banner-grid__grid--columns-5{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1200px){.banner-grid__grid--columns-5{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 1360px){.banner-grid__grid--columns-5{grid-template-columns:repeat(5,1fr)}}.banner-grid__grid--columns-5 .banner-grid__content-group{--padding: 1rem}@media screen and (min-width: 750px){.banner-grid__grid--columns-5 .banner-grid__content-group{--padding: 2rem}}@media screen and (min-width: 1200px){.banner-grid__grid--columns-5 .banner-grid__content-group{--padding: 2.4rem}}.banner-grid__grid--columns-6{grid-template-columns:repeat(var(--columns-mobile, 1),1fr)}@media screen and (min-width: 990px){.banner-grid__grid--columns-6{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1360px){.banner-grid__grid--columns-6{grid-template-columns:repeat(6,1fr)}}.banner-grid__grid--columns-6 .banner-grid__content-group{--padding: 1rem}@media screen and (min-width: 750px){.banner-grid__grid--columns-6 .banner-grid__content-group{--padding: 2rem}}@media screen and (min-width: 1200px){.banner-grid__grid--columns-6 .banner-grid__content-group{--padding: 2.4rem}}.banner-grid__card{position:relative;display:flex;flex:none;border-radius:.6rem;overflow:hidden}.banner-grid__card--top-left{justify-content:flex-start}.banner-grid__card--left{justify-content:stretch}.banner-grid__card--left .banner-grid__content-group{display:flex;flex-direction:column;justify-content:space-between;gap:.8rem}.banner-grid__card--left .banner-grid__card-heading,.banner-grid__card--bottom-left .banner-grid__content-group{margin-top:auto}.banner-grid__card--center{justify-content:center;align-items:stretch;text-align:center}.banner-grid__card--center .banner-grid__content-group{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.banner-grid__card--center .banner-grid__button{justify-content:center}.banner-grid__card--top-center{justify-content:center;align-items:flex-start;text-align:center}.banner-grid__card--top-center .banner-grid__button{justify-content:center}.banner-grid__card--bottom-center{justify-content:center;align-items:flex-end;text-align:center}.banner-grid__card--bottom-center .banner-grid__button{justify-content:center}@media screen and (min-width: 1200px){.banner-grid__card_full-link:hover .media{transform:scale(1.05)}}.banner-grid__top{display:flex;gap:2.4rem;justify-content:space-between;margin-bottom:1.6rem;z-index:1}@media screen and (min-width: 750px){.banner-grid__top{margin-bottom:2.4rem}}.banner-grid__card:before{content:"";display:block;width:0;padding-bottom:var(--padding_bottom)}.banner-grid__card-subheading{word-break:break-word}.banner-grid__card-heading{margin-top:0;margin-bottom:0;word-break:break-word}.banner-grid__card-heading.recommended{font-size:4.2rem;line-height:1}@media only screen and (min-width: 750px){.banner-grid__card-heading.recommended{font-size:5.6rem}}@media only screen and (min-width: 1360px){.banner-grid__card-heading.recommended{font-size:6.4rem}}@media only screen and (min-width: 1600px){.banner-grid__card-heading.recommended{font-size:7rem}}.banner-grid__card-heading.color-accent{color:rgb(var(--accent))}.banner-grid__card-text{margin-bottom:0;margin-top:.4rem}.banner-grid__button{position:relative;z-index:3;margin-top:1.6rem}.banner-grid__button:first-child{margin-top:0}.banner-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-overlay))}.banner-grid__media{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform var(--duration-default) linear}.banner-grid__media video,.banner-grid__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.banner-grid__parallax-wrapper{transform:translate3d(0,52px,0)}.banner-grid__parallax-wrapper img,.banner-grid__parallax-wrapper .featured-products__item-image img{top:-10rem;bottom:-10rem}.banner-grid__content-group{--padding: 2rem;padding:var(--padding);z-index:1}@media screen and (min-width: 750px){.banner-grid__content-group{--padding: 3.2rem}}.banner-grid__link-overlay{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.custom-modal{display:none;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0}.custom-modal[aria-hidden=false]{display:flex}.custom-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;cursor:pointer}.custom-modal__content{position:relative;margin:auto;background:#fff;padding:2rem;max-width:400px;width:100%;border-radius:18px;z-index:1;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;align-items:center}.custom-modal__image img{max-width:100%;border-radius:12px}.custom-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:#333;cursor:pointer}.custom-modal__cta{margin-top:1.5rem}.product-popup-modal{border:none;padding:0;max-width:none;max-height:none;width:100vw;height:100vh;margin:0;background:transparent;position:fixed;top:0;right:0;bottom:0;left:0;box-shadow:none;display:flex;align-items:center;justify-content:center;z-index:103}.product-popup-modal[open]{display:flex;opacity:1;visibility:visible}.product-popup-modal::backdrop{background:rgba(var(--color-overlay, 0,0,0),.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.product-popup-modal__close{position:absolute;top:1rem;right:1rem;z-index:104;border-radius:100%;height:4rem;width:4rem;border:0px}product-popup-modal__content{width:calc(100% - 3.2rem);max-width:100rem;height:max-content;max-height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.5rem;background-color:rgb(var(--color-background-secondary));box-shadow:0 8px 40px rgba(var(--color-shadow),.08);border-radius:var(--border-radius-main);overflow:auto}.wrap{margin:0;padding:0!important;text-align:left}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-banner-grid.css.map */