.oc-promo-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;padding:16px}.oc-promo-popup[hidden]{display:flex}.oc-promo-popup.is-visible{opacity:1;visibility:visible;pointer-events:auto}.oc-promo-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--oc-popup-overlay-opacity, 0));cursor:pointer}.oc-promo-popup__card{position:relative;z-index:1;display:flex;flex-direction:column;width:min(440px,90vw);max-width:620px;max-height:min(700px,calc(100vh - 32px));overflow:hidden;background:rgb(var(--color-background, 251 247 240));color:rgb(var(--color-foreground, 62 55 44));border-radius:16px;box-shadow:0 24px 60px -16px #1e160a38,0 6px 20px #1e160a14;transform:scale(.96) translateY(8px);transition:transform .3s ease;text-align:center}.oc-promo-popup.is-visible .oc-promo-popup__card{transform:scale(1) translateY(0)}.oc-promo-popup__close{position:absolute;top:12px;right:12px;z-index:2;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffbf;color:#3e372c;border:none;cursor:pointer;padding:0}.oc-promo-popup__close svg{width:13px;height:13px}.oc-promo-popup__media{flex:0 1 40%;min-height:120px;overflow:hidden;line-height:0}.oc-promo-popup__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.oc-promo-popup__card--image-only{max-height:min(620px,calc(100vh - 32px))}.oc-promo-popup__card--image-only .oc-promo-popup__media{flex:1 1 auto;border-radius:inherit}.oc-promo-popup__card--image-only .oc-promo-popup__media a{display:block;width:100%;height:100%}.oc-promo-popup__card--image-only .oc-promo-popup__media img{object-fit:cover}.oc-promo-popup__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2vh,14px);padding:clamp(20px,4vh,30px) clamp(22px,6vw,34px);overflow:hidden}.oc-promo-popup__heading{margin:0;font-family:var(--font-heading-family, inherit);font-size:clamp(1.15rem,3vw + .5rem,1.5rem);line-height:1.2}.oc-promo-popup__text{margin:0;font-size:clamp(.85rem,1vw + .6rem,.95rem);line-height:1.5;opacity:.85}.oc-promo-popup__text p{margin:0}.oc-promo-popup__code{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:1px dashed var(--cta-color, #c89b3c);border-radius:var(--cta-radius, 40px);font-size:.78rem;letter-spacing:.04em}.oc-promo-popup__code-label{opacity:.7;text-transform:uppercase;font-size:.66rem}.oc-promo-popup__code-value{font-weight:600;color:var(--cta-color, #c89b3c)}.oc-promo-popup__form{width:100%;display:flex;flex-direction:column;gap:10px;margin:0}.oc-promo-popup__field{width:100%}.oc-promo-popup__input{width:100%;height:46px;padding:0 16px;border-radius:10px;border:1px solid rgba(var(--color-foreground, 62 55 44),.18);background:rgb(var(--color-background, 251 247 240));color:rgb(var(--color-foreground, 62 55 44));font-size:.9rem;text-align:center}.oc-promo-popup__input:focus{outline:none;border-color:var(--cta-color, #c89b3c)}.oc-promo-popup__input[aria-invalid=true]{border-color:#b3392c}.oc-promo-popup__error{margin:-2px 0 0;font-size:.78rem;color:#b3392c}.oc-promo-popup__success{margin:0;font-size:.95rem;line-height:1.5}.oc-promo-popup__button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--cta-height, 46px);padding:0 24px;border-radius:var(--cta-radius, 40px);border:var(--cta-border-width, 0) solid transparent;background:var(--cta-color, #c89b3c);color:var(--cta-text-color, #ffffff);font-size:var(--cta-font-size, 14px);font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s ease}.oc-promo-popup__button:hover{background:var(--cta-hover-color, #b68f35);color:var(--cta-text-color, #ffffff)}.oc-promo-popup__dismiss{margin:0;padding:2px;background:none;border:none;font-size:.8rem;text-decoration:underline;color:rgb(var(--color-foreground, 62 55 44));opacity:.55;cursor:pointer}.oc-promo-popup__dismiss:hover{opacity:.85}html.oc-popup-lock-scroll,html.oc-popup-lock-scroll body{overflow:hidden}@media screen and (max-width:749px){.oc-promo-popup__card{width:90vw;max-height:min(700px,calc(100vh - 24px))}.oc-promo-popup__card--image-only{max-height:min(620px,calc(100vh - 24px))}.oc-promo-popup__media{flex-basis:38%;min-height:100px}}@media screen and (max-height:640px){.oc-promo-popup__media{flex-basis:30%;min-height:80px}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/component-promo-popup.css.map */