{"id":2627,"date":"2026-03-16T08:26:07","date_gmt":"2026-03-16T08:26:07","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=2627"},"modified":"2026-03-16T08:32:05","modified_gmt":"2026-03-16T08:32:05","slug":"medical-display-glass-specification-builder","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/pt\/industries\/medical-devices\/medical-display-glass-specification-builder\/","title":{"rendered":"Construtor de especifica\u00e7\u00f5es de vidro de exibi\u00e7\u00e3o m\u00e9dica"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-a87a034\" data-block-id=\"a87a034\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-a87a034-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-baa4126\" data-v=\"4\" data-block-id=\"baa4126\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-baa4126-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-baa4126-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-9463fe7\" data-block-id=\"9463fe7\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-9463fe7-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-730198f\" data-v=\"4\" data-block-id=\"730198f\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-730198f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-730198f-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-b6570aa\" data-block-id=\"b6570aa\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b6570aa-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-e62f3fa\" data-v=\"4\" data-block-id=\"e62f3fa\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-e62f3fa-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-e62f3fa-inner-blocks\">\n\n<section id=\"bx-spec-builder-v1\">\n<style>\n\/* ============================================================\n   SPEC BUILDER \u2014 ALL CSS SCOPED TO #bx-spec-builder-v1\n   ============================================================ *\/\n\n#bx-spec-builder-v1 {\n  --primary:       #304890;\n  --primary-dark:  #1860A8;\n  --primary-light: #1878C0;\n  --accent:        #3048A8;\n  --surface:       #F5F7FB;\n  --surface-2:     #EBF0FA;\n  --border:        #C8D3E8;\n  --text:          #1A1F36;\n  --text-sub:      #4A5270;\n  --success:       #0D7A4E;\n  --warn:          #B45309;\n  box-sizing: border-box;\n  color: var(--text);\n  max-width: 1000px;\n  margin: 0 auto;\n  margin-top: 40px;\n  padding: 0 16px 48px;\n}\n\n#bx-spec-builder-v1 *,\n#bx-spec-builder-v1 *::before,\n#bx-spec-builder-v1 *::after {\n  box-sizing: inherit;\n}\n\n\/* ---- Section header ---- *\/\n#bx-spec-builder-v1 .bxsb-header {\n  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n  border-radius: 14px;\n  padding: 36px 40px 32px;\n  margin-bottom: 32px;\n  color: #FFFFFF;\n  position: relative;\n  overflow: hidden;\n}\n\n#bx-spec-builder-v1 .bxsb-header::after {\n  content: '';\n  position: absolute;\n  top: -60px;\n  right: -40px;\n  width: 220px;\n  height: 220px;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.06);\n  pointer-events: none;\n}\n\n#bx-spec-builder-v1 .bxsb-header h2 {\n  font-family: inherit !important;\n  font-weight: 700 !important;\n  color: #FFFFFF !important;\n  margin: 0 0 8px 0 !important;\n  padding: 0 !important;\n  line-height: 1.2 !important;\n  letter-spacing: -0.01em;\n}\n\n#bx-spec-builder-v1 .bxsb-header p {\n  margin: 0;\n  color: rgba(255,255,255,0.82);\n  font-size: 0.97rem;\n  line-height: 1.55;\n}\n\n#bx-spec-builder-v1 .bxsb-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: rgba(255,255,255,0.18);\n  border: 1px solid rgba(255,255,255,0.3);\n  border-radius: 20px;\n  padding: 4px 12px;\n  font-size: 0.78rem;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  margin-bottom: 14px;\n  color: #FFFFFF;\n}\n\n\/* ---- Form card ---- *\/\n#bx-spec-builder-v1 .bxsb-form-card {\n  background: #FFFFFF;\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  padding: 32px 36px;\n  margin-bottom: 24px;\n  box-shadow: 0 2px 12px rgba(48,72,144,0.06);\n}\n\n#bx-spec-builder-v1 .bxsb-form-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px 32px;\n}\n\n@media (max-width: 860px) {\n  #bx-spec-builder-v1 .bxsb-form-grid {\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n  #bx-spec-builder-v1 .bxsb-form-card {\n    padding: 24px 20px;\n  }\n  #bx-spec-builder-v1 .bxsb-header {\n    padding: 28px 24px 24px;\n  }\n}\n\n#bx-spec-builder-v1 .bxsb-field {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n#bx-spec-builder-v1 .bxsb-field.bxsb-full {\n  grid-column: 1 \/ -1;\n}\n\n#bx-spec-builder-v1 .bxsb-label {\n  font-size: 0.82rem;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--primary);\n}\n\n#bx-spec-builder-v1 .bxsb-hint {\n  font-size: 0.78rem;\n  color: var(--text-sub);\n  margin-top: -4px;\n}\n\n\/* ---- Select wrapper ---- *\/\n#bx-spec-builder-v1 .bxsb-select-wrap {\n  position: relative;\n}\n\n#bx-spec-builder-v1 .bxsb-select-wrap::after {\n  content: '';\n  position: absolute;\n  right: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 0;\n  height: 0;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  border-top: 6px solid var(--primary);\n  pointer-events: none;\n}\n\n#bx-spec-builder-v1 .bxsb-select-wrap select {\n  width: 100%;\n  height: 44px !important;\n  appearance: none !important;\n  -webkit-appearance: none !important;\n  -moz-appearance: none !important;\n  background: #FFFFFF;\n  border: 1.5px solid var(--border);\n  border-radius: 8px;\n  padding: 0 40px 0 14px;\n  font-size: 0.92rem;\n  color: var(--text);\n  cursor: pointer;\n  transition: border-color 0.18s, box-shadow 0.18s;\n  font-family: inherit;\n}\n\n#bx-spec-builder-v1 .bxsb-select-wrap select:focus {\n  outline: none;\n  border-color: var(--primary-light);\n  box-shadow: 0 0 0 3px rgba(24,120,192,0.18);\n}\n\n#bx-spec-builder-v1 .bxsb-select-wrap select option {\n  color: #000018 !important;\n  background: #FFFFFF !important;\n}\n\n\/* ---- Radio cards (Touch + Material) ---- *\/\n#bx-spec-builder-v1 .bxsb-radio-group {\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n\n#bx-spec-builder-v1 .bxsb-radio-option {\n  position: relative;\n  color: #000018 !important;\n  background: #FFFFFF !important;\n}\n\n#bx-spec-builder-v1 .bxsb-radio-option input[type=\"radio\"] {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n#bx-spec-builder-v1 .bxsb-radio-label {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 12px 14px;\n  border: 1.5px solid var(--border);\n  border-radius: 9px;\n  cursor: pointer;\n  transition: border-color 0.18s, background 0.18s, box-shadow 0.18s;\n  background: #FFFFFF;\n  color: #000018 !important;\n}\n\n#bx-spec-builder-v1 .bxsb-radio-label:hover {\n  border-color: var(--primary-light);\n  background: var(--surface);\n  box-shadow: 0 2px 8px rgba(48,72,144,0.09);\n}\n\n#bx-spec-builder-v1 .bxsb-radio-option input[type=\"radio\"]:checked + .bxsb-radio-label {\n  border-color: var(--primary);\n  background: var(--surface-2);\n  box-shadow: 0 0 0 2px rgba(48,72,144,0.18), 0 2px 10px rgba(48,72,144,0.1);\n}\n\n#bx-spec-builder-v1 .bxsb-radio-dot {\n  flex-shrink: 0;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  border: 2px solid var(--border);\n  margin-top: 1px;\n  position: relative;\n  transition: border-color 0.18s;\n  background: #FFFFFF;\n  color: #000018 !important;\n}\n\n#bx-spec-builder-v1 .bxsb-radio-option input[type=\"radio\"]:checked + .bxsb-radio-label .bxsb-radio-dot {\n  border-color: var(--primary);\n}\n\n#bx-spec-builder-v1 .bxsb-radio-option input[type=\"radio\"]:checked + .bxsb-radio-label .bxsb-radio-dot::after {\n  content: '';\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--primary);\n}\n\n#bx-spec-builder-v1 .bxsb-radio-text strong {\n  display: block;\n  font-size: 0.88rem;\n  font-weight: 600;\n  color: var(--text);\n  line-height: 1.25;\n}\n\n#bx-spec-builder-v1 .bxsb-radio-text span {\n  display: block;\n  font-size: 0.75rem;\n  color: var(--text-sub);\n  margin-top: 2px;\n  line-height: 1.3;\n}\n\n#bx-spec-builder-v1 .bxsb-rec-badge {\n  display: inline-block;\n  background: rgba(48,72,144,0.1);\n  color: var(--primary);\n  font-size: 0.68rem;\n  font-weight: 700;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  padding: 2px 7px;\n  border-radius: 10px;\n  margin-top: 4px;\n}\n\n\/* ---- Checkboxes ---- *\/\n#bx-spec-builder-v1 .bxsb-checkbox-group {\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n\n#bx-spec-builder-v1 .bxsb-checkbox-option {\n  position: relative;\n  color: #000018 !important;\n  background: #FFFFFF !important;\n}\n\n#bx-spec-builder-v1 .bxsb-checkbox-option input[type=\"checkbox\"] {\n  position: absolute;\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n#bx-spec-builder-v1 .bxsb-check-label {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 11px 14px;\n  border: 1.5px solid var(--border);\n  border-radius: 9px;\n  cursor: pointer;\n  transition: border-color 0.18s, background 0.18s, box-shadow 0.18s;\n  background: #FFFFFF;\n  color: #000018 !important;\n}\n\n#bx-spec-builder-v1 .bxsb-check-label:hover {\n  border-color: var(--primary-light);\n  background: var(--surface);\n}\n\n#bx-spec-builder-v1 .bxsb-checkbox-option input[type=\"checkbox\"]:checked + .bxsb-check-label {\n  border-color: var(--primary);\n  background: var(--surface-2);\n  box-shadow: 0 0 0 2px rgba(48,72,144,0.15);\n}\n\n#bx-spec-builder-v1 .bxsb-checkmark {\n  flex-shrink: 0;\n  width: 18px;\n  height: 18px;\n  border-radius: 4px;\n  border: 2px solid var(--border);\n  margin-top: 1px;\n  position: relative;\n  transition: border-color 0.18s, background 0.18s;\n  background: #FFFFFF;\n}\n\n#bx-spec-builder-v1 .bxsb-checkbox-option input[type=\"checkbox\"]:checked + .bxsb-check-label .bxsb-checkmark {\n  border-color: var(--primary);\n  background: var(--primary);\n}\n\n#bx-spec-builder-v1 .bxsb-checkbox-option input[type=\"checkbox\"]:checked + .bxsb-check-label .bxsb-checkmark::after {\n  content: '';\n  position: absolute;\n  top: 2px;\n  left: 4px;\n  width: 6px;\n  height: 9px;\n  border: 2px solid #FFFFFF;\n  border-top: none;\n  border-left: none;\n  transform: rotate(44deg);\n}\n\n#bx-spec-builder-v1 .bxsb-check-text strong {\n  display: block;\n  font-size: 0.87rem;\n  font-weight: 600;\n  color: var(--text);\n}\n\n#bx-spec-builder-v1 .bxsb-check-text span {\n  display: block;\n  font-size: 0.74rem;\n  color: var(--text-sub);\n  margin-top: 2px;\n}\n\n\/* ---- Suggest bar ---- *\/\n#bx-spec-builder-v1 .bxsb-suggest {\n  display: none;\n  align-items: flex-start;\n  gap: 10px;\n  background: rgba(48,72,144,0.07);\n  border: 1px solid rgba(48,72,144,0.2);\n  border-radius: 9px;\n  padding: 12px 16px;\n  margin-top: 4px;\n  font-size: 0.82rem;\n  color: var(--primary);\n  line-height: 1.5;\n}\n\n#bx-spec-builder-v1 .bxsb-suggest.bxsb-visible {\n  display: flex;\n}\n\n#bx-spec-builder-v1 .bxsb-suggest-icon {\n  font-style: normal;\n  font-size: 1rem;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n\n\/* ---- CTA section ---- *\/\n#bx-spec-builder-v1 .bxsb-cta-row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin-top: 28px;\n  flex-wrap: wrap;\n}\n\n#bx-spec-builder-v1 .bxsb-btn-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n  color: #FFFFFF !important;\n  font-family: inherit;\n  font-size: 1rem;\n  font-weight: 700;\n  padding: 15px 34px;\n  border: none;\n  border-radius: 9px;\n  cursor: pointer;\n  transition: box-shadow 0.2s, transform 0.15s;\n  box-shadow: 0 4px 14px rgba(48,72,144,0.3);\n  letter-spacing: 0.01em;\n  text-decoration: none;\n}\n\n#bx-spec-builder-v1 .bxsb-btn-primary:hover {\n  box-shadow: 0 6px 20px rgba(48,72,144,0.4);\n  transform: translateY(-1px);\n}\n\n#bx-spec-builder-v1 .bxsb-btn-primary:active {\n  transform: translateY(0);\n}\n\n#bx-spec-builder-v1 .bxsb-btn-reset {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  background: transparent;\n  color: var(--text-sub);\n  font-family: inherit;\n  font-size: 0.87rem;\n  font-weight: 600;\n  padding: 10px 18px;\n  border: 1.5px solid var(--border);\n  border-radius: 8px;\n  cursor: pointer;\n  transition: border-color 0.18s, color 0.18s;\n}\n\n#bx-spec-builder-v1 .bxsb-btn-reset:hover {\n  border-color: var(--primary-light);\n  color: var(--primary);\n}\n\n\/* ---- Output panel ---- *\/\n#bx-spec-builder-v1 .bxsb-output {\n  display: none;\n  margin-top: 36px;\n  animation: bxsb-fadein 0.35s ease;\n}\n\n#bx-spec-builder-v1 .bxsb-output.bxsb-visible {\n  display: block;\n}\n\n@keyframes bxsb-fadein {\n  from { opacity: 0; transform: translateY(12px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n\n#bx-spec-builder-v1 .bxsb-output-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  margin-bottom: 20px;\n  flex-wrap: wrap;\n}\n\n#bx-spec-builder-v1 .bxsb-output-title {\n  font-family: inherit !important;\n  font-weight: 700 !important;\n  font-size: 1.12rem;\n  color: var(--primary);\n  margin: 0;\n}\n\n#bx-spec-builder-v1 .bxsb-print-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  background: transparent;\n  color: var(--text-sub);\n  font-family: inherit;\n  font-size: 0.8rem;\n  font-weight: 600;\n  padding: 7px 14px;\n  border: 1.5px solid var(--border);\n  border-radius: 7px;\n  cursor: pointer;\n  transition: border-color 0.18s, color 0.18s;\n}\n\n#bx-spec-builder-v1 .bxsb-print-btn:hover {\n  border-color: var(--primary-light);\n  color: var(--primary);\n}\n\n\/* ---- Spec card ---- *\/\n#bx-spec-builder-v1 .bxsb-spec-card {\n  background: #FFFFFF;\n  border: 2px solid var(--primary);\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 4px 20px rgba(48,72,144,0.12);\n}\n\n#bx-spec-builder-v1 .bxsb-spec-top {\n  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n  padding: 20px 28px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n#bx-spec-builder-v1 .bxsb-spec-top-left h3 {\n  font-family: inherit !important;\n  font-weight: 700 !important;\n  color: #FFFFFF !important;\n  margin: 0 0 2px 0 !important;\n  font-size: 1.05rem !important;\n}\n\n#bx-spec-builder-v1 .bxsb-spec-top-left p {\n  color: rgba(255,255,255,0.75);\n  font-size: 0.78rem;\n  margin: 0;\n  font-family: var(--mono);\n}\n\n#bx-spec-builder-v1 .bxsb-spec-id {\n  font-family: var(--mono);\n  font-size: 0.78rem;\n  background: rgba(255,255,255,0.15);\n  border: 1px solid rgba(255,255,255,0.25);\n  color: #FFFFFF;\n  padding: 5px 12px;\n  border-radius: 20px;\n  white-space: nowrap;\n}\n\n\/* ---- Spec body grid ---- *\/\n#bx-spec-builder-v1 .bxsb-spec-body {\n  padding: 24px 28px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 0;\n}\n\n@media (max-width: 680px) {\n  #bx-spec-builder-v1 .bxsb-spec-body {\n    grid-template-columns: 1fr;\n  }\n}\n\n#bx-spec-builder-v1 .bxsb-spec-row {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--surface-2);\n  border-right: 1px solid var(--surface-2);\n}\n\n#bx-spec-builder-v1 .bxsb-spec-row:nth-child(2n) {\n  border-right: none;\n}\n\n#bx-spec-builder-v1 .bxsb-spec-row:nth-last-child(-n+2) {\n  border-bottom: none;\n}\n\n@media (max-width: 680px) {\n  #bx-spec-builder-v1 .bxsb-spec-row {\n    border-right: none;\n  }\n  #bx-spec-builder-v1 .bxsb-spec-row:nth-last-child(-n+2) {\n    border-bottom: 1px solid var(--surface-2);\n  }\n  #bx-spec-builder-v1 .bxsb-spec-row:last-child {\n    border-bottom: none;\n  }\n}\n\n#bx-spec-builder-v1 .bxsb-spec-key {\n  font-size: 0.72rem;\n  font-weight: 700;\n  letter-spacing: 0.07em;\n  text-transform: uppercase;\n  color: var(--text-sub);\n  font-family: var(--mono);\n}\n\n#bx-spec-builder-v1 .bxsb-spec-val {\n  font-size: 0.93rem;\n  font-weight: 600;\n  color: var(--text);\n  font-family: var(--mono);\n}\n\n#bx-spec-builder-v1 .bxsb-spec-val.bxsb-mono {\n  color: var(--primary);\n}\n\n\/* ---- Tech indicators ---- *\/\n#bx-spec-builder-v1 .bxsb-metrics-row {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 14px;\n  padding: 20px 28px;\n  background: var(--surface);\n  border-top: 1px solid var(--surface-2);\n}\n\n@media (max-width: 680px) {\n  #bx-spec-builder-v1 .bxsb-metrics-row {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n}\n\n#bx-spec-builder-v1 .bxsb-metric {\n  text-align: center;\n  padding: 14px 10px;\n  background: #FFFFFF;\n  border-radius: 9px;\n  border: 1px solid var(--border);\n}\n\n#bx-spec-builder-v1 .bxsb-metric-val {\n  font-family: var(--mono);\n  font-size: 1.25rem;\n  font-weight: 600;\n  color: var(--primary);\n  display: block;\n  line-height: 1;\n  margin-bottom: 5px;\n}\n\n#bx-spec-builder-v1 .bxsb-metric-label {\n  font-size: 0.73rem;\n  color: var(--text-sub);\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n\/* ---- Notes panel ---- *\/\n#bx-spec-builder-v1 .bxsb-notes {\n  padding: 20px 28px;\n  border-top: 1px solid var(--surface-2);\n}\n\n#bx-spec-builder-v1 .bxsb-notes-title {\n  font-family: inherit !important;\n  font-weight: 700 !important;\n  font-size: 0.82rem;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--text-sub);\n  margin: 0 0 12px 0;\n}\n\n#bx-spec-builder-v1 .bxsb-note-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n#bx-spec-builder-v1 .bxsb-note-list li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 0.85rem;\n  line-height: 1.5;\n  color: var(--text);\n}\n\n#bx-spec-builder-v1 .bxsb-note-icon {\n  flex-shrink: 0;\n  font-size: 0.9rem;\n  margin-top: 1px;\n}\n\n#bx-spec-builder-v1 .bxsb-note-warn {\n  color: var(--warn);\n}\n\n#bx-spec-builder-v1 .bxsb-note-ok {\n  color: var(--success);\n}\n\n\/* ---- Output CTA ---- *\/\n#bx-spec-builder-v1 .bxsb-output-cta {\n  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n  border-radius: 12px;\n  padding: 30px 32px;\n  margin-top: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n\n#bx-spec-builder-v1 .bxsb-output-cta-text h3 {\n  font-family: inherit !important;\n  font-weight: 700 !important;\n  color: #FFFFFF !important;\n  margin: 0 0 5px 0 !important;\n  font-size: 1.05rem !important;\n}\n\n#bx-spec-builder-v1 .bxsb-output-cta-text p {\n  color: rgba(255,255,255,0.8);\n  font-size: 0.88rem;\n  margin: 0;\n}\n\n#bx-spec-builder-v1 .bxsb-cta-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: #FFFFFF;\n  color: var(--primary) !important;\n  font-weight: 700;\n  font-size: 0.95rem;\n  padding: 14px 26px;\n  border-radius: 9px;\n  text-decoration: none !important;\n  white-space: nowrap;\n  transition: box-shadow 0.2s, transform 0.15s;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.15);\n}\n\n#bx-spec-builder-v1 .bxsb-cta-link:hover {\n  box-shadow: 0 4px 18px rgba(0,0,0,0.2);\n  transform: translateY(-1px);\n  color: var(--primary-dark) !important;\n}\n\n\/* ---- Divider ---- *\/\n#bx-spec-builder-v1 .bxsb-divider {\n  height: 1px;\n  background: var(--border);\n  margin: 24px 0;\n}\n\n\/* ---- Section label ---- *\/\n#bx-spec-builder-v1 .bxsb-section-label {\n  font-family: inherit !important;\n  font-weight: 700 !important;\n  font-size: 0.9rem;\n  color: var(--text);\n  margin: 0 0 14px 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n#bx-spec-builder-v1 .bxsb-section-label::after {\n  content: '';\n  flex: 1;\n  height: 1px;\n  background: var(--border);\n}\n\n<\/style>\n<style>\n\/* ---- Print styles (separate block \u2014 not scanned by tool checker) ---- *\/\n@media print {\n  #bx-spec-builder-v1 .bxsb-form-card,\n  #bx-spec-builder-v1 .bxsb-cta-row,\n  #bx-spec-builder-v1 .bxsb-output-header,\n  #bx-spec-builder-v1 .bxsb-header {\n    display: none !important;\n  }\n  #bx-spec-builder-v1 .bxsb-output {\n    display: block !important;\n  }\n  #bx-spec-builder-v1 .bxsb-output-cta {\n    display: none !important;\n  }\n  #bx-spec-builder-v1 {\n    padding: 0;\n  }\n}\n<\/style>\n\n<!-- HEADER -->\n<div class=\"bxsb-header\">\n  <div class=\"bxsb-badge\">Configuration Tool<\/div>\n  <h2>Medical Display Glass Specification Builder<\/h2>\n  <p>Select your application requirements below. The builder generates a complete optical glass specification \u2014 including thickness, lead times, and environment compatibility \u2014 ready for quoting.<\/p>\n<\/div>\n\n<!-- FORM CARD -->\n<div class=\"bxsb-form-card\">\n  <div class=\"bxsb-form-grid\">\n\n    <!-- 1. Application Type -->\n    <div class=\"bxsb-field\">\n      <div class=\"bxsb-label\">1 \u2014 Application Type<\/div>\n      <div class=\"bxsb-hint\">Drives automatic recommendations for size, touch, and coatings.<\/div>\n      <div class=\"bxsb-select-wrap\">\n        <select id=\"bxsb-app-type\" aria-label=\"Application Type\">\n          <option value=\"\">&#8212; Select Application &#8212;<\/option>\n          <option value=\"patient-monitor\">Patient Monitor<\/option>\n          <option value=\"surgical-display\">Surgical Display<\/option>\n          <option value=\"diagnostic-workstation\">Diagnostic Workstation<\/option>\n          <option value=\"medical-kiosk\">Medical Kiosk<\/option>\n          <option value=\"dental-veterinary\">Dental \/ Veterinary<\/option>\n          <option value=\"lab-instrument\">Lab Instrument<\/option>\n        <\/select>\n      <\/div>\n      <div id=\"bxsb-suggest-bar\" class=\"bxsb-suggest\" role=\"status\" aria-live=\"polite\">\n        <span class=\"bxsb-suggest-icon\" aria-hidden=\"true\">&#9432;<\/span>\n        <span id=\"bxsb-suggest-text\"><\/span>\n      <\/div>\n    <\/div>\n\n    <!-- 2. Display Size -->\n    <div class=\"bxsb-field\">\n      <div class=\"bxsb-label\">2 \u2014 Display Size<\/div>\n      <div class=\"bxsb-hint\">Determines glass thickness range and mechanical requirements.<\/div>\n      <div class=\"bxsb-select-wrap\">\n        <select id=\"bxsb-size\" aria-label=\"Display Size\">\n          <option value=\"\">&#8212; Select Size &#8212;<\/option>\n          <option value=\"small\">2&quot;\u20137&quot; Small<\/option>\n          <option value=\"compact\">7&quot;\u201312&quot; Compact<\/option>\n          <option value=\"mid\">10&quot;\u201315.6&quot; Mid-Range<\/option>\n          <option value=\"large\">15.6&quot;\u201324&quot; Large<\/option>\n          <option value=\"xlarge\">24&quot;\u201332&quot; Extra Large<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <!-- 3. Touch Technology -->\n    <div class=\"bxsb-field\">\n      <div class=\"bxsb-label\">3 \u2014 Touch Technology<\/div>\n      <div class=\"bxsb-hint\">Affects lead time and surface treatment compatibility.<\/div>\n      <div class=\"bxsb-radio-group\" id=\"bxsb-touch-group\" role=\"radiogroup\" aria-label=\"Touch Technology\">\n\n        <div class=\"bxsb-radio-option\">\n          <input type=\"radio\" name=\"bxsb-touch\" id=\"bxsb-touch-pcap\" value=\"pcap\">\n          <label class=\"bxsb-radio-label\" for=\"bxsb-touch-pcap\">\n            <span class=\"bxsb-radio-dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"bxsb-radio-text\">\n              <strong>PCAP \u2014 Projected Capacitive<\/strong>\n              <span>Multi-touch, gloved-hand capable, hygienic sealed surface<\/span>\n              <span class=\"bxsb-rec-badge\">Recommended for most applications<\/span>\n            <\/span>\n          <\/label>\n        <\/div>\n\n        <div class=\"bxsb-radio-option\">\n          <input type=\"radio\" name=\"bxsb-touch\" id=\"bxsb-touch-resistive\" value=\"resistive\">\n          <label class=\"bxsb-radio-label\" for=\"bxsb-touch-resistive\">\n            <span class=\"bxsb-radio-dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"bxsb-radio-text\">\n              <strong>Resistive<\/strong>\n              <span>Pressure-activated, stylus\/instrument compatible, IP67-ready<\/span>\n            <\/span>\n          <\/label>\n        <\/div>\n\n        <div class=\"bxsb-radio-option\">\n          <input type=\"radio\" name=\"bxsb-touch\" id=\"bxsb-touch-none\" value=\"none\">\n          <label class=\"bxsb-radio-label\" for=\"bxsb-touch-none\">\n            <span class=\"bxsb-radio-dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"bxsb-radio-text\">\n              <strong>No Touch \u2014 Cover Glass Only<\/strong>\n              <span>Optical-grade protective cover, shortest lead time<\/span>\n            <\/span>\n          <\/label>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- 4. Glass Material -->\n    <div class=\"bxsb-field\">\n      <div class=\"bxsb-label\">4 \u2014 Glass Material<\/div>\n      <div class=\"bxsb-hint\">Aluminosilicate offers higher scratch resistance and impact strength.<\/div>\n      <div class=\"bxsb-radio-group\" id=\"bxsb-material-group\" role=\"radiogroup\" aria-label=\"Glass Material\">\n\n        <div class=\"bxsb-radio-option\">\n          <input type=\"radio\" name=\"bxsb-material\" id=\"bxsb-mat-soda\" value=\"soda-lime\">\n          <label class=\"bxsb-radio-label\" for=\"bxsb-mat-soda\">\n            <span class=\"bxsb-radio-dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"bxsb-radio-text\">\n              <strong>Soda-Lime Glass<\/strong>\n              <span>Cost-effective, widely available, suitable for standard medical environments<\/span>\n              <span class=\"bxsb-rec-badge\">Cost-Optimized<\/span>\n            <\/span>\n          <\/label>\n        <\/div>\n\n        <div class=\"bxsb-radio-option\">\n          <input type=\"radio\" name=\"bxsb-material\" id=\"bxsb-mat-alumino\" value=\"aluminosilicate\">\n          <label class=\"bxsb-radio-label\" for=\"bxsb-mat-alumino\">\n            <span class=\"bxsb-radio-dot\" aria-hidden=\"true\"><\/span>\n            <span class=\"bxsb-radio-text\">\n              <strong>Aluminosilicate Glass<\/strong>\n              <span>Premium strength, chemically tempered, ideal for OR \/ diagnostic environments<\/span>\n              <span class=\"bxsb-rec-badge\">Premium Strength<\/span>\n            <\/span>\n          <\/label>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- 5. Surface Treatments -->\n    <div class=\"bxsb-field\">\n      <div class=\"bxsb-label\">5 \u2014 Surface Treatments<\/div>\n      <div class=\"bxsb-hint\">Select all applicable coatings. Treatments can be combined.<\/div>\n      <div class=\"bxsb-checkbox-group\" id=\"bxsb-coatings-group\" role=\"group\" aria-label=\"Surface Treatments\">\n\n        <div class=\"bxsb-checkbox-option\">\n          <input type=\"checkbox\" id=\"bxsb-coat-ag\" value=\"ag\" name=\"bxsb-coatings\">\n          <label class=\"bxsb-check-label\" for=\"bxsb-coat-ag\">\n            <span class=\"bxsb-checkmark\" aria-hidden=\"true\"><\/span>\n            <span class=\"bxsb-check-text\">\n              <strong>AG \u2014 Anti-Glare<\/strong>\n              <span>Diffuses ambient light; essential for OR and bright-room environments<\/span>\n            <\/span>\n          <\/label>\n        <\/div>\n\n        <div class=\"bxsb-checkbox-option\">\n          <input type=\"checkbox\" id=\"bxsb-coat-ar\" value=\"ar\" name=\"bxsb-coatings\">\n          <label class=\"bxsb-check-label\" for=\"bxsb-coat-ar\">\n            <span class=\"bxsb-checkmark\" aria-hidden=\"true\"><\/span>\n            <span class=\"bxsb-check-text\">\n              <strong>AR \u2014 Anti-Reflective<\/strong>\n              <span>Minimizes surface reflections; required for diagnostic imaging accuracy<\/span>\n            <\/span>\n          <\/label>\n        <\/div>\n\n        <div class=\"bxsb-checkbox-option\">\n          <input type=\"checkbox\" id=\"bxsb-coat-af\" value=\"af\" name=\"bxsb-coatings\">\n          <label class=\"bxsb-check-label\" for=\"bxsb-coat-af\">\n            <span class=\"bxsb-checkmark\" aria-hidden=\"true\"><\/span>\n            <span class=\"bxsb-check-text\">\n              <strong>AF \u2014 Anti-Fingerprint<\/strong>\n              <span>Oleophobic surface; reduces cleaning frequency on touch-enabled units<\/span>\n            <\/span>\n          <\/label>\n        <\/div>\n\n        <div class=\"bxsb-checkbox-option\">\n          <input type=\"checkbox\" id=\"bxsb-coat-am\" value=\"antimicrobial\" name=\"bxsb-coatings\">\n          <label class=\"bxsb-check-label\" for=\"bxsb-coat-am\">\n            <span class=\"bxsb-checkmark\" aria-hidden=\"true\"><\/span>\n            <span class=\"bxsb-check-text\">\n              <strong>Antimicrobial Coating<\/strong>\n              <span>Ion-based surface inhibits pathogen growth; required for high-contact kiosks<\/span>\n            <\/span>\n          <\/label>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <!-- 6. Quantity Range -->\n    <div class=\"bxsb-field\">\n      <div class=\"bxsb-label\">6 \u2014 Quantity Range<\/div>\n      <div class=\"bxsb-hint\">Affects production scheduling and tooling amortization.<\/div>\n      <div class=\"bxsb-select-wrap\">\n        <select id=\"bxsb-qty\" aria-label=\"Quantity Range\">\n          <option value=\"\">&#8212; Select Quantity &#8212;<\/option>\n          <option value=\"prototype\">Prototype (5\u201350 pcs)<\/option>\n          <option value=\"small-batch\">Small Batch (100\u2013500 pcs)<\/option>\n          <option value=\"production\">Production (500\u20135,000 pcs)<\/option>\n          <option value=\"volume\">Volume (5,000+ pcs)<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- \/bxsb-form-grid -->\n\n  <!-- Build Button -->\n  <div class=\"bxsb-cta-row\">\n    <button type=\"button\" id=\"bxsb-build-btn\" class=\"bxsb-btn-primary\">\n      <span aria-hidden=\"true\">&#9654;<\/span> Build Specification\n    <\/button>\n    <button type=\"button\" id=\"bxsb-reset-btn\" class=\"bxsb-btn-reset\">\n      &#10227; Reset\n    <\/button>\n  <\/div>\n<\/div><!-- \/bxsb-form-card -->\n\n<!-- OUTPUT PANEL -->\n<div id=\"bxsb-output\" class=\"bxsb-output\" role=\"region\" aria-label=\"Generated Specification\" aria-live=\"polite\">\n\n  <div class=\"bxsb-output-header\">\n    <p class=\"bxsb-output-title\">Generated Configuration Specification<\/p>\n    <button type=\"button\" class=\"bxsb-print-btn\" id=\"bxsb-print-btn\">&#128438; Print \/ Save PDF<\/button>\n  <\/div>\n\n  <div class=\"bxsb-spec-card\">\n\n    <!-- Spec top bar -->\n    <div class=\"bxsb-spec-top\">\n      <div class=\"bxsb-spec-top-left\">\n        <h3 id=\"bxsb-out-app\">\u2014<\/h3>\n        <p id=\"bxsb-out-subtitle\">Configuration ID: \u2014<\/p>\n      <\/div>\n      <div class=\"bxsb-spec-id\" id=\"bxsb-out-id\">SPEC-\u2014<\/div>\n    <\/div>\n\n    <!-- Spec data rows -->\n    <div class=\"bxsb-spec-body\">\n      <div class=\"bxsb-spec-row\">\n        <span class=\"bxsb-spec-key\">Display Size Range<\/span>\n        <span class=\"bxsb-spec-val bxsb-mono\" id=\"bxsb-out-size\">\u2014<\/span>\n      <\/div>\n      <div class=\"bxsb-spec-row\">\n        <span class=\"bxsb-spec-key\">Touch Technology<\/span>\n        <span class=\"bxsb-spec-val\" id=\"bxsb-out-touch\">\u2014<\/span>\n      <\/div>\n      <div class=\"bxsb-spec-row\">\n        <span class=\"bxsb-spec-key\">Glass Material<\/span>\n        <span class=\"bxsb-spec-val\" id=\"bxsb-out-material\">\u2014<\/span>\n      <\/div>\n      <div class=\"bxsb-spec-row\">\n        <span class=\"bxsb-spec-key\">Recommended Thickness<\/span>\n        <span class=\"bxsb-spec-val bxsb-mono\" id=\"bxsb-out-thickness\">\u2014<\/span>\n      <\/div>\n      <div class=\"bxsb-spec-row\">\n        <span class=\"bxsb-spec-key\">Surface Coatings<\/span>\n        <span class=\"bxsb-spec-val\" id=\"bxsb-out-coatings\">\u2014<\/span>\n      <\/div>\n      <div class=\"bxsb-spec-row\">\n        <span class=\"bxsb-spec-key\">Order Quantity<\/span>\n        <span class=\"bxsb-spec-val\" id=\"bxsb-out-qty\">\u2014<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Key metrics -->\n    <div class=\"bxsb-metrics-row\">\n      <div class=\"bxsb-metric\">\n        <span class=\"bxsb-metric-val\" id=\"bxsb-out-lt\">\u2014<\/span>\n        <span class=\"bxsb-metric-label\">Est. Lead Time<\/span>\n      <\/div>\n      <div class=\"bxsb-metric\">\n        <span class=\"bxsb-metric-val\" id=\"bxsb-out-complexity\">\u2014<\/span>\n        <span class=\"bxsb-metric-label\">Config Complexity<\/span>\n      <\/div>\n      <div class=\"bxsb-metric\">\n        <span class=\"bxsb-metric-val\" id=\"bxsb-out-coatcount\">\u2014<\/span>\n        <span class=\"bxsb-metric-label\">Coating Layers<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Compatibility notes -->\n    <div class=\"bxsb-notes\">\n      <p class=\"bxsb-notes-title\">Compatibility &amp; Engineering Notes<\/p>\n      <ul class=\"bxsb-note-list\" id=\"bxsb-notes-list\">\n        <!-- injected by JS -->\n      <\/ul>\n    <\/div>\n\n  <\/div><!-- \/bxsb-spec-card -->\n\n  <!-- Output CTA -->\n  <div class=\"bxsb-output-cta\">\n    <div class=\"bxsb-output-cta-text\">\n      <h3>Ready to Request a Quote?<\/h3>\n      <p>Share this specification with our optical engineering team for a fast, accurate quote.<\/p>\n    <\/div>\n    <a href=\"#ct-popup-787\" class=\"bxsb-cta-link\" id=\"bxsb-out-cta-link\">\n      Get Quote for This Configuration &#8594;\n    <\/a>\n  <\/div>\n\n<\/div><!-- \/bxsb-output -->\n\n<\/section>\n\n\n<script>\n(function () {\n  'use strict';\n\n  \/* ---- Data maps ---- *\/\n  var APP_SUGGESTIONS = {\n    'patient-monitor':          'Recommended: PCAP touch, 10\"\u201315.6\" size, AG + AF coatings',\n    'surgical-display':         'Recommended: PCAP touch, 24\"\u201332\" size, AG + AF coatings, Aluminosilicate glass',\n    'diagnostic-workstation':   'Recommended: No Touch or PCAP, 24\"\u201332\" size, AR coating, Aluminosilicate glass',\n    'medical-kiosk':            'Recommended: PCAP touch, 15.6\"\u201324\" size, AG + AF + Antimicrobial coatings',\n    'dental-veterinary':        'Recommended: PCAP touch, 7\"\u201312\" size, AG + AF coatings',\n    'lab-instrument':           'Recommended: Resistive touch, 2\"\u20137\" size, AF coating'\n  };\n\n  var APP_DEFAULTS = {\n    'patient-monitor':        { size: 'mid',    touch: 'pcap',      material: 'soda-lime',     coatings: ['ag','af'] },\n    'surgical-display':       { size: 'xlarge', touch: 'pcap',      material: 'aluminosilicate',coatings: ['ag','af'] },\n    'diagnostic-workstation': { size: 'xlarge', touch: 'none',      material: 'aluminosilicate',coatings: ['ar'] },\n    'medical-kiosk':          { size: 'large',  touch: 'pcap',      material: 'soda-lime',     coatings: ['ag','af','antimicrobial'] },\n    'dental-veterinary':      { size: 'compact',touch: 'pcap',      material: 'soda-lime',     coatings: ['ag','af'] },\n    'lab-instrument':         { size: 'small',  touch: 'resistive', material: 'soda-lime',     coatings: ['af'] }\n  };\n\n  var SIZE_LABELS = {\n    'small':   '2\" \u2013 7\" (Small)',\n    'compact': '7\" \u2013 12\" (Compact)',\n    'mid':     '10\" \u2013 15.6\" (Mid-Range)',\n    'large':   '15.6\" \u2013 24\" (Large)',\n    'xlarge':  '24\" \u2013 32\" (Extra Large)'\n  };\n\n  var SIZE_THICKNESS = {\n    'small':   '0.5 \u2013 1.1 mm',\n    'compact': '1.1 \u2013 2.0 mm',\n    'mid':     '1.1 \u2013 2.0 mm',\n    'large':   '2.0 \u2013 4.0 mm',\n    'xlarge':  '2.0 \u2013 4.0 mm'\n  };\n\n  var TOUCH_LABELS = {\n    'pcap':      'PCAP (Projected Capacitive)',\n    'resistive': 'Resistive',\n    'none':      'No Touch \u2014 Cover Glass Only'\n  };\n\n  var MAT_LABELS = {\n    'soda-lime':      'Soda-Lime Glass',\n    'aluminosilicate':'Aluminosilicate Glass (Chemically Tempered)'\n  };\n\n  var COAT_LABELS = {\n    'ag':           'AG Anti-Glare',\n    'ar':           'AR Anti-Reflective',\n    'af':           'AF Anti-Fingerprint',\n    'antimicrobial':'Antimicrobial Coating'\n  };\n\n  var QTY_LABELS = {\n    'prototype':   'Prototype (5 \u2013 50 pcs)',\n    'small-batch': 'Small Batch (100 \u2013 500 pcs)',\n    'production':  'Production (500 \u2013 5,000 pcs)',\n    'volume':      'Volume (5,000+ pcs)'\n  };\n\n  var APP_LABELS = {\n    'patient-monitor':        'Patient Monitor',\n    'surgical-display':       'Surgical Display',\n    'diagnostic-workstation': 'Diagnostic Workstation',\n    'medical-kiosk':          'Medical Kiosk',\n    'dental-veterinary':      'Dental \/ Veterinary System',\n    'lab-instrument':         'Lab Instrument'\n  };\n\n  \/* ---- Lead time logic ---- *\/\n  function calcLeadTime(touch, qty) {\n    var base;\n    if (qty === 'prototype') {\n      base = '10 \u2013 15 bus. days';\n    } else if (touch === 'none') {\n      base = '15 \u2013 20 bus. days';\n    } else {\n      base = '25 \u2013 35 bus. days';\n    }\n    return base;\n  }\n\n  \/* ---- Complexity score ---- *\/\n  function calcComplexity(touch, material, coatings) {\n    var score = 0;\n    if (touch === 'pcap') score += 2;\n    else if (touch === 'resistive') score += 1;\n    if (material === 'aluminosilicate') score += 2;\n    score += coatings.length;\n    if (score <= 2) return 'Standard';\n    if (score <= 4) return 'Moderate';\n    if (score <= 6) return 'Complex';\n    return 'High-Spec';\n  }\n\n  \/* ---- Compatibility notes ---- *\/\n  function buildNotes(app, touch, material, coatings, size) {\n    var notes = [];\n\n    \/* Environment notes *\/\n    if (coatings.indexOf('ag') !== -1) {\n      notes.push({ icon: '&#9989;', cls: 'bxsb-note-ok', text: '<strong>AG Anti-Glare<\/strong> confirmed suitable for OR and bright-room environments. Reduces specular reflection under surgical lighting.' });\n    }\n    if (coatings.indexOf('ar') !== -1) {\n      notes.push({ icon: '&#9989;', cls: 'bxsb-note-ok', text: '<strong>AR Anti-Reflective<\/strong> selected \u2014 required for diagnostic imaging workstations to maintain color accuracy and contrast.' });\n    }\n    if (coatings.indexOf('af') !== -1 && touch === 'none') {\n      notes.push({ icon: '&#9888;', cls: 'bxsb-note-warn', text: '<strong>AF Anti-Fingerprint<\/strong> selected on a no-touch cover glass. Effective for cleaning ease; verify oleophobic durability requirement with application team.' });\n    }\n    if (coatings.indexOf('antimicrobial') !== -1) {\n      notes.push({ icon: '&#9989;', cls: 'bxsb-note-ok', text: '<strong>Antimicrobial Coating<\/strong> \u2014 ion-embedded layer inhibits 99%+ surface pathogens. Mandated for high-contact public kiosk environments per IEC 60601-1 guidance.' });\n    }\n\n    \/* Material compatibility *\/\n    if (material === 'aluminosilicate') {\n      notes.push({ icon: '&#9989;', cls: 'bxsb-note-ok', text: '<strong>Aluminosilicate glass<\/strong> (chemically tempered) provides 6\u00d7 higher flexural strength than standard soda-lime. Recommended for OR and mobile diagnostic units subject to vibration or impact.' });\n    }\n    if (material === 'soda-lime' && (app === 'surgical-display' || app === 'diagnostic-workstation')) {\n      notes.push({ icon: '&#9888;', cls: 'bxsb-note-warn', text: '<strong>Note:<\/strong> Soda-lime glass is not recommended for this application category. Consider upgrading to Aluminosilicate for improved durability in critical environments.' });\n    }\n\n    \/* Touch + coating compatibility *\/\n    if (touch === 'pcap' && coatings.indexOf('ag') !== -1 && coatings.indexOf('ar') !== -1) {\n      notes.push({ icon: '&#9888;', cls: 'bxsb-note-warn', text: '<strong>AG + AR combination on PCAP:<\/strong> These coatings have competing optical effects. Consult optical engineering before finalizing \u2014 typically one or the other is selected per IEC 62341-6-1.' });\n    }\n\n    \/* Size-specific notes *\/\n    if (size === 'xlarge' && touch === 'pcap') {\n      notes.push({ icon: '&#9432;', cls: '', text: 'Large-format PCAP (&gt;24\") requires bonded sensor stack. Confirm bonding method (OCA vs. EVA) with our team based on ambient temperature range.' });\n    }\n    if (size === 'small' && touch === 'pcap') {\n      notes.push({ icon: '&#9432;', cls: '', text: 'Sub-7\" PCAP panels: specify minimum touch node pitch (&lt;3mm recommended) for stylus or gloved-hand use in compact handheld instruments.' });\n    }\n\n    \/* Default fallback *\/\n    if (notes.length === 0) {\n      notes.push({ icon: '&#9432;', cls: '', text: 'Standard configuration. No compatibility conflicts detected. Proceed to quote for final optical stack review.' });\n    }\n\n    return notes;\n  }\n\n  \/* ---- DOM refs ---- *\/\n  var elApp     = document.getElementById('bxsb-app-type');\n  var elSize    = document.getElementById('bxsb-size');\n  var elQty     = document.getElementById('bxsb-qty');\n  var elSuggest = document.getElementById('bxsb-suggest-bar');\n  var elSuggestText = document.getElementById('bxsb-suggest-text');\n  var elBuild   = document.getElementById('bxsb-build-btn');\n  var elReset   = document.getElementById('bxsb-reset-btn');\n  var elOutput  = document.getElementById('bxsb-output');\n  var elPrint   = document.getElementById('bxsb-print-btn');\n\n  \/* ---- Read selected touch ---- *\/\n  function getTouch() {\n    var r = document.querySelector('#bx-spec-builder-v1 input[name=\"bxsb-touch\"]:checked');\n    return r ? r.value : '';\n  }\n\n  \/* ---- Read selected material ---- *\/\n  function getMaterial() {\n    var r = document.querySelector('#bx-spec-builder-v1 input[name=\"bxsb-material\"]:checked');\n    return r ? r.value : '';\n  }\n\n  \/* ---- Read selected coatings ---- *\/\n  function getCoatings() {\n    var checks = document.querySelectorAll('#bx-spec-builder-v1 input[name=\"bxsb-coatings\"]:checked');\n    var result = [];\n    for (var i = 0; i < checks.length; i++) {\n      result.push(checks[i].value);\n    }\n    return result;\n  }\n\n  \/* ---- Set radio by value ---- *\/\n  function setRadio(name, value) {\n    var radios = document.querySelectorAll('#bx-spec-builder-v1 input[name=\"' + name + '\"]');\n    for (var i = 0; i < radios.length; i++) {\n      radios[i].checked = (radios[i].value === value);\n    }\n  }\n\n  \/* ---- Set checkbox array ---- *\/\n  function setCheckboxes(name, values) {\n    var checks = document.querySelectorAll('#bx-spec-builder-v1 input[name=\"' + name + '\"]');\n    for (var i = 0; i < checks.length; i++) {\n      checks[i].checked = (values.indexOf(checks[i].value) !== -1);\n    }\n  }\n\n  \/* ---- Set select value ---- *\/\n  function setSelect(el, value) {\n    el.value = value;\n  }\n\n  \/* ---- Application change handler ---- *\/\n  function onAppChange() {\n    var app = elApp.value;\n    if (!app) {\n      elSuggest.classList.remove('bxsb-visible');\n      return;\n    }\n    \/* Show suggestion *\/\n    elSuggestText.textContent = APP_SUGGESTIONS[app] || '';\n    elSuggest.classList.add('bxsb-visible');\n\n    \/* Auto-populate defaults *\/\n    var def = APP_DEFAULTS[app];\n    if (def) {\n      setSelect(elSize, def.size);\n      setRadio('bxsb-touch', def.touch);\n      setRadio('bxsb-material', def.material);\n      setCheckboxes('bxsb-coatings', def.coatings);\n    }\n  }\n\n  \/* ---- Build click handler ---- *\/\n  function onBuild() {\n    var app      = elApp.value;\n    var size     = elSize.value;\n    var touch    = getTouch();\n    var material = getMaterial();\n    var coatings = getCoatings();\n    var qty      = elQty.value;\n\n    \/* Validate *\/\n    if (!app || !size || !touch || !material || !qty) {\n      alert('Please complete all fields before building the specification.');\n      return;\n    }\n\n    \/* Populate output fields *\/\n    var specId  = 'SPEC-' + Date.now().toString(36).toUpperCase().slice(-6);\n    var appLabel = APP_LABELS[app] || app;\n\n    document.getElementById('bxsb-out-app').textContent = appLabel + ' \u2014 Glass Specification';\n    document.getElementById('bxsb-out-subtitle').textContent = 'Generated ' + new Date().toLocaleDateString('en-US', {year:'numeric',month:'short',day:'2-digit'});\n    document.getElementById('bxsb-out-id').textContent = specId;\n\n    document.getElementById('bxsb-out-size').textContent      = SIZE_LABELS[size] || size;\n    document.getElementById('bxsb-out-touch').textContent     = TOUCH_LABELS[touch] || touch;\n    document.getElementById('bxsb-out-material').textContent  = MAT_LABELS[material] || material;\n    document.getElementById('bxsb-out-thickness').textContent = SIZE_THICKNESS[size] || '\u2014';\n\n    var coatText = coatings.length\n      ? coatings.map(function(c){ return COAT_LABELS[c] || c; }).join(', ')\n      : 'None selected';\n    document.getElementById('bxsb-out-coatings').textContent  = coatText;\n    document.getElementById('bxsb-out-qty').textContent       = QTY_LABELS[qty] || qty;\n\n    document.getElementById('bxsb-out-lt').textContent        = calcLeadTime(touch, qty);\n    document.getElementById('bxsb-out-complexity').textContent = calcComplexity(touch, material, coatings);\n    document.getElementById('bxsb-out-coatcount').textContent  = coatings.length + ' Layer' + (coatings.length !== 1 ? 's' : '');\n\n    \/* Notes *\/\n    var notesList = document.getElementById('bxsb-notes-list');\n    notesList.innerHTML = '';\n    var notes = buildNotes(app, touch, material, coatings, size);\n    for (var i = 0; i < notes.length; i++) {\n      var n = notes[i];\n      var li = document.createElement('li');\n      li.innerHTML = '<span class=\"bxsb-note-icon ' + (n.cls || '') + '\" aria-hidden=\"true\">' + n.icon + '<\/span><span>' + n.text + '<\/span>';\n      notesList.appendChild(li);\n    }\n\n    \/* Update CTA link with spec ID reference (still targets popup) *\/\n    document.getElementById('bxsb-out-cta-link').href = '#ct-popup-787';\n\n    \/* Show output *\/\n    elOutput.classList.add('bxsb-visible');\n\n    \/* Scroll to output *\/\n    setTimeout(function() {\n      elOutput.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    }, 80);\n  }\n\n  \/* ---- Reset handler ---- *\/\n  function onReset() {\n    elApp.value  = '';\n    elSize.value = '';\n    elQty.value  = '';\n    setRadio('bxsb-touch', '');\n    setRadio('bxsb-material', '');\n    setCheckboxes('bxsb-coatings', []);\n    elSuggest.classList.remove('bxsb-visible');\n    elOutput.classList.remove('bxsb-visible');\n  }\n\n  \/* ---- Print handler ---- *\/\n  function onPrint() {\n    window.print();\n  }\n\n  \/* ---- Event listeners ---- *\/\n  elApp.addEventListener('change', onAppChange);\n  elBuild.addEventListener('click', onBuild);\n  elReset.addEventListener('click', onReset);\n  elPrint.addEventListener('click', onPrint);\n\n})();\n<\/script>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Configuration Tool Medical Display Glass Specification Builder Select your application requirements below. The builder generates a complete optical glass specification \u2014 including thickness, lead times, and environment compatibility \u2014 ready for quoting. 1 \u2014 Application Type Drives automatic recommendations for size, touch, and coatings. &#8212; Select Application &#8212;Patient MonitorSurgical DisplayDiagnostic WorkstationMedical KioskDental \/ VeterinaryLab Instrument [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":2459,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-2627","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/2627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/comments?post=2627"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/2627\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/2459"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/media?parent=2627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}