{"id":1072,"date":"2026-03-16T07:33:58","date_gmt":"2026-03-16T07:33:58","guid":{"rendered":"https:\/\/gqlamp.com\/?page_id=1072"},"modified":"2026-03-16T08:32:55","modified_gmt":"2026-03-16T08:32:55","slug":"solar-flood-light-sizing-calculator","status":"publish","type":"page","link":"https:\/\/gqlamp.com\/ar\/led-flood-lights\/solar-flood-lights\/solar-flood-light-sizing-calculator\/","title":{"rendered":"\u062d\u0627\u0633\u0628\u0629 \u062a\u062d\u062c\u064a\u0645 \u0636\u0648\u0621 \u0627\u0644\u0641\u064a\u0636\u0627\u0646\u0627\u062a \u0627\u0644\u0634\u0645\u0633\u064a\u0629"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-a882b06\" data-block-id=\"a882b06\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-a882b06-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-28d3f7d\" data-v=\"4\" data-block-id=\"28d3f7d\"><style>.stk-28d3f7d-container{margin-top:50px !important;margin-right:50px !important;margin-bottom:50px !important;margin-left:50px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-28d3f7d-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-28d3f7d-inner-blocks\">\n<h1>Solar Flood Light Calculator<\/h1>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-a20068d\" data-block-id=\"a20068d\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-a20068d-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-8fc9a2b\" data-v=\"4\" data-block-id=\"8fc9a2b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-8fc9a2b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-8fc9a2b-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-67e5d53\" data-block-id=\"67e5d53\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-67e5d53-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-68b39b7\" data-v=\"4\" data-block-id=\"68b39b7\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-68b39b7-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-68b39b7-inner-blocks\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Solar Flood Light Sizing Calculator<\/title>\n<style>\n\/* ============================================================\n   SOLAR FLOOD LIGHT SIZING CALCULATOR\n   All styles scoped to #solar-sizing-calc\n   WordPress Gutenberg Custom HTML block compatible\n   ============================================================ *\/\n\n#solar-sizing-calc *,\n#solar-sizing-calc *::before,\n#solar-sizing-calc *::after {\n  box-sizing: border-box !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n#solar-sizing-calc {\n  font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace !important;\n  background: #f4f4f0 !important;\n  color: #303030 !important;\n  max-width: 1120px !important;\n  margin: 0 auto !important;\n  padding: 0 !important;\n  border: 2px solid #303030 !important;\n  position: relative !important;\n}\n\n\/* Header *\/\n#solar-sizing-calc .ssc-header {\n  background: #183090 !important;\n  color: #ffffff !important;\n  padding: 28px 36px !important;\n  border-bottom: 3px solid #009048 !important;\n  position: relative !important;\n}\n\n#solar-sizing-calc .ssc-header-eyebrow {\n  font-size: 10px !important;\n  letter-spacing: 3px !important;\n  text-transform: uppercase !important;\n  color: #009048 !important;\n  margin-bottom: 8px !important;\n  display: block !important;\n}\n\n#solar-sizing-calc .ssc-header h2 {\n  font-size: 22px !important;\n  font-weight: 700 !important;\n  color: #ffffff !important;\n  line-height: 1.2 !important;\n  margin: 0 !important;\n  letter-spacing: -0.5px !important;\n}\n\n#solar-sizing-calc .ssc-header p {\n  font-size: 12px !important;\n  color: rgba(255,255,255,0.75) !important;\n  margin-top: 8px !important;\n  line-height: 1.5 !important;\n}\n\n\/* Form Body *\/\n#solar-sizing-calc .ssc-body {\n  padding: 32px 36px !important;\n  background: #ffffff !important;\n}\n\n\/* Field Groups *\/\n#solar-sizing-calc .ssc-field-group {\n  margin-bottom: 28px !important;\n}\n\n#solar-sizing-calc .ssc-label {\n  display: block !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: 2px !important;\n  text-transform: uppercase !important;\n  color: #183090 !important;\n  margin-bottom: 10px !important;\n}\n\n#solar-sizing-calc .ssc-label span {\n  font-weight: 400 !important;\n  color: #888 !important;\n  letter-spacing: 0 !important;\n  text-transform: none !important;\n  font-size: 11px !important;\n  margin-left: 6px !important;\n}\n\n\/* Area input row *\/\n#solar-sizing-calc .ssc-area-row {\n  display: flex !important;\n  gap: 0 !important;\n  align-items: stretch !important;\n}\n\n#solar-sizing-calc .ssc-input-number {\n  font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace !important;\n  font-size: 20px !important;\n  font-weight: 700 !important;\n  color: #303030 !important;\n  background: #f4f4f0 !important;\n  border: 2px solid #303030 !important;\n  border-right: none !important;\n  padding: 12px 16px !important;\n  width: 100% !important;\n  outline: none !important;\n  -moz-appearance: textfield !important;\n  appearance: textfield !important;\n  border-radius: 0 !important;\n  transition: border-color 0.15s !important;\n}\n\n#solar-sizing-calc .ssc-input-number::-webkit-outer-spin-button,\n#solar-sizing-calc .ssc-input-number::-webkit-inner-spin-button {\n  -webkit-appearance: none !important;\n}\n\n#solar-sizing-calc .ssc-input-number:focus {\n  border-color: #183090 !important;\n  background: #eef0f8 !important;\n}\n\n#solar-sizing-calc .ssc-unit-toggle {\n  display: flex !important;\n  border: 2px solid #303030 !important;\n  overflow: hidden !important;\n  flex-shrink: 0 !important;\n}\n\n#solar-sizing-calc .ssc-unit-btn {\n  font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: 1px !important;\n  background: #f4f4f0 !important;\n  color: #888 !important;\n  border: none !important;\n  padding: 0 18px !important;\n  cursor: pointer !important;\n  border-right: 1px solid #ccc !important;\n  transition: background 0.15s, color 0.15s !important;\n  border-radius: 0 !important;\n}\n\n#solar-sizing-calc .ssc-unit-btn:last-child {\n  border-right: none !important;\n}\n\n#solar-sizing-calc .ssc-unit-btn.active {\n  background: #183090 !important;\n  color: #ffffff !important;\n}\n\n#solar-sizing-calc .ssc-unit-btn:hover:not(.active) {\n  background: #e0e0e0 !important;\n  color: #303030 !important;\n}\n\n\/* Select dropdown *\/\n#solar-sizing-calc .ssc-select {\n  font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace !important;\n  font-size: 14px !important;\n  font-weight: 600 !important;\n  color: #303030 !important;\n  background: #f4f4f0 !important;\n  border: 2px solid #303030 !important;\n  padding: 12px 16px !important;\n  width: 100% !important;\n  outline: none !important;\n  border-radius: 0 !important;\n  cursor: pointer !important;\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23183090' d='M0 0l6 8 6-8z'\/%3E%3C\/svg%3E\") !important;\n  background-repeat: no-repeat !important;\n  background-position: right 16px center !important;\n  background-size: 10px !important;\n}\n\n#solar-sizing-calc .ssc-select:focus {\n  border-color: #183090 !important;\n  background-color: #eef0f8 !important;\n}\n\n\/* Radio groups *\/\n#solar-sizing-calc .ssc-radio-grid {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr !important;\n  gap: 8px !important;\n}\n\n#solar-sizing-calc .ssc-radio-grid.cols-4 {\n  grid-template-columns: repeat(4, 1fr) !important;\n}\n\n#solar-sizing-calc .ssc-radio-option {\n  position: relative !important;\n}\n\n#solar-sizing-calc .ssc-radio-option input[type=\"radio\"] {\n  position: absolute !important;\n  opacity: 0 !important;\n  width: 0 !important;\n  height: 0 !important;\n}\n\n#solar-sizing-calc .ssc-radio-option label {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  padding: 12px 14px !important;\n  border: 2px solid #d0d0d0 !important;\n  cursor: pointer !important;\n  background: #f4f4f0 !important;\n  transition: border-color 0.15s, background 0.15s !important;\n  border-radius: 0 !important;\n  min-height: 56px !important;\n  justify-content: center !important;\n}\n\n#solar-sizing-calc .ssc-radio-option label .ssc-radio-main {\n  font-size: 12px !important;\n  font-weight: 700 !important;\n  color: #303030 !important;\n  letter-spacing: 0.5px !important;\n  display: block !important;\n}\n\n#solar-sizing-calc .ssc-radio-option label .ssc-radio-sub {\n  font-size: 10px !important;\n  color: #888 !important;\n  margin-top: 2px !important;\n  display: block !important;\n  letter-spacing: 0 !important;\n  font-weight: 400 !important;\n}\n\n#solar-sizing-calc .ssc-radio-option input[type=\"radio\"]:checked + label {\n  border-color: #183090 !important;\n  background: #eef0f8 !important;\n}\n\n#solar-sizing-calc .ssc-radio-option input[type=\"radio\"]:checked + label .ssc-radio-main {\n  color: #183090 !important;\n}\n\n#solar-sizing-calc .ssc-radio-option label:hover {\n  border-color: #183090 !important;\n  background: #f0f2fa !important;\n}\n\n\/* Divider *\/\n#solar-sizing-calc .ssc-divider {\n  height: 1px !important;\n  background: #e0e0e0 !important;\n  margin: 28px 0 !important;\n}\n\n\/* Calculate Button *\/\n#solar-sizing-calc .ssc-btn-calculate {\n  font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  letter-spacing: 2px !important;\n  text-transform: uppercase !important;\n  background: #009048 !important;\n  color: #ffffff !important;\n  border: 2px solid #009048 !important;\n  padding: 16px 40px !important;\n  cursor: pointer !important;\n  border-radius: 0 !important;\n  transition: background 0.15s, color 0.15s !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  gap: 10px !important;\n}\n\n#solar-sizing-calc .ssc-btn-calculate:hover {\n  background: #007038 !important;\n  border-color: #007038 !important;\n}\n\n#solar-sizing-calc .ssc-btn-calculate svg {\n  width: 16px !important;\n  height: 16px !important;\n  fill: currentColor !important;\n}\n\n#solar-sizing-calc .ssc-btn-reset {\n  font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace !important;\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 1px !important;\n  text-transform: uppercase !important;\n  background: transparent !important;\n  color: #888 !important;\n  border: 2px solid #d0d0d0 !important;\n  padding: 16px 24px !important;\n  cursor: pointer !important;\n  border-radius: 0 !important;\n  transition: border-color 0.15s, color 0.15s !important;\n  margin-left: 12px !important;\n}\n\n#solar-sizing-calc .ssc-btn-reset:hover {\n  border-color: #D81818 !important;\n  color: #D81818 !important;\n}\n\n#solar-sizing-calc .ssc-btn-row {\n  display: flex !important;\n  align-items: center !important;\n  flex-wrap: wrap !important;\n  gap: 0 !important;\n  margin-top: 4px !important;\n}\n\n\/* Error state *\/\n#solar-sizing-calc .ssc-error {\n  display: none !important;\n  color: #D81818 !important;\n  font-size: 11px !important;\n  font-weight: 600 !important;\n  letter-spacing: 1px !important;\n  margin-top: 8px !important;\n  padding: 8px 12px !important;\n  border-left: 3px solid #D81818 !important;\n  background: #fff5f5 !important;\n}\n\n#solar-sizing-calc .ssc-error.visible {\n  display: block !important;\n}\n\n\/* ============================================================\n   RESULTS PANEL\n   ============================================================ *\/\n\n#solar-sizing-calc .ssc-results {\n  display: none !important;\n  padding: 0 36px 36px !important;\n  background: #ffffff !important;\n}\n\n#solar-sizing-calc .ssc-results.visible {\n  display: block !important;\n}\n\n#solar-sizing-calc .ssc-results-header {\n  background: #303030 !important;\n  color: #ffffff !important;\n  padding: 16px 20px !important;\n  margin-bottom: 20px !important;\n  display: flex !important;\n  align-items: center !important;\n  gap: 12px !important;\n}\n\n#solar-sizing-calc .ssc-results-header .ssc-results-title {\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: 3px !important;\n  text-transform: uppercase !important;\n  color: #ffffff !important;\n}\n\n#solar-sizing-calc .ssc-results-header .ssc-results-dot {\n  width: 8px !important;\n  height: 8px !important;\n  background: #009048 !important;\n  border-radius: 50% !important;\n  flex-shrink: 0 !important;\n  animation: ssc-pulse 1.5s ease-in-out 3 !important;\n}\n\n@keyframes ssc-pulse {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.5; transform: scale(1.3); }\n}\n\n\/* Results grid *\/\n#solar-sizing-calc .ssc-results-grid {\n  display: grid !important;\n  grid-template-columns: 1fr 1fr 1fr !important;\n  gap: 12px !important;\n  margin-bottom: 12px !important;\n}\n\n#solar-sizing-calc .ssc-result-card {\n  border: 2px solid #e0e0e0 !important;\n  padding: 18px 16px !important;\n  background: #f9f9f7 !important;\n  position: relative !important;\n  border-radius: 0 !important;\n}\n\n#solar-sizing-calc .ssc-result-card.highlight {\n  border-color: #183090 !important;\n  background: #eef0f8 !important;\n}\n\n#solar-sizing-calc .ssc-result-card.full-width {\n  grid-column: 1 \/ -1 !important;\n}\n\n#solar-sizing-calc .ssc-result-card .ssc-card-label {\n  font-size: 9px !important;\n  font-weight: 700 !important;\n  letter-spacing: 2.5px !important;\n  text-transform: uppercase !important;\n  color: #888 !important;\n  display: block !important;\n  margin-bottom: 8px !important;\n}\n\n#solar-sizing-calc .ssc-result-card .ssc-card-value {\n  font-size: 22px !important;\n  font-weight: 700 !important;\n  color: #183090 !important;\n  line-height: 1.1 !important;\n  display: block !important;\n  letter-spacing: -0.5px !important;\n}\n\n#solar-sizing-calc .ssc-result-card.highlight .ssc-card-value {\n  font-size: 26px !important;\n}\n\n#solar-sizing-calc .ssc-result-card .ssc-card-sub {\n  font-size: 10px !important;\n  color: #555 !important;\n  margin-top: 4px !important;\n  display: block !important;\n  line-height: 1.4 !important;\n}\n\n\/* Tier card *\/\n#solar-sizing-calc .ssc-tier-card {\n  border: 2px solid #e0e0e0 !important;\n  padding: 20px 20px !important;\n  background: #f9f9f7 !important;\n  display: flex !important;\n  align-items: flex-start !important;\n  gap: 16px !important;\n  margin-bottom: 12px !important;\n}\n\n#solar-sizing-calc .ssc-tier-badge {\n  padding: 6px 14px !important;\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  letter-spacing: 2px !important;\n  text-transform: uppercase !important;\n  flex-shrink: 0 !important;\n  border-radius: 0 !important;\n  border: 2px solid transparent !important;\n}\n\n#solar-sizing-calc .ssc-tier-badge.entry {\n  background: #e8f5ee !important;\n  color: #009048 !important;\n  border-color: #009048 !important;\n}\n\n#solar-sizing-calc .ssc-tier-badge.mid {\n  background: #eef0f8 !important;\n  color: #183090 !important;\n  border-color: #183090 !important;\n}\n\n#solar-sizing-calc .ssc-tier-badge.commercial {\n  background: #fdf8e8 !important;\n  color: #9a7200 !important;\n  border-color: #c9a000 !important;\n}\n\n#solar-sizing-calc .ssc-tier-info {\n  flex: 1 !important;\n}\n\n#solar-sizing-calc .ssc-tier-info .ssc-tier-name {\n  font-size: 14px !important;\n  font-weight: 700 !important;\n  color: #303030 !important;\n  display: block !important;\n  margin-bottom: 4px !important;\n}\n\n#solar-sizing-calc .ssc-tier-info .ssc-tier-desc {\n  font-size: 11px !important;\n  color: #666 !important;\n  line-height: 1.5 !important;\n}\n\n\/* IP Rating row *\/\n#solar-sizing-calc .ssc-ip-row {\n  display: flex !important;\n  align-items: center !important;\n  gap: 12px !important;\n  padding: 14px 16px !important;\n  border: 2px solid #e0e0e0 !important;\n  background: #f9f9f7 !important;\n  margin-bottom: 12px !important;\n}\n\n#solar-sizing-calc .ssc-ip-badge {\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  color: #ffffff !important;\n  background: #303030 !important;\n  padding: 6px 14px !important;\n  flex-shrink: 0 !important;\n  letter-spacing: 1px !important;\n}\n\n#solar-sizing-calc .ssc-ip-label {\n  font-size: 9px !important;\n  font-weight: 700 !important;\n  letter-spacing: 2px !important;\n  text-transform: uppercase !important;\n  color: #888 !important;\n  display: block !important;\n  margin-bottom: 3px !important;\n}\n\n#solar-sizing-calc .ssc-ip-desc {\n  font-size: 11px !important;\n  color: #555 !important;\n  line-height: 1.4 !important;\n}\n\n\/* CTA section *\/\n#solar-sizing-calc .ssc-cta {\n  background: #183090 !important;\n  padding: 24px 24px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  gap: 20px !important;\n  flex-wrap: wrap !important;\n}\n\n#solar-sizing-calc .ssc-cta-text {\n  flex: 1 !important;\n  min-width: 200px !important;\n}\n\n#solar-sizing-calc .ssc-cta-text .ssc-cta-title {\n  font-size: 14px !important;\n  font-weight: 700 !important;\n  color: #ffffff !important;\n  display: block !important;\n  margin-bottom: 4px !important;\n}\n\n#solar-sizing-calc .ssc-cta-text .ssc-cta-sub {\n  font-size: 11px !important;\n  color: rgba(255,255,255,0.7) !important;\n  line-height: 1.4 !important;\n}\n\n#solar-sizing-calc .ssc-btn-cta {\n  font-family: 'IBM Plex Mono', 'Courier New', Courier, monospace !important;\n  font-size: 11px !important;\n  font-weight: 700 !important;\n  letter-spacing: 2px !important;\n  text-transform: uppercase !important;\n  background: #009048 !important;\n  color: #ffffff !important;\n  border: 2px solid #009048 !important;\n  padding: 14px 28px !important;\n  cursor: pointer !important;\n  border-radius: 0 !important;\n  text-decoration: none !important;\n  display: inline-block !important;\n  transition: background 0.15s !important;\n  flex-shrink: 0 !important;\n  white-space: nowrap !important;\n}\n\n#solar-sizing-calc .ssc-btn-cta:hover {\n  background: #007038 !important;\n  border-color: #007038 !important;\n  color: #ffffff !important;\n  text-decoration: none !important;\n}\n\n\/* Disclaimer *\/\n#solar-sizing-calc .ssc-disclaimer {\n  padding: 14px 20px !important;\n  background: #f4f4f0 !important;\n  border-top: 1px solid #e0e0e0 !important;\n  font-size: 9px !important;\n  color: #999 !important;\n  line-height: 1.5 !important;\n  letter-spacing: 0.3px !important;\n}\n\n\/* ============================================================\n   RESPONSIVE \u2014 860px breakpoint\n   ============================================================ *\/\n\n@media (max-width: 860px) {\n  #solar-sizing-calc .ssc-header {\n    padding: 20px 20px !important;\n  }\n\n  #solar-sizing-calc .ssc-header h2 {\n    font-size: 18px !important;\n  }\n\n  #solar-sizing-calc .ssc-body {\n    padding: 24px 20px !important;\n  }\n\n  #solar-sizing-calc .ssc-results {\n    padding: 0 20px 24px !important;\n  }\n\n  #solar-sizing-calc .ssc-radio-grid.cols-4 {\n    grid-template-columns: 1fr 1fr !important;\n  }\n\n  #solar-sizing-calc .ssc-results-grid {\n    grid-template-columns: 1fr 1fr !important;\n  }\n\n  #solar-sizing-calc .ssc-result-card.highlight {\n    grid-column: 1 \/ -1 !important;\n  }\n\n  #solar-sizing-calc .ssc-cta {\n    flex-direction: column !important;\n    align-items: flex-start !important;\n  }\n}\n\n@media (max-width: 560px) {\n  #solar-sizing-calc .ssc-radio-grid {\n    grid-template-columns: 1fr !important;\n  }\n\n  #solar-sizing-calc .ssc-radio-grid.cols-4 {\n    grid-template-columns: 1fr !important;\n  }\n\n  #solar-sizing-calc .ssc-results-grid {\n    grid-template-columns: 1fr !important;\n  }\n\n  #solar-sizing-calc .ssc-result-card.highlight {\n    grid-column: auto !important;\n  }\n\n  #solar-sizing-calc .ssc-result-card .ssc-card-value {\n    font-size: 18px !important;\n  }\n\n  #solar-sizing-calc .ssc-tier-card {\n    flex-direction: column !important;\n    gap: 10px !important;\n  }\n\n  #solar-sizing-calc .ssc-btn-calculate {\n    width: 100% !important;\n    justify-content: center !important;\n  }\n\n  #solar-sizing-calc .ssc-btn-reset {\n    width: 100% !important;\n    text-align: center !important;\n    margin-left: 0 !important;\n    margin-top: 8px !important;\n  }\n\n  #solar-sizing-calc .ssc-btn-row {\n    flex-direction: column !important;\n  }\n}\n<\/style>\n\n<div id=\"solar-sizing-calc\">\n\n  <!-- HEADER -->\n  <div class=\"ssc-header\">\n    <span class=\"ssc-header-eyebrow\">&#9724; Engineering Tool &nbsp;\/&nbsp; V1.0<\/span>\n    <h2>Solar Flood Light Sizing Calculator<\/h2>\n    <p>Enter your project parameters below to receive recommended lumen output, solar panel wattage, battery capacity, and product tier guidance.<\/p>\n  <\/div>\n\n  <!-- FORM BODY -->\n  <div class=\"ssc-body\">\n\n    <!-- Field 1: Area -->\n    <div class=\"ssc-field-group\">\n      <label class=\"ssc-label\" for=\"ssc-area-input\">\n        01 &mdash; Area to Illuminate\n        <span>Enter the total ground area<\/span>\n      <\/label>\n      <div class=\"ssc-area-row\">\n        <input\n          type=\"number\"\n          id=\"ssc-area-input\"\n          class=\"ssc-input-number\"\n          placeholder=\"e.g. 500\"\n          min=\"1\"\n          max=\"999999\"\n          aria-label=\"Area size\"\n        >\n        <div class=\"ssc-unit-toggle\" role=\"group\" aria-label=\"Unit selection\">\n          <button class=\"ssc-unit-btn active\" id=\"ssc-unit-sqft\" data-unit=\"sqft\" type=\"button\" aria-pressed=\"true\">sq ft<\/button>\n          <button class=\"ssc-unit-btn\" id=\"ssc-unit-sqm\" data-unit=\"sqm\" type=\"button\" aria-pressed=\"false\">sq m<\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Field 2: Mounting Height -->\n    <div class=\"ssc-field-group\">\n      <label class=\"ssc-label\" for=\"ssc-height-select\">\n        02 &mdash; Mounting Height\n        <span>Height of fixture from ground<\/span>\n      <\/label>\n      <select id=\"ssc-height-select\" class=\"ssc-select\" aria-label=\"Mounting height\">\n        <option value=\"\" disabled selected>\u2014 Select mounting height \u2014<\/option>\n        <option value=\"6\">6 ft &nbsp;\/&nbsp; 1.8 m<\/option>\n        <option value=\"8\">8 ft &nbsp;\/&nbsp; 2.4 m<\/option>\n        <option value=\"10\">10 ft &nbsp;\/&nbsp; 3.0 m<\/option>\n        <option value=\"12\">12 ft &nbsp;\/&nbsp; 3.7 m<\/option>\n        <option value=\"15\">15 ft+ &nbsp;\/&nbsp; 4.5 m+<\/option>\n      <\/select>\n    <\/div>\n\n    <!-- Field 3: Primary Purpose -->\n    <div class=\"ssc-field-group\">\n      <span class=\"ssc-label\">03 &mdash; Primary Purpose<\/span>\n      <div class=\"ssc-radio-grid cols-4\" role=\"radiogroup\" aria-label=\"Primary purpose\">\n\n        <div class=\"ssc-radio-option\">\n          <input type=\"radio\" id=\"ssc-purpose-security\" name=\"ssc-purpose\" value=\"security\" checked>\n          <label for=\"ssc-purpose-security\">\n            <span class=\"ssc-radio-main\">&#128274; Security<\/span>\n            <span class=\"ssc-radio-sub\">Perimeter, entry points<\/span>\n          <\/label>\n        <\/div>\n\n        <div class=\"ssc-radio-option\">\n          <input type=\"radio\" id=\"ssc-purpose-area\" name=\"ssc-purpose\" value=\"area\">\n          <label for=\"ssc-purpose-area\">\n            <span class=\"ssc-radio-main\">&#9634; Area Lighting<\/span>\n            <span class=\"ssc-radio-sub\">Pathways, yards<\/span>\n          <\/label>\n        <\/div>\n\n        <div class=\"ssc-radio-option\">\n          <input type=\"radio\" id=\"ssc-purpose-accent\" name=\"ssc-purpose\" value=\"accent\">\n          <label for=\"ssc-purpose-accent\">\n            <span class=\"ssc-radio-main\">&#10022; Accent<\/span>\n            <span class=\"ssc-radio-sub\">Landscape, facade<\/span>\n          <\/label>\n        <\/div>\n\n        <div class=\"ssc-radio-option\">\n          <input type=\"radio\" id=\"ssc-purpose-commercial\" name=\"ssc-purpose\" value=\"commercial\">\n          <label for=\"ssc-purpose-commercial\">\n            <span class=\"ssc-radio-main\">&#9646; Commercial<\/span>\n            <span class=\"ssc-radio-sub\">Parking, industrial<\/span>\n          <\/label>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- Field 4: Operating Mode -->\n    <div class=\"ssc-field-group\">\n      <span class=\"ssc-label\">04 &mdash; Operating Mode Preference<\/span>\n      <div class=\"ssc-radio-grid\" role=\"radiogroup\" aria-label=\"Operating mode\">\n\n        <div class=\"ssc-radio-option\">\n          <input type=\"radio\" id=\"ssc-mode-motion\" name=\"ssc-mode\" value=\"motion\" checked>\n          <label for=\"ssc-mode-motion\">\n            <span class=\"ssc-radio-main\">&#9651; Motion Sensor<\/span>\n            <span class=\"ssc-radio-sub\">Triggers on movement (~4 hr equiv.)<\/span>\n          <\/label>\n        <\/div>\n\n        <div class=\"ssc-radio-option\">\n          <input type=\"radio\" id=\"ssc-mode-dusk\" name=\"ssc-mode\" value=\"dusk\">\n          <label for=\"ssc-mode-dusk\">\n            <span class=\"ssc-radio-main\">&#9790; Dusk-to-Dawn<\/span>\n            <span class=\"ssc-radio-sub\">All night continuous (~10 hr)<\/span>\n          <\/label>\n        <\/div>\n\n        <div class=\"ssc-radio-option\">\n          <input type=\"radio\" id=\"ssc-mode-timer\" name=\"ssc-mode\" value=\"timer\">\n          <label for=\"ssc-mode-timer\">\n            <span class=\"ssc-radio-main\">&#9200; Always On Timer<\/span>\n            <span class=\"ssc-radio-sub\">Scheduled runtime (~8 hr)<\/span>\n          <\/label>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"ssc-divider\"><\/div>\n\n    <!-- Error message -->\n    <div class=\"ssc-error\" id=\"ssc-error-msg\" role=\"alert\" aria-live=\"assertive\">\n      &#9650; Please enter a valid area and select all required fields before calculating.\n    <\/div>\n\n    <!-- Buttons -->\n    <div class=\"ssc-btn-row\">\n      <button class=\"ssc-btn-calculate\" id=\"ssc-calc-btn\" type=\"button\" aria-label=\"Calculate solar sizing\">\n        <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n          <path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm7 13H5v-.23c0-.62.28-1.2.76-1.58C7.47 15.82 9.64 15 12 15s4.53.82 6.24 2.19c.48.38.76.97.76 1.58V19z\"\/>\n        <\/svg>\n        Calculate Sizing\n      <\/button>\n      <button class=\"ssc-btn-reset\" id=\"ssc-reset-btn\" type=\"button\" aria-label=\"Reset calculator\">\n        &#8634; Reset\n      <\/button>\n    <\/div>\n\n  <\/div><!-- \/.ssc-body -->\n\n  <!-- RESULTS PANEL -->\n  <div class=\"ssc-results\" id=\"ssc-results\" aria-live=\"polite\" aria-label=\"Calculator results\">\n\n    <div class=\"ssc-results-header\">\n      <div class=\"ssc-results-dot\" aria-hidden=\"true\"><\/div>\n      <span class=\"ssc-results-title\">Sizing Recommendation<\/span>\n    <\/div>\n\n    <!-- Primary metrics grid -->\n    <div class=\"ssc-results-grid\">\n\n      <div class=\"ssc-result-card highlight\" id=\"ssc-res-lumens\">\n        <span class=\"ssc-card-label\">Recommended Lumen Range<\/span>\n        <span class=\"ssc-card-value\" id=\"ssc-val-lumens\">\u2014<\/span>\n        <span class=\"ssc-card-sub\" id=\"ssc-sub-lumens\">Total output required<\/span>\n      <\/div>\n\n      <div class=\"ssc-result-card\" id=\"ssc-res-panel\">\n        <span class=\"ssc-card-label\">Min. Solar Panel Wattage<\/span>\n        <span class=\"ssc-card-value\" id=\"ssc-val-panel\">\u2014<\/span>\n        <span class=\"ssc-card-sub\" id=\"ssc-sub-panel\">Monocrystalline recommended<\/span>\n      <\/div>\n\n      <div class=\"ssc-result-card\" id=\"ssc-res-battery\">\n        <span class=\"ssc-card-label\">Recommended Battery Capacity<\/span>\n        <span class=\"ssc-card-value\" id=\"ssc-val-battery\">\u2014<\/span>\n        <span class=\"ssc-card-sub\" id=\"ssc-sub-battery\">With 85% charge efficiency<\/span>\n      <\/div>\n\n      <div class=\"ssc-result-card\" id=\"ssc-res-fixtures\">\n        <span class=\"ssc-card-label\">Fixtures Needed<\/span>\n        <span class=\"ssc-card-value\" id=\"ssc-val-fixtures\">\u2014<\/span>\n        <span class=\"ssc-card-sub\" id=\"ssc-sub-fixtures\">Based on coverage per unit<\/span>\n      <\/div>\n\n      <div class=\"ssc-result-card\" id=\"ssc-res-runtime\">\n        <span class=\"ssc-card-label\">Design Runtime<\/span>\n        <span class=\"ssc-card-value\" id=\"ssc-val-runtime\">\u2014<\/span>\n        <span class=\"ssc-card-sub\">Per operating mode selected<\/span>\n      <\/div>\n\n      <div class=\"ssc-result-card\" id=\"ssc-res-lux\">\n        <span class=\"ssc-card-label\">Target Illuminance<\/span>\n        <span class=\"ssc-card-value\" id=\"ssc-val-lux\">\u2014<\/span>\n        <span class=\"ssc-card-sub\" id=\"ssc-sub-lux\">At ground level<\/span>\n      <\/div>\n\n    <\/div>\n\n    <!-- IP Rating -->\n    <div class=\"ssc-ip-row\" id=\"ssc-res-ip\">\n      <div class=\"ssc-ip-badge\" id=\"ssc-val-ip\">IP65<\/div>\n      <div>\n        <span class=\"ssc-ip-label\">Recommended IP Rating<\/span>\n        <span class=\"ssc-ip-desc\" id=\"ssc-sub-ip\">Dust-tight and protected against low-pressure water jets from any direction.<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Tier recommendation -->\n    <div class=\"ssc-tier-card\" id=\"ssc-res-tier\">\n      <div class=\"ssc-tier-badge entry\" id=\"ssc-tier-badge\">Entry<\/div>\n      <div class=\"ssc-tier-info\">\n        <span class=\"ssc-tier-name\" id=\"ssc-tier-name\">Entry-Level Tier<\/span>\n        <span class=\"ssc-tier-desc\" id=\"ssc-tier-desc\">Suitable for residential use with standard output requirements. Look for integrated panel designs in this range.<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"ssc-cta\">\n      <div class=\"ssc-cta-text\">\n        <span class=\"ssc-cta-title\">Need a site-specific recommendation?<\/span>\n        <span class=\"ssc-cta-sub\">Our lighting engineers will review your project and recommend exact models, quantities, and installation specs &mdash; at no cost.<\/span>\n      <\/div>\n      <a href=\"#ct-popup-801\" class=\"ssc-btn-cta\" id=\"ssc-cta-link\" aria-label=\"Request a custom quote\">\n        Request a Custom Quote &rarr;\n      <\/a>\n    <\/div>\n\n    <!-- Disclaimer -->\n    <div class=\"ssc-disclaimer\">\n      * Calculations are estimates based on standard LED efficacy (130 lm\/W) and typical solar charge conditions (4&ndash;5 peak sun hours\/day). Actual performance varies by geographic location, panel angle, temperature, battery chemistry, and installation quality. Consult a certified lighting engineer for critical applications. All values assume new equipment at rated specifications.\n    <\/div>\n\n  <\/div><!-- \/.ssc-results -->\n\n<\/div><!-- \/#solar-sizing-calc -->\n\n<script>\n(function() {\n  'use strict';\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     CONFIG TABLES\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var LUX_FACTORS = {\n    security:   5,\n    area:       3,\n    accent:     1.5,\n    commercial: 7\n  };\n\n  var HEIGHT_FACTORS = {\n    '6':  1.0,\n    '8':  1.15,\n    '10': 1.3,\n    '12': 1.5,\n    '15': 1.8\n  };\n\n  var RUNTIME_HOURS = {\n    motion: 4,\n    dusk:   10,\n    timer:  8\n  };\n\n  var RUNTIME_LABELS = {\n    motion: '4 hrs equivalent',\n    dusk:   '10 hrs continuous',\n    timer:  '8 hrs scheduled'\n  };\n\n  var IP_MAP = {\n    security:   { rating: 'IP66', desc: 'Dust-tight and protected against powerful water jets. Ideal for exposed security perimeter installations.' },\n    area:       { rating: 'IP65', desc: 'Dust-tight and protected against low-pressure water jets from any direction. Suitable for general outdoor area lighting.' },\n    accent:     { rating: 'IP65', desc: 'Dust-tight and water-jet resistant. Adequate for landscape and facade accent fixtures.' },\n    commercial: { rating: 'IP67', desc: 'Fully dust-tight and protected against temporary immersion up to 1 m. Required for heavy-duty commercial and industrial sites.' }\n  };\n\n  var PURPOSE_LABELS = {\n    security:   'Security \/ Perimeter',\n    area:       'General Area Lighting',\n    accent:     'Accent \/ Landscape',\n    commercial: 'Commercial \/ Parking'\n  };\n\n  var LUX_TARGETS = {\n    security:   '50 lux',\n    area:       '30 lux',\n    accent:     '15 lux',\n    commercial: '70 lux'\n  };\n\n  var LUX_DESCS = {\n    security:   'IESNA RP-33 security lighting standard',\n    area:       'Comfortable pedestrian area standard',\n    accent:     'Decorative \/ feature lighting',\n    commercial: 'IESNA parking facility standard'\n  };\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     TIER LOGIC\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function getTier(lumens) {\n    if (lumens <= 3000) {\n      return {\n        key: 'entry',\n        name: 'Entry-Level Tier',\n        desc: 'Suitable for residential and light commercial use. Integrated solar panel designs in the 10W\\u201320W panel range. Typical battery: 18650 Li-ion, 2,000\\u20134,000 mAh.'\n      };\n    } else if (lumens <= 8000) {\n      return {\n        key: 'mid',\n        name: 'Mid-Range Tier',\n        desc: 'Appropriate for business perimeters, parking areas, and demanding residential security. Separate panel designs with MPPT controllers. Typical battery: LiFePO4, 5,000\\u201310,000 mAh.'\n      };\n    } else {\n      return {\n        key: 'commercial',\n        name: 'Commercial \/ Industrial Tier',\n        desc: 'Heavy-duty commercial and industrial installations. Multi-panel systems with centralized battery banks. Look for die-cast aluminum housings, 5-year+ warranties, and DLC \/ UL844 certifications.'\n      };\n    }\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     HELPERS\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function formatNum(n) {\n    return n.toLocaleString('en-US');\n  }\n\n  function ceil(n) {\n    return Math.ceil(n);\n  }\n\n  function roundTo(n, places) {\n    var factor = Math.pow(10, places);\n    return Math.round(n * factor) \/ factor;\n  }\n\n  function getRadioValue(name) {\n    var radios = document.querySelectorAll('#solar-sizing-calc input[name=\"' + name + '\"]');\n    for (var i = 0; i < radios.length; i++) {\n      if (radios[i].checked) return radios[i].value;\n    }\n    return null;\n  }\n\n  function setText(id, val) {\n    var el = document.getElementById(id);\n    if (el) el.textContent = val;\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     CORE CALCULATION\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function calculate() {\n    var areaInput = document.getElementById('ssc-area-input');\n    var heightSelect = document.getElementById('ssc-height-select');\n    var errorMsg = document.getElementById('ssc-error-msg');\n    var resultsPanel = document.getElementById('ssc-results');\n\n    \/\/ Read inputs\n    var areaRaw = parseFloat(areaInput.value);\n    var unit = currentUnit;\n    var height = heightSelect.value;\n    var purpose = getRadioValue('ssc-purpose');\n    var mode = getRadioValue('ssc-mode');\n\n    \/\/ Validate\n    if (!areaRaw || isNaN(areaRaw) || areaRaw <= 0 || !height || !purpose || !mode) {\n      errorMsg.classList.add('visible');\n      resultsPanel.classList.remove('visible');\n      return;\n    }\n    errorMsg.classList.remove('visible');\n\n    \/\/ Convert to sq ft if sq m\n    var areaSqFt = (unit === 'sqm') ? areaRaw * 10.7639 : areaRaw;\n\n    \/\/ Base lumens calculation\n    var luxFactor = LUX_FACTORS[purpose];\n    var heightFactor = HEIGHT_FACTORS[height];\n    var baseLumens = areaSqFt * luxFactor;\n    var adjustedLumens = baseLumens * heightFactor;\n\n    \/\/ Lumen range \u00b115%\n    var lumenLow  = Math.round(adjustedLumens * 0.85 \/ 50) * 50;\n    var lumenHigh = Math.round(adjustedLumens * 1.15 \/ 50) * 50;\n    if (lumenLow < 200)  lumenLow  = 200;\n    if (lumenHigh < 300) lumenHigh = 300;\n\n    \/\/ Panel watts: lumens \/ LED efficacy (130 lm\/W) \u00d7 1.3 overhead\n    var panelWatts = (adjustedLumens \/ 130) * 1.3;\n    var panelWattsRounded = Math.ceil(panelWatts \/ 5) * 5; \/\/ round up to nearest 5W\n    if (panelWattsRounded < 10) panelWattsRounded = 10;\n\n    \/\/ Battery: (lumens \u00d7 runtime) \/ 3.7V \/ 0.85 efficiency \u2192 mAh\n    var runtimeHrs = RUNTIME_HOURS[mode];\n    var batteryMah = (adjustedLumens * runtimeHrs) \/ 3.7 \/ 0.85;\n    \/\/ round to nearest 100 mAh\n    var batteryMahRounded = Math.ceil(batteryMah \/ 100) * 100;\n    if (batteryMahRounded < 1000) batteryMahRounded = 1000;\n\n    \/\/ Number of fixtures\n    var fixtureThreshold = (purpose === 'commercial') ? 5000 : 3000;\n    var fixturesNeeded = ceil(adjustedLumens \/ fixtureThreshold);\n    if (fixturesNeeded < 1) fixturesNeeded = 1;\n\n    \/\/ Battery chemistry label\n    var battChemistry = (batteryMahRounded >= 5000) ? 'LiFePO4' : 'Li-ion';\n\n    \/\/ Tier\n    var tier = getTier(adjustedLumens);\n\n    \/\/ IP\n    var ip = IP_MAP[purpose];\n\n    \/* \u2500\u2500 WRITE RESULTS \u2500\u2500 *\/\n\n    \/\/ Lumens\n    setText('ssc-val-lumens', formatNum(lumenLow) + ' \\u2013 ' + formatNum(lumenHigh) + ' lm');\n    setText('ssc-sub-lumens', PURPOSE_LABELS[purpose] + ' at ' + (unit === 'sqm' ? roundTo(areaRaw, 0) + ' m\\u00B2' : roundTo(areaSqFt, 0) + ' sq ft'));\n\n    \/\/ Panel\n    setText('ssc-val-panel', panelWattsRounded + 'W');\n    setText('ssc-sub-panel', 'Minimum; monocrystalline, 5 PSH baseline');\n\n    \/\/ Battery\n    if (batteryMahRounded >= 1000) {\n      var battDisplay = (batteryMahRounded >= 1000)\n        ? (batteryMahRounded >= 10000\n            ? roundTo(batteryMahRounded \/ 1000, 1) + ' Ah'\n            : formatNum(batteryMahRounded) + ' mAh')\n        : batteryMahRounded + ' mAh';\n      setText('ssc-val-battery', battDisplay);\n    }\n    setText('ssc-sub-battery', battChemistry + ' \\u00B7 ' + runtimeHrs + ' hr runtime \\u00B7 85% efficiency');\n\n    \/\/ Fixtures\n    setText('ssc-val-fixtures', fixturesNeeded === 1 ? '1 fixture' : fixturesNeeded + ' fixtures');\n    setText('ssc-sub-fixtures', 'Max ' + formatNum(fixtureThreshold) + ' lm\/fixture coverage');\n\n    \/\/ Runtime\n    setText('ssc-val-runtime', RUNTIME_LABELS[mode]);\n\n    \/\/ Lux target\n    setText('ssc-val-lux', LUX_TARGETS[purpose]);\n    setText('ssc-sub-lux', LUX_DESCS[purpose]);\n\n    \/\/ IP\n    setText('ssc-val-ip', ip.rating);\n    setText('ssc-sub-ip', ip.desc);\n\n    \/\/ Tier\n    var tierBadge = document.getElementById('ssc-tier-badge');\n    if (tierBadge) {\n      tierBadge.className = 'ssc-tier-badge ' + tier.key;\n      tierBadge.textContent = tier.key.charAt(0).toUpperCase() + tier.key.slice(1);\n    }\n    setText('ssc-tier-name', tier.name);\n    setText('ssc-tier-desc', tier.desc);\n\n    \/\/ Show results\n    resultsPanel.classList.add('visible');\n\n    \/\/ Smooth scroll to results\n    resultsPanel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     RESET\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function resetCalc() {\n    var areaInput = document.getElementById('ssc-area-input');\n    var heightSelect = document.getElementById('ssc-height-select');\n    var resultsPanel = document.getElementById('ssc-results');\n    var errorMsg = document.getElementById('ssc-error-msg');\n\n    areaInput.value = '';\n    heightSelect.value = '';\n\n    \/\/ Reset purpose to security\n    var purposeDefault = document.getElementById('ssc-purpose-security');\n    if (purposeDefault) purposeDefault.checked = true;\n\n    \/\/ Reset mode to motion\n    var modeDefault = document.getElementById('ssc-mode-motion');\n    if (modeDefault) modeDefault.checked = true;\n\n    \/\/ Reset unit to sqft\n    setUnit('sqft');\n\n    errorMsg.classList.remove('visible');\n    resultsPanel.classList.remove('visible');\n\n    \/\/ Scroll back to top of calculator\n    var calc = document.getElementById('solar-sizing-calc');\n    if (calc) calc.scrollIntoView({ behavior: 'smooth', block: 'start' });\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     UNIT TOGGLE\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  var currentUnit = 'sqft';\n\n  function setUnit(unit) {\n    currentUnit = unit;\n    var btnSqft = document.getElementById('ssc-unit-sqft');\n    var btnSqm  = document.getElementById('ssc-unit-sqm');\n    if (unit === 'sqft') {\n      btnSqft.classList.add('active');\n      btnSqm.classList.remove('active');\n      btnSqft.setAttribute('aria-pressed', 'true');\n      btnSqm.setAttribute('aria-pressed', 'false');\n    } else {\n      btnSqm.classList.add('active');\n      btnSqft.classList.remove('active');\n      btnSqm.setAttribute('aria-pressed', 'true');\n      btnSqft.setAttribute('aria-pressed', 'false');\n    }\n  }\n\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     EVENT LISTENERS (wait for DOM)\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function init() {\n    var calcBtn  = document.getElementById('ssc-calc-btn');\n    var resetBtn = document.getElementById('ssc-reset-btn');\n    var unitSqft = document.getElementById('ssc-unit-sqft');\n    var unitSqm  = document.getElementById('ssc-unit-sqm');\n    var areaInput = document.getElementById('ssc-area-input');\n\n    if (calcBtn)  calcBtn.addEventListener('click', calculate);\n    if (resetBtn) resetBtn.addEventListener('click', resetCalc);\n\n    if (unitSqft) unitSqft.addEventListener('click', function() { setUnit('sqft'); });\n    if (unitSqm)  unitSqm.addEventListener('click',  function() { setUnit('sqm');  });\n\n    \/\/ Allow Enter key to calculate from area input\n    if (areaInput) {\n      areaInput.addEventListener('keydown', function(e) {\n        if (e.key === 'Enter') calculate();\n      });\n    }\n\n    \/\/ CTA popup handler \u2014 works with both anchor href and JS popup triggers\n    var ctaLink = document.getElementById('ssc-cta-link');\n    if (ctaLink) {\n      ctaLink.addEventListener('click', function(e) {\n        \/\/ If the page has a CT popup system registered, trigger it\n        if (typeof window.ct !== 'undefined' && window.ct.popup) {\n          e.preventDefault();\n          window.ct.popup.open('ct-popup-801');\n        }\n        \/\/ Otherwise fall through to the href=\"#ct-popup-801\" anchor behavior\n      });\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n\n})();\n<\/script>\n<\/html>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Solar Flood Light Sizing Calculator &#9724; Engineering Tool &nbsp;\/&nbsp; V1.0 Solar Flood Light Sizing Calculator Enter your project parameters below to receive recommended lumen output, solar panel wattage, battery capacity, and product tier guidance. 01 &mdash; Area to Illuminate Enter the total ground area sq ft sq m 02 &mdash; Mounting Height Height of fixture [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":831,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1072","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\/1072","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/comments?post=1072"}],"version-history":[{"count":0,"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/pages\/1072\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/pages\/831"}],"wp:attachment":[{"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/media?parent=1072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}