{"id":9417,"date":"2026-09-08T16:03:45","date_gmt":"2026-09-08T14:03:45","guid":{"rendered":"https:\/\/staging.bluelevel.ch\/product-question\/"},"modified":"2026-09-08T16:03:45","modified_gmt":"2026-09-08T14:03:45","slug":"product-question","status":"publish","type":"page","link":"https:\/\/staging-ch.bluelevel.ch\/en\/product-question\/","title":{"rendered":"Product Question"},"content":{"rendered":"\n    <div class=\"bl-product-question-ui\" data-bl-product-question-page=\"1\">\n\n        <div class=\"bl-product-question-grid\">\n\n            <section class=\"bl-product-question-column bl-product-question-column--summary\">\n\n                <h2 class=\"bl-product-question-column__title\">\n                    Product question:                <\/h2>\n\n                <div\n                    id=\"bl-product-question-summary\"\n                    class=\"bl-product-question-summary\"\n                ><\/div>\n\n            <\/section>\n\n\n            <section class=\"bl-product-question-column bl-product-question-column--form\">\n\n                <h2 class=\"bl-product-question-column__title\">\n                    Your product question:                <\/h2>\n\n                <div class=\"bl-product-question-panel\">\n\n                    <form\n                        id=\"bl-product-question-form\"\n                        class=\"bl-product-question-form\"\n                        novalidate\n                    >\n\n                        <div class=\"bl-product-question-field\">\n                            <label for=\"bl-product-question-message\">\n                                Your question                                *\n                            <\/label>\n\n                            <textarea\n                                id=\"bl-product-question-message\"\n                                name=\"message\"\n                                rows=\"7\"\n                                required\n                            ><\/textarea>\n                        <\/div>\n\n\n                        <div class=\"bl-product-question-field\">\n                            <label for=\"bl-product-question-customer-type\">\n                                Customer type                            <\/label>\n\n                            <select\n                                id=\"bl-product-question-customer-type\"\n                                name=\"customer_type\"\n                            >\n                                <option value=\"\">\n                                    Please select                                <\/option>\n                                <option value=\"private\">\n                                    Private individual                                <\/option>\n                                <option value=\"company\">\n                                    Company                                <\/option>\n                                <option value=\"dealer\">\n                                    Dealer                                <\/option>\n                                <option value=\"planner\">\n                                    Planner                                <\/option>\n                                <option value=\"public\">\n                                    Municipality \/ public institution                                <\/option>\n                            <\/select>\n                        <\/div>\n\n\n                        <div class=\"bl-product-question-row\">\n\n                            <div class=\"bl-product-question-field\">\n                                <label for=\"bl-product-question-first-name\">\n                                    First name                                    *\n                                <\/label>\n\n                                <input\n                                    type=\"text\"\n                                    id=\"bl-product-question-first-name\"\n                                    name=\"first_name\"\n                                    autocomplete=\"given-name\"\n                                    required\n                                >\n                            <\/div>\n\n\n                            <div class=\"bl-product-question-field\">\n                                <label for=\"bl-product-question-last-name\">\n                                    Last name                                    *\n                                <\/label>\n\n                                <input\n                                    type=\"text\"\n                                    id=\"bl-product-question-last-name\"\n                                    name=\"last_name\"\n                                    autocomplete=\"family-name\"\n                                    required\n                                >\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"bl-product-question-field\">\n                            <label for=\"bl-product-question-email\">\n                                Email                                *\n                            <\/label>\n\n                            <input\n                                type=\"email\"\n                                id=\"bl-product-question-email\"\n                                name=\"email\"\n                                autocomplete=\"email\"\n                                required\n                            >\n                        <\/div>\n\n\n                        <div class=\"bl-product-question-field\">\n                            <label for=\"bl-product-question-company\">\n                                Company                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"bl-product-question-company\"\n                                name=\"company\"\n                                autocomplete=\"organization\"\n                            >\n                        <\/div>\n\n\n                        <div class=\"bl-product-question-field\">\n                            <label for=\"bl-product-question-phone\">\n                                Phone                            <\/label>\n\n                            <input\n                                type=\"tel\"\n                                id=\"bl-product-question-phone\"\n                                name=\"phone\"\n                                autocomplete=\"tel\"\n                            >\n                        <\/div>\n\n\n                        <div class=\"bl-product-question-field\">\n                            <label for=\"bl-product-question-street\">\n                                Street                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"bl-product-question-street\"\n                                name=\"street\"\n                                autocomplete=\"address-line1\"\n                            >\n                        <\/div>\n\n\n                        <div class=\"bl-product-question-row\">\n\n                            <div class=\"bl-product-question-field\">\n                                <label for=\"bl-product-question-zip\">\n                                    Postcode                                <\/label>\n\n                                <input\n                                    type=\"text\"\n                                    id=\"bl-product-question-zip\"\n                                    name=\"zip\"\n                                    autocomplete=\"postal-code\"\n                                >\n                            <\/div>\n\n\n                            <div class=\"bl-product-question-field\">\n                                <label for=\"bl-product-question-city\">\n                                    City                                <\/label>\n\n                                <input\n                                    type=\"text\"\n                                    id=\"bl-product-question-city\"\n                                    name=\"city\"\n                                    autocomplete=\"address-level2\"\n                                >\n                            <\/div>\n\n                        <\/div>\n\n\n                        <div class=\"bl-product-question-field\">\n                            <label for=\"bl-product-question-country\">\n                                Country                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"bl-product-question-country\"\n                                name=\"country\"\n                                value=\"CH\"\n                                autocomplete=\"country-name\"\n                            >\n                        <\/div>\n\n\n                        <div class=\"bl-product-question-field\">\n                            <label for=\"bl-product-question-department\">\n                                Department                            <\/label>\n\n                            <input\n                                type=\"text\"\n                                id=\"bl-product-question-department\"\n                                name=\"department\"\n                            >\n                        <\/div>\n\n\n                        <div class=\"bl-product-question-section-title\">\n                            Request type                        <\/div>\n\n\n                        <label class=\"bl-product-question-check\">\n                            <input\n                                type=\"checkbox\"\n                                id=\"bl-pq-project\"\n                                name=\"is_project\"\n                                value=\"1\"\n                            >\n                            <span>\n                                Is this a project enquiry?                            <\/span>\n                        <\/label>\n\n                        <div\n                            class=\"bl-product-question-toggle-fields\"\n                            data-bl-pq-target=\"project\"\n                            hidden\n                        >\n\n                            <div class=\"bl-product-question-field\">\n                                <label for=\"bl-product-question-project-name\">\n                                    Project name                                <\/label>\n\n                                <input\n                                    type=\"text\"\n                                    id=\"bl-product-question-project-name\"\n                                    name=\"project_name\"\n                                >\n                            <\/div>\n\n                            <div class=\"bl-product-question-field\">\n                                <label for=\"bl-product-question-project-ref\">\n                                    Project reference                                <\/label>\n\n                                <input\n                                    type=\"text\"\n                                    id=\"bl-product-question-project-ref\"\n                                    name=\"project_ref\"\n                                >\n                            <\/div>\n\n                        <\/div>\n\n\n                        <label class=\"bl-product-question-check\">\n                            <input\n                                type=\"checkbox\"\n                                id=\"bl-pq-tender\"\n                                name=\"is_tender\"\n                                value=\"1\"\n                            >\n                            <span>\n                                Is this related to a tender?                            <\/span>\n                        <\/label>\n\n                        <div\n                            class=\"bl-product-question-toggle-fields\"\n                            data-bl-pq-target=\"tender\"\n                            hidden\n                        >\n\n                            <div class=\"bl-product-question-field\">\n                                <label for=\"bl-product-question-tender-ref\">\n                                    Tender number \/ reference                                <\/label>\n\n                                <input\n                                    type=\"text\"\n                                    id=\"bl-product-question-tender-ref\"\n                                    name=\"tender_ref\"\n                                >\n                            <\/div>\n\n                            <div class=\"bl-product-question-field\">\n                                <label for=\"bl-product-question-tender-deadline\">\n                                    Submission deadline                                <\/label>\n\n                                <input\n                                    type=\"date\"\n                                    id=\"bl-product-question-tender-deadline\"\n                                    name=\"tender_deadline\"\n                                >\n                            <\/div>\n\n                        <\/div>\n\n\n                        <input\n                            type=\"hidden\"\n                            name=\"lang\"\n                            value=\"en\"\n                        >\n\n\n                        <div class=\"bl-product-question-submit\">\n                            <button\n                                type=\"submit\"\n                                class=\"bl-product-question-submit__button\"\n                            >\n                                Send product question                            <\/button>\n                        <\/div>\n\n                    <\/form>\n\n\n                    <div\n                        id=\"bl-product-question-result\"\n                        class=\"bl-product-question-result\"\n                        hidden\n                    ><\/div>\n\n                <\/div>\n\n            <\/section>\n\n        <\/div>\n\n    <\/div>\n\n\n    <style>\n\n        .bl-product-question-ui {\n            max-width: 1180px;\n            margin: 26px auto 0;\n        }\n\n        .bl-product-question-grid {\n            display: grid;\n            grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);\n            gap: 28px;\n            align-items: start;\n        }\n\n        .bl-product-question-column__title {\n            margin: 0 0 18px;\n            font-size: 24px;\n            line-height: 1.25;\n        }\n\n        .bl-product-question-summary__card,\n        .bl-product-question-panel {\n            border: 1px solid #d9d9d9;\n            border-radius: 10px;\n            background: #fff;\n            box-sizing: border-box;\n        }\n\n        .bl-product-question-summary__card {\n            display: grid;\n            grid-template-columns: 74px minmax(0, 1fr);\n            gap: 16px;\n            padding: 16px 18px;\n        }\n\n        .bl-product-question-summary__image {\n            display: flex;\n            justify-content: center;\n            align-items: flex-start;\n        }\n\n        .bl-product-question-summary__image img {\n            display: block;\n            max-width: 68px;\n            width: 100%;\n            height: auto;\n        }\n\n        .bl-product-question-summary__image-link {\n            display: block;\n        }\n\n        .bl-product-question-summary__title {\n            margin: 0 0 8px;\n            font-size: 15px;\n            font-weight: 700;\n            line-height: 1.35;\n        }\n\n        .bl-product-question-summary__product-link {\n            color: #006a9b;\n            text-decoration: none;\n        }\n\n        .bl-product-question-summary__product-link:hover,\n        .bl-product-question-summary__product-link:focus {\n            color: #005b85;\n            text-decoration: underline;\n        }\n\n        .bl-product-question-summary__details {\n            margin: 0;\n            padding: 0;\n            font-size: 14px;\n            line-height: 1.4;\n        }\n\n        .bl-product-question-summary__detail {\n            display: grid;\n            grid-template-columns: max-content minmax(0, 1fr);\n            gap: 5px;\n            margin: 0 0 4px;\n        }\n\n        .bl-product-question-summary__detail:last-child {\n            margin-bottom: 0;\n        }\n\n        .bl-product-question-summary__detail strong {\n            font-weight: 700;\n        }\n\n        .bl-product-question-panel {\n            padding: 24px;\n            font-size: 14px;\n            line-height: 1.45;\n        }\n\n        .bl-product-question-field {\n            margin-bottom: 16px;\n        }\n\n        .bl-product-question-field label {\n            display: block;\n            margin-bottom: 6px;\n            font-size: 14px;\n            font-weight: 700;\n            line-height: 1.3;\n        }\n\n        .bl-product-question-field input,\n        .bl-product-question-field select,\n        .bl-product-question-field textarea {\n            width: 100%;\n            min-height: 42px;\n            padding: 9px 11px;\n            border: 1px solid #d6d6d6;\n            border-radius: 4px;\n            box-sizing: border-box;\n            background: #fff;\n            font-size: 14px;\n            line-height: 1.4;\n        }\n\n        .bl-product-question-field textarea {\n            min-height: 180px;\n            resize: vertical;\n        }\n\n        .bl-product-question-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 18px;\n        }\n\n        .bl-product-question-section-title {\n            margin: 22px 0 10px;\n            font-size: 14px;\n            font-weight: 700;\n            line-height: 1.3;\n        }\n\n        .bl-product-question-check {\n            display: flex;\n            gap: 9px;\n            align-items: flex-start;\n            margin: 10px 0;\n            cursor: pointer;\n            font-size: 14px;\n            line-height: 1.4;\n            font-weight: 600;\n        }\n\n        .bl-product-question-check input {\n            width: auto;\n            margin-top: 3px;\n        }\n\n        .bl-product-question-toggle-fields {\n            margin: 8px 0 18px;\n            padding: 16px 0 2px;\n            border-top: 1px solid #dcdcdc;\n            border-bottom: 1px solid #dcdcdc;\n        }\n\n        .bl-product-question-submit {\n            margin-top: 22px;\n        }\n\n        .bl-product-question-submit__button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 48px;\n            padding: 12px 24px;\n            border: 1px solid #006a9b;\n            border-radius: 4px;\n            background: #006a9b;\n            color: #fff;\n            font-size: 14px;\n            font-weight: 700;\n            cursor: pointer;\n            transition: background-color .15s ease, border-color .15s ease;\n        }\n\n        .bl-product-question-submit__button:hover,\n        .bl-product-question-submit__button:focus {\n            background: #005b85;\n            border-color: #005b85;\n            color: #fff;\n        }\n\n        .bl-product-question-submit__button:disabled {\n            opacity: .6;\n            cursor: wait;\n        }\n\n        .bl-product-question-result {\n            margin: 0;\n        }\n\n        .bl-product-question-confirmation__title {\n            margin: 0 0 12px;\n            font-size: 22px;\n            line-height: 1.3;\n        }\n\n        .bl-product-question-confirmation__lead {\n            margin: 0 0 20px;\n            line-height: 1.5;\n        }\n\n        .bl-product-question-confirmation__meta {\n            margin: 0 0 24px;\n            padding: 16px 18px;\n            border-radius: 6px;\n            background: #f5f7f8;\n        }\n\n        .bl-product-question-confirmation__meta p {\n            margin: 0 0 7px;\n        }\n\n        .bl-product-question-confirmation__meta p:last-child {\n            margin-bottom: 0;\n        }\n\n        .bl-product-question-confirmation__question {\n            padding-top: 20px;\n            border-top: 1px solid #dcdcdc;\n        }\n\n        .bl-product-question-confirmation__question h3 {\n            margin: 0 0 10px;\n            font-size: 17px;\n            line-height: 1.35;\n        }\n\n        .bl-product-question-confirmation__question p {\n            margin: 0;\n            line-height: 1.55;\n        }\n\n        @media (max-width: 980px) {\n            .bl-product-question-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 700px) {\n            .bl-product-question-row {\n                grid-template-columns: 1fr;\n                gap: 0;\n            }\n\n            .bl-product-question-summary__card {\n                grid-template-columns: 100px minmax(0, 1fr);\n                gap: 18px;\n                padding: 20px;\n            }\n        }\n\n    <\/style>\n\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"content_context":[71],"page_role":[],"class_list":["post-9417","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<title>Product Question - Blue Level Cleaning Systems<\/title>","yoast_head_json":{"title":"Product Question - Blue Level Cleaning Systems"},"_links":{"self":[{"href":"https:\/\/staging-ch.bluelevel.ch\/en\/wp-json\/wp\/v2\/pages\/9417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging-ch.bluelevel.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging-ch.bluelevel.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging-ch.bluelevel.ch\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/staging-ch.bluelevel.ch\/en\/wp-json\/wp\/v2\/comments?post=9417"}],"version-history":[{"count":0,"href":"https:\/\/staging-ch.bluelevel.ch\/en\/wp-json\/wp\/v2\/pages\/9417\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging-ch.bluelevel.ch\/en\/wp-json\/wp\/v2\/media?parent=9417"}],"wp:term":[{"taxonomy":"content_context","embeddable":true,"href":"https:\/\/staging-ch.bluelevel.ch\/en\/wp-json\/wp\/v2\/content_context?post=9417"},{"taxonomy":"page_role","embeddable":true,"href":"https:\/\/staging-ch.bluelevel.ch\/en\/wp-json\/wp\/v2\/page_role?post=9417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}