.faq-chat-container{position:fixed;bottom:20px;left:20px;z-index:9999}.faq-chat-container.position-right{left:auto;right:20px}.faq-chat-container.position-left{right:auto;left:20px}.faq-chat-container .faq-icon-wrapper{position:relative;cursor:pointer;display:inline-block;width:var(--icon-width);height:var(--icon-height)}.faq-chat-container .faq-icon{position:absolute;top:0;left:0;width:var(--icon-width);height:var(--icon-height);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.faq-chat-container .open-icon{transform:rotate(0)}.faq-chat-container .close-icon{opacity:0;transform:rotate(-90deg)}.faq-chat-container.open .open-icon{opacity:0;transform:rotate(90deg)}.faq-chat-container.open .close-icon{opacity:1;transform:rotate(0)}.faq-chat-container .faq-bubble{position:absolute;bottom:calc(100% + 10px);left:0;background:#fff;color:#333;border-radius:20px;box-shadow:0 2px 6px #0003;display:none;pointer-events:none;flex-direction:column;justify-content:center;width:20vw;min-width:200px;max-height:60vh;min-height:50vh;overflow-y:auto;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}.faq-chat-container .faq-content{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 769px){.faq-chat-container .faq-content{min-width:300px}}.faq-chat-container.open .faq-bubble{display:flex;pointer-events:auto;opacity:1;transform:translateY(0);min-width:325px}.faq-chat-container .faq-bubble:after{content:"";position:absolute;bottom:-10px;left:20px;border:10px solid transparent;border-top-color:#fff}.faq-chat-container.position-right .faq-bubble:after{left:auto;right:20px}.faq-chat-container .faq-header{text-align:center;padding:20px 10px 10px}.faq-chat-container .faq-title{font-weight:700;font-size:24px}.faq-chat-container .faq-subtitle{font-size:16px;margin-top:8px}.faq-chat-container .faq-close-btn{display:none;background:#007bff;color:#fff;border:none;width:50%;height:40px;margin:50px auto 20px;border-radius:5px;cursor:pointer}.faq-chat-container .faq-body{flex:1;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:325px;margin-left:auto;margin-right:auto}.faq-chat-container .faq-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;width:100%;padding:10px;box-sizing:border-box;margin-top:25px}.faq-chat-container .faq-option{background:#f8f8f8;border-radius:var(--option-radius);text-align:center;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:none}.faq-chat-container .faq-option:hover{background:#eee}.faq-chat-container .faq-option img{width:50px;height:50px;object-fit:contain;margin-bottom:5px}.faq-chat-container .option-label{font-size:14px}.quote-options,.quantity-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;width:100%;padding:10px;box-sizing:border-box}.quote-option,.quantity-option{background:#f8f8f8;border-radius:var(--option-radius);text-align:center;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:none;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;width:100%;min-width:150px}.quantity-continue,.quantity-back{margin-top:10px;width:80%;padding:8px;border:none;border-radius:5px;display:block;margin-left:auto;margin-right:auto}.quote-option img,.quantity-option img{width:auto;height:50px;object-fit:contain;margin-bottom:5px;display:block;margin-left:auto;margin-right:auto}.quote-option .option-label,.quantity-option .option-label{font-size:14px}.quote-option.selected,.quantity-option.selected{transform:scale(1.05);background:#e0e0e0;box-shadow:0 2px 6px #0003}.quote-continue,.question-continue,.quote-submit,.question-submit,.quote-back,.question-back,.quote-form-back,.question-form-back,.design-continue,.design-back,.turnaround-info-back,.turnaround-back{margin-top:10px;width:80%;padding:8px;border:none;border-radius:5px;display:block;margin-left:auto;margin-right:auto}.quote-continue,.question-continue,.quantity-continue,.design-continue,.quote-submit,.question-submit{background:#ccc;color:#fff;cursor:not-allowed}.quote-back,.question-back,.quantity-back,.quote-form-back,.question-form-back,.design-back,.turnaround-info-back,.turnaround-back{background:#212121;color:#fff;cursor:pointer}.quote-continue.active,.question-continue.active,.design-continue.active,.quantity-continue.active,.quote-submit.active,.question-submit.active{background:#007bff;cursor:pointer}.progress-container{width:80%;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden;margin:10px auto;display:none}.progress-bar{width:0%;height:100%;background:#007bff;transition:width .5s ease-out}.quote-form{background:#fff}#faq-quote-form.contact-form{background-color:#fff;width:80%;margin-left:auto;margin-right:auto}.form-field{margin-bottom:10px;width:80%;margin-left:auto;margin-right:auto}.form-divider{width:80%;margin:10px auto;border-bottom:1px solid #ccc}.form-field input{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}.question-input,.design-input{width:75%;min-height:80px;padding:8px;border:1px solid #ccc;border-radius:5px;display:block;margin:10px auto}.turnaround-row{width:80%;margin:20px auto;display:flex;align-items:center;justify-content:center}.turnaround-icon{height:50px;margin-right:10px}.turnaround-details{text-align:left}.row-label{display:flex;gap:6px;font-size:16px}.order-range{font-weight:400;font-size:.9em}.order-time{margin-top:4px;font-weight:500}.turnaround-link{display:block;text-align:center;color:#007bff;margin:30px auto 10px;text-decoration:underline}.turnaround-estimate-btn{background:#007bff;color:#fff;font-weight:700;border:none;border-radius:5px;width:80%;padding:10px;display:block;margin:10px auto;cursor:pointer}.estimate-note{text-align:center;font-size:12px;margin-top:5px}.quote-step,.quantity-step,.question-step,.design-step,.turnaround-step,.turnaround-info-step,.quote-form,.question-form{display:none}.quote-step.show,.quantity-step.show,.question-step.show,.turnaround-step.show,.design-step.show,.turnaround-info-step.show,.quote-form.show,.question-form.show{display:block;animation:fadeSlideIn .2s ease forwards;width:100%;justify-content:center}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.faq-chat-container .faq-bubble{position:fixed;bottom:0;left:0;width:100vw;overflow-y:auto;min-height:100vh;border-radius:0;transform:translateY(100%)}.faq-chat-container .faq-bubble:after{display:none}.faq-chat-container.open .faq-bubble{display:flex;pointer-events:auto;transform:translateY(0)}.faq-chat-container .faq-close-btn{display:block}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/interactive-faq-chat.css.map */