.banner.banner--secondary{border-radius:.8rem;overflow:hidden;margin-top:3.2rem}.banner.banner--secondary .banner__box{height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:2.4rem;background:var(--color-secondary-b)!important;gap:1.6rem}@media screen and (min-width: 750px){.banner.banner--secondary .banner__box{padding:0;background:transparent!important;gap:0;width:45%;min-width:unset;max-width:unset}}@media screen and (min-width: 1000px){.banner.banner--secondary .banner__box{width:50%}}.banner.banner--secondary .banner__box p{color:#fff}.banner.banner--secondary .banner__box h2{text-align:left;font-size:3.2rem;margin-top:0;color:#fff}@media screen and (min-width: 750px){.banner.banner--secondary .banner__box h2{font-size:4.8rem;margin-top:1rem}}.banner.banner--secondary .banner__buttons{margin-top:6.9rem!important}@media screen and (min-width: 750px){.banner.banner--secondary .banner__buttons{margin-top:auto!important}}.banner__media--desktop{display:none}@media screen and (min-width: 750px){.banner__media--desktop{display:block}}.banner__media--mobile{display:block;height:unset!important}@media screen and (min-width: 750px){.banner__media--mobile{display:none}}.banner__media--mobile:before{display:none!important}.banner__media--mobile img{aspect-ratio:361/270;height:auto!important;position:relative!important;object-fit:contain}.banner__sub-images{display:flex;gap:1.2rem;margin-top:4.8rem;flex-wrap:wrap}.banner__sub-image{position:relative;flex:1 1 100%;border-radius:.8rem;overflow:hidden;background-color:#000;aspect-ratio:492 / 404;min-height:40.4rem}@media (min-width: 576px){.banner__sub-image{flex:1 1 calc(50% - .6rem);max-width:calc(50% - .6rem)}}@media (min-width: 991px){.banner__sub-image{flex:1 1 calc(33.33% - .8rem);max-width:calc(33.33% - .8rem)}}.banner__sub-image:hover img{scale:1.05}.banner__sub-image:hover .button{--border-offset: 1.3px;box-shadow:0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text),var(--border-opacity)),0 0 0 calc(var(--buttons-border-width) + 1px) rgba(var(--color-button),var(--alpha-button-background))}.banner__sub-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;transition:scale var(--duration-medium) var(--ease-out-slow)}.banner__sub-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#0003;display:flex;flex-direction:column;justify-content:space-between;padding:2rem}.banner__sub-image-text p{font-size:2rem;margin:0;color:#fff}.banner__sub-image-title h3{color:#fff;margin-top:1.6rem}.banner__sub-image-button{width:fit-content}
/*# sourceMappingURL=/cdn/shop/t/2/assets/_ecostal-banners.css.map */