.email-collector{position:relative;color:inherit;font-family:inherit;overflow:hidden;min-height:700px;display:flex;align-items:center}.email-collector *{color:inherit;box-sizing:border-box}.email-collector__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.email-collector__background-image{width:100%;height:100%;object-fit:cover;object-position:center;min-height:500px}.email-collector__container{position:relative;z-index:1;margin:0 auto;padding:0 20px;width:100%;display:flex;align-items:center;justify-content:center;min-height:700px}.email-collector__content{text-align:center;background:transparent;padding:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:600px;margin:0 auto}.email-collector__label{font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.3)}.email-collector__title{margin:0 0 20px;font-weight:700;line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.4)}.email-collector__title--sm{font-size:1.5rem}.email-collector__title--md{font-size:2rem}.email-collector__title--lg{font-size:2.5rem}.email-collector__title--xl{font-size:3rem}.email-collector__subtitle{margin:0 0 40px;line-height:1.6;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.3)}.email-collector__subtitle--sm{font-size:.875rem}.email-collector__subtitle--md{font-size:1rem}.email-collector__subtitle--lg{font-size:1.125rem}.email-collector__subtitle p{margin:0}.email-collector__form{margin-bottom:30px}.email-collector__form-group{display:flex;gap:12px;max-width:400px;margin:0 auto 30px}.email-collector__input{flex:1;padding:16px 20px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:1rem;background:#ffffffe6;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.email-collector__input:focus{outline:none;border-color:#fff9;box-shadow:0 0 0 3px #fff3}.email-collector__input::placeholder{color:#00000080}.email-collector__button{padding:16px 32px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:140px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.email-collector__button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.email-collector__button:active{transform:translateY(0)}.email-collector__button:focus{outline:2px solid currentColor;outline-offset:2px}.email-collector__message{margin-top:20px;padding:16px;border-radius:8px;font-weight:500}.email-collector__message--success{background:#22c55e1a;color:#166534;border:1px solid rgba(34,197,94,.2)}.email-collector__message--error{background:#ef44441a;color:#991b1b;border:1px solid rgba(239,68,68,.2)}.email-collector__message p{margin:0}.email-collector__bottom-text{font-size:.875rem;line-height:1.5;opacity:.9;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.email-collector__bottom-text p{margin:0}@media screen and (max-width: 768px){.email-collector{min-height:500px}.email-collector__container{min-height:500px;padding:0 16px}.email-collector__content{padding:0;max-width:100%}.email-collector__title--lg{font-size:2rem}.email-collector__title--xl{font-size:2.5rem}.email-collector__form-group{flex-direction:column;gap:16px}.email-collector__input,.email-collector__button{width:100%}.email-collector__button{min-width:auto}}@media screen and (max-width: 480px){.email-collector{min-height:400px}.email-collector__container{min-height:400px;padding:0 12px}.email-collector__content{padding:0}.email-collector__title--lg{font-size:1.75rem}.email-collector__title--xl{font-size:2rem}.email-collector__subtitle{margin-bottom:32px}}@media (prefers-reduced-motion: reduce){.email-collector__input,.email-collector__button{transition:none}.email-collector__button:hover{transform:none}}.email-collector__input:focus-visible,.email-collector__button:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media (prefers-contrast: high){.email-collector__content{background:#fff;border:2px solid currentColor}.email-collector__input{border:2px solid currentColor}}@media (prefers-color-scheme: dark){.email-collector__content{background:#000000e6;color:#fff}.email-collector__input{background:#ffffff1a;border-color:#fff3;color:#fff}.email-collector__input::placeholder{color:#ffffff80}.email-collector__input:focus{border-color:#fff6}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/email-collector.css.map */