.email-popup-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;align-items:center;justify-content:center;animation:fadeIn .1s ease-in-out;background:#000000a6}.email-popup-modal.active{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.email-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.email-popup-container{position:relative;width:90%;max-width:750px;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease-out;z-index:2}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.email-popup-close{position:absolute;top:10px;right:10px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:0;cursor:pointer;z-index:20;transition:all .3s ease}.email-popup-close:hover{transform:rotate(90deg)}.email-popup-close svg{color:#333}.email-popup-content{display:grid;grid-template-columns:1fr 1fr;min-height:480px}.email-popup-image{position:relative;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);overflow:hidden}.email-popup-image img{width:100%;height:100%;display:block}.email-popup-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:40px}.email-popup-form-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center;padding:50px 30px;background:#fff}.email-popup-text{margin-bottom:20px;text-align:center}.email-popup-title{font-size:34px;font-weight:500;line-height:1.2;margin:30px 0 15px;color:#000;letter-spacing:-.02em;text-align:center}.email-popup-subtitle{font-size:17px;line-height:1.4;color:#000;margin:0;text-align:center}.email-popup-subtitle p{margin:0;text-align:center}.email-popup-form{width:100%}.email-popup-field-wrapper{display:flex;flex-direction:column;gap:8px;width:100%;position:relative;padding-bottom:15px}.email-popup-label{font-size:14px;font-weight:500;color:#333;margin:0;text-align:left}.email-popup-input-group{position:relative}.email-popup-input{width:100%;height:43px;padding:0 16px;font-size:14px;border:1px solid #00000070;border-radius:4px;outline:none;transition:all .3s ease;background:#fff;color:#333}.email-popup-input:focus{border-color:#000;box-shadow:none}.email-popup-input::placeholder{color:#00000056}.email-popup-input[aria-invalid=true]{border-color:#dc3545}.email-popup-button{width:100%;height:43px;padding:0 24px;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;background-color:#000;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;margin-top:4px}.email-popup-button:hover{background-color:#333;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.email-popup-button:active{transform:translateY(0)}.email-popup-message{font-size:13px;line-height:1.4;display:none;align-items:center;gap:8px;position:absolute;bottom:-10px;left:0;right:0;animation:errorSlideIn .3s ease-out}.email-popup-message.email-popup-error{display:block}.email-popup-error{color:#dc3545}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.email-popup-success{color:#28a745;background-color:#f0fdf4;border:1px solid #d1fae5;animation:slideDown .4s ease-out}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.email-popup-success svg{flex-shrink:0}.email-popup-success-screen{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;z-index:10;animation:successFadeIn .2s ease-out;-webkit-animation:successFadeIn .2s ease-out;-moz-animation:successFadeIn .2s ease-out;-ms-animation:successFadeIn .2s ease-out;-o-animation:successFadeIn .2s ease-out}@keyframes successFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.email-popup-success-title{font-size:42px;font-weight:500;color:#000;margin:30px 0;text-align:center;letter-spacing:2px}.email-popup-success-message{font-size:16px;line-height:1.4;color:#333;text-align:center;margin:0 0 35px;max-width:100%}.email-popup-success-message p{margin:0}.email-popup-discount-section{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.email-popup-discount-label{font-size:14px;color:#000;margin:0;text-align:left}.email-popup-discount-code{font-size:32px;font-weight:500;color:#000;padding:2px;border:2.5px dashed #000000;border-radius:5px;text-align:center;background-color:#fff;width:100%;cursor:pointer}.email-popup-discount-code-inline{font-size:inherit;font-weight:600;color:#000;padding:2px 8px;border:2px dashed #000000;border-radius:4px;background-color:#fff;cursor:pointer;display:inline-block;transition:all .2s ease}.email-popup-discount-code-inline:hover{background-color:#f0f0f0;transform:scale(1.05)}.email-popup-copy-success{font-size:14px;color:#28a745;margin-top:8px;opacity:0;transition:opacity .3s ease;text-align:left}.email-popup-copy-success.show{opacity:1}@media screen and (max-width: 990px){.email-popup-container{width:90%;max-width:333px;border-radius:20px;aspect-ratio:333 / 378;max-height:85vh}.email-popup-content{grid-template-columns:1fr;min-height:auto;height:100%}.email-popup-image{display:none}.email-popup-form-wrapper{padding:40px 20px 0;justify-content:flex-start}.email-popup-text{margin-bottom:10px}.email-popup-title{font-size:30px;margin:15px 0 12px;letter-spacing:0;line-height:1.15}.email-popup-subtitle{font-size:14px;line-height:1.5;margin-bottom:0}.email-popup-field-wrapper{padding-bottom:15px;gap:5px}.email-popup-input{height:48px;padding:0 16px;font-size:15px;border-radius:8px;border:1px solid rgba(13,13,13,.407)}.email-popup-input::placeholder{color:#a0a0a0}.email-popup-input:focus{border-color:#000}.email-popup-button{height:48px;font-size:16px;font-weight:700;border-radius:8px}.email-popup-close{width:48px;height:48px;top:0;right:0}.email-popup-close svg{width:28px;height:28px}.email-popup-success-screen{padding:50px 30px 40px}.email-popup-success-title{font-size:30px;margin-top:20px}.email-popup-success-message{font-size:14px;line-height:1.5;color:#333}.email-popup-discount-label{font-size:13px;font-weight:500}.email-popup-discount-code{font-size:26px;font-weight:500;padding:2px;letter-spacing:1px;border-width:2.5px;border-radius:8px}}.email-popup-modal.closing{animation:fadeOut .3s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.email-popup-modal.closing .email-popup-container{animation:slideDown .3s ease-out forwards}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:0}}.email-popup-button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media print{.email-popup-modal{display:none!important}}.email-popup-reminder{display:none;position:fixed;bottom:30px;left:30px;width:281px;background:#fff;border-radius:8px;padding:40px 20px;box-shadow:0 12px 40px #00000040,0 4px 12px #00000026;z-index:6;animation:reminderSlideIn .4s ease-out}.email-popup-reminder.active{display:block}@keyframes reminderSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.email-popup-reminder.closing{animation:reminderSlideOut .3s ease-out forwards}@keyframes reminderSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.email-popup-reminder-close{position:absolute;top:5px;right:5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#000;transition:all .2s ease;border-radius:50%}.email-popup-reminder-title{font-size:16px;color:#000;margin:15px 0;line-height:1.3;text-align:center}.email-popup-reminder-button{width:100%;height:44px;padding:0 24px;font-size:16px;color:#fff;background-color:#000;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.email-popup-reminder-button:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.email-popup-reminder-button:active{transform:translateY(0)}@media screen and (max-width: 990px){.email-popup-reminder-title{font-size:18px;padding-right:20px}.email-popup-reminder-button{height:48px;font-size:16px}}@media print{.email-popup-reminder{display:none!important}}@media screen and (max-width: 750px){.email-popup-reminder{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/email-popup-modal.css.map */