.moonou-promo-modal{display:flex;align-items:center;justify-content:center}.moonou-promo-modal[open]{pointer-events:auto}.moonou-promo-modal .overlay{background:#00000080;transition:opacity .3s ease,visibility .3s ease}.moonou-promo-modal[active] .overlay{visibility:visible;opacity:1;pointer-events:auto}.moonou-promo-modal__card{position:relative;z-index:10;overflow:hidden;width:calc(100% - 32px);max-width:var(--mpg-card-width, 440px);max-height:calc(100dvh - 32px);margin:0;padding:0;border-radius:var(--mpg-card-radius, 16px);background:var(--mpg-card-bg, #ffffff);box-shadow:0 20px 60px #00000026;opacity:0;transform:translateY(16px) scale(.97);transition:opacity .3s ease,transform .3s ease;overflow-y:auto}.moonou-promo-modal[active] .moonou-promo-modal__card{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.moonou-promo-modal__close{position:absolute;top:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:#ffffffe6;cursor:pointer;transition:background .2s ease}.moonou-promo-modal__close:hover{background:#f0f0f0}.moonou-promo-modal__close svg{width:18px;height:18px}.moonou-promo-modal .moonou-image-gallery{margin:0;padding:0;border-radius:var(--mpg-card-radius, 16px) var(--mpg-card-radius, 16px) 0 0}.moonou-promo-modal__body{display:flex;flex-direction:column;gap:var(--mpg-text-gap, 12px);padding:var(--mpg-body-padding-top, 24px) var(--mpg-body-padding-x, 28px) var(--mpg-body-padding-bottom, 28px)}.moonou-promo-modal__heading{margin:0;color:var(--mpg-title-color, #000000);font-size:var(--mpg-title-font, 20px);font-weight:600;line-height:1.3}.moonou-promo-modal__text{display:flex;flex-direction:column;gap:var(--mpg-text-gap, 12px);color:var(--mpg-text-color, #666666);font-size:var(--mpg-text-font, 15px);line-height:1.65}.moonou-promo-modal__text p{margin:0}.moonou-promo-modal__value strong{color:var(--mpg-title-color, #000000)}.moonou-promo-modal .moonou-image-gallery__dots{bottom:var(--mpg-dots-bottom, 12px)}.moonou-promo-modal .moonou-image-gallery__dot{color:var(--mpg-dot-color, #222222)}@media(prefers-reduced-motion:reduce){.moonou-promo-modal__card,.moonou-promo-modal .overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/moonou-promo-popup.css.map */