.newsletter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.25,.46,.45,.94);padding:2rem;box-sizing:border-box}.newsletter-overlay--visible{opacity:1;visibility:visible}.newsletter-overlay__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.newsletter-overlay__container{position:relative;width:100%;max-width:480px;transform:translateY(20px);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.newsletter-overlay--visible .newsletter-overlay__container{transform:translateY(0)}.newsletter-overlay__content{position:relative;background:var(--overlay-bg, rgba(255, 255, 255, .1));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:3rem 2rem;text-align:center;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;color:var(--text-color, #1a1a1a)}@media screen and (min-width: 750px){.newsletter-overlay__content{padding:4rem 3rem}}.newsletter-overlay__close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-color, #1a1a1a);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.newsletter-overlay__close:hover{opacity:1;background:#ffffff1a;transform:scale(1.1)}.newsletter-overlay__heading{font-size:2rem;font-weight:700;margin:0 0 1rem;line-height:1.2;color:var(--text-color, #1a1a1a)}@media screen and (min-width: 750px){.newsletter-overlay__heading{font-size:2.5rem}}.newsletter-overlay__subheading{font-size:1rem;line-height:1.5;margin:0 0 2rem;opacity:.8;color:var(--text-color, #1a1a1a)}@media screen and (min-width: 750px){.newsletter-overlay__subheading{font-size:1.125rem}}.newsletter-overlay__form{margin-bottom:1.5rem}.newsletter-overlay__input-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}@media screen and (min-width: 550px){.newsletter-overlay__input-group{flex-direction:row}}.newsletter-overlay__input{flex:1;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-color, #1a1a1a);font-size:1rem;transition:all .2s ease;outline:none}.newsletter-overlay__input::placeholder{color:var(--text-color, #1a1a1a);opacity:.6}.newsletter-overlay__input:focus{border-color:#ffffff80;background:#ffffff26;box-shadow:0 0 0 3px #ffffff1a}.newsletter-overlay__button{padding:1rem 2rem;background:var(--button-bg, #1a1a1a);color:var(--button-text, #ffffff);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:140px}.newsletter-overlay__button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.newsletter-overlay__button:active{transform:translateY(0)}.newsletter-overlay__success{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;color:var(--text-color, #1a1a1a)}.newsletter-overlay__success svg{color:#22c55e}.newsletter-overlay__success p{margin:0;font-weight:500}.newsletter-overlay__error{color:#ef4444;font-size:.875rem;margin-top:.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px}.newsletter-overlay__privacy{font-size:.75rem;opacity:.7;margin:0;line-height:1.4;color:var(--text-color, #1a1a1a)}body.newsletter-overlay-open{overflow:hidden}.newsletter-overlay__button:disabled{opacity:.6;cursor:not-allowed;transform:none}.newsletter-overlay__button:disabled:hover{transform:none;box-shadow:none}@supports (backdrop-filter: blur(20px)){.newsletter-overlay__content{background:var(--overlay-bg, rgba(255, 255, 255, .08))}.newsletter-overlay__input{background:#ffffff14}.newsletter-overlay__input:focus{background:#ffffff1f}}@supports not (backdrop-filter: blur(20px)){.newsletter-overlay__content{background:var(--overlay-bg, rgba(255, 255, 255, .95))}.newsletter-overlay__input{background:#ffffffe6}}@media (prefers-reduced-motion: no-preference){.newsletter-overlay__content{animation:glassShimmer 3s ease-in-out infinite}}@keyframes glassShimmer{0%,to{box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}50%{box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff4d}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-newsletter-overlay.css.map */