.newsletter-popup{--popup-max-width: 900px;--popup-border-radius: 12px;--popup-padding: 2.5rem;--popup-bg: #ffffff;--popup-text: #121212;--popup-overlay: rgba(0, 0, 0, .6);--popup-button-bg: #121212;--popup-button-text: #ffffff;--popup-focus-color: #D4AF37;--popup-input-border: #e0e0e0;--popup-transition: .3s cubic-bezier(.4, 0, .2, 1)}.newsletter-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:var(--popup-overlay);opacity:0;visibility:hidden;transition:opacity var(--popup-transition),visibility var(--popup-transition)}.newsletter-popup__overlay[data-visible=true]{opacity:1;visibility:visible}.newsletter-popup__overlay[data-visible=true] .newsletter-popup__modal{transform:translateY(0);opacity:1}.newsletter-popup__modal{position:relative;display:grid;grid-template-columns:1fr;width:100%;max-width:var(--popup-max-width);max-height:90vh;overflow:hidden;background-color:var(--popup-bg);border-radius:var(--popup-border-radius);box-shadow:0 25px 50px -12px #00000040;transform:translateY(20px);opacity:0;transition:transform var(--popup-transition),opacity var(--popup-transition)}@media screen and (min-width: 750px){.newsletter-popup__modal{grid-template-columns:1fr 1fr}}.newsletter-popup__close{position:absolute;top:.75rem;right:.75rem;z-index:10;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background-color:#ffffffe6;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s,transform .2s}.newsletter-popup__close:hover{background-color:#fff;transform:scale(1.05)}.newsletter-popup__close:focus-visible{outline:2px solid var(--popup-focus-color);outline-offset:2px}.newsletter-popup__close svg{width:20px;height:20px;stroke:var(--popup-text);stroke-width:2}.newsletter-popup__image-wrapper{display:none;position:relative;overflow:hidden;background-color:#f5f5f5}@media screen and (min-width: 750px){.newsletter-popup__image-wrapper{display:block}}.newsletter-popup__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.newsletter-popup__content{display:flex;flex-direction:column;justify-content:center;padding:var(--popup-padding);text-align:center}@media screen and (min-width: 750px){.newsletter-popup__content{padding:3rem;min-height:500px}}.newsletter-popup__heading{margin:0 0 1rem;font-family:var(--font-heading-family, inherit);font-size:clamp(2rem,6vw,2.5rem);font-weight:600;line-height:1.2;color:var(--popup-text)}.newsletter-popup__subtext{margin:0 0 2rem;font-size:1.1875rem;line-height:1.6;color:#444}.newsletter-popup__form{display:flex;flex-direction:column;gap:1.125rem}.newsletter-popup__field{position:relative}.newsletter-popup__field-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);width:22px;height:22px;color:#888;pointer-events:none}.newsletter-popup__input{width:100%;height:60px;padding:0 1.5rem 0 3.75rem;font-family:inherit;font-size:1.0625rem;letter-spacing:.02em;color:var(--popup-text);background-color:#fafafa;border:1px solid var(--popup-input-border);border-radius:8px;transition:border-color .2s,box-shadow .2s,background-color .2s}.newsletter-popup__input::placeholder{color:#888;font-size:1.0625rem;font-weight:400;letter-spacing:.02em;opacity:1}.newsletter-popup__input::-webkit-input-placeholder{color:#888;font-size:1.0625rem;font-weight:400;letter-spacing:.02em}.newsletter-popup__input::-moz-placeholder{color:#888;font-size:1.0625rem;font-weight:400;letter-spacing:.02em;opacity:1}.newsletter-popup__input:-ms-input-placeholder{color:#888;font-size:1.0625rem;font-weight:400;letter-spacing:.02em}.newsletter-popup__input:focus{outline:none;background-color:#fff;border-color:var(--popup-focus-color);box-shadow:0 0 0 3px #d4af3726}.newsletter-popup__input:invalid:not(:placeholder-shown){border-color:#dc3545}.newsletter-popup__consent{display:flex;align-items:flex-start;gap:.75rem;margin-top:.5rem;text-align:left}.newsletter-popup__checkbox{flex-shrink:0;width:20px;height:20px;margin-top:2px;accent-color:var(--popup-button-bg);cursor:pointer}.newsletter-popup__checkbox:focus-visible{outline:2px solid var(--popup-focus-color);outline-offset:2px}.newsletter-popup__consent-text{font-size:1rem;line-height:1.5;color:#333;cursor:pointer}.newsletter-popup__button{display:flex;align-items:center;justify-content:center;width:100%;height:56px;margin-top:.75rem;padding:0 2rem;font-family:inherit;font-size:1.0625rem;font-weight:600;color:var(--popup-button-text);background-color:var(--popup-button-bg);border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .2s}.newsletter-popup__button:hover:not(:disabled){background-color:#333}.newsletter-popup__button:focus-visible{outline:2px solid var(--popup-focus-color);outline-offset:2px}.newsletter-popup__button:disabled{opacity:.7;cursor:not-allowed}.newsletter-popup__button--loading{position:relative;color:transparent}.newsletter-popup__button--loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:var(--popup-button-text);border-radius:50%;animation:popup-spin .8s linear infinite}@keyframes popup-spin{to{transform:rotate(360deg)}}.newsletter-popup__social{display:flex;justify-content:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eeeeee}.newsletter-popup__social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--popup-text);text-decoration:none;border-radius:50%;transition:background-color .2s,color .2s}.newsletter-popup__social-link:hover{background-color:#f5f5f5}.newsletter-popup__social-link:focus-visible{outline:2px solid var(--popup-focus-color);outline-offset:2px}.newsletter-popup__social-link svg{width:24px;height:24px}.newsletter-popup__success{display:none;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.newsletter-popup__success[data-visible=true]{display:flex}.newsletter-popup__success-icon{width:64px;height:64px;margin-bottom:1.5rem;color:#28a745}.newsletter-popup__success-heading{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:var(--popup-text)}.newsletter-popup__success-text{margin:0 0 1.5rem;font-size:1rem;color:#666}.newsletter-popup__discount{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem;background-color:#f8f8f8;border:2px dashed #D4AF37;border-radius:8px}.newsletter-popup__discount-label{font-size:.875rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.newsletter-popup__discount-code{font-size:1.5rem;font-weight:700;color:#121212;letter-spacing:.1em}.newsletter-popup__shop-now{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:280px;height:52px;padding:0 2rem;font-family:inherit;font-size:1rem;font-weight:600;color:#fff;text-decoration:none;background-color:#121212;border-radius:8px;transition:background-color .2s,transform .2s}.newsletter-popup__shop-now:hover{background-color:#333;transform:translateY(-1px)}.newsletter-popup__shop-now:focus-visible{outline:2px solid var(--popup-focus-color);outline-offset:2px}.newsletter-popup__form[data-hidden=true]{display:none}.newsletter-popup__error{display:none;padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem;color:#dc3545;background-color:#fdf2f2;border-radius:6px}.newsletter-popup__error[data-visible=true]{display:block}@media screen and (max-width: 749px){.newsletter-popup__overlay{align-items:flex-end;padding:0}.newsletter-popup__modal{max-height:85vh;border-radius:var(--popup-border-radius) var(--popup-border-radius) 0 0;transform:translateY(100%)}.newsletter-popup__overlay[data-visible=true] .newsletter-popup__modal{transform:translateY(0)}.newsletter-popup__content{padding:2rem 1.5rem 2.5rem}.newsletter-popup__close{top:.5rem;right:.5rem;background-color:#f5f5f5}}@media (prefers-reduced-motion: reduce){.newsletter-popup__overlay,.newsletter-popup__modal,.newsletter-popup__close,.newsletter-popup__input,.newsletter-popup__button,.newsletter-popup__social-link{transition:none}.newsletter-popup__button--loading:after{animation:none}}[dir=rtl] .newsletter-popup__field-icon{left:auto;right:1rem}[dir=rtl] .newsletter-popup__input{padding:0 3.25rem 0 1rem}[dir=rtl] .newsletter-popup__consent{text-align:right}@media print{.newsletter-popup__overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/newsletter-popup.css.map */