.newsletter-banner{padding:64px 24px;background-color:#b27029;color:#fff}.newsletter-banner__container{max-width:1200px;margin:0 auto;overflow:hidden}.newsletter-banner--full-width{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw;padding:64px 0;box-sizing:border-box}.newsletter-banner--full-width .newsletter-banner__container{max-width:100%;padding:0 24px;box-sizing:border-box}.newsletter-banner--full-width .newsletter-banner__content{max-width:1200px;margin:0 auto}.newsletter-banner__content{display:flex;justify-content:space-between;align-items:center;gap:64px}.newsletter-banner__text{flex-shrink:0}.newsletter-banner__heading{font-size:36px;font-weight:700;color:#fff;margin:0;line-height:1.2}.newsletter-banner__subheading{font-size:16px;color:#ffffffe6;margin:8px 0 0;line-height:1.4}.newsletter-banner__form{flex:1;max-width:500px}.newsletter-banner__input-group{display:flex;gap:12px;align-items:center}.newsletter-banner__field{flex:1;position:relative}.newsletter-banner__input{width:100%;padding:14px 20px;border:none;border-radius:4px;background-color:#fff;color:#333;font-size:16px;transition:box-shadow .3s ease;box-sizing:border-box}.newsletter-banner__input:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.newsletter-banner__input::placeholder{color:#666}.newsletter-banner__input[aria-invalid=true]{border:2px solid #ff6b6b}.newsletter-banner__button{padding:16px 30px;border:none;border-radius:4px;background-color:#333;color:#fff;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.newsletter-banner__button:hover{background-color:#2c3e50;transform:translateY(-2px)}.newsletter-banner__button:active{transform:translateY(0)}.newsletter-banner__error{display:flex;align-items:center;gap:8px;color:#ff6b6b;font-size:14px;margin-top:8px;line-height:1.2}.newsletter-banner__error svg{width:16px;height:16px;flex-shrink:0}.newsletter-banner__success{display:flex;align-items:center;gap:8px;color:#4caf50;font-size:16px;margin-top:16px;padding:12px 16px;background-color:#4caf501a;border-radius:4px;border:1px solid rgba(76,175,80,.3)}.newsletter-banner__success svg{width:20px;height:20px;flex-shrink:0}@media screen and (max-width: 989px){.newsletter-banner--full-width .newsletter-banner__container{padding:0 32px}.newsletter-banner__content{flex-direction:column;text-align:center;gap:48px}.newsletter-banner__form{width:100%}}@media screen and (max-width: 749px){.newsletter-banner{padding:40px 16px}.newsletter-banner--full-width{padding:40px 0}.newsletter-banner--full-width .newsletter-banner__container{padding:0 16px}.newsletter-banner__heading{font-size:28px}.newsletter-banner__subheading{font-size:15px}.newsletter-banner__input{padding:12px 15px;font-size:15px}.newsletter-banner__button{padding:16px 20px;font-size:14px}}@media screen and (max-width: 480px){.newsletter-banner__content{gap:24px}.newsletter-banner__input-group{gap:12px}.newsletter-banner__error{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-newsletter.css.map */