{"product_id":"black-diamond-distance-visor","title":"Black Diamond Distance Visor","description":"\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;800\u0026family=Barlow:wght@300;400;500\u0026display=swap');\n.spur-wrap-DistanceVisor {\n  font-family: 'Barlow', sans-serif;\n  background: #ffffff;\n  color: #0a0a0a;\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 48px 24px;\n}\n.spur-wrap-DistanceVisor .spur-header {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  margin-bottom: 48px;\n  border-bottom: 1px solid #e0e0e0;\n  padding-bottom: 24px;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.spur-wrap-DistanceVisor .spur-title {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: clamp(28px, 5vw, 48px);\n  font-weight: 800;\n  letter-spacing: -0.02em;\n  line-height: 1;\n  text-transform: uppercase;\n}\n.spur-wrap-DistanceVisor .spur-meta {\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: #777;\n}\n.spur-wrap-DistanceVisor .tab-input {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n.spur-wrap-DistanceVisor .spur-tabs-row {\n  display: flex;\n  gap: 4px;\n  margin-bottom: 32px;\n  flex-wrap: wrap;\n}\n.spur-wrap-DistanceVisor .spur-tab {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 14px;\n  font-weight: 700;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  padding: 10px 24px;\n  background: #f5f5f5;\n  color: #777;\n  border: 1px solid #e0e0e0;\n  cursor: pointer;\n  transition: all 0.15s;\n  border-radius: 2px;\n  display: inline-block;\n}\n.spur-wrap-DistanceVisor .spur-tab:hover {\n  color: #0a0a0a;\n  border-color: #aaa;\n}\n.spur-wrap-DistanceVisor .spur-panel {\n  display: none;\n}\n.spur-wrap-DistanceVisor #tabDistanceVisorDesc:checked ~ .spur-panels #panel-description,\n.spur-wrap-DistanceVisor #tabDistanceVisorFeat:checked ~ .spur-panels #panel-features,\n.spur-wrap-DistanceVisor #tabDistanceVisorSpec:checked ~ .spur-panels #panel-specs,\n.spur-wrap-DistanceVisor #tabDistanceVisorCare:checked ~ .spur-panels #panel-care {\n  display: block;\n}\n.spur-wrap-DistanceVisor #tabDistanceVisorDesc:checked ~ .spur-tabs-row label[for=\"tabDistanceVisorDesc\"],\n.spur-wrap-DistanceVisor #tabDistanceVisorFeat:checked ~ .spur-tabs-row label[for=\"tabDistanceVisorFeat\"],\n.spur-wrap-DistanceVisor #tabDistanceVisorSpec:checked ~ .spur-tabs-row label[for=\"tabDistanceVisorSpec\"],\n.spur-wrap-DistanceVisor #tabDistanceVisorCare:checked ~ .spur-tabs-row label[for=\"tabDistanceVisorCare\"] {\n  background: #0a0a0a;\n  color: #ffffff;\n  border-color: #0a0a0a;\n}\n.spur-wrap-DistanceVisor .spec-category {\n  font-family: 'Barlow Condensed', sans-serif;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.2em;\n  text-transform: uppercase;\n  color: #0a0a0a;\n  padding: 20px 0 8px;\n  border-bottom: 2px solid #0a0a0a;\n  margin-bottom: 0;\n}\n.spur-wrap-DistanceVisor .spec-row {\n  display: grid;\n  grid-template-columns: 200px 1fr;\n  border-bottom: 1px solid #e0e0e0;\n  transition: background 0.1s;\n}\n.spur-wrap-DistanceVisor .spec-row:hover {\n  background: #f5f5f5;\n}\n.spur-wrap-DistanceVisor .spec-key {\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0.05em;\n  text-transform: uppercase;\n  color: #777;\n  padding: 12px 16px 12px 0;\n  align-self: start;\n}\n.spur-wrap-DistanceVisor .spec-val {\n  font-size: 14px;\n  font-weight: 300;\n  color: #222;\n  padding: 12px 0;\n  line-height: 1.5;\n}\n@media (max-width: 600px) {\n  .spur-wrap-DistanceVisor .spec-row {\n    grid-template-columns: 1fr;\n  }\n  .spur-wrap-DistanceVisor .spec-key {\n    padding-bottom: 2px;\n  }\n  .spur-wrap-DistanceVisor .spec-val {\n    padding-top: 0;\n    padding-bottom: 12px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"spur-wrap-DistanceVisor\"\u003e\n\u003cdiv class=\"spur-header\"\u003e\n\u003cdiv class=\"spur-title\"\u003eDistance Visor\u003c\/div\u003e\n\u003cdiv class=\"spur-meta\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cinput type=\"radio\" name=\"tabsDistanceVisor\" id=\"tabDistanceVisorDesc\" checked class=\"tab-input\"\u003e\n\u003cdiv class=\"spur-tabs-row\"\u003e\n\u003clabel for=\"tabDistanceVisorDesc\" class=\"spur-tab\"\u003eDescription\u003c\/label\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spur-panels\"\u003e\n\u003cdiv class=\"spur-panel\" id=\"panel-description\"\u003e\n\u003cdiv style=\"padding: 16px 0;\"\u003e\n\u003cp style=\"font-size: 14px; font-weight: 300; color: #222; line-height: 1.6;\"\u003eFrom clean climbing, to conservation, Black Diamond is committed to protecting the people and places we love.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Black Diamond","offers":[{"title":"Black \/ OS","offer_id":51704382456128,"sku":"AP7230580002ALL1","price":36.26,"currency_code":"USD","in_stock":true},{"title":"White \/ OS","offer_id":51704382488896,"sku":"AP7230581006ALL1","price":36.26,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/7487\/5549\/files\/AP7230580002ALL1_f0f64469-4ed4-464f-9a51-06c3b7042f17.jpg?v=1776375948","url":"https:\/\/spokex.com\/products\/black-diamond-distance-visor","provider":"SX Collective","version":"1.0","type":"link"}