{"product_id":"p44-utility-pants-black","title":"P44 Utility Pants (black)","description":"\u003cp data-start=\"55\" data-end=\"292\"\u003eBlack P44 Utility Pant built from 11oz herringbone twill, lightweight enough for summer, durable enough for everyday wear. The fabric strikes a balance between breathability and structure, giving you comfort without sacrificing longevity.\u003c\/p\u003e\n\u003cp data-start=\"294\" data-end=\"482\"\u003eCut with a relaxed, straight fit for ease of movement and better stacking with any footwear. Finished with functional pocketing and subtle detailing, keeping things simple and intentional.\u003c\/p\u003e\n\u003cp data-start=\"484\" data-end=\"555\"\u003eMade to be worn daily, broken in over time, and better with every wear.\u003c\/p\u003e\n\u003cp class=\"lh-preorder-note\"\u003e\n  *Please understand this is a pre-order item. Estimated production and shipping time is 4–6 weeks.\n\u003c\/p\u003e\n\n\u003cp class=\"lh-preorder-note\"\u003e\n  *Apologies in advance for the quality of the pictures, they will be updated soon. For reference, please look at the green colorway.\n\u003c\/p\u003e\n\n\u003cdiv class=\"lh-product-collapse-group\"\u003e\n\n  \u003cdiv class=\"lh-collapse\"\u003e\n    \u003cbutton class=\"lh-collapse-toggle\" type=\"button\" aria-expanded=\"false\"\u003e\n      \u003cspan\u003eDetails\u003c\/span\u003e\n      \u003cspan class=\"icon\"\u003e\u003c\/span\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"lh-collapse-content\"\u003e\n      \u003cdiv class=\"lh-collapse-inner\"\u003e\n        \u003cul class=\"lh-details-list\"\u003e\n          \u003cli\u003eWide, straight leg fit\u003c\/li\u003e\n          \u003cli\u003eReinforced belt loops\u003c\/li\u003e\n          \u003cli\u003eAdjustable waist tabs\u003c\/li\u003e\n          \u003cli\u003eCustom Lhouette buttons and label\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"lh-collapse lh-size-chart-block\"\u003e\n    \u003cbutton class=\"lh-collapse-toggle\" type=\"button\" aria-expanded=\"false\"\u003e\n      \u003cspan\u003eSize Chart\u003c\/span\u003e\n      \u003cspan class=\"icon\"\u003e\u003c\/span\u003e\n    \u003c\/button\u003e\n\n    \u003cdiv class=\"lh-collapse-content\"\u003e\n      \u003cdiv class=\"lh-collapse-inner\"\u003e\n        \u003cdiv class=\"size-chart-controls\"\u003e\n          \u003cbutton type=\"button\" class=\"unit-btn active\" data-unit=\"in\"\u003eIN\u003c\/button\u003e\n          \u003cbutton type=\"button\" class=\"unit-btn\" data-unit=\"cm\"\u003eCM\u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"size-chart-wrap\"\u003e\n          \u003ctable class=\"size-chart-table active\" data-table=\"in\"\u003e\n            \u003cthead\u003e\n              \u003ctr\u003e\n                \u003cth\u003eSize\u003c\/th\u003e\n                \u003cth\u003e28\u003c\/th\u003e\n                \u003cth\u003e30\u003c\/th\u003e\n                \u003cth\u003e32\u003c\/th\u003e\n                \u003cth\u003e34\u003c\/th\u003e\n                \u003cth\u003e36\u003c\/th\u003e\n                \u003cth\u003e38\u003c\/th\u003e\n              \u003c\/tr\u003e\n            \u003c\/thead\u003e\n            \u003ctbody\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e1\/2 Waist\u003c\/td\u003e\n                \u003ctd\u003e14\u003c\/td\u003e\n                \u003ctd\u003e15\u003c\/td\u003e\n                \u003ctd\u003e16\u003c\/td\u003e\n                \u003ctd\u003e17\u003c\/td\u003e\n                \u003ctd\u003e18\u003c\/td\u003e\n                \u003ctd\u003e19\u003c\/td\u003e\n              \u003c\/tr\u003e\n              \u003ctr\u003e\n                \u003ctd\u003eInseam\u003c\/td\u003e\n                \u003ctd\u003e29 3\/4\u003c\/td\u003e\n                \u003ctd\u003e30\u003c\/td\u003e\n                \u003ctd\u003e30\u003c\/td\u003e\n                \u003ctd\u003e30 1\/4\u003c\/td\u003e\n                \u003ctd\u003e30 1\/2\u003c\/td\u003e\n                \u003ctd\u003e31\u003c\/td\u003e\n              \u003c\/tr\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e1\/2 Leg Opening\u003c\/td\u003e\n                \u003ctd\u003e10 1\/2\u003c\/td\u003e\n                \u003ctd\u003e10 3\/4\u003c\/td\u003e\n                \u003ctd\u003e10 3\/4\u003c\/td\u003e\n                \u003ctd\u003e11 1\/4\u003c\/td\u003e\n                \u003ctd\u003e12 1\/4\u003c\/td\u003e\n                \u003ctd\u003e12 3\/4\u003c\/td\u003e\n              \u003c\/tr\u003e\n            \u003c\/tbody\u003e\n          \u003c\/table\u003e\n\n          \u003ctable class=\"size-chart-table\" data-table=\"cm\"\u003e\n            \u003cthead\u003e\n              \u003ctr\u003e\n                \u003cth\u003eSize\u003c\/th\u003e\n                \u003cth\u003e28\u003c\/th\u003e\n                \u003cth\u003e30\u003c\/th\u003e\n                \u003cth\u003e32\u003c\/th\u003e\n                \u003cth\u003e34\u003c\/th\u003e\n                \u003cth\u003e36\u003c\/th\u003e\n                \u003cth\u003e38\u003c\/th\u003e\n              \u003c\/tr\u003e\n            \u003c\/thead\u003e\n            \u003ctbody\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e1\/2 Waist\u003c\/td\u003e\n                \u003ctd\u003e35.6\u003c\/td\u003e\n                \u003ctd\u003e38.1\u003c\/td\u003e\n                \u003ctd\u003e40.6\u003c\/td\u003e\n                \u003ctd\u003e43.2\u003c\/td\u003e\n                \u003ctd\u003e45.7\u003c\/td\u003e\n                \u003ctd\u003e48.3\u003c\/td\u003e\n              \u003c\/tr\u003e\n              \u003ctr\u003e\n                \u003ctd\u003eInseam\u003c\/td\u003e\n                \u003ctd\u003e75.6\u003c\/td\u003e\n                \u003ctd\u003e76.2\u003c\/td\u003e\n                \u003ctd\u003e76.2\u003c\/td\u003e\n                \u003ctd\u003e76.8\u003c\/td\u003e\n                \u003ctd\u003e77.5\u003c\/td\u003e\n                \u003ctd\u003e78.7\u003c\/td\u003e\n              \u003c\/tr\u003e\n              \u003ctr\u003e\n                \u003ctd\u003e1\/2 Leg Opening\u003c\/td\u003e\n                \u003ctd\u003e26.7\u003c\/td\u003e\n                \u003ctd\u003e27.3\u003c\/td\u003e\n                \u003ctd\u003e27.3\u003c\/td\u003e\n                \u003ctd\u003e28.6\u003c\/td\u003e\n                \u003ctd\u003e31.1\u003c\/td\u003e\n                \u003ctd\u003e32.4\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\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n.lh-product-description-block {\n  width: 100%;\n}\n\n.lh-product-description {\n  margin: 0 0 10px 0;\n  font-size: 14px;\n  line-height: 1.6;\n  color: #000;\n}\n\n.lh-preorder-note {\n  margin: 0 0 16px 0;\n  font-size: 12px;\n  line-height: 1.5;\n  color: #000;\n  opacity: 0.75;\n}\n\n.lh-product-collapse-group {\n  width: 100%;\n}\n\n.lh-collapse {\n  border-bottom: 1px solid #000;\n  padding: 12px 0;\n}\n\n.lh-collapse-toggle {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: transparent;\n  border: 0;\n  padding: 0;\n  cursor: pointer;\n  color: #000;\n  font-size: 14px;\n  letter-spacing: 0.02em;\n  text-align: left;\n}\n\n.lh-collapse-toggle .icon {\n  width: 12px;\n  height: 12px;\n  position: relative;\n}\n\n.lh-collapse-toggle .icon::before,\n.lh-collapse-toggle .icon::after {\n  content: \"\";\n  position: absolute;\n  background: #000;\n}\n\n.lh-collapse-toggle .icon::before {\n  width: 100%;\n  height: 1px;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n}\n\n.lh-collapse-toggle .icon::after {\n  width: 1px;\n  height: 100%;\n  top: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  transition: transform 0.3s ease, opacity 0.3s ease;\n}\n\n.lh-collapse.active .icon::after {\n  transform: translateX(-50%) scaleY(0);\n  opacity: 0;\n}\n\n.lh-collapse-content {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.4s ease;\n}\n\n.lh-collapse-inner {\n  padding-top: 12px;\n}\n\n.lh-details-list {\n  margin: 0;\n  padding-left: 18px;\n  font-size: 13px;\n  line-height: 1.6;\n}\n\n.size-chart-controls {\n  display: flex;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.unit-btn {\n  border: 1px solid #000;\n  background: transparent;\n  font-size: 11px;\n  padding: 5px 10px;\n  cursor: pointer;\n}\n\n.unit-btn.active {\n  background: #000;\n  color: #fff;\n}\n\n.size-chart-wrap {\n  overflow-x: auto;\n}\n\n.size-chart-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n  display: none;\n}\n\n.size-chart-table.active {\n  display: table;\n}\n\n.size-chart-table th,\n.size-chart-table td {\n  padding: 8px 10px;\n  text-align: center;\n  border-bottom: 1px solid #e5e5e5;\n}\n\n.size-chart-table th:first-child,\n.size-chart-table td:first-child {\n  text-align: left;\n}\n\u003c\/style\u003e\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n  const blocks = document.querySelectorAll('.lh-collapse');\n\n  blocks.forEach(block =\u003e {\n    const toggle = block.querySelector('.lh-collapse-toggle');\n    const content = block.querySelector('.lh-collapse-content');\n\n    toggle.addEventListener('click', function () {\n      const open = block.classList.contains('active');\n\n      if (open) {\n        content.style.maxHeight = content.scrollHeight + 'px';\n        requestAnimationFrame(() =\u003e {\n          block.classList.remove('active');\n          content.style.maxHeight = '0px';\n        });\n      } else {\n        block.classList.add('active');\n        content.style.maxHeight = content.scrollHeight + 'px';\n      }\n    });\n\n    const buttons = block.querySelectorAll('.unit-btn');\n    const tables = block.querySelectorAll('.size-chart-table');\n\n    buttons.forEach(btn =\u003e {\n      btn.addEventListener('click', function () {\n        const unit = this.dataset.unit;\n\n        buttons.forEach(b =\u003e b.classList.remove('active'));\n        this.classList.add('active');\n\n        tables.forEach(t =\u003e {\n          t.classList.toggle('active', t.dataset.table === unit);\n        });\n\n        if (block.classList.contains('active')) {\n          content.style.maxHeight = content.scrollHeight + 'px';\n        }\n      });\n    });\n  });\n});\n\u003c\/script\u003e","brand":"LHOUETTE","offers":[{"title":"28","offer_id":47475220447426,"sku":null,"price":165.0,"currency_code":"USD","in_stock":true},{"title":"30","offer_id":47475220480194,"sku":null,"price":165.0,"currency_code":"USD","in_stock":true},{"title":"32","offer_id":47475220512962,"sku":null,"price":165.0,"currency_code":"USD","in_stock":false},{"title":"34","offer_id":47475220545730,"sku":null,"price":165.0,"currency_code":"USD","in_stock":true},{"title":"36","offer_id":47475220578498,"sku":null,"price":165.0,"currency_code":"USD","in_stock":true},{"title":"38","offer_id":47475220611266,"sku":null,"price":165.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0662\/7645\/8690\/files\/IMG_8706.jpg?v=1776402106","url":"https:\/\/lhouette.co\/products\/p44-utility-pants-black","provider":"LHOUETTE","version":"1.0","type":"link"}