Simplified FAQ | Precision Hardware Industry<\/title>\r\n <style>\r\n \/* RESET & GLOBAL STYLES \u2013 compatible with Elementor themes *\/\r\n .precision-faq-wrapper {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 2rem 1.5rem;\r\n font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #f8fafc;\r\n border-radius: 32px;\r\n }\r\n\r\n \/* custom font fallback *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap');\r\n\r\n \/* FAQ header area *\/\r\n .faq-header {\r\n margin-bottom: 2.5rem;\r\n text-align: center;\r\n }\r\n .faq-header h2 {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n background: linear-gradient(135deg, #1E2A3E 0%, #0F2B3D 100%);\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 0.5rem;\r\n }\r\n .faq-header p {\r\n color: #475569;\r\n font-size: 1.05rem;\r\n border-bottom: 2px solid #e2e8f0;\r\n display: inline-block;\r\n padding-bottom: 0.5rem;\r\n }\r\n .global-actions {\r\n display: flex;\r\n justify-content: flex-end;\r\n gap: 0.75rem;\r\n margin-bottom: 1.8rem;\r\n flex-wrap: wrap;\r\n }\r\n .toggle-all-btn {\r\n background: white;\r\n border: 1px solid #cbd5e1;\r\n padding: 0.5rem 1.2rem;\r\n border-radius: 60px;\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: #1e293b;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\r\n font-family: inherit;\r\n }\r\n .toggle-all-btn:hover {\r\n background: #eef2ff;\r\n border-color: #94a3b8;\r\n transform: translateY(-1px);\r\n }\r\n\r\n \/* category card *\/\r\n .faq-category {\r\n background: #ffffff;\r\n border-radius: 28px;\r\n margin-bottom: 1.5rem;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.03), 0 2px 6px rgba(0,0,0,0.05);\r\n transition: box-shadow 0.2s;\r\n overflow: hidden;\r\n border: 1px solid #eef2f6;\r\n }\r\n .faq-category:hover {\r\n box-shadow: 0 20px 30px -12px rgba(0,0,0,0.08);\r\n }\r\n\r\n \/* category toggle button (header) *\/\r\n .category-toggle {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n padding: 1.25rem 2rem;\r\n background: white;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: #0f172a;\r\n letter-spacing: -0.2px;\r\n transition: background 0.2s;\r\n text-align: left;\r\n font-family: inherit;\r\n border-bottom: 1px solid transparent;\r\n }\r\n .category-toggle:hover {\r\n background: #f9fbfe;\r\n }\r\n .category-toggle:focus-visible {\r\n outline: 2px solid #2c7da0;\r\n outline-offset: 2px;\r\n border-radius: 28px;\r\n }\r\n .cat-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n .cat-icon {\r\n font-size: 1.6rem;\r\n font-weight: 500;\r\n }\r\n .toggle-icon {\r\n font-size: 1.6rem;\r\n transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n color: #3b82f6;\r\n font-weight: 300;\r\n }\r\n .category-toggle[aria-expanded=\"true\"] .toggle-icon {\r\n transform: rotate(180deg);\r\n }\r\n\r\n \/* content wrapper *\/\r\n .category-content {\r\n padding: 0 1.8rem 1.5rem 1.8rem;\r\n border-top: 1px solid #eef2f8;\r\n background: #ffffff;\r\n }\r\n\r\n \/* individual Q&A items *\/\r\n .faq-item {\r\n padding: 1.2rem 0 0.8rem 0;\r\n border-bottom: 1px solid #f0f4f9;\r\n }\r\n .faq-item:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0.5rem;\r\n }\r\n .question {\r\n font-weight: 700;\r\n font-size: 1.04rem;\r\n color: #0c4e6e;\r\n display: flex;\r\n align-items: baseline;\r\n gap: 10px;\r\n margin-bottom: 0.5rem;\r\n }\r\n .question::before {\r\n content: \"Q\";\r\n font-weight: 800;\r\n background: #e6f0fa;\r\n color: #1e6f9f;\r\n width: 26px;\r\n height: 26px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n font-size: 0.85rem;\r\n flex-shrink: 0;\r\n }\r\n .answer {\r\n color: #1e2f3e;\r\n line-height: 1.5;\r\n font-size: 0.96rem;\r\n padding-left: 36px;\r\n margin-top: -0.2rem;\r\n }\r\n .answer p {\r\n margin: 0.4rem 0;\r\n }\r\n .answer strong, .answer b {\r\n color: #1e4762;\r\n }\r\n\r\n \/* responsive touch *\/\r\n @media (max-width: 640px) {\r\n .precision-faq-wrapper {\r\n padding: 1.25rem;\r\n }\r\n .category-toggle {\r\n padding: 1rem 1.2rem;\r\n font-size: 1.1rem;\r\n }\r\n .category-content {\r\n padding: 0 1rem 1rem 1rem;\r\n }\r\n .answer {\r\n padding-left: 20px;\r\n }\r\n .question::before {\r\n width: 22px;\r\n height: 22px;\r\n font-size: 0.75rem;\r\n }\r\n .global-actions {\r\n justify-content: center;\r\n }\r\n }\r\n\r\n \/* animation for content smoothness *\/\r\n .category-content {\r\n transition: opacity 0.2s ease;\r\n }\r\n .faq-category {\r\n transition: all 0.2s;\r\n }\r\n\r\n ::selection {\r\n background: #dbeafe;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"precision-faq-wrapper\">\r\n <div class=\"faq-header\">\r\n <h2>\ud83d\udcd8 Simplified FAQ <span style=\"background: linear-gradient(120deg, #1E5A7D, #10455F); background-clip: text; -webkit-background-clip: text; color: transparent;\">for Precision Hardware Industry<\/span><\/h2>\r\n <p>Quotation \u00b7 Quality Control \u00b7 Complaint Handling<\/p>\r\n <\/div>\r\n \r\n <div class=\"global-actions\">\r\n <button class=\"toggle-all-btn\" id=\"expandAllBtn\">\ud83d\udcc2 Expand all sections<\/button>\r\n <button class=\"toggle-all-btn\" id=\"collapseAllBtn\">\ud83d\udcc1 Collapse all sections<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-category\" data-category=\"inquiry\">\r\n <button class=\"category-toggle\" aria-expanded=\"true\" aria-controls=\"cat-content-1\">\r\n <span class=\"cat-title\">\r\n <span class=\"cat-icon\">\ud83d\udccb<\/span> \r\n I. Inquiry & Order\r\n <\/span>\r\n <span class=\"toggle-icon\">\u25bc<\/span>\r\n <\/button>\r\n <div class=\"category-content\" id=\"cat-content-1\">\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"question\">What information is needed for quotation?<\/div>\r\n <div class=\"answer\">2D\/3D drawings, product quantity, material, surface treatment and special requirements.<\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"question\">Can samples be provided? What about the sample fee and delivery time?<\/div>\r\n <div class=\"answer\">Yes, samples are available. Calculated by working hours, which can be refunded when mass production meets the standard.<\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"question\">What is the Minimum Order Quantity (MOQ)?<\/div>\r\n <div class=\"answer\">500-1000 pieces for standard parts, 100-500 pieces for non-standard parts, and 50 pieces for precision small parts (negotiable).<\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-category\" data-category=\"quality\">\r\n <button class=\"category-toggle\" aria-expanded=\"false\" aria-controls=\"cat-content-2\">\r\n <span class=\"cat-title\">\r\n <span class=\"cat-icon\">\ud83d\udd0d<\/span> \r\n II. How is quality controlled?\r\n <\/span>\r\n <span class=\"toggle-icon\">\u25bc<\/span>\r\n <\/button>\r\n <div class=\"category-content\" id=\"cat-content-2\" style=\"display: none;\">\r\n <div class=\"faq-item\">\r\n <div class=\"question\">Control Process<\/div>\r\n <div class=\"answer\">\r\n Incoming inspection \u2192 process control (first article confirmation) \u2192 finished product inspection (full inspection of function, appearance, and packaging according to AQL standards) \u2192 disposal of non-conforming products. Quality engineer determines \"concession acceptance, rework, scrap\" \u2192 shipment release. QA manager verifies that all inspection records are complete and qualified.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-category\" data-category=\"complaints\">\r\n <button class=\"category-toggle\" aria-expanded=\"false\" aria-controls=\"cat-content-3\">\r\n <span class=\"cat-title\">\r\n <span class=\"cat-icon\">\ud83d\udcde<\/span> \r\n III. How to handle customer complaints?\r\n <\/span>\r\n <span class=\"toggle-icon\">\u25bc<\/span>\r\n <\/button>\r\n <div class=\"category-content\" id=\"cat-content-3\" style=\"display: none;\">\r\n <div class=\"faq-item\">\r\n <div class=\"question\">Customer complaint handling process:<\/div>\r\n <div class=\"answer\">\r\n 1. Acceptance and registration: The customer service specialist will respond within 2 hours.<br>\r\n 2. Problem classification and circulation<br>\r\n 3. Reason analysis and solution<br>\r\n 4. Customer confirmation<br>\r\n 5. Closing and Archiving.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"text-align: center; margin-top: 2rem; font-size: 0.75rem; color: #6c7a8e; border-top: 1px solid #e2edf2; padding-top: 1.5rem;\">\r\n Precision Hardware FAQ | Based on official documentation\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n (function() {\r\n \/\/ Get all category containers and buttons\r\n const categories = document.querySelectorAll('.faq-category');\r\n const expandAllBtn = document.getElementById('expandAllBtn');\r\n const collapseAllBtn = document.getElementById('collapseAllBtn');\r\n\r\n \/\/ Helper: toggle a specific category's content & aria-expanded\r\n function setCategoryState(categoryElement, isExpanded) {\r\n const toggleBtn = categoryElement.querySelector('.category-toggle');\r\n const contentDiv = categoryElement.querySelector('.category-content');\r\n if (!toggleBtn || !contentDiv) return;\r\n \r\n if (isExpanded) {\r\n contentDiv.style.display = 'block';\r\n toggleBtn.setAttribute('aria-expanded', 'true');\r\n } else {\r\n contentDiv.style.display = 'none';\r\n toggleBtn.setAttribute('aria-expanded', 'false');\r\n }\r\n }\r\n\r\n \/\/ Toggle individual category when clicking header button\r\n function bindToggleEvents() {\r\n categories.forEach(cat => {\r\n const btn = cat.querySelector('.category-toggle');\r\n if (!btn) return;\r\n if (btn._listener) btn.removeEventListener('click', btn._listener);\r\n const clickHandler = function(e) {\r\n e.preventDefault();\r\n const currentExpanded = btn.getAttribute('aria-expanded') === 'true';\r\n setCategoryState(cat, !currentExpanded);\r\n };\r\n btn.addEventListener('click', clickHandler);\r\n btn._listener = clickHandler;\r\n });\r\n }\r\n\r\n \/\/ Expand all sections\r\n function expandAllCategories() {\r\n categories.forEach(cat => {\r\n setCategoryState(cat, true);\r\n });\r\n }\r\n\r\n \/\/ Collapse all sections\r\n function collapseAllCategories() {\r\n categories.forEach(cat => {\r\n setCategoryState(cat, false);\r\n });\r\n }\r\n\r\n \/\/ Set initial states: first category expanded, others collapsed\r\n function setInitialStates() {\r\n if (categories.length > 0) {\r\n setCategoryState(categories[0], true);\r\n }\r\n for (let i = 1; i < categories.length; i++) {\r\n setCategoryState(categories[i], false);\r\n }\r\n }\r\n\r\n if (expandAllBtn) {\r\n expandAllBtn.addEventListener('click', expandAllCategories);\r\n }\r\n if (collapseAllBtn) {\r\n collapseAllBtn.addEventListener('click', collapseAllCategories);\r\n }\r\n\r\n bindToggleEvents();\r\n setInitialStates();\r\n\r\n window.addEventListener('load', function() {\r\n bindToggleEvents();\r\n });\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-661d38a1 e-flex e-con-boxed e-con e-parent\" data-id=\"661d38a1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4d10f22c e-flex e-con-boxed e-con e-child\" data-id=\"4d10f22c\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5adbd7ef e-con-full e-flex e-con e-child\" data-id=\"5adbd7ef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f369e2e elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-jkit_animated_text\" data-id=\"f369e2e\" data-element_type=\"widget\" data-widget_type=\"jkit_animated_text.default\">\n\t\t\t\t\t<div class=\"jeg-elementor-kit jkit-animated-text jeg_module___6aa3fd7b36fa2\" data-style=\"highlighted\" data-text=\"\" data-shape=\"underline\"><h2 class=\"animated-text\"><span class=\"normal-text style-color\">Contact Us for Assistance: Your Questions Matter!<\/span><span class=\"dynamic-wrapper style-color\"><span class=\"dynamic-text\"><\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\"><path class=\"style-color\" d=\"M3,77.5s200.54-11,493,0\" transform=\"translate(-2.75 -68.11)\"\/><\/svg><\/span><span class=\"normal-text style-color\"><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-584d0d3e elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-jkit_button\" data-id=\"584d0d3e\" data-element_type=\"widget\" data-widget_type=\"jkit_button.default\">\n\t\t\t\t\t<div class=\"jeg-elementor-kit jkit-button icon-position-before jeg_module__1_6aa3fd7b3a432\" ><a href=\"\" class=\"jkit-button-wrapper hover-gradient\"><span>Ask a Question<\/span><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Simplified FAQ | Precision Hardware Industry \ud83d\udcd8 Simplified FAQ for Precision Hardware Industry Quotation \u00b7 Quality Control \u00b7 Complaint Handling […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-90","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/pages\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":16,"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":647,"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/pages\/90\/revisions\/647"}],"wp:attachment":[{"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Simplified FAQ | Precision Hardware Industry<\/title>\r\n <style>\r\n \/* RESET & GLOBAL STYLES \u2013 compatible with Elementor themes *\/\r\n .precision-faq-wrapper {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 2rem 1.5rem;\r\n font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n background-color: #f8fafc;\r\n border-radius: 32px;\r\n }\r\n\r\n \/* custom font fallback *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap');\r\n\r\n \/* FAQ header area *\/\r\n .faq-header {\r\n margin-bottom: 2.5rem;\r\n text-align: center;\r\n }\r\n .faq-header h2 {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n background: linear-gradient(135deg, #1E2A3E 0%, #0F2B3D 100%);\r\n background-clip: text;\r\n -webkit-background-clip: text;\r\n color: transparent;\r\n letter-spacing: -0.02em;\r\n margin-bottom: 0.5rem;\r\n }\r\n .faq-header p {\r\n color: #475569;\r\n font-size: 1.05rem;\r\n border-bottom: 2px solid #e2e8f0;\r\n display: inline-block;\r\n padding-bottom: 0.5rem;\r\n }\r\n .global-actions {\r\n display: flex;\r\n justify-content: flex-end;\r\n gap: 0.75rem;\r\n margin-bottom: 1.8rem;\r\n flex-wrap: wrap;\r\n }\r\n .toggle-all-btn {\r\n background: white;\r\n border: 1px solid #cbd5e1;\r\n padding: 0.5rem 1.2rem;\r\n border-radius: 60px;\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n color: #1e293b;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n box-shadow: 0 1px 2px rgba(0,0,0,0.02);\r\n font-family: inherit;\r\n }\r\n .toggle-all-btn:hover {\r\n background: #eef2ff;\r\n border-color: #94a3b8;\r\n transform: translateY(-1px);\r\n }\r\n\r\n \/* category card *\/\r\n .faq-category {\r\n background: #ffffff;\r\n border-radius: 28px;\r\n margin-bottom: 1.5rem;\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.03), 0 2px 6px rgba(0,0,0,0.05);\r\n transition: box-shadow 0.2s;\r\n overflow: hidden;\r\n border: 1px solid #eef2f6;\r\n }\r\n .faq-category:hover {\r\n box-shadow: 0 20px 30px -12px rgba(0,0,0,0.08);\r\n }\r\n\r\n \/* category toggle button (header) *\/\r\n .category-toggle {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n padding: 1.25rem 2rem;\r\n background: white;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 1.3rem;\r\n font-weight: 700;\r\n color: #0f172a;\r\n letter-spacing: -0.2px;\r\n transition: background 0.2s;\r\n text-align: left;\r\n font-family: inherit;\r\n border-bottom: 1px solid transparent;\r\n }\r\n .category-toggle:hover {\r\n background: #f9fbfe;\r\n }\r\n .category-toggle:focus-visible {\r\n outline: 2px solid #2c7da0;\r\n outline-offset: 2px;\r\n border-radius: 28px;\r\n }\r\n .cat-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n .cat-icon {\r\n font-size: 1.6rem;\r\n font-weight: 500;\r\n }\r\n .toggle-icon {\r\n font-size: 1.6rem;\r\n transition: transform 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\r\n color: #3b82f6;\r\n font-weight: 300;\r\n }\r\n .category-toggle[aria-expanded=\"true\"] .toggle-icon {\r\n transform: rotate(180deg);\r\n }\r\n\r\n \/* content wrapper *\/\r\n .category-content {\r\n padding: 0 1.8rem 1.5rem 1.8rem;\r\n border-top: 1px solid #eef2f8;\r\n background: #ffffff;\r\n }\r\n\r\n \/* individual Q&A items *\/\r\n .faq-item {\r\n padding: 1.2rem 0 0.8rem 0;\r\n border-bottom: 1px solid #f0f4f9;\r\n }\r\n .faq-item:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0.5rem;\r\n }\r\n .question {\r\n font-weight: 700;\r\n font-size: 1.04rem;\r\n color: #0c4e6e;\r\n display: flex;\r\n align-items: baseline;\r\n gap: 10px;\r\n margin-bottom: 0.5rem;\r\n }\r\n .question::before {\r\n content: \"Q\";\r\n font-weight: 800;\r\n background: #e6f0fa;\r\n color: #1e6f9f;\r\n width: 26px;\r\n height: 26px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n font-size: 0.85rem;\r\n flex-shrink: 0;\r\n }\r\n .answer {\r\n color: #1e2f3e;\r\n line-height: 1.5;\r\n font-size: 0.96rem;\r\n padding-left: 36px;\r\n margin-top: -0.2rem;\r\n }\r\n .answer p {\r\n margin: 0.4rem 0;\r\n }\r\n .answer strong, .answer b {\r\n color: #1e4762;\r\n }\r\n\r\n \/* responsive touch *\/\r\n @media (max-width: 640px) {\r\n .precision-faq-wrapper {\r\n padding: 1.25rem;\r\n }\r\n .category-toggle {\r\n padding: 1rem 1.2rem;\r\n font-size: 1.1rem;\r\n }\r\n .category-content {\r\n padding: 0 1rem 1rem 1rem;\r\n }\r\n .answer {\r\n padding-left: 20px;\r\n }\r\n .question::before {\r\n width: 22px;\r\n height: 22px;\r\n font-size: 0.75rem;\r\n }\r\n .global-actions {\r\n justify-content: center;\r\n }\r\n }\r\n\r\n \/* animation for content smoothness *\/\r\n .category-content {\r\n transition: opacity 0.2s ease;\r\n }\r\n .faq-category {\r\n transition: all 0.2s;\r\n }\r\n\r\n ::selection {\r\n background: #dbeafe;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"precision-faq-wrapper\">\r\n <div class=\"faq-header\">\r\n <h2>\ud83d\udcd8 Simplified FAQ <span style=\"background: linear-gradient(120deg, #1E5A7D, #10455F); background-clip: text; -webkit-background-clip: text; color: transparent;\">for Precision Hardware Industry<\/span><\/h2>\r\n <p>Quotation \u00b7 Quality Control \u00b7 Complaint Handling<\/p>\r\n <\/div>\r\n \r\n <div class=\"global-actions\">\r\n <button class=\"toggle-all-btn\" id=\"expandAllBtn\">\ud83d\udcc2 Expand all sections<\/button>\r\n <button class=\"toggle-all-btn\" id=\"collapseAllBtn\">\ud83d\udcc1 Collapse all sections<\/button>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-category\" data-category=\"inquiry\">\r\n <button class=\"category-toggle\" aria-expanded=\"true\" aria-controls=\"cat-content-1\">\r\n <span class=\"cat-title\">\r\n <span class=\"cat-icon\">\ud83d\udccb<\/span> \r\n I. Inquiry & Order\r\n <\/span>\r\n <span class=\"toggle-icon\">\u25bc<\/span>\r\n <\/button>\r\n <div class=\"category-content\" id=\"cat-content-1\">\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"question\">What information is needed for quotation?<\/div>\r\n <div class=\"answer\">2D\/3D drawings, product quantity, material, surface treatment and special requirements.<\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"question\">Can samples be provided? What about the sample fee and delivery time?<\/div>\r\n <div class=\"answer\">Yes, samples are available. Calculated by working hours, which can be refunded when mass production meets the standard.<\/div>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <div class=\"question\">What is the Minimum Order Quantity (MOQ)?<\/div>\r\n <div class=\"answer\">500-1000 pieces for standard parts, 100-500 pieces for non-standard parts, and 50 pieces for precision small parts (negotiable).<\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-category\" data-category=\"quality\">\r\n <button class=\"category-toggle\" aria-expanded=\"false\" aria-controls=\"cat-content-2\">\r\n <span class=\"cat-title\">\r\n <span class=\"cat-icon\">\ud83d\udd0d<\/span> \r\n II. How is quality controlled?\r\n <\/span>\r\n <span class=\"toggle-icon\">\u25bc<\/span>\r\n <\/button>\r\n <div class=\"category-content\" id=\"cat-content-2\" style=\"display: none;\">\r\n <div class=\"faq-item\">\r\n <div class=\"question\">Control Process<\/div>\r\n <div class=\"answer\">\r\n Incoming inspection \u2192 process control (first article confirmation) \u2192 finished product inspection (full inspection of function, appearance, and packaging according to AQL standards) \u2192 disposal of non-conforming products. Quality engineer determines \"concession acceptance, rework, scrap\" \u2192 shipment release. QA manager verifies that all inspection records are complete and qualified.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"faq-category\" data-category=\"complaints\">\r\n <button class=\"category-toggle\" aria-expanded=\"false\" aria-controls=\"cat-content-3\">\r\n <span class=\"cat-title\">\r\n <span class=\"cat-icon\">\ud83d\udcde<\/span> \r\n III. How to handle customer complaints?\r\n <\/span>\r\n <span class=\"toggle-icon\">\u25bc<\/span>\r\n <\/button>\r\n <div class=\"category-content\" id=\"cat-content-3\" style=\"display: none;\">\r\n <div class=\"faq-item\">\r\n <div class=\"question\">Customer complaint handling process:<\/div>\r\n <div class=\"answer\">\r\n 1. Acceptance and registration: The customer service specialist will respond within 2 hours.<br>\r\n 2. Problem classification and circulation<br>\r\n 3. Reason analysis and solution<br>\r\n 4. Customer confirmation<br>\r\n 5. Closing and Archiving.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div style=\"text-align: center; margin-top: 2rem; font-size: 0.75rem; color: #6c7a8e; border-top: 1px solid #e2edf2; padding-top: 1.5rem;\">\r\n Precision Hardware FAQ | Based on official documentation\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n (function() {\r\n \/\/ Get all category containers and buttons\r\n const categories = document.querySelectorAll('.faq-category');\r\n const expandAllBtn = document.getElementById('expandAllBtn');\r\n const collapseAllBtn = document.getElementById('collapseAllBtn');\r\n\r\n \/\/ Helper: toggle a specific category's content & aria-expanded\r\n function setCategoryState(categoryElement, isExpanded) {\r\n const toggleBtn = categoryElement.querySelector('.category-toggle');\r\n const contentDiv = categoryElement.querySelector('.category-content');\r\n if (!toggleBtn || !contentDiv) return;\r\n \r\n if (isExpanded) {\r\n contentDiv.style.display = 'block';\r\n toggleBtn.setAttribute('aria-expanded', 'true');\r\n } else {\r\n contentDiv.style.display = 'none';\r\n toggleBtn.setAttribute('aria-expanded', 'false');\r\n }\r\n }\r\n\r\n \/\/ Toggle individual category when clicking header button\r\n function bindToggleEvents() {\r\n categories.forEach(cat => {\r\n const btn = cat.querySelector('.category-toggle');\r\n if (!btn) return;\r\n if (btn._listener) btn.removeEventListener('click', btn._listener);\r\n const clickHandler = function(e) {\r\n e.preventDefault();\r\n const currentExpanded = btn.getAttribute('aria-expanded') === 'true';\r\n setCategoryState(cat, !currentExpanded);\r\n };\r\n btn.addEventListener('click', clickHandler);\r\n btn._listener = clickHandler;\r\n });\r\n }\r\n\r\n \/\/ Expand all sections\r\n function expandAllCategories() {\r\n categories.forEach(cat => {\r\n setCategoryState(cat, true);\r\n });\r\n }\r\n\r\n \/\/ Collapse all sections\r\n function collapseAllCategories() {\r\n categories.forEach(cat => {\r\n setCategoryState(cat, false);\r\n });\r\n }\r\n\r\n \/\/ Set initial states: first category expanded, others collapsed\r\n function setInitialStates() {\r\n if (categories.length > 0) {\r\n setCategoryState(categories[0], true);\r\n }\r\n for (let i = 1; i < categories.length; i++) {\r\n setCategoryState(categories[i], false);\r\n }\r\n }\r\n\r\n if (expandAllBtn) {\r\n expandAllBtn.addEventListener('click', expandAllCategories);\r\n }\r\n if (collapseAllBtn) {\r\n collapseAllBtn.addEventListener('click', collapseAllCategories);\r\n }\r\n\r\n bindToggleEvents();\r\n setInitialStates();\r\n\r\n window.addEventListener('load', function() {\r\n bindToggleEvents();\r\n });\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-661d38a1 e-flex e-con-boxed e-con e-parent\" data-id=\"661d38a1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4d10f22c e-flex e-con-boxed e-con e-child\" data-id=\"4d10f22c\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5adbd7ef e-con-full e-flex e-con e-child\" data-id=\"5adbd7ef\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f369e2e elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-jkit_animated_text\" data-id=\"f369e2e\" data-element_type=\"widget\" data-widget_type=\"jkit_animated_text.default\">\n\t\t\t\t\t<div class=\"jeg-elementor-kit jkit-animated-text jeg_module___6aa3fd7b36fa2\" data-style=\"highlighted\" data-text=\"\" data-shape=\"underline\"><h2 class=\"animated-text\"><span class=\"normal-text style-color\">Contact Us for Assistance: Your Questions Matter!<\/span><span class=\"dynamic-wrapper style-color\"><span class=\"dynamic-text\"><\/span><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 500 150\" preserveAspectRatio=\"none\"><path class=\"style-color\" d=\"M3,77.5s200.54-11,493,0\" transform=\"translate(-2.75 -68.11)\"\/><\/svg><\/span><span class=\"normal-text style-color\"><\/span><\/h2><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-584d0d3e elementor-widget__width-inherit elementor-widget-mobile__width-inherit elementor-widget elementor-widget-jkit_button\" data-id=\"584d0d3e\" data-element_type=\"widget\" data-widget_type=\"jkit_button.default\">\n\t\t\t\t\t<div class=\"jeg-elementor-kit jkit-button icon-position-before jeg_module__1_6aa3fd7b3a432\" ><a href=\"\" class=\"jkit-button-wrapper hover-gradient\"><span>Ask a Question<\/span><\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Simplified FAQ | Precision Hardware Industry \ud83d\udcd8 Simplified FAQ for Precision Hardware Industry Quotation \u00b7 Quality Control \u00b7 Complaint Handling […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-90","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/pages\/90","targetHints":{"allow":["GET"]}}],"collection":[{"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/comments?post=90"}],"version-history":[{"count":16,"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":647,"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/pages\/90\/revisions\/647"}],"wp:attachment":[{"href":"..\/..\/..\/..\/index.html\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}