.popup-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:visibility .3s,opacity .3s ease;pointer-events:none}.popup-wrapper.active{visibility:visible;opacity:1;pointer-events:all}.popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}body.popup-open{overflow:hidden}.custom-popup{position:relative;background:var(--popup-bg, #fff);border:var(--popup-border, 2px solid #2c3e50);border-radius:var(--popup-border-radius, 20px);box-shadow:var(--popup-shadow, 0 25px 40px -12px rgba(0,0,0,.25));max-width:var(--popup-max-width, 460px);width:calc(100% - 40px);padding:var(--popup-padding, 28px);color:var(--popup-text-color, #1e293b);display:flex;flex-direction:column;gap:20px;z-index:2;animation:popupFadeIn .4s ease;max-height:90vh;overflow-y:auto}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close{position:absolute;top:14px;right:18px;background:none;border:none;cursor:pointer;color:inherit;opacity:.5;transition:opacity .2s;padding:4px;z-index:3;line-height:1}.popup-close:hover{opacity:1}.popup-text-section{display:flex;flex-direction:column;gap:10px}.popup-title{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding-right:20px}.popup-description{font-size:.95rem;line-height:1.5;opacity:.85;margin:0}.popup-image-wrapper{display:flex;justify-content:center;align-items:center;border-radius:14px;overflow:hidden;width:100%;background:#f1f5f9;border:1px solid rgba(0,0,0,.05)}.popup-image{width:100%;height:100%;object-fit:cover;display:block}.popup-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px;color:#64748b;font-size:.85rem;min-height:120px}.popup-image-placeholder svg{opacity:.4}.discount-copy-area{display:flex;flex-direction:column;gap:10px}.discount-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600;opacity:.7}.code-row{display:flex;align-items:center;gap:10px}.discount-code-box{background:var(--discount-bg, #f1f5f9);border:var(--discount-border, 1px dashed #0f172a);border-radius:12px;padding:14px 18px;font-size:1.3rem;font-weight:700;letter-spacing:1px;color:var(--discount-text-color, #0f172a);flex:1;text-align:center;word-break:break-all;cursor:pointer;-webkit-user-select:all;user-select:all;transition:background .2s}.discount-code-box:hover{filter:brightness(.96)}.copy-button{background:var(--copy-btn-bg, #0f172a);color:var(--copy-btn-text, #fff);border:none;border-radius:12px;padding:14px 18px;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap;border:1px solid transparent}.copy-button:hover{background:var(--copy-btn-hover, #1e293b);transform:scale(1.02)}.copy-button:active{transform:scale(.97)}.copy-button.copied{background:#166534;pointer-events:none}.copy-feedback{font-size:.8rem;color:#166534;font-weight:500;display:flex;align-items:center;gap:6px;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s;pointer-events:none}.copy-feedback.show{opacity:1;transform:translateY(0)}@media screen and (max-width:749px){.custom-popup{width:calc(100% - 32px);gap:16px}.popup-title{font-size:1.3rem}.code-row{flex-direction:column;align-items:stretch}.copy-button{justify-content:center}.discount-code-box{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-popup.css.map */