{"product_id":"the-north-face-mens-arroyo-flannel-shirt-plaid","title":"The North Face Men's Arroyo Flannel Shirt—Plaid","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\u003eMen’s Arroyo Flannel Shirt—Plaid\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.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-section:last-child { border-bottom: none; }\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\"\u003eMen’s Arroyo Flannel Shirt—Plaid\u003c\/div\u003e\n\u003cdiv class=\"spur-meta\"\u003eTop · Casual \/ Active\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\"\u003eFeaturing 100% Climate Conscious Cotton and our signature plaid—with dimensions that mirror the iconic Half Dome logo—the heavyweight Men’s Arroyo Flannel Shirt will undoubtedly be in heavy rotation.\u003c\/p\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\"\u003eRegenerative cotton\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003eThe North Face® sources cotton from farmers using agricultural practices that help build soil carbon.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-section\"\u003e\n\u003cdiv class=\"key-title\"\u003eCircular Design\u003c\/div\u003e\n\u003cdiv class=\"key-desc\"\u003eThis item is part of our Circular Design initiative – a collection designed to help regenerate natural systems by minimising waste and pollution.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"key-section\"\u003e\u003cdiv class=\"key-desc\"\u003eRegular fit\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"key-section\"\u003e\u003cdiv class=\"key-desc\"\u003eHeavyweight flannel\u003c\/div\u003e\u003c\/div\u003e\n\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 \/ Gear\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eSizes\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003eXS, S, M, L, XL, XXL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"spec-category\"\u003eSpecifications\u003c\/p\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cdiv class=\"spec-key\"\u003eCenter Back\u003c\/div\u003e\n\u003cdiv class=\"spec-val\"\u003e30.5''\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\"\u003eRefer to the garment's interior care label for specific washing instructions. Use mild detergent and avoid bleach or fabric softener.\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\"\u003eTumble dry low or hang to dry per the care label. Reshape while damp if needed.\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 away from direct sunlight. Keep clean to prevent staining or odor buildup.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/body\u003e","brand":"The North Face","offers":[{"title":"Burnt Umber Macro Small Plaid \/ XS","offer_id":52375330849088,"sku":"NF0A8CY7E0I10XS000","price":110.0,"currency_code":"USD","in_stock":false},{"title":"Burnt Umber Macro Small Plaid \/ S","offer_id":52375330881856,"sku":"NF0A8CY7E0I100S000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Burnt Umber Macro Small Plaid \/ M","offer_id":52375330914624,"sku":"NF0A8CY7E0I100M000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Burnt Umber Macro Small Plaid \/ L","offer_id":52375330947392,"sku":"NF0A8CY7E0I100L000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Burnt Umber Macro Small Plaid \/ XL","offer_id":52375330980160,"sku":"NF0A8CY7E0I10XL000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Burnt Umber Macro Small Plaid \/ XXL","offer_id":52375331012928,"sku":"NF0A8CY7E0I1XXL000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"New Taupe Green Macro Small Plaid \/ XS","offer_id":52375331045696,"sku":"NF0A8CY7D5810XS000","price":110.0,"currency_code":"USD","in_stock":false},{"title":"New Taupe Green Macro Small Plaid \/ S","offer_id":52375331078464,"sku":"NF0A8CY7D58100S000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"New Taupe Green Macro Small Plaid \/ M","offer_id":52375331111232,"sku":"NF0A8CY7D58100M000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"New Taupe Green Macro Small Plaid \/ L","offer_id":52375331144000,"sku":"NF0A8CY7D58100L000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"New Taupe Green Macro Small Plaid \/ XL","offer_id":52375331176768,"sku":"NF0A8CY7D5810XL000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"New Taupe Green Macro Small Plaid \/ XXL","offer_id":52375331209536,"sku":"NF0A8CY7D581XXL000","price":110.0,"currency_code":"USD","in_stock":false},{"title":"Sumac Macro Small Plaid \/ XS","offer_id":52375331242304,"sku":"NF0A8CY7D6H10XS000","price":110.0,"currency_code":"USD","in_stock":false},{"title":"Sumac Macro Small Plaid \/ S","offer_id":52375331275072,"sku":"NF0A8CY7D6H100S000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Sumac Macro Small Plaid \/ M","offer_id":52375331307840,"sku":"NF0A8CY7D6H100M000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Sumac Macro Small Plaid \/ L","offer_id":52375331340608,"sku":"NF0A8CY7D6H100L000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Sumac Macro Small Plaid \/ XL","offer_id":52375331373376,"sku":"NF0A8CY7D6H10XL000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Sumac Macro Small Plaid \/ XXL","offer_id":52375331406144,"sku":"NF0A8CY7D6H1XXL000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Utility Brown TNF Shadow Plaid \/ XS","offer_id":52375331438912,"sku":"NF0A8CY74I810XS000","price":110.0,"currency_code":"USD","in_stock":false},{"title":"Utility Brown TNF Shadow Plaid \/ S","offer_id":52375331471680,"sku":"NF0A8CY74I8100S000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Utility Brown TNF Shadow Plaid \/ M","offer_id":52375331504448,"sku":"NF0A8CY74I8100M000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Utility Brown TNF Shadow Plaid \/ L","offer_id":52375331537216,"sku":"NF0A8CY74I8100L000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Utility Brown TNF Shadow Plaid \/ XL","offer_id":52375331569984,"sku":"NF0A8CY74I810XL000","price":110.0,"currency_code":"USD","in_stock":true},{"title":"Utility Brown TNF Shadow Plaid \/ XXL","offer_id":52375331602752,"sku":"NF0A8CY74I81XXL000","price":110.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0446\/7487\/5549\/files\/NF0A8CY7E0I_8ea1d2e8-677e-4509-a7b6-adb605df2930.jpg?v=1781975492","url":"https:\/\/spokex.com\/products\/the-north-face-mens-arroyo-flannel-shirt-plaid","provider":"SX Collective","version":"1.0","type":"link"}