{"product_id":"black-diamond-bucket-hat","title":"Black Diamond Bucket 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-BucketHat {\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-BucketHat .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-BucketHat .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-BucketHat .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-BucketHat .tab-input {\n  position: absolute;\n  opacity: 0;\n  pointer-events: none;\n}\n.spur-wrap-BucketHat .spur-tabs-row {\n  display: flex;\n  gap: 4px;\n  margin-bottom: 32px;\n  flex-wrap: wrap;\n}\n.spur-wrap-BucketHat .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-BucketHat .spur-tab:hover {\n  color: #0a0a0a;\n  border-color: #aaa;\n}\n.spur-wrap-BucketHat .spur-panel {\n  display: none;\n}\n.spur-wrap-BucketHat #tabBucketHatDesc:checked ~ .spur-panels #panel-description,\n.spur-wrap-BucketHat #tabBucketHatFeat:checked ~ .spur-panels #panel-features,\n.spur-wrap-BucketHat #tabBucketHatSpec:checked ~ .spur-panels #panel-specs,\n.spur-wrap-BucketHat #tabBucketHatCare:checked ~ .spur-panels #panel-care {\n  display: block;\n}\n.spur-wrap-BucketHat #tabBucketHatDesc:checked ~ .spur-tabs-row label[for=\"tabBucketHatDesc\"],\n.spur-wrap-BucketHat #tabBucketHatFeat:checked ~ .spur-tabs-row label[for=\"tabBucketHatFeat\"],\n.spur-wrap-BucketHat #tabBucketHatSpec:checked ~ .spur-tabs-row label[for=\"tabBucketHatSpec\"],\n.spur-wrap-BucketHat #tabBucketHatCare:checked ~ .spur-tabs-row label[for=\"tabBucketHatCare\"] {\n  background: #0a0a0a;\n  color: #ffffff;\n  border-color: #0a0a0a;\n}\n.spur-wrap-BucketHat .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-BucketHat .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-BucketHat .spec-row:hover {\n  background: #f5f5f5;\n}\n.spur-wrap-BucketHat .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-BucketHat .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-BucketHat .spec-row {\n    grid-template-columns: 1fr;\n  }\n  .spur-wrap-BucketHat .spec-key {\n    padding-bottom: 2px;\n  }\n  .spur-wrap-BucketHat .spec-val {\n    padding-top: 0;\n    padding-bottom: 12px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"spur-wrap-BucketHat\"\u003e\n\u003cdiv class=\"spur-header\"\u003e\n\u003cdiv class=\"spur-title\"\u003eBucket Hat\u003c\/div\u003e\n\u003cdiv class=\"spur-meta\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cinput type=\"radio\" name=\"tabsBucketHat\" id=\"tabBucketHatDesc\" checked class=\"tab-input\"\u003e\n\u003cdiv class=\"spur-tabs-row\"\u003e\n\u003clabel for=\"tabBucketHatDesc\" 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;\"\u003eSun protection doesn’t have to be serious. Keep it light in the BD Bucket Hat.\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\/Anthracite Diamond C \/ OS","offer_id":51704333795648,"sku":"AP7230569075ALL1","price":56.58,"currency_code":"USD","in_stock":true},{"title":"Mushroom\/Black Diamond C \/ OS","offer_id":51704333828416,"sku":"AP7230569331ALL1","price":56.58,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/7487\/5549\/files\/AP7230569075ALL1_a47a036b-644b-4a7b-9751-6cc8d32231bb.jpg?v=1776375891","url":"https:\/\/spokex.com\/products\/black-diamond-bucket-hat","provider":"SX Collective","version":"1.0","type":"link"}