.newsletter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--animation-duration) ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:10px;box-sizing:border-box}.newsletter-overlay.active{opacity:1;visibility:visible}.newsletter-popup{width:var(--popup-width);max-width:90vw;max-height:var(--popup-height);background:var(--bg-color);border-radius:var(--border-radius);position:relative;transform:scale(.8) translateY(50px);transition:all var(--animation-duration) ease-out;box-shadow:0 25px 50px #00000040;overflow:hidden}.newsletter-overlay.active .newsletter-popup{transform:scale(1) translateY(0)}.popup-close{position:absolute;top:15px;right:15px;z-index:10;background:#ffffffe6;border:none;border-radius:var(--close-btn-radius);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#333}.popup-close:hover{background:#fff;transform:scale(1.1)}.popup-close svg{width:20px;height:20px}.popup-container{display:flex;min-height:300px;overflow:hidden}.popup-image{flex:1;min-height:300px;overflow:hidden}.popup-image .newsletter-image{width:100%;height:100%;object-fit:cover;display:block}.popup-content{flex:1;padding:var(--padding-y) var(--padding-x);display:flex;flex-direction:column;justify-content:center;text-align:center}.popup-container:not(:has(.popup-image)) .popup-content{flex:none;width:100%}.newsletter-subheading{font-size:var(--subheading-size);color:var(--subheading-color);margin:0 0 10px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.newsletter-heading{font-size:var(--heading-size);color:var(--heading-color);margin:0 0 15px;font-weight:700;line-height:1.2}.newsletter-description{font-size:16px;color:var(--text-color);margin:0 0 25px;line-height:1.5}.email-input-wrapper{margin-bottom:0}.policy-text{font-size:12px;color:#888;text-align:center;margin-top:var(--policy-gap);margin-bottom:20px;line-height:1.4}.policy-link{color:var(--button-bg);text-decoration:underline;transition:color .2s ease}.policy-link:hover{color:var(--button-hover);text-decoration:none}.input-group{display:flex;gap:0;border-radius:var(--input-radius);overflow:hidden;box-shadow:0 2px 10px #0000001a}.email-input{flex:1;padding:16px 20px;border:2px solid var(--input-border);border-right:none;background:#fff;font-size:16px;outline:none;transition:border-color .2s ease;border-radius:var(--input-radius) 0 0 var(--input-radius)}.email-input:focus{border-color:var(--button-bg)}.email-input::placeholder{color:#999}.submit-button{padding:16px 30px;background:var(--button-bg);color:var(--button-text);border:2px solid var(--button-bg);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;border-radius:0 var(--button-radius) var(--button-radius) 0}.submit-button:hover{background:var(--button-hover);border-color:var(--button-hover);transform:translateY(-1px)}.success-message{background:var(--success-bg);border:2px solid var(--success-border);border-radius:var(--success-radius);padding:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.success-icon{width:40px;height:40px;background:var(--success-icon-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.success-message p{margin:0;color:var(--success-text);font-weight:500}.coupon-code{background:var(--coupon-bg);color:var(--coupon-text);padding:8px 16px;border-radius:calc(var(--success-radius) / 2);font-weight:700;font-size:18px;letter-spacing:1px}.dont-show-wrapper{margin-top:auto}.checkbox-label{display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-color);-webkit-user-select:none;user-select:none}.dont-show-checkbox{position:absolute;opacity:0;pointer-events:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--input-border);border-radius:calc(var(--input-radius) / 2);display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#fff}.dont-show-checkbox:checked+.checkbox-custom{background:var(--button-bg);border-color:var(--button-bg)}.dont-show-checkbox:checked+.checkbox-custom:after{content:"\2713";color:#fff;font-size:12px;font-weight:700}.errors{background:var(--error-bg);border:2px solid var(--error-border);border-radius:var(--success-radius);padding:15px;margin-bottom:20px;color:var(--error-text)}.errors ul{margin:0;padding:0;list-style:none}.errors li{font-size:14px}@media (max-width: 768px){.newsletter-popup{width:var(--mobile-width);max-height:var(--mobile-height);margin:20px}.popup-container{flex-direction:column}.popup-image{flex:none;height:var(--mobile-image-height)}.popup-image.hide-mobile{display:none}.popup-content{padding:var(--mobile-padding-y) var(--mobile-padding-x)}.newsletter-subheading{font-size:var(--mobile-subheading-size);margin-bottom:8px}.newsletter-heading{font-size:var(--mobile-heading-size);margin-bottom:12px}.newsletter-description{font-size:14px;margin-bottom:18px}.input-group{flex-direction:column;border-radius:var(--input-radius)}.email-input{border-right:2px solid var(--input-border);border-bottom:none;border-radius:var(--input-radius) var(--input-radius) 0 0}.submit-button{border-top:none;border-radius:0 0 var(--button-radius) var(--button-radius)}.popup-close{top:10px;right:10px;width:35px;height:35px}.popup-close svg{width:18px;height:18px}}@media (max-width: 480px){.newsletter-popup{width:calc(100vw - 20px);max-height:min(var(--mobile-height),85vh);margin:10px}.popup-content{padding:20px 15px}.newsletter-heading{font-size:calc(var(--mobile-heading-size) - 2px);line-height:1.3}.newsletter-description{font-size:13px;margin-bottom:15px}.email-input-wrapper{margin-bottom:0}.policy-text{font-size:11px;margin-top:calc(var(--policy-gap) - 3px);margin-bottom:15px}.success-message{padding:15px;margin-bottom:15px}.dont-show-wrapper{margin-top:15px}.checkbox-label{font-size:13px}}@keyframes submitPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.submit-button:active{animation:submitPulse .2s ease}.email-input:focus,.submit-button:focus,.popup-close:focus,.checkbox-label:focus-within{outline:2px solid var(--button-bg);outline-offset:2px}@media (prefers-contrast: high){.newsletter-popup{border:2px solid #000}.email-input,.submit-button{border-width:3px}}@media (prefers-reduced-motion: reduce){.newsletter-overlay,.newsletter-popup,.popup-close,.submit-button,.email-input,.checkbox-custom{transition:none}.newsletter-overlay.active .newsletter-popup{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/custom-newsletter-popup.css.map */