.newsletter-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:999999;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.25,1,.5,1),visibility .4s cubic-bezier(.25,1,.5,1)}.newsletter-popup-overlay.active{opacity:1;visibility:visible}.newsletter-popup-container{background-color:var(--popup-bg, #ffffff);width:850px;max-width:90%;height:550px;max-height:90vh;display:flex;position:relative;box-shadow:0 15px 45px #0003;border:1px solid rgba(0,0,0,.08);transform:scale(.95) translateY(20px);transition:transform .45s cubic-bezier(.16,1,.3,1);overflow:hidden}.newsletter-popup-overlay.active .newsletter-popup-container{transform:scale(1) translateY(0)}.newsletter-popup-image-side{width:50%;height:100%;position:relative;overflow:hidden;background-color:#f5f5f5}.newsletter-popup-image-side img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.05);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.newsletter-popup-overlay.active .newsletter-popup-image-side img{transform:scale(1)}.newsletter-popup-content-side{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:40px 50px;background-color:var(--popup-bg, #ffffff);color:var(--popup-text, #000000);position:relative;box-sizing:border-box}.newsletter-popup-close-btn{position:absolute;top:25px;right:25px;background:none;border:none;cursor:pointer;padding:0;color:var(--popup-text, #000000);display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease,transform .2s ease;z-index:10}.newsletter-popup-close-btn:hover{opacity:1;transform:scale(1.1)}.newsletter-popup-close-btn svg{width:30px;height:30px;display:block}.newsletter-popup-form-wrapper,.newsletter-popup-success-wrapper{display:flex;flex-direction:column;width:100%}.newsletter-popup-success-wrapper.hidden,.newsletter-popup-form-wrapper.hidden{display:none!important}.newsletter-popup-heading{font-family:var(--font-heading-family),sans-serif;font-size:2.8rem;font-weight:700;line-height:1.2;margin:0 0 15px;letter-spacing:.05em;color:var(--popup-text, #000000);text-transform:uppercase}.newsletter-popup-subheading{font-family:var(--font-body-family),sans-serif;font-size:1.3rem;font-weight:400;line-height:1.4;margin:0 0 30px;letter-spacing:.1em;color:var(--popup-text, #000000);opacity:.8;text-transform:uppercase}.newsletter-popup-form{display:flex;flex-direction:column;gap:15px;width:100%}.newsletter-popup-field{width:100%}.newsletter-popup-input{width:100%;height:52px;padding:0 20px;border:1.5px solid var(--popup-border-color, #000000);background-color:transparent;color:var(--popup-text, #000000);font-family:var(--font-body-family),sans-serif;font-size:1.4rem;letter-spacing:.08em;transition:border-color .2s ease;box-sizing:border-box}.newsletter-popup-input:focus{outline:none;border-color:var(--popup-border-color, #000000);box-shadow:0 0 0 1px var(--popup-border-color, #000000)}.newsletter-popup-input::placeholder{color:var(--popup-text, #000000);opacity:.65}.newsletter-popup-submit-btn{width:100%;height:52px;background-color:var(--popup-btn-bg, #000000);color:var(--popup-btn-text, #ffffff);border:none;font-family:var(--font-body-family),sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.newsletter-popup-submit-btn:hover{opacity:.9}.newsletter-popup-submit-btn[disabled]{opacity:.6;cursor:not-allowed}.newsletter-popup-error-message{color:#d93838;font-family:var(--font-body-family),sans-serif;font-size:1.2rem;margin-top:5px;line-height:1.3}.newsletter-popup-error-message.hidden{display:none!important}.newsletter-popup-success-wrapper{animation:fadeIn .4s ease forwards}.newsletter-popup-discount-container{margin-top:25px;display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:left}.newsletter-popup-discount-label{font-family:var(--font-body-family),sans-serif;font-size:1.2rem;font-weight:500;letter-spacing:.05em;opacity:.85;text-transform:uppercase}.newsletter-popup-discount-box{display:flex;border:1.5px dashed var(--popup-border-color, #000000);background-color:rgba(var(--color-foreground),.03);padding:5px;align-items:center;justify-content:space-between}.newsletter-popup-discount-code{border:none;background:none;font-family:monospace;font-size:1.8rem;font-weight:700;letter-spacing:.1em;padding:5px 10px;color:var(--popup-text, #000000);width:65%;pointer-events:none;outline:none}.newsletter-popup-discount-copy-btn{background-color:var(--popup-btn-bg, #000000);color:var(--popup-btn-text, #ffffff);border:none;font-family:var(--font-body-family),sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.05em;padding:10px 18px;cursor:pointer;transition:opacity .2s ease;text-transform:uppercase}.newsletter-popup-discount-copy-btn:hover{opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:767px){.newsletter-popup-overlay{align-items:center}.newsletter-popup-container{width:92%;max-width:420px;margin:auto;border-radius:8px;transform:scale(.95);transition:transform .45s cubic-bezier(.16,1,.3,1)}.newsletter-popup-overlay.active .newsletter-popup-container{transform:scale(1)}.newsletter-popup-container.mobile-hide-image{height:auto;max-height:85vh}.newsletter-popup-container.mobile-hide-image .newsletter-popup-image-side{display:none}.newsletter-popup-container.mobile-hide-image .newsletter-popup-content-side{width:100%;padding:50px 24px 40px}.newsletter-popup-container.mobile-stack{flex-direction:column;height:auto;max-height:90vh}.newsletter-popup-container.mobile-stack .newsletter-popup-image-side{width:100%;height:auto;background-color:transparent}.newsletter-popup-container.mobile-stack .newsletter-popup-image-side img{width:100%;height:auto;max-height:220px;object-fit:contain;display:block;transform:none}.newsletter-popup-container.mobile-stack .newsletter-popup-content-side{width:100%;padding:25px 24px 35px;height:auto}.newsletter-popup-heading{font-size:2.2rem;margin-bottom:10px}.newsletter-popup-subheading{font-size:1.1rem;margin-bottom:20px}.newsletter-popup-close-btn{top:15px;right:15px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/newsletter-popup.css.map */