{"product_id":"black-diamond-distance-hat","title":"Black Diamond Distance Hat","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-DistanceHat {\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-DistanceHat .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-DistanceHat .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-DistanceHat .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-DistanceHat .tab-input {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n.spur-wrap-DistanceHat .spur-tabs-row {\n  display: flex;\n  gap: 4px;\n  margin-bottom: 32px;\n  flex-wrap: wrap;\n}\n.spur-wrap-DistanceHat .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-DistanceHat .spur-tab:hover {\n  color: #0a0a0a;\n  border-color: #aaa;\n}\n.spur-wrap-DistanceHat .spur-panel {\n  display: none;\n}\n.spur-wrap-DistanceHat #tabDistanceHatDesc:checked ~ .spur-panels #panel-description,\n.spur-wrap-DistanceHat #tabDistanceHatFeat:checked ~ .spur-panels #panel-features,\n.spur-wrap-DistanceHat #tabDistanceHatSpec:checked ~ .spur-panels #panel-specs,\n.spur-wrap-DistanceHat #tabDistanceHatCare:checked ~ .spur-panels #panel-care {\n  display: block;\n}\n.spur-wrap-DistanceHat #tabDistanceHatDesc:checked ~ .spur-tabs-row label[for=\"tabDistanceHatDesc\"],\n.spur-wrap-DistanceHat #tabDistanceHatFeat:checked ~ .spur-tabs-row label[for=\"tabDistanceHatFeat\"],\n.spur-wrap-DistanceHat #tabDistanceHatSpec:checked ~ .spur-tabs-row label[for=\"tabDistanceHatSpec\"],\n.spur-wrap-DistanceHat #tabDistanceHatCare:checked ~ .spur-tabs-row label[for=\"tabDistanceHatCare\"] {\n  background: #0a0a0a;\n  color: #ffffff;\n  border-color: #0a0a0a;\n}\n.spur-wrap-DistanceHat .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-DistanceHat .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-DistanceHat .spec-row:hover {\n  background: #f5f5f5;\n}\n.spur-wrap-DistanceHat .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-DistanceHat .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-DistanceHat .spec-row {\n    grid-template-columns: 1fr;\n  }\n  .spur-wrap-DistanceHat .spec-key {\n    padding-bottom: 2px;\n  }\n  .spur-wrap-DistanceHat .spec-val {\n    padding-top: 0;\n    padding-bottom: 12px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"spur-wrap-DistanceHat\"\u003e\n\u003cdiv class=\"spur-header\"\u003e\n\u003cdiv class=\"spur-title\"\u003eDistance Hat\u003c\/div\u003e\n\u003cdiv class=\"spur-meta\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cinput type=\"radio\" name=\"tabsDistanceHat\" id=\"tabDistanceHatDesc\" checked class=\"tab-input\"\u003e\u003cinput type=\"radio\" name=\"tabsDistanceHat\" id=\"tabDistanceHatFeat\" class=\"tab-input\"\u003e\u003cinput type=\"radio\" name=\"tabsDistanceHat\" id=\"tabDistanceHatSpec\" class=\"tab-input\"\u003e\u003cinput type=\"radio\" name=\"tabsDistanceHat\" id=\"tabDistanceHatCare\" class=\"tab-input\"\u003e\n\u003cdiv class=\"spur-tabs-row\"\u003e\n\u003clabel for=\"tabDistanceHatDesc\" class=\"spur-tab\"\u003eDescription\u003c\/label\u003e\u003clabel for=\"tabDistanceHatFeat\" class=\"spur-tab\"\u003eFeatures\u003c\/label\u003e\u003clabel for=\"tabDistanceHatSpec\" class=\"spur-tab\"\u003eSpecs\u003c\/label\u003e\u003clabel for=\"tabDistanceHatCare\" class=\"spur-tab\"\u003eCare\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;\"\u003eA short-brimmed, five-panel running cap that keeps you cool and out of the sun.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spur-panel\" id=\"panel-features\"\u003e\n\u003cdiv class=\"spec-category\"\u003eFeatures\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eShort brim     Rainbow reflective logos\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spur-panel\" id=\"panel-specs\"\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eWeight\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003e58 g\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eSize Range\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eOne Size\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eSeries\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eDIstance\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eCountry of Origin\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eVietnam\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spur-panel\" id=\"panel-care\"\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eMaterials\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eLight weight Polyester Woven (100% Polyester)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Black Diamond","offers":[{"title":"Indigo\/Glacier \/ OS","offer_id":51704377082176,"sku":"AP7230579292ALL1","price":45.1,"currency_code":"USD","in_stock":true},{"title":"Moonstone\/Carbon \/ OS","offer_id":51704377114944,"sku":"AP7230579327ALL1","price":45.1,"currency_code":"USD","in_stock":false},{"title":"Pewter\/White \/ OS","offer_id":51704377147712,"sku":"AP7230579360ALL1","price":45.1,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/7487\/5549\/files\/AP7230579292ALL1_a7cf067c-3de7-4ea5-8dad-598c36686d13.jpg?v=1776375935","url":"https:\/\/spokex.com\/products\/black-diamond-distance-hat","provider":"SX Collective","version":"1.0","type":"link"}