{"product_id":"columbia-booney-hat","title":"Columbia booney hat","description":"Stay comfortable and protected when fishing, hiking, or gardening. This Columbia hat features a high-tech sweatband, mesh vents, and wide brims made from a special fabric, all designed to keep you cool in the sun.\u003cbr\u003e\n\u003cbr\u003e\n• 100% textured nylon poplin top, sides and brim\u003cbr\u003e\n• Omni-Shade™ UPF 50 protection\u003cbr\u003e\n• Omni-Wick™ moisture-management sweatband and mesh vents\u003cbr\u003e\n• 3-inch brim\u003cbr\u003e\n• Adjustable drawcord and toggle at the back\u003cbr\u003e\n• Embroidered Columbia logo on the front\n\u003cdiv class=\"product-popup-trigger-wrapper\" style=\"margin: 15px 0;\"\u003e\n    \u003ca href=\"javascript:void(0)\" id=\"openShirtGuide\" style=\"display: flex; align-items: center; gap: 8px; color: #111; font-weight: 600; text-decoration: underline; font-size: 1.4rem; cursor: pointer;\"\u003e\n        \u003csvg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M7 7h10M7 12h10M7 17h10\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        Size guide\n    \u003c\/a\u003e\n\u003c\/div\u003e\n\n\u003cdiv id=\"shirtGuideModal\" class=\"sg-modal-overlay\"\u003e\n    \u003cdiv class=\"sg-modal-content\"\u003e\n        \u003cbutton class=\"sg-close-btn\" id=\"closeShirtGuide\" aria-label=\"Close\"\u003e×\u003c\/button\u003e\n        \n        \u003ch2 style=\"margin: 0 0 15px 0; font-size: 20px;\"\u003eProduct Measure\u003c\/h2\u003e\n\n        \u003cdiv class=\"sg-main-content\"\u003e\n            \u003cp style=\"font-size: 12px; color: #666; margin-bottom: 15px; line-height: 1.4;\"\u003e\n                Measure your head circumference with a non-stretchable measuring tape. Place the end of your  tape on your forehead and wrap the rest around the back of your head, keeping it 1″ (2.5 cm) above your ears. Pinch the spot where the tape meets the other end, lift the loop over your head, and note the measurement. Be as careful as possible to get the most precise measurement.\u003cbr\u003e\n                \n            \u003c\/p\u003e\n\n            \u003cdiv class=\"sg-flex\"\u003e\n                \u003cdiv class=\"sg-img-col\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/size-guide-hat-columbia-booney.png?v=1776195096\" alt=\"Flat measurements\"\u003e\n                \u003c\/div\u003e\n                \n            \u003c\/div\u003e\n\n        \u003cdiv class=\"sg-unit-toggle\"\u003e\n            \u003cbutton class=\"sg-unit-btn active\" data-unit=\"inches\"\u003eInches\u003c\/button\u003e\n            \u003cbutton class=\"sg-unit-btn\" data-unit=\"cm\"\u003ecm\u003c\/button\u003e\n        \u003c\/div\u003e\n        \n            \u003cdiv class=\"sg-screenshot-wrap\"\u003e\n                \u003cimg id=\"shirtImgInches\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/size-guide-hat-columbia-booney-inches.png?v=1776195101\" alt=\"Imperial Sizes\" style=\"width: 100%; display: block;\"\u003e\n                \n                \u003cimg id=\"shirtImgCm\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/size-guide-hat-columbia-booney-centimeters.png?v=1776195104\" alt=\"Metric Sizes\" style=\"width: 100%; display: none;\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n    .sg-modal-overlay {\n        display: none; position: fixed; z-index: 100000; left: 0; top: 0; width: 100%; height: 100%;\n        background-color: rgba(0,0,0,0.6); justify-content: center; align-items: center; padding: 20px;\n    }\n    .sg-modal-content {\n        background: white; padding: 30px; border-radius: 8px; width: 100%; max-width: 650px;\n        position: relative; color: #111; max-height: 85vh; overflow-y: auto !important;\n        -webkit-overflow-scrolling: touch;\n    }\n    .sg-close-btn { position: absolute; right: 15px; top: 10px; font-size: 35px; border: none; background: none; cursor: pointer; color: #000; z-index: 10; line-height: 1;}\n    .sg-unit-toggle { display: flex; border: 1px solid #ddd; border-radius: 4px; width: fit-content; margin-bottom: 20px; }\n    .sg-unit-btn { padding: 8px 16px; border: none; background: white; cursor: pointer; font-size: 13px; font-weight: 600; }\n    .sg-unit-btn.active { background: #000; color: #fff; }\n    \n    .sg-flex { display: flex; gap: 20px; margin-bottom: 20px; align-items: flex-start; }\n    .sg-img-col { flex: 1; min-width: 150px; }\n    .sg-img-col img { width: 100%; height: auto; display: block; }\n    .sg-txt-col { flex: 1.5; font-size: 13px; line-height: 1.4; color: #444; }\n\n    .sg-screenshot-wrap { border: 1px solid #f0f0f0; border-radius: 4px; overflow: hidden; background: #fafafa; margin-top: 10px; }\n\n    @media (max-width: 550px) { \n        .sg-flex { flex-direction: column; } \n        .sg-img-col { min-width: 100%; }\n    }\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function() {\n    const modal = document.getElementById(\"shirtGuideModal\");\n    const openBtn = document.getElementById(\"openShirtGuide\");\n    const closeBtn = document.getElementById(\"closeShirtGuide\");\n    const unitBtns = document.querySelectorAll(\".sg-unit-btn\");\n    const imgInches = document.getElementById(\"shirtImgInches\");\n    const imgCm = document.getElementById(\"shirtImgCm\");\n\n    if(openBtn) {\n        openBtn.onclick = () =\u003e { modal.style.setProperty('display', 'flex', 'important'); };\n        closeBtn.onclick = () =\u003e { modal.style.display = \"none\"; };\n        window.onclick = (e) =\u003e { if (e.target == modal) { modal.style.display = \"none\"; } };\n        \n        unitBtns.forEach(btn =\u003e {\n            btn.onclick = () =\u003e {\n                unitBtns.forEach(b =\u003e b.classList.remove(\"active\"));\n                btn.classList.add(\"active\");\n                if (btn.getAttribute(\"data-unit\") === \"inches\") {\n                    imgInches.style.display = \"block\";\n                    imgCm.style.display = \"none\";\n                } else {\n                    imgInches.style.display = \"none\";\n                    imgCm.style.display = \"block\";\n                }\n            };\n        });\n    }\n});\n\u003c\/script\u003e","brand":"Nice Putt","offers":[{"title":"Collegiate Navy","offer_id":56385967292582,"sku":"2502981_19654","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Grill","offer_id":56385967325350,"sku":"2502981_19656","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Sage","offer_id":56385967358118,"sku":"2502981_19657","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Fossil","offer_id":56385967390886,"sku":"2502981_19655","price":40.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0710\/0855\/1078\/files\/columbia-booney-hat-fossil-front-69de9283b1432.jpg?v=1776194189","url":"https:\/\/niceputt.com\/products\/columbia-booney-hat","provider":"Nice Putt","version":"1.0","type":"link"}