{
  "action": "Product-SizeChart",
  "queryString": "cid=bardot-denim-sizeguide",
  "locale": "en_US",
  "success": true,
  "content": "<h2 style=\"font-size:18px;font-weight:500;text-align:center;margin:0 0 1.5rem;\">How to measure</h2>\r\n\r\n<div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:2rem;\">\r\n  <div style=\"border:1px solid #e5e5e5;padding:1rem 1.25rem;\">\r\n    <p style=\"font-size:13px;font-weight:600;color:#000;margin:0 0 6px;\">Waist</p>\r\n    <p style=\"font-size:13px;color:#555;line-height:1.6;margin:0;\">Measure around the narrowest part of your waist &mdash; above the belly button and below the rib cage.</p>\r\n  </div>\r\n  <div style=\"border:1px solid #e5e5e5;padding:1rem 1.25rem;\">\r\n    <p style=\"font-size:13px;font-weight:600;color:#000;margin:0 0 6px;\">Hip</p>\r\n    <p style=\"font-size:13px;color:#555;line-height:1.6;margin:0;\">Measure around the fullest part of your hips, wrapping over the top of your rear and back to where you started.</p>\r\n  </div>\r\n  <div style=\"border:1px solid #e5e5e5;padding:1rem 1.25rem;\">\r\n    <p style=\"font-size:13px;font-weight:600;color:#000;margin:0 0 6px;\">Thigh</p>\r\n    <p style=\"font-size:13px;color:#555;line-height:1.6;margin:0;\">Measure around the fullest part of your thigh, wrapping the tape from front to back and around to the front.</p>\r\n  </div>\r\n</div>\r\n\r\n<style>\r\n  .sg-accordion { border: 1px solid #e5e5e5; margin-bottom: 8px; }\r\n  .sg-accordion-btn {\r\n    width: 100%; background: none; border: none; padding: 12px 16px;\r\n    display: flex; justify-content: space-between; align-items: center;\r\n    cursor: pointer; text-align: left;\r\n  }\r\n  .sg-accordion-btn:hover { background: #f9f9f9; }\r\n  .sg-accordion-title {\r\n    font-size: 12px; font-weight: 700; letter-spacing: .08em;\r\n    text-transform: uppercase; color: #000;\r\n  }\r\n  .sg-accordion-icon {\r\n    font-size: 18px; color: #888; transition: transform .2s; flex-shrink: 0;\r\n    display: inline-block; line-height: 1;\r\n  }\r\n  .sg-accordion-icon.open { transform: rotate(180deg); }\r\n  .sg-accordion-body { display: none; overflow-x: auto; }\r\n  .sg-accordion-body.open { display: block; }\r\n  .sg-table { width: 100%; border-collapse: collapse; font-size: 14px; }\r\n  .sg-table thead tr:first-child th { background: #000; color: #fff; font-weight: 500; padding: 10px; text-align: left; }\r\n  .sg-table thead tr:nth-child(2) th { background: #333; color: #fff; font-weight: 500; padding: 10px; text-align: left; }\r\n  .sg-table tbody td { padding: 12px 10px; text-align: left; color: #222; border-bottom: 1px solid #e5e5e5; }\r\n  .sg-table tbody tr:last-child td { border-bottom: none; }\r\n  .sg-table tbody td:first-child { font-weight: 500; }\r\n</style>\r\n\r\n<div id=\"sg-accordions\"></div>\r\n\r\n<script>\r\n(function() {\r\n  function cm(v) { return (v / 2.54).toFixed(1); }\r\n\r\n  var jeans = [\r\n    {\r\n      title: \"KHLOE SUPER HIGH TALL (in)\",\r\n      waist:  [57.5,60,62.5,65,67.5,70,72.5,75,77.5,80],\r\n      hip:    [86.5,90.5,92.5,94.5,97,99.5,102,105.5,109.5,114.5],\r\n      thigh:  [49.5,51.5,52.5,53.5,55,56.5,58,59.5,62.5,65.5]\r\n    },\r\n    {\r\n      title: \"CINDY WIDE FULL LEG (in)\",\r\n      waist:  [62.5,65,67.5,70,72.5,75,77.5,80,82.5,85],\r\n      hip:    [86.5,90.5,92.5,94.5,97,99.5,102,105.5,109.5,114.5],\r\n      thigh:  [49.5,51.5,52.5,53.5,55,56.5,58,59.5,62.5,65.5]\r\n    },\r\n    {\r\n      title: \"HEIDI WIDE LEG (in)\",\r\n      waist:  [60.5,63,65.5,68,70.5,73,75.5,78,80.5,83],\r\n      hip:    [86.5,90.5,92.5,94.5,97,99.5,102,105.5,109.5,114.5],\r\n      thigh:  [49.5,51.5,52.5,53.5,55,56.5,58,59.5,62.5,65.5]\r\n    },\r\n    {\r\n      title: \"KHLOE HI JEANS II (in)\",\r\n      waist:  [62.5,65,62.5,65,67.5,70,72.5,75,77.5,80],\r\n      hip:    [86.5,90.5,92.5,94.5,97,99.5,102,105.5,109.5,114.5],\r\n      thigh:  [49.5,51.5,52.5,53.5,55,56.5,58,59.5,62.5,65.5]\r\n    },\r\n    {\r\n      title: \"PIA STRAIGHT (in)\",\r\n      waist:  [63.5,66,68.5,71,73.5,76,78.5,81,83.5,86],\r\n      hip:    [86.5,90.5,92.5,94.5,97,99.5,102,105.5,109.5,114.5],\r\n      thigh:  [49.5,51.5,52.5,53.5,55,56.5,58,59.5,62.5,65.5]\r\n    },\r\n    {\r\n      title: \"LENNA STRAIGHT LEG (in)\",\r\n      waist:  [59.5,62,64.5,67,69.5,72,74.5,77,79.5,82],\r\n      hip:    [86.5,90.5,92.5,94.5,97,99.5,102,105.5,109.5,114.5],\r\n      thigh:  [49.5,51.5,52.5,53.5,55,56.5,58,59.5,62.5,65.5]\r\n    },\r\n    {\r\n      title: \"DELPHINA BARREL LEG, BRUNA PUDEAL PUSHER & KATE HIPSTER (in)\",\r\n      waist:  [66.5,69,71.5,74,76.5,79,81.5,84,86.5,89],\r\n      hip:    [86.5,90.5,92.5,94.5,97,99.5,102,105.5,109.5,114.5],\r\n      thigh:  [49.5,51.5,52.5,53.5,55,56.5,58,59.5,62.5,65.5]\r\n    },\r\n    {\r\n      title: \"KATE MID BLUE (in)\",\r\n      waist:  [61.5,64,66.5,69,71.5,74,76.5,79,81.5,84],\r\n      hip:    [86.5,90.5,92.5,94.5,97,99.5,102,105.5,109.5,114.5],\r\n      thigh:  [49.5,51.5,52.5,53.5,55,56.5,58,59.5,62.5,65.5]\r\n    },\r\n    {\r\n      title: \"KATE HIPSTER II (in)\",\r\n      waist:  [67.5,70,72.5,75,77.5,80,82.5,85,87.5,90],\r\n      hip:    [86.5,90.5,92.5,94.5,97,99.5,102,105.5,109.5,114.5],\r\n      thigh:  [49.5,51.5,52.5,53.5,55,56.5,58,59.5,62.5,65.5]\r\n    },\r\n    {\r\n      title: \"BELLA MID RISE (in)\",\r\n      waist:  [62.5,65,67.5,70,72.5,75,77.5,80,82.5,85],\r\n      hip:    [86.5,90.5,92.5,94.5,97,99.5,102,105.5,109.5,114.5],\r\n      thigh:  [49.5,51.5,52.5,53.5,55,56.5,58,59.5,62.5,65.5]\r\n    }\r\n  ];\r\n\r\n  var au  = [0,2,3,4,5,6,7,8,10,12];\r\n  var den = ['22/23','24/25','25','26/27','27','28/29','29','30/31','32','33/34'];\r\n  var container = document.getElementById('sg-accordions');\r\n\r\n  jeans.forEach(function(jean) {\r\n    var wrap = document.createElement('div');\r\n    wrap.className = 'sg-accordion';\r\n\r\n    var btn = document.createElement('button');\r\n    btn.className = 'sg-accordion-btn';\r\n    btn.setAttribute('aria-expanded', 'false');\r\n    btn.innerHTML =\r\n      '<span class=\"sg-accordion-title\">' + jean.title + '</span>' +\r\n      '<span class=\"sg-accordion-icon\" aria-hidden=\"true\">&#8964;</span>';\r\n\r\n    var body = document.createElement('div');\r\n    body.className = 'sg-accordion-body';\r\n\r\n    var rows = [\r\n      { label: 'Waist', data: jean.waist },\r\n      { label: 'Hip',   data: jean.hip },\r\n      { label: 'Thigh', data: jean.thigh }\r\n    ];\r\n\r\n    body.innerHTML =\r\n      '<table class=\"sg-table\">' +\r\n        '<thead>' +\r\n          '<tr><th>US</th>'    + au.map(function(v){ return '<th>' + v + '</th>'; }).join('') + '</tr>' +\r\n          '<tr><th>Denim</th>' + den.map(function(v){ return '<th>' + v + '</th>'; }).join('') + '</tr>' +\r\n        '</thead>' +\r\n        '<tbody>' +\r\n          rows.map(function(r){\r\n            return '<tr><td>' + r.label + '</td>' +\r\n              r.data.map(function(v){ return '<td>' + cm(v) + '</td>'; }).join('') +\r\n            '</tr>';\r\n          }).join('') +\r\n        '</tbody>' +\r\n      '</table>';\r\n\r\n    btn.addEventListener('click', function() {\r\n      var isOpen = body.classList.contains('open');\r\n      body.classList.toggle('open', !isOpen);\r\n      btn.setAttribute('aria-expanded', String(!isOpen));\r\n      btn.querySelector('.sg-accordion-icon').classList.toggle('open', !isOpen);\r\n    });\r\n\r\n    wrap.appendChild(btn);\r\n    wrap.appendChild(body);\r\n    container.appendChild(wrap);\r\n  });\r\n})();\r\n</script>"
}