.mahj-mockup-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;align-items:center;justify-content:center;background:#0009}.mahj-mockup-modal[open]{display:flex}.mahj-mockup-modal__dialog{position:relative;background:#fff;border-radius:12px;max-width:600px;width:90vw;max-height:90vh;overflow-y:auto;padding:2rem}.mahj-mockup-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#333;padding:.25rem;z-index:1}.mahj-mockup-modal__close:hover{color:#000}.mahj-mockup-modal__content{flex:1;display:flex;align-items:center;justify-content:center;min-height:400px;overflow-y:auto}.mahj-mockup-modal__state{display:none;width:100%}.mahj-mockup-modal__state.is-active{display:flex}.mahj-mockup-modal__loading{flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.mahj-mockup-modal__spinner{width:56px;height:56px;border:3px solid #e8e0ec;border-top-color:#a070b0;border-radius:50%;animation:mahj-spin .8s linear infinite}@keyframes mahj-spin{to{transform:rotate(360deg)}}.mahj-mockup-modal__loading-text{font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:500;color:#333;margin:0;letter-spacing:.01em}.mahj-mockup-modal__loading-subtext{font-family:Poppins,sans-serif;font-size:.8rem;color:#999;margin:-.5rem 0 0;animation:mahj-pulse 2s ease-in-out infinite}@keyframes mahj-pulse{0%,to{opacity:.5}50%{opacity:1}}.mahj-mockup-modal__error{align-items:center;justify-content:center}.mahj-mockup-modal__error-text{font-family:Poppins,sans-serif;font-size:.9rem;color:#c44;margin:0}.mahj-mockup-modal__gallery{flex-direction:column;align-items:center}.mahj-mockup-modal__note{font-family:Poppins,sans-serif;font-size:.75rem;color:#999;text-align:center;margin:0 0 1rem}.mahj-mockup-modal__images{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:500px;margin:0 auto}.mahj-mockup-modal__image-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mahj-mockup-modal__image-wrap img{width:100%;max-height:60vh;object-fit:contain;border-radius:8px;background:#f5f5f5}.mahj-mockup-modal__image-label{font-family:Poppins,sans-serif;font-size:.8rem;color:#666}@media(max-width:600px){.mahj-mockup-modal__images{grid-template-columns:1fr}.mahj-mockup-modal__dialog{padding:1.5rem;max-height:90vh}.mahj-mockup-modal__image-wrap img{max-height:50vh}}.mahj-mockup-trigger-wrap{margin-top:1.25rem;display:flex;flex-direction:column;gap:.4rem}.mahj-mockup-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:#a070b014;border:1.5px solid #a070b0;color:#a070b0;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:500;padding:.85rem 2rem;border-radius:8px;cursor:pointer;transition:background .2s,color .2s,border-color .2s;width:100%;max-width:340px}.mahj-mockup-trigger:hover{background:#a070b0;color:#fff;border-color:#a070b0}.mahj-mockup-trigger__icon{font-size:1.2rem;line-height:1}.mahj-mockup-trigger-hint{font-family:Poppins,sans-serif;font-size:.75rem;color:#999;margin:0;max-width:280px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mahj-mockup-modal.css.map */