.quotation-modal{--qt--color--accent-1: #333333;--qt--color--accent-2: #E5E5E5;--qt--border-radius: 5px;--qt--modal-size: 720px;position:fixed;top:0;left:0;width:100%;height:100%;max-width:100% !important;z-index:9999;display:none;opacity:0;transition:opacity .3s ease-in-out}.quotation-modal.show{display:flex;align-items:center;justify-content:center;opacity:1;margin-top:0}.quotation-modal .quotation-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quotation-modal .quotation-modal-content{position:relative;background:#fff;border-radius:var(--qt--border-radius);box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:var(--qt--modal-size);max-height:99vh;overflow:hidden;transform:scale(0.8);transition:transform .3s ease-in-out;animation:modalSlideIn .4s ease-out}.quotation-modal .quotation-modal-content.show{transform:scale(1)}.quotation-modal .quotation-modal-content .content-inner{overflow-y:auto;overflow-x:auto;max-height:calc(99vh - 100px);padding:60px 20px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#3498db #f1f1f1}.quotation-modal .quotation-modal-content .content-inner::-webkit-scrollbar{width:8px}.quotation-modal .quotation-modal-content .content-inner::-webkit-scrollbar-track{background:#f1f1f1;border-radius:var(--qt--border-radius)}.quotation-modal .quotation-modal-content .content-inner::-webkit-scrollbar-thumb{background:#333;border-radius:var(--qt--border-radius);-webkit-transition:background .3s ease;transition:background .3s ease}.quotation-modal .quotation-modal-content .content-inner::-webkit-scrollbar-thumb:hover{background:#2980b9}.quotation-modal .modal-close{background:var(--qt--color--accent-1);font-size:20px;cursor:pointer;color:#fff;border:1px solid #333;padding:0 0 2px 0;width:1.2em;height:1.2em;position:absolute;top:16px;right:16px;border-radius:50%;transition:all .2s ease;z-index:100;display:flex;justify-content:center;align-items:center}.quotation-modal .modal-close:hover{transform:translateY(-2px)}.quotation-modal .pdf-button-container{display:flex;justify-content:end}@media(max-width: 768px){.quotation-modal .pdf-button-container{margin:15px 0}}.quotation-modal .wp-pdf-generator{display:flex;gap:10px;cursor:pointer;font-size:1rem;padding:10px 70px;border:none;border-radius:60px;color:#fff;background-color:var(--wp--preset--color--accent-1);margin-bottom:10px}.quotation-modal.quotation-preview .quotation-modal-content{max-width:800px;width:100%}.quotation-modal.quotation-preview .quotation-modal-content .modal-body{padding:0;overflow:visible;max-height:none}.quotation-modal.quotation-preview .quotation-modal-content .wp-pdf-generator{position:sticky;bottom:20px;left:50%;transform:translateX(-50%);z-index:10;margin:20px 0;background:var(--qt--color--accent-1);border:none;color:#fff;padding:15px 30px;border-radius:var(--qt--border-radius);font-weight:600;cursor:pointer;box-shadow:0 4px 15px rgba(39,174,96,.3);transition:all .3s ease;font-size:16px}.quotation-modal.quotation-preview .quotation-modal-content .wp-pdf-generator:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 6px 20px rgba(39,174,96,.4)}.quotation-modal.quotation-preview .quotation-modal-content .wp-pdf-generator:active{transform:translateX(-50%) translateY(0)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(0.8) translateY(-50px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(0.8) translateY(-50px)}}@media(max-width: 768px){.quotation-modal .quotation-modal-content{max-width:95vw;max-height:95vh;margin:10px}.quotation-modal .quotation-modal-content .modal-header{padding:15px 20px}.quotation-modal .quotation-modal-content .modal-header h2{font-size:20px}.quotation-modal .quotation-modal-content .modal-body{padding:20px;max-height:calc(95vh - 120px)}.quotation-modal .quotation-modal-content .modal-footer{padding:15px 20px;flex-direction:column}.quotation-modal .quotation-modal-content .modal-footer .button{width:100%;margin-bottom:10px}.quotation-modal .quotation-modal-content .modal-footer .button:last-child{margin-bottom:0}.quotation-modal.quotation-preview .quotation-modal-content{max-width:95vw}.quotation-modal.quotation-preview .quotation-modal-content .wp-pdf-generator{width:calc(100% - 40px);margin:10px 20px;transform:none;left:auto}.quotation-modal.quotation-preview .quotation-modal-content .wp-pdf-generator:hover{transform:translateY(-2px)}.quotation-modal.quotation-preview .quotation-modal-content .wp-pdf-generator:active{transform:translateY(0)}}@media(max-width: 480px){.quotation-modal .quotation-modal-content{margin:5px;border-radius:var(--qt--border-radius)}.quotation-modal .quotation-modal-content .modal-header{padding:12px 15px}.quotation-modal .quotation-modal-content .modal-header h2{font-size:18px}.quotation-modal .quotation-modal-content .modal-header .close-button{width:35px;height:35px;font-size:24px}.quotation-modal .quotation-modal-content .modal-body{padding:15px}.quotation-modal .quotation-modal-content .modal-footer{padding:12px 15px}}@media print{.quotation-modal{position:static;display:block;opacity:1}.quotation-modal .quotation-modal-overlay{display:none}.quotation-modal .quotation-modal-content{box-shadow:none;border:1px solid #ccc;max-width:none;max-height:none;transform:none}}.quotation-modal.loading .quotation-modal-content{position:relative}.quotation-modal.loading .quotation-modal-content::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:10}.quotation-modal.loading .quotation-modal-content::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;z-index:11}@keyframes spin{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}.quotation-modal .scroll-indicator{position:absolute;top:20px;left:50%;transform:translateX(-50%);color:var(--qt--color--accent-1);padding:8px 16px;border-color:var(--qt--color--accent-1);border-radius:var(--qt--border-radius);font-size:12px;z-index:1000;transition:opacity .3s ease;pointer-events:none}.quotation-modal .scroll-indicator .scroll-indicator-inner{display:flex;align-items:center;gap:8px}.quotation-modal .scroll-indicator .scroll-indicator-inner .scroll-arrow{animation:bounce 2s infinite;font-weight:bold}.quotation-modal .scroll-to-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--qt--color--accent-1);color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease;z-index:10000;display:none}.quotation-modal .scroll-to-top-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(52,152,219,.4)}.quotation-modal .scroll-to-top-btn:active{transform:translateY(-1px)}.quotation-modal .content-inner{will-change:scroll-position;-webkit-overflow-scrolling:touch;-webkit-scroll-behavior:smooth;scroll-behavior:smooth;overscroll-behavior:contain;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:#3498db #f1f1f1}@media(max-width: 768px){.quotation-modal .content-inner{max-height:calc(95vh - 80px);padding:15px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.quotation-modal .scroll-to-top-btn{bottom:20px;right:20px;width:45px;height:45px;font-size:18px}.quotation-modal .scroll-indicator{top:15px;padding:6px 12px;font-size:11px}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}html{scroll-behavior:smooth}body.modal-open{overflow:hidden;position:fixed;width:100%}.quotation-content{color:#7e7e7e;line-height:1.8;padding:30px 30px 0;width:100%}.quotation-content .head{display:flex;justify-content:space-between;align-items:top;margin-bottom:50px;font-size:12px}.quotation-content .head img{width:250px}.quotation-content .head p{text-align:right;margin-bottom:5px}.quotation-content .customer-address{margin-bottom:50px;font-size:12px}.quotation-content .customer-address h3{font-size:14px;margin-bottom:10px}.quotation-content .product-detail table{width:100%;border-collapse:collapse;margin-bottom:30px;font-size:12px}.quotation-content .product-detail table thead{background-color:#7e7e7e;color:#fff}.quotation-content .product-detail table thead th{padding:10px 30px;font-weight:normal}.quotation-content .product-detail table tbody td{padding:10px 30px;border-bottom:1px solid #ccc}.quotation-content .product-detail table .text-left{text-align:left}.quotation-content .product-detail table .text-right{text-align:right}.quotation-content .product-detail table .no{width:5%}.quotation-content .product-detail table .sku{width:15%;padding:5px 0 10px;text-align:center}.quotation-content .product-detail table .sku-text{margin-top:-15px}.quotation-content .product-detail table .product-name{width:40%}.quotation-content .product-detail table .quantity{width:10%}.quotation-content .product-detail table .price{width:15%}.quotation-content .product-detail table .total{width:15%}.quotation-content .product-detail table .vat-row td{border-bottom:0}.quotation-content .product-detail table .total-row td{border-top:1px solid #000;border-bottom:1px solid #000;font-weight:bold}.quotation-content .border-none{border-bottom:none !important;padding:0 !important}.quotation-form{padding:16px 30px;border-radius:var(--qt--border-radius);position:relative;overflow:hidden}.quotation-form .noti-error{color:#e74c3c;font-size:14px;font-weight:500;margin-bottom:24px;display:none}.quotation-form .form-fields{display:grid;gap:20px;margin-bottom:25px}.quotation-form input[type=text],.quotation-form input[type=email],.quotation-form input[type=tel],.quotation-form textarea{width:100%;padding:10px;border:1px solid var(--qt--color--accent-2);border-radius:var(--qt--border-radius);margin-bottom:16px;font-size:16px;background:#fff;color:#2c3e50;transition:all .3s ease;box-sizing:border-box;position:relative}.quotation-form input[type=text]::-moz-placeholder, .quotation-form input[type=email]::-moz-placeholder, .quotation-form input[type=tel]::-moz-placeholder, .quotation-form textarea::-moz-placeholder{color:#95a5a6;font-weight:400;-moz-transition:color .3s ease;transition:color .3s ease}.quotation-form input[type=text]::placeholder,.quotation-form input[type=email]::placeholder,.quotation-form input[type=tel]::placeholder,.quotation-form textarea::placeholder{color:#95a5a6;font-weight:400;transition:color .3s ease}.quotation-form input[type=text]:focus,.quotation-form input[type=email]:focus,.quotation-form input[type=tel]:focus,.quotation-form textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 4px rgba(52,152,219,.1);transform:translateY(-2px)}.quotation-form input[type=text]:focus::-moz-placeholder, .quotation-form input[type=email]:focus::-moz-placeholder, .quotation-form input[type=tel]:focus::-moz-placeholder, .quotation-form textarea:focus::-moz-placeholder{color:#bdc3c7;transform:translateY(-2px)}.quotation-form input[type=text]:focus::placeholder,.quotation-form input[type=email]:focus::placeholder,.quotation-form input[type=tel]:focus::placeholder,.quotation-form textarea:focus::placeholder{color:#bdc3c7;transform:translateY(-2px)}.quotation-form input[type=text]:hover,.quotation-form input[type=email]:hover,.quotation-form input[type=tel]:hover,.quotation-form textarea:hover{border-color:#bdc3c7;transform:translateY(-1px)}.quotation-form input[type=text]:valid,.quotation-form input[type=email]:valid,.quotation-form input[type=tel]:valid,.quotation-form textarea:valid{border-color:var(--qt--color--accent-2)}.quotation-form input[type=text]:invalid:not(:-moz-placeholder-shown), .quotation-form input[type=email]:invalid:not(:-moz-placeholder-shown), .quotation-form input[type=tel]:invalid:not(:-moz-placeholder-shown), .quotation-form textarea:invalid:not(:-moz-placeholder-shown){border-color:#e74c3c;box-shadow:0 0 0 4px rgba(231,76,60,.1)}.quotation-form input[type=text]:invalid:not(:placeholder-shown),.quotation-form input[type=email]:invalid:not(:placeholder-shown),.quotation-form input[type=tel]:invalid:not(:placeholder-shown),.quotation-form textarea:invalid:not(:placeholder-shown){border-color:#e74c3c;box-shadow:0 0 0 4px rgba(231,76,60,.1)}.quotation-form textarea{min-height:120px;resize:vertical;line-height:1.6}.quotation-form textarea::-webkit-scrollbar{width:8px}.quotation-form textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:var(--qt--border-radius)}.quotation-form textarea::-webkit-scrollbar-thumb{background:#3498db;border-radius:var(--qt--border-radius)}.quotation-form textarea::-webkit-scrollbar-thumb:hover{background:#2980b9}.quotation-form button[type=submit]{padding:10px 30px;background:var(--qt--color--accent-1);color:#fff;border:none;border-radius:1000px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;float:right;width:100%;max-width:150px}.quotation-form button[type=submit]:hover{color:#fff;background:var(--qt--color--accent-1)}.quotation-form .form-message{margin-top:15px;padding:12px 16px;border-radius:var(--qt--border-radius);font-size:14px;font-weight:500;text-align:center;transition:all .3s ease}.quotation-form .form-message.success{background:rgba(39,174,96,.1);color:var(--qt--color--accent-2);border:1px solid rgba(39,174,96,.2)}.quotation-form .form-message.error{background:rgba(231,76,60,.1);color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.quotation-form .form-message.loading{background:rgba(52,152,219,.1);color:#3498db;border:1px solid rgba(52,152,219,.2)}.quotation-form label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:14px}.quotation-form .required{color:#e74c3c;margin-left:4px}.quotation-form .form-group{position:relative}.quotation-form .form-group.has-icon input,.quotation-form .form-group.has-icon textarea{padding-left:50px}.quotation-form .form-group.has-icon .field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#95a5a6;font-size:18px;transition:color .3s ease}.quotation-form .form-group.has-icon input:focus+.field-icon,.quotation-form .form-group.has-icon textarea:focus+.field-icon{color:#3498db}@media(max-width: 768px){.quotation-form{margin:20px auto;padding:25px 20px;border-radius:var(--qt--border-radius)}.quotation-form input[type=text],.quotation-form input[type=email],.quotation-form input[type=tel],.quotation-form textarea{padding:14px 16px;font-size:16px}.quotation-form button[type=submit]{padding:16px 24px;font-size:16px}.quotation-form .form-fields{gap:16px}}@media(max-width: 480px){.quotation-form{margin:15px;padding:20px 15px}.quotation-form input[type=text],.quotation-form input[type=email],.quotation-form input[type=tel],.quotation-form textarea{padding:12px 14px}.quotation-form button[type=submit]{padding:14px 20px;font-size:16px}}/*# sourceMappingURL=quotation.css.map */