.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;justify-content:center;align-items:center;z-index:99;opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.popup-overlay.show{display:flex;opacity:1;animation:fadeInFromTop .4s cubic-bezier(.16,1,.3,1)}@keyframes fadeInFromTop{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.popup-content{background:#fff;padding:0;text-align:center;width:80%;max-width:500px;display:flex;flex-flow:column;position:relative;border-radius:12px;overflow:hidden}.popup-logo-header{background:#fff;padding:20px 30px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e8e8e8}.popup-logo{max-height:50px;width:auto;object-fit:contain}.popup-close{position:absolute;top:10px;right:10px;background:#fff;color:#000;border:none;font-size:24px;cursor:pointer;z-index:9999;height:40px;padding:8px 12px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s ease-out,color .2s ease-out,transform .15s ease-out;box-shadow:0 2px 8px #0003}.popup-close:hover{background:#000!important;color:#fff!important;transform:scale(1.02)}.popup-image-container{width:100%;aspect-ratio:2 / 1;overflow:hidden;position:relative}.popup-image-container img{width:100%;height:100%;object-fit:cover;display:block}.popup-promo-text{padding:20px 30px;background:#fff;text-align:center;font-size:22px;font-weight:700;line-height:1.4;color:var(--text-color, #333);letter-spacing:.3px}.popup-signup-container{width:100%;display:flex;flex-direction:column}.popup-form-wrapper{padding:0 30px 30px;background:#fff}.popup-form-heading{font-size:18px;font-weight:600;line-height:1.5;text-align:center;margin:0 0 20px;color:var(--text-color, #333)}.popup-signup-form{display:flex;flex-direction:column;gap:20px}.popup-form-field{display:flex;flex-direction:column}.popup-form-field input{padding:15px 18px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;line-height:1.5;transition:border-color .2s ease-out,box-shadow .2s ease-out;width:100%;box-sizing:border-box;margin-bottom:0}.popup-form-field input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #00000014}.popup-form-field input[aria-invalid=true]{border-color:#d32f2f}.popup-form-field input::placeholder{color:var(--text-color, #999);opacity:.6}.popup-form-row{display:flex;gap:20px}.popup-form-row .popup-form-field{flex:1}.popup-submit-button{display:block;width:100%;margin:20px 0 0;padding:0 20px;height:50px;line-height:50px;background:var(--button-color);color:var(--button-text);border:none;border-radius:3px;font-family:var(--main-family)!important;font-weight:var(--main-weight);font-style:var(--main-style);font-size:var(--font-size);text-align:center;text-decoration:none;cursor:pointer;-webkit-transition:background .2s ease-out,color .2s ease-out;-moz-transition:background .2s ease-out,color .2s ease-out;-o-transition:background .2s ease-out,color .2s ease-out;transition:background .2s ease-out,color .2s ease-out;-webkit-appearance:none}.popup-submit-button:hover{background:var(--button-hover)!important;color:var(--button-text)}.popup-submit-button:disabled{background:var(--button-color)!important;opacity:.5;cursor:not-allowed;transform:none}.popup-submit-loading,.popup-submit-button.loading .popup-submit-text{display:none}.popup-submit-button.loading .popup-submit-loading{display:inline}.popup-form-message{text-align:center;padding:10px;border-radius:6px;font-size:14px;display:none}.popup-form-message.error{display:block;background:#fff5f5;color:#d32f2f;border:1px solid #ffcdd2}.popup-form-message.success{display:block;background:#f5fff5;color:#2e7d32;border:1px solid #c8e6c9}.popup-success-message{text-align:center;padding:40px 20px;display:none}.popup-success-message--visible{display:block}.popup-success-message p{font-size:18px;color:var(--text-color, #333);margin:0}.popup-footer-text{text-align:center;font-size:13px;color:var(--text-color, #666);margin:24px 0 0;line-height:1.5;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.popup-offer-details{margin:0;font-size:14px;color:var(--text-color, #666)}.popup-privacy-text{margin:0;font-size:13px;color:var(--text-color, #999)}.popup-privacy-text a{color:var(--text-color, #666);text-decoration:underline;transition:color .2s ease-out}.popup-privacy-text a:hover{color:var(--text-color, #000)}.popup-button{display:block;width:100%;margin:20px 0 0;padding:0 20px;height:50px;line-height:50px;background:var(--popup-button-bg, #ffffff);color:var(--popup-button-text, #000000);border:none;border-radius:3px;font-family:var(--main-family)!important;font-weight:var(--main-weight);font-style:var(--main-style);font-size:var(--font-size);text-align:center;text-decoration:none;cursor:pointer;-webkit-transition:background .2s ease-out,color .2s ease-out;-moz-transition:background .2s ease-out,color .2s ease-out;-o-transition:background .2s ease-out,color .2s ease-out;transition:background .2s ease-out,color .2s ease-out;-webkit-appearance:none}.popup-button:hover{background:var(--popup-button-bg, #ffffff)!important;opacity:.9;color:var(--popup-button-text, #000000);text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 600px){.popup-content{width:95%;max-width:none;border-radius:8px;max-height:90vh;overflow-y:auto}.popup-logo-header{padding:15px}.popup-logo{max-height:40px}.popup-image-container{aspect-ratio:2 / 1}.popup-promo-text{padding:15px 20px;font-size:20px}.popup-form-wrapper{padding:20px 20px 25px}.popup-form-heading{font-size:16px;margin-bottom:20px}.popup-signup-form{gap:18px}.popup-form-row{flex-direction:column;gap:18px}.popup-submit-button,.popup-button{width:100%;margin-top:15px;padding:0 20px}.popup-footer-text{flex-direction:column;gap:4px;font-size:12px;margin-top:20px}.popup-offer-details{font-size:13px}.popup-privacy-text{font-size:12px}.popup-close{top:8px;right:8px;height:36px;font-size:22px;padding:6px 10px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/popup.css.map */