{"product_id":"warehouse-lot-5200-denim-army-hat","title":"Warehouse Lot 5200 Denim Army Hat","description":"\u003cdiv class=\"custom-tabs\"\u003e\n\u003cul class=\"custom-tab-nav\"\u003e\n\u003cli data-tab=\"intro\" class=\"active\"\u003eIntro\u003c\/li\u003e\n\u003cli data-tab=\"details\"\u003eDetails\u003c\/li\u003e\n\u003cli data-tab=\"size\"\u003eSize Chart\u003c\/li\u003e\n\u003cli data-tab=\"measure\"\u003eHow We Measure\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cdiv class=\"custom-tab-content active\" id=\"intro\"\u003e\n\u003cp style=\"margin-left: 10px; margin-top: 20px; text-align: left;\"\u003e- A classic denim army hat built with a distinctive four-panel construction, featuring ventilation holes designed to improve airflow and comfort.Multiple rows of reinforced stitching run across the brim. As the hat is worn and washed over time, these stitches gradually develop unique fading and character along the brim.\n\u003cbr\u003e\u003cbr\u003e\nOne interesting detail is that, rather than being produced in a specialized hat factory, the hat is intentionally made in a workwear sewing factory, helping recreate the rugged craftsmanship and authentic character found in vintage military pieces.\n\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv id=\"details\" class=\"custom-tab-content\"\u003e\n\u003cdiv class=\"mobile-scroll-table-2\"\u003e    \n\u003ctable class=\"details-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eMaterial:\u003c\/td\u003e\n\u003ctd\u003e100% Cotton\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eFabric Finish:\u003c\/td\u003e\n\u003ctd\u003eUnwashed\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eOrigin:\u003c\/td\u003e\n\u003ctd\u003eMade in Japan\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd class=\"label\"\u003eDetails:\u003c\/td\u003e\n\u003ctd\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Herringbone Reinforcement Tape\u003c\/td\u003e\n\u003c\/tr\u003e   \n \u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- 4-Panel Construction\u003c\/td\u003e\n\u003c\/tr\u003e \n  \u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Ventilation Holes\u003c\/td\u003e\n\u003c\/tr\u003e  \n   \u003ctr\u003e\n\u003ctd colspan=\"2\"\u003e- Reinforced Brim Stitching\u003c\/td\u003e\n\u003c\/tr\u003e  \n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e  \n\u003c!-- Size Beginning --\u003e\n \n\u003cdiv id=\"size\" class=\"custom-tab-content\"\u003e\n\u003cdiv class=\"size-toggle\"\u003e\n  \u003cbutton class=\"toggle active\" onclick=\"convertSize('cm')\"\u003ecm\u003c\/button\u003e\n  \u003cbutton class=\"toggle\" onclick=\"convertSize('in')\"\u003einches\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- Size Chart cm --\u003e\n   \u003cdiv class=\"mobile-scroll-table\"\u003e\n \u003ctable class=\"size-chart\" id=\"size-chart\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eM\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e\n\u003cth\u003eF\u003c\/th\u003e  \n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eInner Circ.\u003c\/td\u003e\n\u003ctd data-cm=\"---\"\u003e---\u003c\/td\u003e   \n\u003ctd data-cm=\"---\"\u003e---\u003c\/td\u003e   \n\u003ctd data-cm=\"---\"\u003e---\u003c\/td\u003e   \n\u003ctd data-cm=\"62\"\u003e62\u003c\/td\u003e   \n\u003c\/tr\u003e  \n\u003ctr\u003e\n\u003ctd\u003eBrim\u003c\/td\u003e\n\u003ctd data-cm=\"---\"\u003e---\u003c\/td\u003e   \n\u003ctd data-cm=\"---\"\u003e---\u003c\/td\u003e   \n\u003ctd data-cm=\"---\"\u003e---\u003c\/td\u003e   \n\u003ctd data-cm=\"6\"\u003e6\u003c\/td\u003e   \n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"size-note\"\u003e\n• After washing: approx. 2 cm shrinkage in inner circumference.\u003cbr\u003e\n• Tumble drying may cause additional shrinkage.\u003cbr\u003e    \n• Measurements may vary slightly.\n\u003c\/p\u003e     \n\u003c\/div\u003e\n\u003cscript\u003e\nfunction convertSize(unit) {\n  const buttons = document.querySelectorAll('.toggle');\n  buttons.forEach(btn =\u003e btn.classList.remove('active'));\n  document.querySelector(`.toggle[onclick*=\"${unit}\"]`).classList.add('active');\n\n  const cells = document.querySelectorAll('#size-chart td[data-cm]');\n  cells.forEach(cell =\u003e {\n    const cm = parseFloat(cell.getAttribute('data-cm'));\n    if (cm === 0 || isNaN(cm)) {\n      cell.textContent = '---';\n    } else {\n      cell.textContent = (unit === 'in') ? (cm \/ 2.54).toFixed(1) : cm;\n    }\n  });\n}\n\u003c\/script\u003e\n\u003cscript\u003e\ndocument.querySelectorAll('.size-chart td').forEach(cell =\u003e {\n  cell.addEventListener('mouseenter', () =\u003e {\n    const row = cell.parentElement;\n    const table = cell.closest('table');\n    const index = Array.from(cell.parentElement.children).indexOf(cell);\n\n    \/\/ Highlight row\n    row.querySelectorAll('td').forEach(td =\u003e td.classList.add('highlight-row'));\n\n    \/\/ Highlight column\n    table.querySelectorAll('tr').forEach(tr =\u003e {\n      const target = tr.children[index];\n      if (target) target.classList.add('highlight-col');\n    });\n\n    cell.classList.add('active-hover');\n  });\n\n  cell.addEventListener('mouseleave', () =\u003e {\n    const row = cell.parentElement;\n    const table = cell.closest('table');\n    const index = Array.from(cell.parentElement.children).indexOf(cell);\n\n    \/\/ Remove highlight\n    row.querySelectorAll('td').forEach(td =\u003e td.classList.remove('highlight-row'));\n\n    table.querySelectorAll('tr').forEach(tr =\u003e {\n      const target = tr.children[index];\n      if (target) target.classList.remove('highlight-col');\n    });\n\n    cell.classList.remove('active-hover');\n  });\n});\n\u003c\/script\u003e\n  \n\u003c\/div\u003e\n\u003c!-- End Size Chart Inch --\u003e\n  \u003c!-- How we measure --\u003e\n\u003cdiv id=\"measure\" class=\"custom-tab-content\"\u003e\n  \u003cdiv class=\"measure-toggle\"\u003e\n    \u003cbutton data-type=\"tops\" class=\"measure-btn active\"\u003eTops\u003c\/button\u003e\n    \u003cbutton data-type=\"bottoms\" class=\"measure-btn\"\u003eBottoms\u003c\/button\u003e\n  \u003c\/div\u003e\n\n\u003c!-- NEW: scrollable wrapper --\u003e\n  \u003cdiv class=\"measure-scroll\"\u003e\n    \u003cdiv class=\"measure-content tops\"\u003e\n      \u003ch4\u003eShoulder Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Shoulder.jpg?v=1747667689\" alt=\"Shoulder Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across from shoulder seam to shoulder seam on the back.\u003c\/p\u003e\n\n      \u003ch4\u003eChest Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Chest_New.jpg?v=1747667689\" alt=\"Chest Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the front of the garment, from armpit to armpit.For size chart reference, chest measurement is shown as full circumference ( flat measurement x 2 ).\u003c\/p\u003e\n  \n      \u003ch4\u003eWaist Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Waist.jpg?v=1747667689\" alt=\"Waist Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure across the narrowest part of the shirt — from seam to seam — between the chest and the hem.\u003c\/p\u003e\n  \n      \u003ch4\u003eHem Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Hem.jpg?v=1747667689\" alt=\"Hem Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the bottom edge of the shirt, from one side seam to the other — just above the curved hem.\u003c\/p\u003e\n  \n      \u003ch4\u003eSleeve Length (Set-In)\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Sleeve.jpg?v=1747667689\" alt=\"Sleeve Length (Set-In)\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the top of the shoulder seam straight to the end of the cuff.\u003c\/p\u003e\n  \n      \u003ch4\u003eSleeve Length (Raglan)\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Raglan.jpg?v=1747667689\" alt=\"Sleeve Length (Raglan)\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from seam of collar all the way down to the end of the cuff.\u003c\/p\u003e\n\n      \u003ch4\u003eArmhole\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Arm.jpg?v=1747667689\" alt=\"Armhole\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure vertically from the shoulder seam down to the bottom of the armhole seam.\u003c\/p\u003e\n\n      \u003ch4\u003eBody Length\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Shirt_Length.jpg?v=1747667689\" alt=\"Body Length\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the center of the base of the collar (just below the collar band) straight down to the bottom hem.\u003c\/p\u003e \n    \u003c\/div\u003e\n\n    \u003cdiv class=\"measure-content bottoms\" style=\"display: none;\"\u003e\n      \u003ch4\u003eWaist\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Waist.jpg?v=1747667719\" alt=\"Waist\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the top of the waistband from edge to edge, then double the measurement.\u003c\/p\u003e \n\n      \u003ch4\u003eFront Rise\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Front_Rise.jpg?v=1747667719\" alt=\"Front Rise\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure the front rise from the crotch seam straight up to the top of the front waistband.\u003c\/p\u003e \n\n      \u003ch4\u003eBack Rise\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Back_Rise.jpg?v=1747667719\" alt=\"Back Rise\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the crotch seam to the top of the back waistband.\u003c\/p\u003e \n\n      \u003ch4\u003eHip Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Hip.jpg?v=1747667719\" alt=\"Hip Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure 7.5 cm (or 3 inches) up from the crotch seam, then go straight across from side to side while laid flat, then double the measurement.\u003c\/p\u003e \n\n      \u003ch4\u003eThigh Width\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Thigh.jpg?v=1747667719\" alt=\"Thigh Width\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure horizontally from the crotch seam straight out to the outer edge of the thigh.\u003c\/p\u003e \n\n      \u003ch4\u003eKnee\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Knee_1.jpg?v=1747667719\" alt=\"Knee\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure 33 cm (or 13 inches) down from the crotch seam along the inside leg seam.\u003c\/p\u003e \n\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Knee_2.jpg?v=1747667719\" alt=\"Knee\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the leg from one side to the other.\u003c\/p\u003e \n\n      \u003ch4\u003eInseam\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Inseam.jpg?v=1747667719\" alt=\"Inseam\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure from the crotch stitch all the way to the end of the leg.\u003c\/p\u003e \n\n      \u003ch4\u003eLeg Opening\u003c\/h4\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/Jeans_Leg.jpg?v=1747667719\" alt=\"Leg Opening\"\u003e\n      \u003cp style=\"margin-left: 10px; margin-top: 10px; text-align: left;\"\u003e- Measure straight across the bottom cuff — from one side of the leg opening to the other.\u003c\/p\u003e \n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\ndocument.querySelectorAll('.measure-btn').forEach(button =\u003e {\n  button.addEventListener('click', () =\u003e {\n    document.querySelectorAll('.measure-btn').forEach(btn =\u003e btn.classList.remove('active'));\n    button.classList.add('active');\n    const type = button.getAttribute('data-type');\n    document.querySelectorAll('.measure-content').forEach(content =\u003e {\n      content.style.display = 'none';\n    });\n    document.querySelector('.measure-content.' + type).style.display = 'block';\n  });\n});\n\u003c\/script\u003e\n\u003c!-- End How we measure --\u003e\n\u003cscript\u003e\nfunction refreshOpenDescriptionHeight(el) {\n  var wrapper = el.closest('.collapsible-content');\n  if (!wrapper) return;\n\n  var inner = wrapper.querySelector('.collapsible-content__inner');\n  if (!inner) return;\n\n  wrapper.style.height = inner.scrollHeight + 'px';\n\n  setTimeout(function() {\n    wrapper.style.height = inner.scrollHeight + 'px';\n  }, 50);\n\n  setTimeout(function() {\n    if (wrapper.classList.contains('is-open')) {\n      wrapper.style.height = 'auto';\n    }\n  }, 500);\n}\n\ndocument.querySelectorAll('.custom-tab-nav li').forEach(tab =\u003e {\n  tab.addEventListener('click', function() {\n    var tabsWrap = this.closest('.custom-tabs');\n    if (!tabsWrap) return;\n\n    tabsWrap.querySelectorAll('.custom-tab-nav li').forEach(li =\u003e li.classList.remove('active'));\n    tabsWrap.querySelectorAll('.custom-tab-content').forEach(content =\u003e content.classList.remove('active'));\n\n    this.classList.add('active');\n\n    var target = tabsWrap.querySelector('#' + this.dataset.tab);\n    if (target) target.classList.add('active');\n\n    refreshOpenDescriptionHeight(this);\n  });\n});\n\ndocument.querySelectorAll('.measure-btn').forEach(button =\u003e {\n  button.addEventListener('click', function() {\n    setTimeout(() =\u003e {\n      refreshOpenDescriptionHeight(this);\n    }, 30);\n  });\n});\n\nwindow.convertSize = (function(originalFn) {\n  return function(unit) {\n    originalFn(unit);\n    setTimeout(() =\u003e {\n      var activeTab = document.querySelector('.custom-tab-content.active');\n      if (activeTab) refreshOpenDescriptionHeight(activeTab);\n    }, 30);\n  };\n})(window.convertSize);\n\ndocument.querySelectorAll('#measure img, #intro img, #details img, #size img').forEach(img =\u003e {\n  img.addEventListener('load', function() {\n    refreshOpenDescriptionHeight(this);\n  });\n});\n\nwindow.addEventListener('resize', function() {\n  var activeTab = document.querySelector('.custom-tab-content.active');\n  if (activeTab) refreshOpenDescriptionHeight(activeTab);\n});\n\u003c\/script\u003e  \n\u003c\/div\u003e","brand":"Warehouse","offers":[{"title":"Unwashed Denim \/ Free Size","offer_id":54804958413091,"sku":null,"price":11000.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0692\/5356\/2659\/files\/1_8e9484c0-077a-4e8e-a553-456d2af7fb8b.jpg?v=1772899080","url":"https:\/\/www.mentionclothing.com\/products\/warehouse-lot-5200-denim-army-hat","provider":"MENTION CLOTHING","version":"1.0","type":"link"}