@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500&display=swap'); :root { --black: #0a0a0a; --white: #ffffff; --mid: #f5f5f5; --border: #e0e0e0; --text-muted: #777; --text-body: #222; } * { box-sizing: border-box; margin: 0; padding: 0; } .spur-wrap { font-family: 'Barlow', sans-serif; background: var(--white); color: var(--black); max-width: 1100px; margin: 0 auto; padding: 48px 24px; } .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; } .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; } .spur-meta { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-muted); } .spur-tabs { display: flex; gap: 4px; margin-bottom: 32px; } .spur-tab { 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(--text-muted); border: 1px solid var(--border); cursor: pointer; transition: all 0.15s; border-radius: 2px; } .spur-tab:hover { color: var(--black); border-color: #aaa; } .spur-tab.active { background: var(--black); color: var(--white); border-color: var(--black); } .spur-panel { display: none; } .spur-panel.active { display: block; } .spec-category { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--black); padding: 20px 0 8px; border-bottom: 2px solid var(--black); margin-bottom: 0; } .spec-row { display: grid; grid-template-columns: 200px 1fr; border-bottom: 1px solid var(--border); } .spec-row:hover { background: var(--mid); } .spec-key { font-size: 12px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-muted); padding: 12px 16px 12px 0; align-self: start; } .spec-val { font-size: 14px; font-weight: 300; color: var(--text-body); padding: 12px 0; line-height: 1.5; } @media (max-width: 600px) { .spec-row { grid-template-columns: 1fr; } .spec-key { padding-bottom: 2px; } .spec-val { padding-top: 0; padding-bottom: 12px; } } Retro Trucker Hat GORE-TEX insulated hat for cold weather Description Features Specs Care Trucker hat enthusiasts looking for more comfort and versatility from their go-to snapback will love the new Marmot(R) Retro Trucker. Forget the thick, poofy structured front panel of yesteryear--this updated classic features an unstructured 6-panel design and super-soft mesh paneling for epic comfort and epically good times. Ventilation Ventilation Soft mesh panels provide ventilation to keep your head cool and comfortable in the heat Other Other Unstructured 6-panel design for soft, malleable comfort Other Adjustable snap-back closure makes finding the perfect fit easy Other Marmot(R)-embroidered logo patch gives the hat a nice vintage touch Other Last Offered at Full Price: 1/31/26 Product Care: Hand Wash Cold Water, Use Liquid Detergent, Do Not Use Powdered Detergent, Hang To Dry, Do Not Iron, Do Not Bleach, Do Not Dry Clean, Do Not Use Fabric Softener, Rinse Twice, Do Not Store Wet Main Fabric: 100% Cotton, Plain weave Style Number: M14313 Product Weight: 0 lbs 3 oz , 75.0 g Product Care Hand Wash Cold Water, Use Liquid Detergent, Do Not Use Powdered Detergent, Hang To Dry, Do Not Iron, Do Not Bleach, Do Not Dry Clean, Do Not Use Fabric Softener, Rinse Twice, Do Not Store Wet function showPanel(id, btn) { document.querySelectorAll('.spur-panel').forEach(p => p.classList.remove('active')); document.querySelectorAll('.spur-tab').forEach(t => t.classList.remove('active')); document.getElementById('panel-' + id).classList.add('active'); btn.classList.add('active'); }