signup-bar.signup-bar{--btn-offset: 5px;--sb-panel-bg: #fff;--sb-input-bg: #f1f0ec;--sb-input-text: #2a2a2a;--sb-input-border: #c4c2bc;--sb-input-placeholder: #c4c2bc;--sb-input-focus-border: #9e9c96;--sb-button-bg: #9e9c96;--sb-button-text: #ffffff;--sb-button-hover-bg: #9e9c96;--sb-button-hover-text: #ffffff;position:absolute;bottom:var(--btn-offset);right:var(--btn-offset);z-index:10;pointer-events:auto;transition:opacity .5s ease}@media only screen and (min-width:750px){signup-bar.signup-bar{--btn-offset: 10px}}.signup-bar__bell{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;padding:0;cursor:pointer}.signup-bar__bell svg{width:19px;height:19px;fill:#fff}.signup-bar__dialog .signup-bar__panel.drawer__inner{background:var(--sb-panel-bg, #fff);overflow:hidden;padding:0;box-sizing:border-box;scrollbar-gutter:stable}.signup-bar__hero{position:relative;flex-shrink:0;width:calc(100% - 20px);margin:10px;height:clamp(180px,36vh,300px);overflow:hidden;border-radius:10px}.signup-bar__hero-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.signup-bar__hero-fallback{width:100%;height:100%;background:linear-gradient(145deg,#e5e3de,#d0cec8)}.signup-bar__dialog .signup-bar__close.drawer__close{position:absolute;top:10px;right:10px;transform:none;color:var(--sb-close, #ffffff);filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}@media(hover:hover){.signup-bar__dialog .signup-bar__close.drawer__close:hover{color:var(--sb-close, #ffffff);opacity:.85}}.signup-bar__dialog .drawer__body{position:relative;z-index:2;isolation:isolate;padding-top:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.signup-bar__body{padding:10px 0 10px 10px;display:flex;flex-direction:column;gap:0;background:var(--sb-panel-bg, #fff);flex:1;min-height:0}.signup-bar__title{margin:0 0 10px;padding-top:0;font-size:20px;font-weight:700;line-height:1.35;letter-spacing:.07em;text-transform:uppercase;color:var(--sb-heading-color, #c4c2bc)}.signup-bar__description{margin:0 0 12px;font-size:13px;line-height:1.5;font-weight:400;color:var(--sb-description-color, #c4c2bc)}.signup-bar__form{display:flex;flex-direction:column;flex:1;min-height:0;gap:var(--sb-input-gap, 7px)}.signup-bar__submit{margin-top:var(--sb-input-gap, 7px)}.signup-bar__dialog .signup-bar__form input.signup-bar__email,.signup-bar__dialog .signup-bar__form input.signup-bar__phone{position:relative;z-index:1;width:100%;padding:14px 16px;border-width:1px;border-style:solid;border-color:var(--sb-input-border, #c4c2bc);border-radius:8px;background:transparent;font-size:12px;line-height:1.4;letter-spacing:.06em;color:var(--sb-input-text, #2a2a2a);outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;box-sizing:border-box;transition:border-color .15s ease;pointer-events:auto;touch-action:manipulation}.signup-bar__dialog .signup-bar__form input.signup-bar__email::placeholder,.signup-bar__dialog .signup-bar__form input.signup-bar__phone::placeholder{color:var(--sb-input-placeholder, #c4c2bc);opacity:1}.signup-bar__dialog .signup-bar__form input.signup-bar__email:focus,.signup-bar__dialog .signup-bar__form input.signup-bar__phone:focus{border-color:var(--sb-input-focus-border, #9e9c96)}.signup-bar__submit{width:100%;margin-top:auto;padding:16px 20px;border:none;border-radius:8px;background:var(--sb-button-bg, #9e9c96);color:var(--sb-button-text, #ffffff);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;text-align:start;cursor:pointer;transition:background .15s ease,opacity .15s ease}.signup-bar__submit:visited,.signup-bar__submit:active,.signup-bar__submit:focus{background:var(--sb-button-bg, #9e9c96);color:var(--sb-button-text, #ffffff)}.signup-bar__submit:hover:not(:disabled){background:var(--sb-button-hover-bg, var(--sb-button-bg, #9e9c96));color:var(--sb-button-hover-text, var(--sb-button-text, #ffffff))}.signup-bar__submit:disabled{opacity:.65;cursor:not-allowed}.signup-bar__submit:focus-visible{outline:2px solid #2a2a2a;outline-offset:2px}.signup-bar__success,.signup-bar__error{margin:16px 0 0;font-size:13px;line-height:1.5;text-align:center;padding:12px}.signup-bar__success{background:var(--sb-success-bg, #f4f3f1);color:var(--sb-success-text, #2a2a2a)}.signup-bar__error{color:var(--sb-error-text, #cc0000)}.product-item__image{position:relative}@media only screen and (max-width:749px){dialog.signup-bar__dialog{width:100vw;max-width:100vw;height:100%;min-height:100vh;min-height:100dvh;margin:0;padding:0;border:none;background:transparent}.signup-bar__dialog .signup-bar__panel.drawer__inner{position:relative;max-width:100%!important;width:100%!important;min-height:100vh;min-height:100dvh;height:auto;background:transparent!important;border:none!important;padding:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.signup-bar__hero{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;min-height:100%;margin:0;border-radius:0;z-index:0}.signup-bar__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#00000073}.signup-bar__hero-img,.signup-bar__hero-fallback{min-height:100vh;min-height:100dvh;width:100%;height:100%;object-fit:cover;object-position:center}.signup-bar__dialog .signup-bar__close.drawer__close{top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));z-index:3;pointer-events:auto}.signup-bar__dialog .drawer__body{overflow:visible}.signup-bar__body{position:relative;z-index:2;flex:1 1 auto;min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;padding:max(24px,env(safe-area-inset-top,0px)) 28px max(32px,env(safe-area-inset-bottom,0px));padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px));background:transparent;justify-content:center;align-items:stretch;text-align:center;box-sizing:border-box;pointer-events:none}.signup-bar__body .signup-bar__title,.signup-bar__body .signup-bar__description,.signup-bar__body .signup-bar__form,.signup-bar__body .signup-bar__success,.signup-bar__body .signup-bar__error,.signup-bar__body .signup-bar__form input,.signup-bar__body .signup-bar__form button{pointer-events:auto}.signup-bar__title{text-align:center;max-width:420px;margin:0 auto 10px}.signup-bar__description{text-align:center;max-width:420px;margin:0 auto 12px}.signup-bar__form{flex:0 0 auto;width:100%;max-width:420px;margin-left:auto;margin-right:auto;align-self:center}.signup-bar__submit{margin-top:0;border-radius:8px;text-align:center}.signup-bar__panel.drawer__inner{--sb-heading-color: #ffffff;--sb-description-color: #ffffff;--sb-input-bg: transparent;--sb-input-text: #ffffff;--sb-input-border: #ffffff;--sb-input-placeholder: #ffffff;--sb-input-focus-border: #ffffff;--sb-button-bg: #ffffff;--sb-button-text: #9e9c96;--sb-button-hover-bg: #ffffff;--sb-button-hover-text: #9e9c96;--sb-close: #ffffff;--sb-success-bg: rgba(255, 255, 255, .18);--sb-success-text: #ffffff;--sb-error-text: #ffcccc}.signup-bar__dialog .signup-bar__form input.signup-bar__email,.signup-bar__dialog .signup-bar__form input.signup-bar__phone{background:var(--sb-input-bg, transparent);text-align:center;border-radius:8px}.signup-bar__submit:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.signup-bar__success,.signup-bar__error{max-width:420px;margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=/cdn/shop/t/359/assets/signup-bar.css.map */
