.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-images .card__badge{z-index:10}.banner__sub-images .card__badge .pill--main{background:var(--main-pill-tile);color:var(--main-pill-tile_text)}.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:flex-end;padding:2rem}.banner__sub-image-text,.banner__sub-image-text *,.banner__sub-image-title,.banner__sub-image-title *{width:100%;color:#fff;margin-top:0;margin-bottom:1.6rem}.banner__sub-image-button{width:fit-content}.banner__sub-image__header{display:flex;flex-wrap:wrap}.banner__sub-image__url{display:block}.banner__sub-image__url:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:20}.banner__sub-image--top{aspect-ratio:unset;padding:3.2rem;background:var(--gradient-background);overflow:visible}.banner__sub-image--top .banner__sub-image-overlay,.banner__sub-image--top img{position:static;padding:0;background:transparent}.banner__sub-image--top img{height:auto;max-height:28.4rem;object-fit:contain}.banner__sub-image--top .banner__sub-image-text,.banner__sub-image--top .banner__sub-image-text *,.banner__sub-image--top .banner__sub-image-title,.banner__sub-image--top .banner__sub-image-title *{color:var(--color-text)}.banner__sub-image--top .banner__sub-image__header{flex-direction:column-reverse}@media (min-width: 991px){.banner__sub-image--top .banner__sub-image__header{flex-direction:column}.banner__sub-image--top .banner__sub-image-text{position:absolute;padding:3.2rem 3.2rem 12rem;left:0;right:0;bottom:0;margin-bottom:0;transform:translateY(100%);opacity:0;border:.1rem solid transparent;border-radius:var(--border-radius);background:transparent;pointer-events:none;transition:transform var(--duration-medium) var(--ease-out-slow),opacity var(--duration-medium) var(--ease-out-slow),background var(--duration-medium) var(--ease-out-slow),border var(--duration-medium) var(--ease-out-slow)}.banner__sub-image--top:hover .banner__sub-image-text{transform:translateY(0);opacity:1;background:var(--main-pill-tile_text);border:.1rem solid #E0E0E0}.banner__sub-image--top:hover .banner__sub-image-button{background:var(--main-pill-tile);color:var(--main-pill-tile_text)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/_ecostal-banners.css.map */