.popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2d42a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;opacity:0;visibility:hidden;transition:opacity var(--transition-smooth),visibility 0s .3s}.popup__overlay.is-open{opacity:1;visibility:visible;transition:opacity var(--transition-smooth),visibility 0s}.popup__modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:10000;width:min(880px,92vw);max-height:90vh;background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;opacity:0;visibility:hidden;transition:transform var(--transition-smooth),opacity var(--transition-smooth),visibility 0s .3s}.popup__modal.is-open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition:transform var(--transition-smooth),opacity var(--transition-smooth),visibility 0s}.popup__close{position:absolute;top:1rem;right:1rem;z-index:2;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-surface);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.popup__close:hover{background:var(--color-border);transform:scale(1.05)}.popup__close svg{width:1.25rem;height:1.25rem;stroke:var(--color-dark);stroke-width:2}.popup__grid{display:grid;grid-template-columns:1fr 1fr;min-height:440px}.popup__image-col{position:relative;overflow:hidden}.popup__image-col img{width:100%;height:100%;object-fit:cover;object-position:center center}.popup__form-col{padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow-y:auto}.popup__logo{max-width:120px;height:auto;margin-bottom:1.5rem}.popup__badge{display:inline-flex;align-items:center;gap:.375rem;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a);border:1px solid rgba(255,107,107,.2);border-radius:var(--radius-full);padding:.375rem .875rem;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--color-primary);margin-bottom:1.25rem}.popup__badge svg{width:1rem;height:1rem}.popup__heading{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--color-dark);margin:0 0 .75rem;line-height:1.2}.popup__subtext{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text-light);margin:0 0 1.5rem;max-width:320px}.popup__form{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;text-align:center}.popup__form-fields{width:100%}.popup__input{width:100%;padding:.875rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-family:var(--font-body);font-size:.9375rem;color:var(--color-dark);margin-bottom:.75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.popup__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b6b26}.popup__input::placeholder{color:var(--color-text-light)}.popup__btn{width:100%;padding:.875rem;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:700;font-size:1rem;color:#fff;cursor:pointer;box-shadow:0 4px 16px #ff6b6b4d;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.popup__btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff6b6b66}.popup__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.popup__disclaimer{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-light);margin-top:.75rem;opacity:.7}.popup__success{display:none;text-align:center;padding:1rem 0}.popup__success.is-visible{display:block}.popup__success-icon{width:3.5rem;height:3.5rem;margin:0 auto 1rem;background:linear-gradient(135deg,#4ecdc426,#4ecdc40d);border-radius:50%;display:flex;align-items:center;justify-content:center}.popup__success-icon svg{width:1.75rem;height:1.75rem;stroke:var(--color-secondary);stroke-width:2}.popup__success-heading{font-family:var(--font-heading);font-size:1.375rem;font-weight:700;color:var(--color-dark);margin:0 0 .75rem}.popup__discount-code{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ff6b6b14,#4ecdc414);border:2px dashed var(--color-primary);border-radius:var(--radius-md);padding:.625rem 1rem;margin-bottom:.75rem}.popup__discount-label{font-family:var(--font-body);font-size:.8125rem;color:var(--color-text-light)}.popup__discount-value{font-family:var(--font-heading);font-size:1.125rem;font-weight:800;color:var(--color-primary);letter-spacing:.05em}.popup__discount-copy{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--color-text-light);transition:color var(--transition-fast)}.popup__discount-copy:hover{color:var(--color-primary)}.popup__success-text{font-family:var(--font-body);font-size:.9375rem;color:var(--color-text-light);line-height:1.5}.popup__error{display:none;background:#ff6b6b14;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-sm);padding:.625rem .875rem;font-family:var(--font-body);font-size:.8125rem;color:var(--color-primary);margin-bottom:.75rem;text-align:left}.popup__paw{position:absolute;opacity:.06;pointer-events:none;color:var(--color-primary)}.popup__paw--top{top:1.5rem;left:1.5rem;transform:rotate(-15deg)}.popup__paw--bottom{bottom:1.5rem;right:1.5rem;transform:rotate(25deg)}@media(max-width:749px){.popup__modal{width:min(340px,88vw);max-height:none;overflow:hidden}.popup__grid{grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:auto}.popup__image-col{height:160px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.popup__image-col img{object-position:center 30%}.popup__form-col{padding:.875rem 1rem 1rem}.popup__logo{max-width:50px;margin-bottom:.375rem}.popup__badge{margin-bottom:.75rem;font-size:.75rem;padding:.25rem .625rem}.popup__heading{font-size:1.125rem;margin-bottom:.375rem}.popup__subtext{font-size:.8125rem;margin-bottom:.5rem;line-height:1.4}.popup__input{padding:.75rem 1rem;font-size:.875rem;margin-bottom:.5rem}.popup__btn{padding:.75rem;font-size:.875rem}.popup__disclaimer{margin-top:.5rem;font-size:.6875rem}.popup__paw{display:none}.popup__close{width:2rem;height:2rem;top:.5rem;right:.5rem}.popup__close svg{width:1rem;height:1rem}}@media(prefers-reduced-motion:reduce){.popup__modal,.popup__overlay{transition:none}.popup__btn:hover,.popup__close:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/newsletter-popup.css.map */