newsletter-popup{display:flex;visibility:hidden;opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:9999;align-items:center;justify-content:center;transition:opacity .3s ease,visibility .3s ease}newsletter-popup.is-visible{visibility:visible;opacity:1}.newsletter-popup{display:flex;flex-direction:column;background:#fff;width:90%;max-width:800px;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0003;position:relative;transform:translateY(20px);transition:transform .3s ease}newsletter-popup.is-visible .newsletter-popup{transform:translateY(0)}.newsletter-popup__close{position:absolute;top:15px;right:15px;background:none;border:none;cursor:pointer;z-index:10;padding:5px;color:#333}.newsletter-popup__close svg{width:20px;height:20px}.newsletter-popup__image{width:100%;height:200px;position:relative}.newsletter-popup__image img,.newsletter-popup__image svg{width:100%;height:100%;object-fit:cover;display:block}.newsletter-popup__image svg{background-color:#f3f3f3}.newsletter-popup__content{padding:40px 30px;display:flex;flex-direction:column;justify-content:center;text-align:center}.newsletter-popup__heading{margin:0 0 15px;font-size:2.4rem;line-height:1.2}.newsletter-popup__text{margin:0 0 25px;font-size:1.5rem;color:#555}.newsletter-popup form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px;margin:0 auto}.newsletter-popup__input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:4px;font-size:1.6rem}.newsletter-popup__button{width:100%;padding:14px 15px;margin-top:10px;background-color:#a9844a;color:#fff;border:none;border-radius:4px;font-size:1.6rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.newsletter-popup__button:hover{background-color:#8f6e3c}.newsletter-popup__success{color:#2e7d32;font-weight:700;font-size:1.8rem;margin-top:15px}@media screen and (min-width:768px){.newsletter-popup{flex-direction:row;height:450px}.newsletter-popup__image{width:50%;height:100%}.newsletter-popup__content{width:50%;text-align:left;padding:50px 40px}.newsletter-popup form{margin:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/newsletter-popup.css.map */