{"id":1361,"date":"2026-03-19T05:38:02","date_gmt":"2026-03-19T05:38:02","guid":{"rendered":"https:\/\/gqlamp.com\/?page_id=1361"},"modified":"2026-03-19T05:48:22","modified_gmt":"2026-03-19T05:48:22","slug":"solar-street-light-project-cost-estimator","status":"publish","type":"page","link":"https:\/\/gqlamp.com\/ar\/led-street-lights\/solar-street-lights\/solar-street-light-project-cost-estimator\/","title":{"rendered":"\u0645\u0642\u062f\u0631 \u062a\u0643\u0644\u0641\u0629 \u0645\u0634\u0631\u0648\u0639 \u0625\u0646\u0627\u0631\u0629 \u0627\u0644\u0634\u0648\u0627\u0631\u0639 \u0628\u0627\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u0634\u0645\u0633\u064a\u0629"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-f5785a1\" data-block-id=\"f5785a1\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f5785a1-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-31255f3\" data-v=\"4\" data-block-id=\"31255f3\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-31255f3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-31255f3-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-8e57fe9\" data-block-id=\"8e57fe9\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-8e57fe9-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-f372095\" data-v=\"4\" data-block-id=\"f372095\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-f372095-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-f372095-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-0d057f7\" data-block-id=\"0d057f7\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-0d057f7-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c25efcd\" data-v=\"4\" data-block-id=\"c25efcd\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c25efcd-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c25efcd-inner-blocks\">\n<section id=\"gq-solar-calc-module\" class=\"gq-calc-section\">\n    <style>\n        \/* =========================================\n           Scope Level 1: Strict Class-Based Isolation\n           ========================================= *\/\n        #gq-solar-calc-module.gq-calc-section {\n            width: 100% !important;\n            padding: 40px 20px !important; \/* Section padding *\/\n            box-sizing: border-box !important;\n            background-color: #F8F9FB !important;\n            color: #303030 !important;\n            line-height: 1.6 !important;\n        }\n\n        #gq-solar-calc-module * {\n            box-sizing: border-box !important;\n            margin: 0 !important;\n            padding: 0 !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-container {\n            max-width: 1280px !important;\n            margin: 0 auto !important;\n            width: 100% !important;\n        }\n\n        \/* =========================================\n           Header (H2)\n           ========================================= *\/\n        #gq-solar-calc-module h2.gq-calc-h2 {\n            font-size: 32px !important; \/* Title default size *\/\n            color: #183090 !important;\n            font-weight: 700 !important;\n            line-height: 1.25 !important;\n            margin-bottom: 12px !important;\n            text-align: center !important;\n            letter-spacing: -0.5px !important;\n        }\n\n        #gq-solar-calc-module p.gq-calc-subtitle {\n            font-size: 16px !important;\n            color: #555555 !important;\n            text-align: center !important;\n            max-width: 800px !important;\n            margin: 0 auto 50px auto !important;\n        }\n\n        \/* =========================================\n           Two-Column Layout (Grid)\n           ========================================= *\/\n        #gq-solar-calc-module .gq-calc-grid-layout {\n            display: grid !important;\n            grid-template-columns: 1.8fr 1.2fr !important; \/* \u5de660% \u53f340% \u9ec4\u91d1\u6bd4\u4f8b *\/\n            gap: 40px !important;\n            align-items: start !important;\n        }\n\n        \/* =========================================\n           LEFT COLUMN: Controls Area\n           ========================================= *\/\n        #gq-solar-calc-module .gq-calc-controls-area {\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 40px !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-step-group {\n            background: #ffffff !important;\n            border: 1px solid #EAECEF !important;\n            padding: 30px !important;\n            border-radius: 4px !important; \/* \u6241\u5e73\u5316\u786c\u6717\u5fae\u5706\u89d2 *\/\n        }\n\n        \/* H3: Step Labels *\/\n        #gq-solar-calc-module h3.gq-calc-h3-step {\n            font-size: 18px !important;\n            color: #183090 !important;\n            font-weight: 700 !important;\n            margin-bottom: 20px !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 12px !important;\n            border-bottom: 1px solid #EAECEF !important;\n            padding-bottom: 12px !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-step-num {\n            background-color: #183090 !important;\n            color: #ffffff !important;\n            width: 24px !important;\n            height: 24px !important;\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            font-size: 13px !important;\n            font-weight: 700 !important;\n            border-radius: 2px !important;\n        }\n\n        \/* Step 1: Radio Cards *\/\n        #gq-solar-calc-module .gq-calc-radio-wrap {\n            display: grid !important;\n            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;\n            gap: 12px !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-radio-card {\n            border: 1px solid #EAECEF !important;\n            background: #F8F9FB !important;\n            padding: 16px 12px !important;\n            text-align: center !important;\n            cursor: pointer !important;\n            border-radius: 4px !important;\n            transition: all 0.2s ease !important;\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n            gap: 8px !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-radio-card input {\n            display: none !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-radio-card:hover {\n            border-color: #183090 !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-radio-card.gq-active {\n            border-color: #183090 !important;\n            background: #F0F4FA !important; \/* \u6781\u5176\u8f7b\u5fae\u7684\u84dd\u8272\u80cc\u666f *\/\n            box-shadow: inset 0 0 0 1px #183090 !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-icon {\n            width: 28px !important;\n            height: 28px !important;\n            stroke: #555555 !important;\n        }\n        #gq-solar-calc-module .gq-calc-radio-card.gq-active .gq-calc-icon {\n            stroke: #183090 !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-radio-label {\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #303030 !important;\n        }\n\n        \/* Step 2: Select Component *\/\n        #gq-solar-calc-module select.gq-calc-select {\n            width: 100% !important;\n            padding: 14px 16px !important;\n            font-size: 15px !important;\n            font-family: inherit !important;\n            color: #303030 !important;\n            background-color: #F8F9FB !important;\n            border: 1px solid #EAECEF !important;\n            border-radius: 4px !important;\n            cursor: pointer !important;\n            outline: none !important;\n            appearance: auto !important; \/* \u6062\u590d\u539f\u751f\u7bad\u5934\uff0c\u4fdd\u8bc1 B \u7aef\u7a33\u5b9a\u6027 *\/\n        }\n        #gq-solar-calc-module select.gq-calc-select:focus {\n            border-color: #183090 !important;\n        }\n\n        \/* Step 3: Wattage Pills *\/\n        #gq-solar-calc-module .gq-calc-watt-row {\n            display: flex !important;\n            flex-wrap: wrap !important;\n            gap: 10px !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-watt-pill {\n            padding: 10px 20px !important;\n            font-size: 15px !important;\n            font-weight: 600 !important;\n            background: #F8F9FB !important;\n            border: 1px solid #EAECEF !important;\n            border-radius: 4px !important;\n            cursor: pointer !important;\n            transition: all 0.2s ease !important;\n            user-select: none !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-watt-pill:hover {\n            border-color: #183090 !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-watt-pill.gq-active {\n            background-color: #183090 !important;\n            color: #ffffff !important;\n            border-color: #183090 !important;\n        }\n\n        \/* Step 4: Quantity Input *\/\n        #gq-solar-calc-module .gq-calc-qty-wrap {\n            display: flex !important;\n            align-items: center !important;\n            gap: 8px !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-qty-btn {\n            width: 44px !important;\n            height: 44px !important;\n            background: #F8F9FB !important;\n            border: 1px solid #EAECEF !important;\n            font-size: 20px !important;\n            font-weight: 600 !important;\n            color: #183090 !important;\n            cursor: pointer !important;\n            border-radius: 4px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n        }\n        #gq-solar-calc-module .gq-calc-qty-btn:hover {\n            border-color: #183090 !important;\n        }\n\n        #gq-solar-calc-module input.gq-calc-qty-input {\n            width: 120px !important;\n            height: 44px !important;\n            text-align: center !important;\n            font-size: 18px !important;\n            font-weight: 700 !important;\n            border: 1px solid #EAECEF !important;\n            border-radius: 4px !important;\n            color: #303030 !important;\n            background: #ffffff !important;\n        }\n        #gq-solar-calc-module input.gq-calc-qty-input:focus {\n            outline: none !important;\n            border-color: #183090 !important;\n        }\n\n        \/* Step 5: Checkboxes *\/\n        #gq-solar-calc-module .gq-calc-addon-wrap {\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 12px !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-check-card {\n            display: flex !important;\n            align-items: center !important;\n            padding: 16px 20px !important;\n            background: #F8F9FB !important;\n            border: 1px solid #EAECEF !important;\n            border-radius: 4px !important;\n            cursor: pointer !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-check-card:hover {\n            border-color: #183090 !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-check-card input {\n            width: 18px !important;\n            height: 18px !important;\n            margin-right: 16px !important;\n            cursor: pointer !important;\n            accent-color: #183090 !important; \/* \u73b0\u4ee3\u539f\u751f\u63a7\u5236\u989c\u8272 *\/\n        }\n\n        #gq-solar-calc-module .gq-calc-check-info {\n            display: flex !important;\n            flex-direction: column !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-check-title {\n            font-size: 15px !important;\n            font-weight: 700 !important;\n            color: #303030 !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-check-price {\n            font-size: 13px !important;\n            color: #009048 !important; \/* \u73af\u4fdd\u7eff\u63d0\u793a\u4ef7\u683c *\/\n            font-weight: 600 !important;\n        }\n\n        \/* =========================================\n           RIGHT COLUMN: Sticky Results Panel\n           ========================================= *\/\n        #gq-solar-calc-module .gq-calc-results-area {\n            position: sticky !important;\n            top: 40px !important; \/* \u5438\u9876\u6548\u679c *\/\n            background: #ffffff !important;\n            border: 2px solid #183090 !important; \/* \u7c97\u4f53\u4f01\u4e1a\u84dd\u8fb9\u6846\uff0c\u5f3a\u8c03\u91cd\u8981\u6027 *\/\n            border-radius: 4px !important;\n            padding: 30px !important;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;\n        }\n\n        #gq-solar-calc-module h4.gq-calc-h4-res {\n            font-size: 20px !important;\n            color: #183090 !important;\n            font-weight: 800 !important;\n            margin-bottom: 24px !important;\n            border-bottom: 1px solid #EAECEF !important;\n            padding-bottom: 16px !important;\n            text-transform: uppercase !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-line-item {\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n            padding: 12px 0 !important;\n            border-bottom: 1px dashed #EAECEF !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-line-label {\n            font-size: 15px !important;\n            color: #555555 !important;\n            font-weight: 500 !important;\n            display: flex !important;\n            flex-direction: column !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-line-detail {\n            font-size: 12px !important;\n            color: #888888 !important;\n            margin-top: 4px !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-line-value {\n            font-size: 16px !important;\n            font-weight: 600 !important;\n            color: #303030 !important;\n        }\n\n        \/* Total Row *\/\n        #gq-solar-calc-module .gq-calc-total-box {\n            background-color: #F4F6F9 !important; \/* \u6781\u6de1\u7684\u7070\u84dd\u8272\u5e95 *\/\n            padding: 24px !important;\n            margin: 24px 0 !important;\n            border-radius: 4px !important;\n            text-align: center !important;\n            border: 1px solid #EAECEF !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-total-label {\n            display: block !important;\n            font-size: 14px !important;\n            color: #555555 !important;\n            text-transform: uppercase !important;\n            font-weight: 700 !important;\n            margin-bottom: 8px !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-total-val {\n            display: block !important;\n            font-size: 42px !important;\n            font-weight: 800 !important;\n            color: #009048 !important; \/* \u6700\u7ec8\u6210\u4ea4\u6570\u5b57\u7528\u73af\u4fdd\u7eff\uff0c\u6253\u6d88\u987e\u8651 *\/\n            line-height: 1 !important;\n            letter-spacing: -1px !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-per-unit {\n            display: block !important;\n            font-size: 15px !important;\n            color: #555555 !important;\n            margin-top: 12px !important;\n            font-weight: 500 !important;\n        }\n\n        #gq-solar-calc-module .gq-calc-discount-note {\n            background: #FDF4F4 !important;\n            color: #D81818 !important; \/* \u4f01\u4e1a\u7ea2\u63d0\u793a *\/\n            font-size: 13px !important;\n            padding: 12px !important;\n            text-align: center !important;\n            border-radius: 4px !important;\n            margin-bottom: 24px !important;\n            font-weight: 600 !important;\n            display: none !important; \/* \u9ed8\u8ba4\u9690\u85cf *\/\n        }\n\n        #gq-solar-calc-module .gq-calc-cta {\n            display: block !important;\n            width: 100% !important;\n            text-align: center !important;\n            background-color: #183090 !important;\n            color: #ffffff !important;\n            padding: 16px 20px !important;\n            font-size: 16px !important;\n            font-weight: 700 !important;\n            text-transform: uppercase !important;\n            text-decoration: none !important;\n            border-radius: 4px !important;\n            transition: background 0.3s ease !important;\n        }\n        #gq-solar-calc-module .gq-calc-cta:hover {\n            background-color: #D81818 !important; \/* \u60ac\u6d6e\u53d8\u7ea2\u6fc0\u53d1\u70b9\u51fb *\/\n        }\n\n        \/* Util classes for JS logic *\/\n        #gq-solar-calc-module .gq-calc-hide { display: none !important; }\n        #gq-solar-calc-module .gq-calc-show { display: flex !important; }\n        #gq-solar-calc-module .gq-calc-show-block { display: block !important; }\n\n        \/* =========================================\n           Responsive Breakpoints\n           ========================================= *\/\n        @media (max-width: 992px) {\n            #gq-solar-calc-module .gq-calc-grid-layout {\n                grid-template-columns: 1fr !important; \/* \u7a84\u5c4f\u6298\u53e0\u4e3a\u5355\u5217 *\/\n                gap: 30px !important;\n            }\n            #gq-solar-calc-module .gq-calc-results-area {\n                position: relative !important;\n                top: 0 !important;\n            }\n        }\n        @media (max-width:690px) {\n            #gq-solar-calc-module.gq-calc-section { padding: 40px 15px !important; }\n            #gq-solar-calc-module h2.gq-calc-h2 { font-size: 28px !important; }\n            #gq-solar-calc-module .gq-calc-step-group { padding: 20px 15px !important; }\n            #gq-solar-calc-module .gq-calc-radio-wrap { grid-template-columns: repeat(2, 1fr) !important; }\n        }\n    <\/style>\n\n    <div class=\"gq-calc-container\">\n        \n        <div class=\"gq-calc-header\">\n            <h2 class=\"gq-calc-h2\">Solar Street Light Project Cost Estimator<\/h2>\n            <p class=\"gq-calc-subtitle\">Build a preliminary budget for your solar lighting project. Adjust specifications below to see real-time cost projections.<\/p>\n        <\/div>\n\n        <div class=\"gq-calc-grid-layout\">\n            \n            <div class=\"gq-calc-controls-area\">\n                \n                <div class=\"gq-calc-step-group\">\n                    <h3 class=\"gq-calc-h3-step\"><span class=\"gq-calc-step-num\">1<\/span> Project Type<\/h3>\n                    <div class=\"gq-calc-radio-wrap\" id=\"gqCalcTypeGrid\">\n                        <label class=\"gq-calc-radio-card gq-active\">\n                            <input type=\"radio\" name=\"gqProjType\" value=\"road\" checked>\n                            <svg class=\"gq-calc-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M24 6v36\"\/><path d=\"M18 14h12\"\/><path d=\"M6 42h36\"\/><path d=\"M14 42V28l-6 14\"\/><path d=\"M34 42V28l6 14\"\/><circle cx=\"24\" cy=\"10\" r=\"4\"\/><\/svg>\n                            <span class=\"gq-calc-radio-label\">Road Lighting<\/span>\n                        <\/label>\n                        <label class=\"gq-calc-radio-card\">\n                            <input type=\"radio\" name=\"gqProjType\" value=\"parking\">\n                            <svg class=\"gq-calc-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6\" y=\"16\" width=\"36\" height=\"24\" rx=\"3\"\/><path d=\"M12 16V10h24v6\"\/><path d=\"M18 28h4a3 3 0 000-6h-4v12\"\/><path d=\"M6 40h36\"\/><\/svg>\n                            <span class=\"gq-calc-radio-label\">Parking Lot<\/span>\n                        <\/label>\n                        <label class=\"gq-calc-radio-card\">\n                            <input type=\"radio\" name=\"gqProjType\" value=\"campus\">\n                            <svg class=\"gq-calc-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8 42V20l16-12 16 12v22\"\/><path d=\"M18 42V30h12v12\"\/><circle cx=\"38\" cy=\"12\" r=\"3\"\/><path d=\"M38 15v6\"\/><path d=\"M35 18h6\"\/><\/svg>\n                            <span class=\"gq-calc-radio-label\">Campus \/ Park<\/span>\n                        <\/label>\n                        <label class=\"gq-calc-radio-card\">\n                            <input type=\"radio\" name=\"gqProjType\" value=\"industrial\">\n                            <svg class=\"gq-calc-icon\" viewBox=\"0 0 48 48\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 42h40\"\/><path d=\"M8 42V18l10-8v32\"\/><path d=\"M18 42V22l12-8v28\"\/><rect x=\"34\" y=\"14\" width=\"8\" height=\"28\"\/><path d=\"M36 20h4\"\/><path d=\"M36 26h4\"\/><path d=\"M36 32h4\"\/><\/svg>\n                            <span class=\"gq-calc-radio-label\">Industrial Compound<\/span>\n                        <\/label>\n                    <\/div>\n                <\/div>\n\n                <div class=\"gq-calc-step-group\">\n                    <h3 class=\"gq-calc-h3-step\"><span class=\"gq-calc-step-num\">2<\/span> Model Series<\/h3>\n                    <select id=\"gqCalcModel\" class=\"gq-calc-select\">\n                        <optgroup label=\"All-in-One Series\">\n                            <option value=\"GQ-STSL08\" selected>GQ-STSL08 \u2014 All-in-One Compact<\/option>\n                            <option value=\"GQ-STSL12\">GQ-STSL12 \u2014 All-in-One Standard<\/option>\n                            <option value=\"GQ-STSL15\">GQ-STSL15 \u2014 All-in-One High-Power<\/option>\n                            <option value=\"GQ-STSL18\">GQ-STSL18 \u2014 All-in-One Economy<\/option>\n                        <\/optgroup>\n                        <optgroup label=\"Integrated Series\">\n                            <option value=\"GQ-STSL10\">GQ-STSL10 \u2014 Integrated Premium<\/option>\n                        <\/optgroup>\n                        <optgroup label=\"Split Series\">\n                            <option value=\"GQ-TKJ-A\">GQ-TKJ-A \u2014 Split Heavy-Duty<\/option>\n                            <option value=\"GQ-TKJ-B\">GQ-TKJ-B \u2014 Split Standard<\/option>\n                        <\/optgroup>\n                        <optgroup label=\"Specialty\">\n                            <option value=\"GQ-SFB02\">GQ-SFB02 \u2014 Solar Flood Light<\/option>\n                            <option value=\"GQ-SGL01\">GQ-SGL01 \u2014 Solar Garden Light<\/option>\n                        <\/optgroup>\n                    <\/select>\n                <\/div>\n\n                <div class=\"gq-calc-step-group\">\n                    <h3 class=\"gq-calc-h3-step\"><span class=\"gq-calc-step-num\">3<\/span> Wattage Rating<\/h3>\n                    <div class=\"gq-calc-watt-row\" id=\"gqCalcWattRow\">\n                        <\/div>\n                <\/div>\n\n                <div class=\"gq-calc-step-group\">\n                    <h3 class=\"gq-calc-h3-step\"><span class=\"gq-calc-step-num\">4<\/span> Project Quantity<\/h3>\n                    <div class=\"gq-calc-qty-wrap\">\n                        <button type=\"button\" class=\"gq-calc-qty-btn\" id=\"gqCalcMinus\">&minus;<\/button>\n                        <input type=\"number\" id=\"gqCalcQtyInput\" class=\"gq-calc-qty-input gq-calc-mono\" value=\"50\" min=\"10\" max=\"1000\" step=\"10\">\n                        <button type=\"button\" class=\"gq-calc-qty-btn\" id=\"gqCalcPlus\">+<\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"gq-calc-step-group\">\n                    <h3 class=\"gq-calc-h3-step\"><span class=\"gq-calc-step-num\">5<\/span> Optional Add-ons<\/h3>\n                    <div class=\"gq-calc-addon-wrap\">\n                        <label class=\"gq-calc-check-card\">\n                            <input type=\"checkbox\" id=\"gqCalcInstCheck\" checked>\n                            <div class=\"gq-calc-check-info\">\n                                <span class=\"gq-calc-check-title\">Professional Installation<\/span>\n                                <span class=\"gq-calc-check-price\" id=\"gqCalcInstRateTxt\">$120 \/unit<\/span>\n                            <\/div>\n                        <\/label>\n                        <label class=\"gq-calc-check-card\">\n                            <input type=\"checkbox\" id=\"gqCalcSmartCheck\">\n                            <div class=\"gq-calc-check-info\">\n                                <span class=\"gq-calc-check-title\">Smart IoT Controller Module<\/span>\n                                <span class=\"gq-calc-check-price\">$45 \/unit<\/span>\n                            <\/div>\n                        <\/label>\n                    <\/div>\n                <\/div>\n\n            <\/div> <div class=\"gq-calc-results-area\">\n                <h4 class=\"gq-calc-h4-res\">Estimated Budget<\/h4>\n                \n                <div class=\"gq-calc-line-item\">\n                    <div class=\"gq-calc-line-label\">\n                        Hardware Equipment\n                        <span class=\"gq-calc-line-detail gq-calc-mono\" id=\"gqEqDetail\">50 \u00d7 $0<\/span>\n                    <\/div>\n                    <div class=\"gq-calc-line-value gq-calc-mono\" id=\"gqEqTotal\">$0<\/div>\n                <\/div>\n\n                <div class=\"gq-calc-line-item\" id=\"gqInstLine\">\n                    <div class=\"gq-calc-line-label\">\n                        Installation Service\n                        <span class=\"gq-calc-line-detail gq-calc-mono\" id=\"gqInstDetail\">50 \u00d7 $0<\/span>\n                    <\/div>\n                    <div class=\"gq-calc-line-value gq-calc-mono\" id=\"gqInstTotal\">$0<\/div>\n                <\/div>\n\n                <div class=\"gq-calc-line-item gq-calc-hide\" id=\"gqSmLine\">\n                    <div class=\"gq-calc-line-label\">\n                        IoT Smart Controller\n                        <span class=\"gq-calc-line-detail gq-calc-mono\" id=\"gqSmDetail\">50 \u00d7 $45<\/span>\n                    <\/div>\n                    <div class=\"gq-calc-line-value gq-calc-mono\" id=\"gqSmTotal\">$0<\/div>\n                <\/div>\n\n                <div class=\"gq-calc-total-box\">\n                    <span class=\"gq-calc-total-label\">Grand Total Estimate<\/span>\n                    <span class=\"gq-calc-total-val gq-calc-mono\" id=\"gqGrandTotal\">$0<\/span>\n                    <span class=\"gq-calc-per-unit\">Average <span class=\"gq-calc-mono\" id=\"gqPerUnitVal\">$0<\/span> \/unit<\/span>\n                <\/div>\n\n                <div class=\"gq-calc-discount-note\" id=\"gqVolumeNote\">\n                    Orders of 200+ units qualify for project bulk pricing.\n                <\/div>\n\n                <a href=\"#ct-popup-801\" class=\"gq-calc-cta\">Request Official Quote &rarr;<\/a>\n\n            <\/div> <\/div> <\/div>\n\n    <script>\n        (function() {\n            \"use strict\";\n\n            \/\/ Ensure we only run within this specific module\n            var moduleRoot = document.getElementById('gq-solar-calc-module');\n            if (!moduleRoot) return;\n\n            \/* ====== DATA ====== *\/\n            var MODELS = {\n                \"GQ-STSL08\": { type:\"All-in-One\", avg:200, install:120, watts:[20,30,40,60] },\n                \"GQ-STSL12\": { type:\"All-in-One\", avg:265, install:150, watts:[40,60,80,100] },\n                \"GQ-STSL15\": { type:\"All-in-One\", avg:350, install:150, watts:[60,80,100,120,150] },\n                \"GQ-STSL18\": { type:\"All-in-One\", avg:235, install:130, watts:[30,40,60,80] },\n                \"GQ-STSL10\": { type:\"Integrated\", avg:525, install:200, watts:[60,80,100,120,150,200] },\n                \"GQ-TKJ-A\":  { type:\"Split\", avg:850, install:300, watts:[100,150,200,300] },\n                \"GQ-TKJ-B\":  { type:\"Split\", avg:800, install:280, watts:[80,100,120,150] },\n                \"GQ-SFB02\":  { type:\"Specialty\", avg:400, install:180, watts:[50,100,150,200,300] },\n                \"GQ-SGL01\":  { type:\"Specialty\", avg:200, install:100, watts:[10,15,20,30,40] }\n            };\n\n            var SMART_COST = 45;\n\n            \/* ====== DOM REFS ====== *\/\n            var radioCards = moduleRoot.querySelectorAll('.gq-calc-radio-card');\n            var modelSel   = moduleRoot.querySelector('#gqCalcModel');\n            var wattRow    = moduleRoot.querySelector('#gqCalcWattRow');\n            \n            var qtyInput   = moduleRoot.querySelector('#gqCalcQtyInput');\n            var btnMinus   = moduleRoot.querySelector('#gqCalcMinus');\n            var btnPlus    = moduleRoot.querySelector('#gqCalcPlus');\n            \n            var instCheck  = moduleRoot.querySelector('#gqCalcInstCheck');\n            var smCheck    = moduleRoot.querySelector('#gqCalcSmartCheck');\n            var instRateTxt= moduleRoot.querySelector('#gqCalcInstRateTxt');\n\n            var eqDetail   = moduleRoot.querySelector('#gqEqDetail');\n            var eqTotal    = moduleRoot.querySelector('#gqEqTotal');\n            \n            var instLine   = moduleRoot.querySelector('#gqInstLine');\n            var instDetail = moduleRoot.querySelector('#gqInstDetail');\n            var instTotal  = moduleRoot.querySelector('#gqInstTotal');\n            \n            var smLine     = moduleRoot.querySelector('#gqSmLine');\n            var smDetail   = moduleRoot.querySelector('#gqSmDetail');\n            var smTotal    = moduleRoot.querySelector('#gqSmTotal');\n            \n            var grandTot   = moduleRoot.querySelector('#gqGrandTotal');\n            var perUnitVal = moduleRoot.querySelector('#gqPerUnitVal');\n            var volNote    = moduleRoot.querySelector('#gqVolumeNote');\n\n            \/* ====== STATE ====== *\/\n            var state = {\n                model: \"GQ-STSL08\",\n                wattIdx: 0,\n                qty: 50,\n                install: true,\n                smart: false\n            };\n\n            \/* ====== HELPERS ====== *\/\n            function fmt(n) { return \"$\" + n.toLocaleString(\"en-US\"); }\n\n            function getWattMultiplier(model, wattIdx) {\n                var d = MODELS[model];\n                if (!d || d.watts.length <= 1) return 1;\n                var ratio = wattIdx \/ (d.watts.length - 1);\n                return 0.7 + ratio * 0.6; \/\/ 0.7x to 1.3x price scaling\n            }\n\n            function getUnitPrice(model, wattIdx) {\n                var d = MODELS[model];\n                if (!d) return 0;\n                return Math.round(d.avg * getWattMultiplier(model, wattIdx));\n            }\n\n            \/* ====== RENDER WATTAGE PILLS ====== *\/\n            function renderWattage() {\n                var d = MODELS[state.model];\n                if (!d) return;\n                wattRow.innerHTML = \"\";\n                if (state.wattIdx >= d.watts.length) state.wattIdx = 0;\n                \n                d.watts.forEach(function(w, i) {\n                    var pill = document.createElement(\"div\");\n                    pill.className = \"gq-calc-watt-pill gq-calc-mono\" + (i === state.wattIdx ? \" gq-active\" : \"\");\n                    pill.textContent = w + \"W\";\n                    pill.addEventListener(\"click\", function() {\n                        state.wattIdx = i;\n                        renderWattage(); \/\/ re-render to update active class\n                        calculate();\n                    });\n                    wattRow.appendChild(pill);\n                });\n            }\n\n            \/* ====== ENGINE ====== *\/\n            function calculate() {\n                var d = MODELS[state.model];\n                if (!d) return;\n\n                var q = state.qty;\n                var uPrice = getUnitPrice(state.model, state.wattIdx);\n                \n                var eqSub = uPrice * q;\n                var instSub = state.install ? d.install * q : 0;\n                var smSub = state.smart ? SMART_COST * q : 0;\n                \n                var total = eqSub + instSub + smSub;\n                var pUnit = q > 0 ? Math.round(total \/ q) : 0;\n\n                \/\/ Update UI Texts\n                instRateTxt.textContent = fmt(d.install) + \" \/unit\";\n                \n                eqDetail.textContent = q + \" \u00d7 \" + fmt(uPrice);\n                eqTotal.textContent = fmt(eqSub);\n\n                if (state.install) {\n                    instLine.classList.remove('gq-calc-hide');\n                    instLine.classList.add('gq-calc-show');\n                    instDetail.textContent = q + \" \u00d7 \" + fmt(d.install);\n                    instTotal.textContent = fmt(instSub);\n                } else {\n                    instLine.classList.remove('gq-calc-show');\n                    instLine.classList.add('gq-calc-hide');\n                }\n\n                if (state.smart) {\n                    smLine.classList.remove('gq-calc-hide');\n                    smLine.classList.add('gq-calc-show');\n                    smDetail.textContent = q + \" \u00d7 \" + fmt(SMART_COST);\n                    smTotal.textContent = fmt(smSub);\n                } else {\n                    smLine.classList.remove('gq-calc-show');\n                    smLine.classList.add('gq-calc-hide');\n                }\n\n                grandTot.textContent = fmt(total);\n                perUnitVal.textContent = fmt(pUnit);\n\n                if (q >= 200) {\n                    volNote.classList.remove('gq-calc-hide');\n                    volNote.classList.add('gq-calc-show-block');\n                } else {\n                    volNote.classList.remove('gq-calc-show-block');\n                    volNote.classList.add('gq-calc-hide');\n                }\n            }\n\n            \/* ====== EVENTS ====== *\/\n            radioCards.forEach(function(card) {\n                card.addEventListener(\"click\", function() {\n                    radioCards.forEach(function(c) { c.classList.remove(\"gq-active\"); });\n                    card.classList.add(\"gq-active\");\n                    card.querySelector(\"input\").checked = true;\n                });\n            });\n\n            modelSel.addEventListener(\"change\", function() {\n                state.model = this.value;\n                state.wattIdx = 0;\n                renderWattage();\n                calculate();\n            });\n\n            btnMinus.addEventListener(\"click\", function() {\n                var v = parseInt(qtyInput.value, 10) || 50;\n                v = Math.max(10, v - 10);\n                qtyInput.value = v;\n                state.qty = v;\n                calculate();\n            });\n\n            btnPlus.addEventListener(\"click\", function() {\n                var v = parseInt(qtyInput.value, 10) || 50;\n                v = Math.min(1000, v + 10);\n                qtyInput.value = v;\n                state.qty = v;\n                calculate();\n            });\n\n            qtyInput.addEventListener(\"input\", function() {\n                var v = parseInt(this.value, 10);\n                if (isNaN(v) || v < 10) v = 10;\n                if (v > 1000) v = 1000;\n                state.qty = v;\n                calculate();\n            });\n\n            instCheck.addEventListener(\"change\", function() {\n                state.install = this.checked;\n                calculate();\n            });\n\n            smCheck.addEventListener(\"change\", function() {\n                state.smart = this.checked;\n                calculate();\n            });\n\n            \/* ====== INIT ====== *\/\n            renderWattage();\n            calculate();\n\n        })();\n    <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Solar Street Light Project Cost Estimator Build a preliminary budget for your solar lighting project. Adjust specifications below to see real-time cost projections. 1 Project Type Road Lighting Parking Lot Campus \/ Park Industrial Compound 2 Model Series GQ-STSL08 \u2014 All-in-One CompactGQ-STSL12 \u2014 All-in-One StandardGQ-STSL15 \u2014 All-in-One High-PowerGQ-STSL18 \u2014 All-in-One Economy GQ-STSL10 \u2014 Integrated Premium [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":1306,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1361","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/pages\/1361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/comments?post=1361"}],"version-history":[{"count":0,"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/pages\/1361\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/pages\/1306"}],"wp:attachment":[{"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/media?parent=1361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}