.banner-grid{position:relative;padding-left:90px;padding-right:90px}.banner-title h4{font-size:16px;font-weight:400!important;line-height:10px!important}.banner-grid .grid-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.banner-grid .grid-wrap .grid-wrapper{width:calc(33.33% - 20px)}.banner-grid .banner-block{position:relative;display:flex;align-items:center;justify-content:center}.banner-grid .banner-block button{color:var(--font-color-primary);position:absolute;z-index:1;transform:translateY(15px);opacity:0;background-color:#fff;border-color:#fff}.banner-grid .banner-block button:hover{color:#fff;border-color:var(--font-color-primary);background-color:var(--font-color-primary)}.banner-grid .banner-block:hover button{opacity:1;transform:translateY(0)}.banner-grid .banner-block .banner-title{position:absolute;bottom:5%;background-color:#fff;padding:0 20px 8px;width:90%;z-index:2}.banner-grid .banner-block .bottom-overlay{position:absolute;bottom:0;left:0;width:100%;height:30%;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);z-index:1;pointer-events:none}.banner-grid .banner-block.bottom-overlay-enabled .banner-title{background-color:transparent;padding:0 20px 8px}.banner-grid .banner-block .banner-title h2{font-size:30px}.banner-block img{width:-webkit-fill-available}@media (max-width: 1399px){.banner-grid .banner-block .banner-title h2{font-size:24px}}@media (max-width: 1199px){.banner-grid .banner-block .banner-title h2{font-size:20px}}@media (max-width: 991px){.banner-grid .banner-block{flex-direction:column}.banner-grid .banner-block:before{display:none}.banner-grid .banner-block button{display:none}.banner-grid .banner-block .banner-title{width:90%}.banner-grid .banner-block .bottom-overlay{height:60%}}@media (max-width: 767px){.banner-grid .grid-wrap{gap:15px}.banner-grid .grid-wrap .grid-wrapper{width:calc(33.33% - 10px)}}@media (max-width: 550px){.banner-grid .grid-wrap .grid-wrapper{width:unset}.banner-grid.full-width-section .grid-wrap{flex-direction:column}.banner-grid .banner-block .banner-title{left:unset}.banner-title h4{font-size:16px!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/banner-grid.css.map */