.popup{position:fixed;top:50%;left:50%;z-index:11;width:90%;padding:0 1.6rem;transform:translate(-50%,-50%);display:flex;flex-direction:column;overflow:hidden;max-width:70rem;border-radius:var(--border-radius)}@media screen and (min-width: 749px){.popup{width:50%;padding:0}}.popup img{width:100%;height:auto;object-fit:cover;aspect-ratio:361 / 163.80455017089844}@media screen and (min-width: 749px){.popup img{aspect-ratio:573 / 260}}.popup h2,.popup p{margin:0}.popup .popup__content{padding:3.6rem 0;background:transparent}@media screen and (min-width: 500px){.popup .popup__content{padding:3.2rem}}.popup .popup__content__title,.popup .popup__content__description,.popup .popup__content__date{color:var(--color-secondary-a);line-height:90%;margin-bottom:1.6rem;width:100%}.popup .popup__content__title{margin-top:0;margin-bottom:1.6rem;display:inline-block}.popup .popup__content__date{font-size:2rem;font-weight:700;display:flex;align-items:center;gap:.8rem}.popup .button{background:rgba(var(--color-button),1);border:.1rem solid rgba(var(--color-button),1);transition:background var(--duration-medium) var(--ease-out-slow),color var(--duration-medium) var(--ease-out-slow),border var(--duration-medium) var(--ease-out-slow)}.popup .button:hover{background:transparent;color:var(--color-secondary-a);border:.1rem solid var(--color-secondary-a)}.popup .button:after{box-shadow:none!important}.popup.popup__address .popup__content{background:#fff;border-radius:1.2rem}.popup.popup__address .popup__content .popup__content__title{font-size:2rem;font-weight:600}.popup__overlay{background:#42454ecc;position:fixed;top:0;left:0;right:0;bottom:0;display:block!important;z-index:10}.popup__close{position:absolute;top:1.4rem;right:2.4rem;padding:.3rem;transition:scale var(--duration-medium) var(--ease-out-slow),background var(--duration-medium) var(--ease-out-slow);background:transparent;border-radius:.4rem;z-index:10}@media screen and (min-width: 749px){.popup__close{right:1.4rem}}.popup__close:hover{scale:1.2}.popup__close .icon-wrap{display:flex}.popup__close .icon-wrap svg path{stroke:var(--color-secondary-a)}.popup__content__button{position:static}.popup__content__button:after{top:0;left:0;right:0;bottom:0}.popup__content__button.no-content{display:block!important;opacity:0!important}.popup__wrapper{opacity:0;pointer-events:none;transition:opacity var(--duration-medium) var(--ease-out-slow);position:relative;z-index:-1}.popup__wrapper.js-open{opacity:1;pointer-events:all;z-index:10}.popup__content__wrapper{display:flex;width:100%}.popup__image--cover .popup{min-height:30rem}.popup__image--cover .popup__image-overlay{display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:#0006;z-index:1}.popup__image--cover img{position:absolute;object-fit:cover;height:100%;z-index:-1;border-radius:0}.popup__image--cover .popup__content{background:transparent;z-index:3;display:flex;flex-direction:column;min-height:30rem}.popup__image--cover .popup__content .popup__content__title,.popup__image--cover .popup__content .popup__content__date{color:#fff}.popup__image--cover .popup__content .popup__content__date svg path{stroke:#fff}.popup__image--cover .popup__content .popup__content__description *{color:#fff}.popup__image--cover .popup__content .popup__content__button{width:max-content;margin-top:auto}.popup__image--cover .popup__close .icon-wrap svg path{stroke:#fff}.popup__image--cover .button--reverse{background:var(--color-secondary);color:var(--color-secondary-a);border-color:var(--color-secondary)}.popup__image--cover .button--reverse:hover{background:var(--color-secondary-a);color:var(--color-secondary)}.popup__image--cover .button{margin-top:auto;width:max-content}.popup__image--right .popup{flex-direction:row-reverse;overflow:hidden;min-height:30rem;width:90%}@media screen and (min-width: 500px){.popup__image--right .popup{width:80%}}@media screen and (min-width: 749px){.popup__image--right .popup{padding:0;width:unset}}.popup__image--right .popup .popup__content__wrapper{padding-right:11rem}@media screen and (min-width: 460px){.popup__image--right .popup .popup__content__wrapper{padding-right:10rem}}@media screen and (min-width: 564px){.popup__image--right .popup .popup__content__wrapper{padding-right:18rem}}@media screen and (min-width: 1200px){.popup__image--right .popup .popup__content__wrapper{padding-right:14rem}}@media screen and (min-width: 1400px){.popup__image--right .popup .popup__content__wrapper{padding-right:16rem}}.popup__image--right .popup img,.popup__image--right .popup .popup__content{border-radius:0}.popup__image--right .popup img{z-index:-1;object-fit:contain;position:absolute;top:0;bottom:0;right:0;aspect-ratio:unset;margin:auto 0;height:100%;width:auto;max-width:13rem}@media screen and (min-width: 564px){.popup__image--right .popup img{max-width:17rem}}.popup__image--right .popup .popup__content{display:flex;flex-direction:column;padding-right:3rem}.popup__image--right .popup .popup__content a{margin-top:auto}.popup__image--top .popup img{object-fit:contain;aspect-ratio:unset}.popup.color-scheme-3 .popup__content__title,.popup.color-scheme-3 .popup__content__description,.popup.color-scheme-3 .popup__content__date{color:#fff}.popup.color-scheme-3 .popup__close .icon-wrap svg path{stroke:#fff}
/*# sourceMappingURL=/cdn/shop/t/2/assets/_ecostal-popup.css.map */