.zaroo-banner-section{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;box-sizing:border-box;background-color:transparent}.zaroo-banner-section.full-white{background-color:#fff}.zaroo-banner-section.has-gradient:before{content:"";position:absolute;top:0;left:0;width:100%;height:var(--gradient-height, 0px);background:linear-gradient(to bottom,#fff0,rgba(255,255,255,var(--gradient-opacity)));pointer-events:none;z-index:1}.zaroo-banner-wrapper{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--v-spacing,20px) var(--h-spacing,20px);padding:40px 20px;box-sizing:border-box}.zaroo-banner-wrapper .banner{flex:0 1 var(--banner-width-percent,50%);aspect-ratio:600/180;border-radius:var(--banner-radius,0px);background-size:cover;background-position:center;background-color:#f4f4f4;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none}.zaroo-banner-wrapper .banner.no-image{background-image:none!important}.zaroo-banner-wrapper .banner:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 24px #0003}.zaroo-banner-wrapper .overlay-title{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#00000080;color:#fff;padding:4px 8px;border-radius:4px;font-size:16px;white-space:nowrap;z-index:3}.zaroo-banner-wrapper .overlay-title:empty{display:none!important}@media screen and (max-width:768px){.zaroo-banner-wrapper .banner{flex:0 1 100%}.zaroo-banner-section.has-gradient:before{height:var(--gradient-height-mobile, var(--gradient-height))}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/zaroo-banner-section.css.map */