.gq-app *,.gq-app *:before,.gq-app *:after{box-sizing:border-box}.gq-app{font-family:'Inter',system-ui,-apple-system,sans-serif;max-width:1280px;margin:0 auto;padding:32px 16px 64px;background:#f9fafb}.gq-app h1,.gq-app h2,.gq-app h3,.gq-app h4{line-height:1.2}.gq-panel{display:none;animation:gq-fadein .35s ease}.gq-panel.active{display:block}@keyframes gq-fadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.gq-hero-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-bottom:32px}@media (max-width:1024px){.gq-hero-layout{grid-template-columns:1fr}}.gq-hero{position:relative;background:linear-gradient(135deg,#111827 0%,#1f2937 50%,#111827 100%);border-radius:16px;overflow:hidden;min-height:320px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 60px rgba(0,0,0,.3)}.gq-hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(17,24,39,.95) 40%,rgba(17,24,39,.6) 100%)}.gq-hero-content{position:relative;z-index:2;padding:48px 56px;flex:1}.gq-hero-img-wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;padding:24px 40px 24px 0;flex-shrink:0}.gq-hero-glow-outer{position:absolute;width:420px;height:420px;background:radial-gradient(circle,rgba(234,88,12,.28) 0%,rgba(194,65,12,.08) 50%,transparent 70%);border-radius:50%;filter:blur(40px);pointer-events:none}.gq-hero-glow-inner{position:absolute;width:320px;height:320px;background:radial-gradient(circle,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 50%,transparent 70%);border-radius:50%;filter:blur(24px);pointer-events:none}.gq-hero-product-img{position:relative;z-index:1;max-width:480px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));transition:transform .5s ease}.gq-hero-product-img:hover{transform:scale(1.04)}.gq-hero-glow-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:220px;height:60px;background:rgba(234,88,12,.35);border-radius:50%;filter:blur(28px);pointer-events:none}@media (max-width:900px){.gq-hero-img-wrap{display:none}}.gq-hero-badge{display:inline-block;color:#ea580c;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.gq-hero-title{font-size:clamp(2.4rem,5vw,3.5rem);font-weight:800;color:#fff;margin:0 0 16px}.gq-hero-subtitle{font-size:1.05rem;color:#d1d5db;max-width:420px;line-height:1.65;margin:0}.gq-popular{margin-top:24px}.gq-popular-heading{font-size:1.15rem;font-weight:700;color:#111827;text-align:center;margin:0 0 16px}.gq-popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width:640px){.gq-popular-grid{grid-template-columns:1fr 1fr}}.gq-popular-skeleton{height:180px;background:linear-gradient(90deg,#e5e7eb 0%,#f3f4f6 50%,#e5e7eb 100%);background-size:200% 100%;border-radius:12px;animation:gq-shimmer 1.4s ease infinite}@keyframes gq-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}.gq-popular-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;display:flex;flex-direction:column;cursor:pointer;transition:all .25s ease}.gq-popular-card:hover{border-color:#fb923c;box-shadow:0 4px 16px rgba(234,88,12,.12);transform:translateY(-2px)}.gq-popular-img{width:100%;height:110px;background:#f9fafb;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px}.gq-popular-img img{max-width:100%;max-height:100%;object-fit:contain;padding:8px}.gq-popular-card h4{font-size:.82rem;font-weight:700;color:#111827;margin:0 0 4px}.gq-popular-card p{font-size:.72rem;color:#6b7280;margin:0 0 4px;flex:1;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gq-popular-sku{font-size:.68rem;color:#9ca3af;margin:0 0 10px}.gq-popular-cta{width:100%;padding:7px 10px;background:#ea580c;color:#fff;font-size:.72rem;font-weight:700;border:none;border-radius:7px;cursor:pointer;transition:background .2s}.gq-popular-cta:hover{background:#c2410c}.gq-contact-card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 4px 24px rgba(0,0,0,.08);position:sticky;top:24px;height:fit-content}.gq-cc-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.gq-cc-icon{width:40px;height:40px;background:#fff7ed;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.gq-cc-header h3{font-size:.92rem;font-weight:700;color:#111827;margin:0 0 4px}.gq-cc-header p{font-size:.78rem;color:#6b7280;margin:0;line-height:1.5}.gq-cc-highlight{background:linear-gradient(to right,#fff7ed,#fffbeb);border-left:4px solid #ea580c;border-radius:8px;padding:10px 14px;margin-bottom:16px}.gq-cc-highlight strong{display:block;font-size:.8rem;color:#111827;margin-bottom:3px}.gq-cc-highlight strong em{color:#ea580c;font-style:normal}.gq-cc-highlight span{font-size:.72rem;color:#374151;line-height:1.5}.gq-cc-form{display:flex;flex-direction:column;gap:10px}.gq-cc-field{display:flex;flex-direction:column;gap:5px}.gq-cc-field label{font-size:.74rem;font-weight:600;color:#374151}.gq-cc-input-wrap{position:relative}.gq-cc-input-wrap>svg:first-child{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.gq-cc-input-wrap input,.gq-cc-input-wrap select,.gq-cc-input-wrap textarea{width:100%;padding:8px 10px 8px 30px !important;font-size:.8rem;border:1px solid #d1d5db !important;border-radius:8px;outline:none;background:#fff;font-family:inherit;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.gq-cc-input-wrap textarea{padding-top:8px;resize:none}.gq-cc-input-wrap input:focus,.gq-cc-input-wrap select:focus,.gq-cc-input-wrap textarea:focus{border-color:#ea580c;box-shadow:0 0 0 3px rgba(234,88,12,.12)}.gq-cc-select-wrap select{padding-right:30px}.gq-cc-caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.gq-cc-note{font-size:.68rem;color:#9ca3af;text-align:center;margin:6px 0 0;line-height:1.5}.req{color:#ef4444}.opt{color:#9ca3af;font-size:.7em;font-weight:400}.gq-stepper-wrap{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.07);padding:28px 32px;margin-bottom:32px}.gq-stepper-track{position:relative}.gq-stepper-line{position:absolute;top:24px;left:0;right:0;height:2px;background:#e5e7eb;z-index:0}.gq-stepper-fill{height:100%;background:#ea580c;transition:width .5s ease}.gq-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1;gap:8px}@media (max-width:640px){.gq-steps-grid{grid-template-columns:repeat(2,1fr);gap:20px}}.gq-step-item{display:flex;flex-direction:column;align-items:center;text-align:center}.gq-step-bubble-wrap{position:relative;margin-bottom:10px}.gq-step-bubble{width:48px;height:48px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;position:relative;z-index:1;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.08);transform:scale(.95)}.gq-step-bubble.active{background:#ea580c;color:#fff;transform:scale(1.1);box-shadow:0 4px 16px rgba(234,88,12,.35);ring:4px solid rgba(234,88,12,.2)}.gq-step-bubble.done{background:#16a34a;color:#fff;transform:scale(1)}.gq-bubble-num{transition:opacity .2s}.gq-bubble-check{display:none}.gq-step-bubble.done .gq-bubble-num{display:none}.gq-step-bubble.done .gq-bubble-check{display:block}.gq-step-pulse{position:absolute;inset:0;border-radius:50%;background:#ea580c;opacity:.2;animation:gq-ping 1.5s ease-in-out infinite}@keyframes gq-ping{0%,100%{transform:scale(1);opacity:.2}50%{transform:scale(1.5);opacity:0}}.gq-step-label{display:flex;flex-direction:column;gap:2px}.gq-step-label strong{font-size:.78rem;font-weight:600;color:#9ca3af;transition:color .3s}.gq-step-label span{font-size:.68rem;color:#9ca3af;transition:color .3s}.gq-step-item.active .gq-step-label strong{color:#ea580c}.gq-step-item.active .gq-step-label span{color:#6b7280}.gq-step-item.done .gq-step-label strong{color:#16a34a}.gq-step-item.done .gq-step-label span{color:#6b7280}.gq-section-head{display:flex;align-items:center;gap:20px;margin-bottom:32px;flex-wrap:wrap}.gq-section-num{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;flex-shrink:0;box-shadow:0 4px 14px rgba(234,88,12,.35)}.gq-section-num--blue{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px rgba(37,99,235,.3)}.gq-section-head h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:#111827;margin:0 0 4px}.gq-section-head p{font-size:.9rem;color:#6b7280;margin:0}.gq-selected-badge{background:#ea580c;color:#fff;padding:5px 14px;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px rgba(234,88,12,.25);animation:gq-fadein .2s ease}.gq-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:768px){.gq-cat-grid{grid-template-columns:1fr}}.gq-cat-card{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column;align-items:center}.gq-cat-card:hover{border-color:#fb923c;box-shadow:0 12px 32px rgba(234,88,12,.15);transform:translateY(-6px) scale(1.02)}.gq-cat-icon-wrap{width:80px;height:80px;background:linear-gradient(135deg,#fff7ed,#fef3c7);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#ea580c;margin-bottom:20px;transition:all .3s;box-shadow:0 4px 12px rgba(234,88,12,.12)}.gq-cat-card:hover .gq-cat-icon-wrap{background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff;box-shadow:0 8px 20px rgba(234,88,12,.3)}.gq-cat-card h3{font-size:1.2rem;font-weight:700;color:#111827;margin:0 0 8px;transition:color .3s}.gq-cat-card:hover h3{color:#ea580c}.gq-cat-card p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.55}.gq-cat-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ea580c,#c2410c);transform:scaleX(0);transition:transform .3s ease;border-radius:0 0 14px 14px}.gq-cat-card:hover .gq-cat-bar{transform:scaleX(1)}.gq-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:28px}.gq-product-card{background:#fff;border:2px solid #e5e7eb;border-radius:14px;overflow:hidden;cursor:pointer;transition:all .25s ease}.gq-product-card:hover{border-color:#fb923c;transform:translateY(-3px);box-shadow:0 8px 24px rgba(234,88,12,.1)}.gq-product-card.selected{border-color:#ea580c;box-shadow:0 4px 16px rgba(234,88,12,.2);background:linear-gradient(to bottom,#fff 60%,#fff7ed)}.gq-product-img{width:100%;height:180px;background:#f9fafb;display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid #f3f4f6}.gq-product-img img{max-width:100%;max-height:100%;object-fit:contain}.gq-product-img .gq-no-img{font-size:3rem;opacity:.3}.gq-product-info{padding:18px}.gq-product-name{font-size:1rem;font-weight:700;color:#111827;margin:0 0 6px;min-height:44px;line-height:1.3}.gq-product-sku{font-size:.78rem;color:#9ca3af;margin:0 0 8px}.gq-product-price{font-size:.75rem;font-weight:400;color:#6b7280;margin:0 0 14px;line-height:1.4}.gq-product-price strong{display:block;font-size:1rem;font-weight:700;color:#16a34a}.gq-product-select{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #f3f4f6}.gq-product-select input[type=checkbox]{width:18px;height:18px;accent-color:#ea580c;cursor:pointer;flex-shrink:0}.gq-product-select label{font-size:.85rem;font-weight:500;color:#4b5563;cursor:pointer}.gq-loading{text-align:center;padding:56px 20px;color:#6b7280}.gq-spinner{width:44px;height:44px;border:4px solid #e5e7eb;border-top-color:#ea580c;border-radius:50%;margin:0 auto 16px;animation:gq-spin .7s linear infinite}@keyframes gq-spin{to{transform:rotate(360deg)}}.gq-empty-state{text-align:center;padding:56px 20px;color:#9ca3af}.gq-empty-icon{font-size:3.5rem;margin-bottom:12px;opacity:.4}.gq-empty-state p{font-size:.95rem;line-height:1.6}#gq-config-container{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.gq-config-card{background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.gq-config-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.gq-config-img{width:72px;height:72px;object-fit:contain;background:#f9fafb;border-radius:10px;padding:6px;border:1px solid #e5e7eb;flex-shrink:0}.gq-config-header h4{font-size:1.05rem;font-weight:700;color:#111827;margin:0 0 4px}.gq-config-header p{font-size:.83rem;color:#6b7280;margin:0}.gq-config-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.gq-form-group{display:flex;flex-direction:column;gap:7px}.gq-form-group label{font-size:.85rem;font-weight:600;color:#374151}.gq-config-select,.gq-config-quantity{width:100%;padding:10px 36px 10px 14px;border:2px solid #e5e7eb;border-radius:10px;font-size:.9rem;color:#111827;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;cursor:pointer}.gq-config-quantity{background-image:none;padding-right:14px;cursor:default}.gq-config-select:focus,.gq-config-quantity:focus{border-color:#ea580c;box-shadow:0 0 0 3px rgba(234,88,12,.12)}.gq-select-error{border-color:#ef4444 !important;box-shadow:0 0 0 3px rgba(239,68,68,.15) !important;animation:gq-shake .35s ease}@keyframes gq-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.gq-form-layout{display:grid;grid-template-columns:1fr 360px;gap:28px}@media (max-width:1024px){.gq-form-layout{grid-template-columns:1fr}}.gq-form-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 4px 20px rgba(0,0,0,.07)}.gq-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width:640px){.gq-form-grid{grid-template-columns:1fr}}.gq-form-field{display:flex;flex-direction:column;gap:7px}.gq-form-field--full{grid-column:1/-1}.gq-form-field label{font-size:.85rem;font-weight:600;color:#374151}.gq-fi{position:relative}.gq-fi>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.gq-fi input,.gq-fi textarea{width:100%;padding:11px 14px 11px 38px !important;font-size:.9rem;border:1px solid #d1d5db !important;border-radius:8px;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}.gq-fi textarea{resize:none;padding-top:11px}.gq-fi input:focus,.gq-fi textarea:focus{border-color:#ea580c;box-shadow:0 0 0 3px rgba(234,88,12,.12)}.gq-form-actions{display:flex;gap:14px;justify-content:space-between;margin-top:20px;flex-wrap:wrap}.gq-summary-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.07);position:sticky;top:24px;height:fit-content}.gq-summary-card h4{font-size:1.05rem;font-weight:700;color:#111827;margin:0 0 16px;padding-bottom:14px;border-bottom:2px solid #f3f4f6}.gq-summary-items{max-height:380px;overflow-y:auto}.gq-summary-item{padding:14px;background:#f9fafb;border-radius:10px;border-left:4px solid #ea580c;margin-bottom:10px}.gq-summary-item-name{font-size:.88rem;font-weight:700;color:#111827;margin-bottom:6px}.gq-summary-item-specs{font-size:.75rem;color:#6b7280;margin-bottom:2px}.gq-summary-item-price{font-size:.82rem;font-weight:700;color:#16a34a;margin-top:6px}.gq-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;font-size:.9rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .25s ease;font-family:inherit;white-space:nowrap;text-decoration:none}.gq-btn:disabled{opacity:.45;cursor:not-allowed;transform:none !important;box-shadow:none !important}.gq-btn-orange{background:#ea580c;color:#fff;box-shadow:0 4px 14px rgba(234,88,12,.28)}.gq-btn-orange:hover:not(:disabled){background:#c2410c;transform:translateY(-2px);box-shadow:0 6px 18px rgba(234,88,12,.38)}.gq-btn-ghost{background:#fff;color:#374151;border:2px solid #e5e7eb}.gq-btn-ghost:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.gq-btn-full{width:100%;justify-content:center}.gq-nav-row{display:flex;gap:14px;justify-content:space-between;margin-top:28px;align-items:center;flex-wrap:wrap}@media (max-width:640px){.gq-nav-row{flex-direction:column-reverse}.gq-nav-row .gq-btn{width:100%;justify-content:center}}.gq-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);z-index:99999;align-items:center;justify-content:center}.gq-modal.active{display:flex}.gq-modal-box{background:#fff;border-radius:20px;padding:44px 40px;max-width:460px;width:90%;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.25);animation:gq-modal-in .3s cubic-bezier(.4,0,.2,1)}@keyframes gq-modal-in{from{opacity:0;transform:scale(.88) translateY(20px)}to{opacity:1;transform:none}}.gq-modal-icon{font-size:3.5rem;margin-bottom:16px}.gq-modal-box h3{font-size:1.6rem;font-weight:800;color:#111827;margin:0 0 10px}.gq-modal-box p{font-size:1rem;color:#6b7280;margin:0 0 24px}@media (max-width:768px){.gq-hero-content{padding:32px 24px}.gq-hero-title{font-size:2.2rem}.gq-stepper-wrap{padding:20px 16px}.gq-popular-grid{grid-template-columns:repeat(2,1fr)}}