{"product_id":"mens-casual-plus-size-multi-pocket-work-pants","title":"Kata Pants","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\u003eKata — Size Chart\u003c\/title\u003e\n\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Mono:wght@400;500\u0026display=swap');\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  body {\n    background: #ffffff;\n    color: #1a1a1a;\n    font-family: 'DM Mono', monospace;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 2.5rem;\n  }\n  .container { width: 100%; max-width: 660px; }\n  .toggle {\n    display: flex;\n    margin-bottom: 2rem;\n    border: 1.5px solid #1a1a1a;\n    border-radius: 999px;\n    overflow: hidden;\n    width: fit-content;\n  }\n  .toggle button {\n    background: none;\n    border: none;\n    color: #888;\n    font-family: 'DM Mono', monospace;\n    font-size: 0.7rem;\n    font-weight: 500;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    padding: 0.5rem 1.5rem;\n    cursor: pointer;\n    transition: all 0.2s;\n  }\n  .toggle button.active { background: #1a1a1a; color: #ffffff; }\n  .table-wrap { overflow-x: auto; border: 1px solid #e0e0e0; }\n  table { width: 100%; border-collapse: collapse; font-size: 0.78rem; }\n  thead tr { border-bottom: 1.5px solid #1a1a1a; }\n  thead th {\n    font-weight: 500;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    font-size: 0.6rem;\n    color: #1a1a1a;\n    padding: 1rem;\n    text-align: center;\n    white-space: nowrap;\n  }\n  tbody tr:nth-child(even) { background: #f0ebe3; }\n  tbody tr:nth-child(odd) { background: #ffffff; }\n  tbody td { padding: 1rem; text-align: center; color: #1a1a1a; letter-spacing: 0.05em; }\n  tbody td:first-child { font-weight: 500; letter-spacing: 0.12em; }\n  .note { margin-top: 1.5rem; font-size: 0.65rem; color: #888; letter-spacing: 0.03em; line-height: 2; text-align: center; }\n  .disclaimer { margin-top: 0.75rem; font-size: 0.6rem; color: #bbb; text-align: center; letter-spacing: 0.03em; }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"container\"\u003e\n  \u003cdiv class=\"toggle\"\u003e\n    \u003cbutton class=\"active\" onclick=\"setUnit('cm')\"\u003eCM\u003c\/button\u003e\n    \u003cbutton onclick=\"setUnit('in')\"\u003eINCHES\u003c\/button\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"table-wrap\"\u003e\n    \u003ctable\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth\u003eSize\u003c\/th\u003e\n          \u003cth\u003eLength\u003c\/th\u003e\n          \u003cth\u003eWaist\u003c\/th\u003e\n          \u003cth\u003eHip\u003c\/th\u003e\n          \u003cth\u003eThigh\u003c\/th\u003e\n        \u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody id=\"tbody\"\u003e\u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"note\"\u003e\n    Please allow a 2–3 cm difference due to manual measurement.\u003cbr\u003e\n    Weight recommendation is approximate and may vary with body shape, fit preference, and fabric stretch.\n  \u003c\/div\u003e\n  \u003cdiv class=\"disclaimer\"\u003e* Measurements are based on standard straight-leg cargo fit. Asian sizing — order one size up if between sizes.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n  \/\/ Asian M→EU S, L→EU M, XL→EU L, 2XL→EU XL, 3XL→EU XXL, 4XL→EU 3XL, 5XL→EU 4XL\n  const data = [\n    { size: 'S',   length: 100, waist: 72, hip: 96,  thigh: 58 },\n    { size: 'M',   length: 101, waist: 76, hip: 100, thigh: 60 },\n    { size: 'L',   length: 102, waist: 80, hip: 104, thigh: 62 },\n    { size: 'XL',  length: 103, waist: 84, hip: 108, thigh: 64 },\n    { size: 'XXL', length: 104, waist: 88, hip: 112, thigh: 66 },\n    { size: '3XL', length: 105, waist: 92, hip: 116, thigh: 68 },\n    { size: '4XL', length: 106, waist: 96, hip: 120, thigh: 70 },\n  ];\n\n  let unit = 'cm';\n  function toIn(v) { return (v \/ 2.54).toFixed(1); }\n\n  function render() {\n    document.getElementById('tbody').innerHTML = data.map(r =\u003e `\n      \u003ctr\u003e\n        \u003ctd\u003e${r.size}\u003c\/td\u003e\n        \u003ctd\u003e${unit === 'cm' ? r.length : toIn(r.length)}\u003c\/td\u003e\n        \u003ctd\u003e${unit === 'cm' ? r.waist : toIn(r.waist)}\u003c\/td\u003e\n        \u003ctd\u003e${unit === 'cm' ? r.hip : toIn(r.hip)}\u003c\/td\u003e\n        \u003ctd\u003e${unit === 'cm' ? r.thigh : toIn(r.thigh)}\u003c\/td\u003e\n      \u003c\/tr\u003e\n    `).join('');\n  }\n\n  function setUnit(u) {\n    unit = u;\n    document.querySelectorAll('.toggle button').forEach((b, i) =\u003e {\n      b.classList.toggle('active', (i === 0 \u0026\u0026 u === 'cm') || (i === 1 \u0026\u0026 u === 'in'));\n    });\n    render();\n  }\n\n  render();\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"BASYK","offers":[{"title":"Army Green \/ M","offer_id":48759667917056,"sku":"CJXX277961622VE","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Army Green \/ L","offer_id":48759667884288,"sku":"CJXX277961623WD","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Army Green \/ XL","offer_id":48759667949824,"sku":"CJXX277961624XC","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Army Green \/ 2XL","offer_id":48759667753216,"sku":"CJXX277961625YB","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ M","offer_id":48759668146432,"sku":"CJXX277961615OL","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ L","offer_id":48759668113664,"sku":"CJXX277961616PK","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ XL","offer_id":48759668179200,"sku":"CJXX277961617QJ","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Black \/ 2XL","offer_id":48759667982592,"sku":"CJXX277961618RI","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Dark Gray \/ M","offer_id":48759668375808,"sku":"CJXX277961608HS","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Dark Gray \/ L","offer_id":48759668343040,"sku":"CJXX277961609IR","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Dark Gray \/ XL","offer_id":48759668408576,"sku":"CJXX277961610JQ","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Dark Gray \/ 2XL","offer_id":48759668211968,"sku":"CJXX277961611KP","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Light Gray \/ M","offer_id":48759668605184,"sku":"CJXX277961601AZ","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Light Gray \/ L","offer_id":48759668572416,"sku":"CJXX277961602BY","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Light Gray \/ XL","offer_id":48759668637952,"sku":"CJXX277961603CX","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Light Gray \/ 2XL","offer_id":48759668441344,"sku":"CJXX277961604DW","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ M","offer_id":48759668834560,"sku":"CJXX277961629CX","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ L","offer_id":48759668801792,"sku":"CJXX277961630DW","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ XL","offer_id":48759668867328,"sku":"CJXX277961631EV","price":40.0,"currency_code":"USD","in_stock":true},{"title":"Yellow \/ 2XL","offer_id":48759668670720,"sku":"CJXX277961632FU","price":40.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0822\/4790\/9632\/files\/1.png?v=1779709555","url":"https:\/\/wearbasyk.com\/products\/mens-casual-plus-size-multi-pocket-work-pants","provider":"BASYK","version":"1.0","type":"link"}