.modal-trigger-btn{background:#c8202f;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #007bff33}.modal-trigger-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.modal-trigger-btn:focus{outline:2px solid #c8202f;outline-offset:2px}.modal-trigger-btn:active{transform:translateY(0)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:all .3s ease;overflow:hidden}.modal-overlay.active .modal-container{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modal-title{margin:0;font-size:20px;font-weight:600;color:#111827}.modal-close-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#e5e7eb;color:#374151}.modal-close-btn:focus{outline:2px solid #c8202f;outline-offset:2px}.modal-body{flex:1;padding:0;overflow:hidden}.iframe-container{position:relative;width:100%;height:600px;min-height:400px}.customer-iframe{width:100%;height:100%;border:none;display:block}@media (max-width: 768px){.modal-overlay{padding:15px}.modal-container{max-width:100%;max-height:95vh;border-radius:8px}.modal-header{padding:16px 20px}.modal-title{font-size:18px}.iframe-container{height:500px;min-height:350px}}@media (max-width: 480px){.modal-overlay{padding:10px}.modal-container{border-radius:6px;max-height:98vh}.modal-header{padding:12px 16px}.modal-title{font-size:16px}.modal-trigger-btn{padding:10px 20px;font-size:14px}.iframe-container{height:450px;min-height:300px}}@media (max-width: 320px){.modal-overlay{padding:5px}.iframe-container{height:400px;min-height:280px}}.iframe-container:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #f3f3f3;border-top:3px solid #c8202f;border-radius:50%;animation:spin 1s linear infinite;z-index:1}.iframe-container.loaded:before{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-container,.modal-trigger-btn,.modal-close-btn{transition:none}.iframe-container:before{animation:none}}@media (prefers-contrast: high){.modal-overlay{background:#000c}.modal-container{border:2px solid #000}.modal-header{border-bottom:2px solid #000}}.modal-overlay:focus{outline:none}body.modal-open{overflow:hidden;padding-right:var(--scrollbar-width, 0)}
/*# sourceMappingURL=/cdn/shop/t/199/assets/modal-iframe.css.map */