{"product_id":"the-north-face-kids-mudder-trucker","title":"The North Face Kids' Mudder Trucker","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eKids' Mudder Trucker Hat\u003c\/title\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;600\u0026display=swap');\n:root { --black: #0a0a0a; --white: #ffffff; --mid: #f5f5f5; --border: #e8e8e8; --muted: #999; --body: #222; }\n* { box-sizing: border-box; margin: 0; padding: 0; }\n.spur-wrap { font-family: 'Barlow', sans-serif; background: var(--white); color: var(--black); max-width: 1100px; margin: 0 auto; padding: 48px 24px; }\n.spur-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 48px; border-bottom: 1px solid var(--border); padding-bottom: 24px; flex-wrap: wrap; gap: 12px; }\n.spur-title { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(28px, 5vw, 48px); font-weight: 800; letter-spacing: -0.02em; line-height: 1; text-transform: uppercase; }\n.spur-meta { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }\n.tab-radio { display: none; }\n.tab-nav { display: flex; gap: 4px; margin-bottom: 32px; flex-wrap: wrap; }\n.tab-nav label { font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 10px 24px; background: var(--mid); color: var(--muted); border: 1px solid var(--border); cursor: pointer; transition: all 0.15s; border-radius: 2px; display: inline-block; user-select: none; }\n.tab-nav label:hover { color: var(--black); border-color: #aaa; }\n.spur-panels .tab-panel { display: none; }\n#tab-desc:checked ~ .tab-nav label[for=\"tab-desc\"],\n#tab-key:checked ~ .tab-nav label[for=\"tab-key\"],\n#tab-specs:checked ~ .tab-nav label[for=\"tab-specs\"],\n#tab-care:checked ~ .tab-nav label[for=\"tab-care\"] { background: var(--black); color: var(--white); border-color: var(--black); }\n#tab-desc:checked ~ .spur-panels .desc-panel { display: block; }\n#tab-key:checked ~ .spur-panels .key-panel { display: block; }\n#tab-specs:checked ~ .spur-panels .specs-panel { display: block; }\n#tab-care:checked ~ .spur-panels .care-panel { display: block; }\n.spur-panel p { font-size: 14px; font-weight: 300; line-height: 1.7; color: var(--body); margin-bottom: 16px; }\n\n.desc-intro { font-size: 16px; font-weight: 400; line-height: 1.65; color: var(--body); margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid var(--border); }\n.key-section { border-bottom: 1px solid var(--border); padding: 16px 0; }\n.key-title { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 6px; }\n.key-desc { font-size: 14px; font-weight: 300; color: var(--body); line-height: 1.5; }\n.spec-row { display: grid; grid-template-columns: 200px 1fr; border-bottom: 1px solid var(--border); }\n.spec-key { font-size: 12px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); padding: 12px 16px 12px 0; }\n.spec-val { font-size: 14px; font-weight: 300; color: var(--body); padding: 12px 0; line-height: 1.5; }\n.spec-category { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin: 24px 0 8px 0; color: var(--muted); }\n.spec-category:first-child { margin-top: 0; }\n@media (max-width: 600px) { .spec-row { grid-template-columns: 1fr; } .spec-key { padding-bottom: 2px; } .spec-val { padding-top: 0; padding-bottom: 12px; } }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"spur-wrap\"\u003e\n\u003cdiv class=\"spur-header\"\u003e\n\u003cdiv class=\"spur-title\"\u003eKids' Mudder Trucker Hat\u003c\/div\u003e\n\u003cdiv class=\"spur-meta\"\u003eHats · Lifestyle \/ Everyday\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cinput type=\"radio\" name=\"spur-tabs\" id=\"tab-desc\" class=\"tab-radio\" checked\u003e\n\u003cinput type=\"radio\" name=\"spur-tabs\" id=\"tab-key\" class=\"tab-radio\"\u003e\n\u003cinput type=\"radio\" name=\"spur-tabs\" id=\"tab-specs\" class=\"tab-radio\"\u003e\n\u003cinput type=\"radio\" name=\"spur-tabs\" id=\"tab-care\" class=\"tab-radio\"\u003e\n\n\u003cdiv class=\"tab-nav\"\u003e\n\u003clabel for=\"tab-desc\"\u003eDescription\u003c\/label\u003e\n\u003clabel for=\"tab-key\"\u003eKey Features\u003c\/label\u003e\n\u003clabel for=\"tab-specs\"\u003eSpecifications\u003c\/label\u003e\n\u003clabel for=\"tab-care\"\u003eCare\u003c\/label\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"spur-panels\"\u003e\n\u003c!-- DESCRIPTION PANEL --\u003e\n\u003cdiv class=\"tab-panel desc-panel\"\u003e\n\u003cp class=\"desc-intro\"\u003eRecycled material Recycled content – Helps reduce landfill waste and the use of virgin materials.\u003c\/p\u003e\n\u003cdiv class=\"key-section\"\u003e\n\u003cdiv class=\"key-title\"\u003eRecycled material\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-section\"\u003e\n\u003cdiv class=\"key-title\"\u003eRecycled content – Helps reduce landfill waste and the use of virgin materials.\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"spur-gallery\"\u003e\n\u003cimg class=\"spur-gallery-img\" src=\"https:\/\/assets.thenorthface.com\/images\/t_img\/f_auto,h_2500,w_2150\/v1760552639\/NF0A7WHKD7R-HERO\/Kids-Mudder-Trucker-Hat-TNF-HERO.png\" alt=\"Kids' Mudder Trucker Hat\" loading=\"lazy\"\u003e\n\u003cimg class=\"spur-gallery-img\" src=\"https:\/\/assets.thenorthface.com\/images\/t_img\/f_auto,h_2500,w_2150\/v1760552482\/NF0A7WHKD7R-BACK\/Kids-Mudder-Trucker-Hat-TNF-BACK.png\" alt=\"Kids' Mudder Trucker Hat\" loading=\"lazy\"\u003e\n\u003cimg class=\"spur-gallery-img\" src=\"https:\/\/assets.thenorthface.com\/images\/t_img\/f_auto,h_2500,w_2150\/v1760547415\/NF0A7WHKD7R-MODELBACK\/Kids-Mudder-Trucker-Hat-TNF-MODELBACK.png\" alt=\"Kids' Mudder Trucker Hat\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- KEY FEATURES PANEL --\u003e\n\u003cdiv class=\"tab-panel key-panel\"\u003e\n\u003cdiv class=\"key-section\"\u003e\n\u003cdiv class=\"key-title\"\u003eFront-panel, brim, and side- and back-panel fabric made with 100% recycled polyester; sweatband made with 94% recycled polyester\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-section\"\u003e\n\u003cdiv class=\"key-title\"\u003eMesh side and back panels\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-section\"\u003e\n\u003cdiv class=\"key-title\"\u003eAdjustable snapback closure made with recycled plastic\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-section\"\u003e\n\u003cdiv class=\"key-title\"\u003eWoven Fine Alpine Equipment logo patch on front; logo flag label on back closure\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- SPECIFICATIONS PANEL --\u003e\n\u003cdiv class=\"tab-panel specs-panel\"\u003e\n\u003cp class=\"spec-category\"\u003eGeneral\u003c\/p\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eType\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eApparel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eActivity\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eLifestyle \/ Everyday\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eGender\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eKids'\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eStyle\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eThe-North-Face-Kids-Mudder-Trucker\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"spec-category\"\u003eDimensions\u003c\/p\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eSizes\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eS, M, L\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- CARE PANEL --\u003e\n\u003cdiv class=\"tab-panel care-panel\"\u003e\n\u003cdiv class=\"key-section\"\u003e\n\u003cdiv class=\"key-title\"\u003eCleaning\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003eSpot clean with a damp cloth and mild soap. Do not machine wash or bleach.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-section\"\u003e\n\u003cdiv class=\"key-title\"\u003eDrying\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003eAir dry at room temperature away from direct heat or sunlight. Reshape the brim while damp.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-section\"\u003e\n\u003cdiv class=\"key-title\"\u003eStorage\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003eStore in a cool, dry place. Stuff lightly with paper to help the crown hold its shape. Keep out of direct sunlight.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-section\"\u003e\n\u003cdiv class=\"key-title\"\u003eSweatband Care\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003eHand wash the sweatband area gently to preserve moisture-management performance. Avoid harsh detergents.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-section\"\u003e\n\u003cdiv class=\"key-title\"\u003eMaterial Notes\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003eDo not iron directly on embroidered logos. Do not dry clean.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\n\n\u003c\/body\u003e","brand":"The North Face","offers":[{"title":"Coral Crush \/ L","offer_id":52092058960192,"sku":"NF0A7WHKG52100L000","price":24.9,"currency_code":"USD","in_stock":true},{"title":"Meridian Blue \/ M","offer_id":52092058992960,"sku":"NF0A7WHKD7R100M000","price":24.9,"currency_code":"USD","in_stock":true},{"title":"Meridian Blue \/ L","offer_id":52092059025728,"sku":"NF0A7WHKD7R100L000","price":24.9,"currency_code":"USD","in_stock":true},{"title":"TNF Black \/ M","offer_id":52092059058496,"sku":"NF0A7WHKJK3100M000","price":24.9,"currency_code":"USD","in_stock":true},{"title":"TNF Black \/ L","offer_id":52092059091264,"sku":"NF0A7WHKJK3100L000","price":24.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/7487\/5549\/files\/NF0A7WHKG52_fecc8d4e-2216-4330-a788-32b211c23128.jpg?v=1780684868","url":"https:\/\/spokex.com\/products\/the-north-face-kids-mudder-trucker","provider":"SX Collective","version":"1.0","type":"link"}