.promotional-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.promotional-popup--visible{opacity:1;visibility:visible}.promotional-popup__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.promotional-popup__modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);border-radius:1.6rem;max-width:54rem;width:92%;max-height:90vh;overflow-y:auto;background:rgb(var(--color-background));box-shadow:0 2.5rem 5rem #00000040;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.promotional-popup--visible .promotional-popup__modal{transform:translate(-50%,-50%) scale(1)}.promotional-popup__close{position:absolute;top:1.5rem;right:1.5rem;background:rgba(var(--color-foreground),.08);border:none;border-radius:50%;width:4.2rem;height:4.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .2s ease,transform .2s ease}.promotional-popup__close:hover{background:rgba(var(--color-foreground),.12);transform:scale(1.05)}.promotional-popup__close:focus-visible{outline:.2rem solid rgb(var(--color-accent));outline-offset:.2rem}.promotional-popup__close .svg-wrapper{width:1.8rem;height:1.8rem}.promotional-popup__content{padding:3.5rem;display:flex;gap:3rem;align-items:center}@media screen and (max-width: 749px){.promotional-popup__content{flex-direction:column;padding:2.5rem 2rem;gap:2.5rem;text-align:center}.promotional-popup__close{top:1rem;right:1rem;width:3.8rem;height:3.8rem}}.promotional-popup__image{flex-shrink:0;max-width:22rem}.promotional-popup__image img{width:100%;height:auto;border-radius:1.2rem}@media screen and (max-width: 749px){.promotional-popup__image{max-width:18rem}}.promotional-popup__text{flex:1;text-align:center}@media screen and (min-width: 750px) and (max-width: 989px){.promotional-popup__text{text-align:left}}@media screen and (min-width: 990px){.promotional-popup__text{text-align:left}}.promotional-popup__heading{margin:0 0 1.5rem;color:rgb(var(--color-foreground));font-weight:var(--font-heading-weight);line-height:calc(1 + .3 / var(--font-body-scale));font-size:calc(var(--font-heading-scale) * 2.4rem)}@media screen and (min-width: 750px){.promotional-popup__heading{font-size:calc(var(--font-heading-scale) * 2.8rem)}}.promotional-popup__discount{display:inline-flex;align-items:baseline;background:linear-gradient(135deg,rgb(var(--color-accent)),rgb(var(--color-accent-2, var(--color-accent))));color:rgb(var(--color-accent-text));padding:1.2rem 2.4rem;border-radius:1.2rem;margin-bottom:1.5rem;box-shadow:0 .8rem 2.4rem rgba(var(--color-accent),.3);position:relative;overflow:hidden}.promotional-popup__discount:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.promotional-popup__discount:hover:before{left:100%}.promotional-popup__discount-symbol{font-size:2rem;font-weight:700;margin-right:.2rem}.promotional-popup__discount-amount{font-size:3.6rem;font-weight:900;line-height:1;letter-spacing:-.05em}.promotional-popup__discount-text{font-size:1.8rem;font-weight:700;margin-left:.5rem;text-transform:uppercase;letter-spacing:.1em}@media screen and (max-width: 479px){.promotional-popup__discount{padding:1rem 2rem}.promotional-popup__discount-symbol{font-size:1.8rem}.promotional-popup__discount-amount{font-size:3rem}.promotional-popup__discount-text{font-size:1.6rem}}.promotional-popup__subtitle{font-size:1.8rem;color:rgba(var(--color-foreground),.8);margin-bottom:1.5rem;line-height:1.4}@media screen and (max-width: 479px){.promotional-popup__subtitle{font-size:1.6rem}}.promotional-popup__description{margin-bottom:2.5rem;color:rgba(var(--color-foreground),.7);font-size:1.6rem;line-height:1.5}.promotional-popup__description p{margin:0}.promotional-popup__form{margin-bottom:2rem}.promotional-popup__form .newsletter-form{display:flex;flex-direction:column;gap:0}.promotional-popup__form .newsletter-form__field-wrapper{max-width:42rem}.promotional-popup__form .field{position:relative}.promotional-popup__form .field:before,.promotional-popup__form .field:after{display:none!important}.promotional-popup__form .field__input{font-size:1.6rem;padding:1.6rem 2rem;border-radius:1rem;border:.2rem solid rgba(var(--color-foreground),.25)!important;transition:border-color .3s ease,box-shadow .3s ease;background:rgb(var(--color-background))!important;width:100%;color:rgb(var(--color-foreground));font-weight:400;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important}.promotional-popup__form .field__input:focus{border-color:rgb(var(--color-accent))!important;box-shadow:0 0 0 .3rem rgba(var(--color-accent),.15)!important;outline:none}.promotional-popup__form .field__input::placeholder{color:rgba(var(--color-foreground),.7);font-weight:400}.promotional-popup__form .field__label{position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:rgba(var(--color-foreground),.7);pointer-events:none;transition:opacity .2s ease;font-size:1.6rem;font-weight:400}.promotional-popup__form .field__input:focus+.field__label,.promotional-popup__form .field__input:not(:placeholder-shown)+.field__label{opacity:0}.promotional-popup__form .newsletter-form__button{background:rgb(var(--color-button))!important;color:rgb(var(--color-button-text))!important;border:var(--buttons-border-width) solid rgba(var(--color-button),var(--buttons-border-opacity))!important;border-radius:var(--buttons-radius)!important;padding:1.5rem 2rem!important;font-weight:500!important;font-size:1.6rem!important;cursor:pointer!important;transition:all .2s ease!important;width:100%!important;max-width:42rem!important;margin-top:2.5rem!important;box-shadow:var(--buttons-shadow-horizontal-offset) var(--buttons-shadow-vertical-offset) var(--buttons-shadow-blur-radius) rgba(var(--color-shadow),var(--buttons-shadow-opacity))!important;text-transform:none!important;letter-spacing:normal!important}.promotional-popup__form .newsletter-form__button:hover{opacity:.9!important;transform:translateY(-1px)!important}.promotional-popup__form .newsletter-form__button:active{transform:translateY(0)!important}@media screen and (max-width: 479px){.promotional-popup__form .field__input{padding:1.4rem 2rem}.promotional-popup__form .newsletter-form__button{padding:1.4rem 2rem;font-size:1.6rem}}.promotional-popup__no-thanks{background:none;border:none;color:rgba(var(--color-foreground),.6);font-size:1.4rem;cursor:pointer;text-decoration:underline;margin-bottom:1.5rem;transition:color .2s ease;padding:.5rem}.promotional-popup__no-thanks:hover{color:rgba(var(--color-foreground),.8)}.promotional-popup__no-thanks:focus-visible{outline:.2rem solid rgb(var(--color-accent));outline-offset:.2rem;border-radius:.4rem}.promotional-popup__disclaimer{color:rgba(var(--color-foreground),.5);font-size:1.2rem;line-height:1.4;margin-top:1rem}.promotional-popup__disclaimer small{font-size:inherit}.promotional-popup .newsletter-form__message{margin-top:1.5rem;padding:1.2rem;border-radius:.8rem;display:flex;align-items:center;gap:1rem;font-size:1.4rem;line-height:1.4}.promotional-popup .newsletter-form__message--success{background:rgba(var(--color-success),.1);color:rgb(var(--color-success-text, var(--color-foreground)));border:.1rem solid rgba(var(--color-success),.2)}.promotional-popup .newsletter-form__message:not(.newsletter-form__message--success){background:rgba(var(--color-error),.1);color:rgb(var(--color-error-text, var(--color-foreground)));border:.1rem solid rgba(var(--color-error),.2)}.promotional-popup .newsletter-form__message .svg-wrapper{width:1.6rem;height:1.6rem;flex-shrink:0}.promotional-popup .newsletter-form__message--success~.newsletter-form__field-wrapper,.promotional-popup .newsletter-form__message--success~.newsletter-form__button{display:none}.promotional-popup__form:has(.newsletter-form__message--success) .newsletter-form__field-wrapper,.promotional-popup__form:has(.newsletter-form__message--success) .newsletter-form__button{display:none}.promotional-popup:has(.newsletter-form__message--success) .promotional-popup__no-thanks{display:none}.promotional-popup:has(.newsletter-form__message--success) .promotional-popup__description{display:none}.promotional-popup__discount-code{margin-top:2rem;text-align:center}.promotional-popup__discount-code-text{color:rgba(var(--color-foreground),.8);font-size:1.4rem;margin-bottom:1rem;margin-top:0}.promotional-popup__discount-code-display{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.promotional-popup__code{background:rgba(var(--color-accent),.1);border:.2rem solid rgba(var(--color-accent),.3);border-radius:.8rem;padding:1rem 2rem;font-size:1.8rem;font-weight:700;color:rgb(var(--color-accent));letter-spacing:.1em;font-family:Courier New,monospace}.promotional-popup__copy-button{background:rgb(var(--color-accent));color:rgb(var(--color-accent-text));border:none;border-radius:.6rem;padding:.8rem 1.6rem;font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .2s ease}.promotional-popup__copy-button:hover{opacity:.9;transform:translateY(-1px)}.promotional-popup__copy-button:active{transform:translateY(0)}@media screen and (max-width: 479px){.promotional-popup__discount-code-display{flex-direction:column;gap:1.5rem}.promotional-popup__code{font-size:1.6rem;padding:.8rem 1.5rem}}.promotional-popup-open{overflow:hidden}@keyframes promoPopupSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(3rem)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0)}}.promotional-popup--visible .promotional-popup__modal{animation:promoPopupSlideIn .5s cubic-bezier(.34,1.56,.64,1)}@media (prefers-contrast: high){.promotional-popup__overlay{background-color:#000000e6}.promotional-popup__modal{border:.2rem solid rgb(var(--color-foreground))}.promotional-popup__form .field__input{border-width:.2rem}}@media (prefers-reduced-motion: reduce){.promotional-popup,.promotional-popup__modal{transition:none}.promotional-popup--visible .promotional-popup__modal{animation:none}.promotional-popup__discount:before{display:none}}@media print{.promotional-popup{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-promotional-popup.css.map */