{"product_id":"cream-taffeta-tassel-pants","title":"Cream Taffeta Tassel Pants","description":"\u003c!-- ===== SHIPPING NOTE ===== --\u003e\n\u003cdiv style=\"margin: 0 0 2em 0;\"\u003e\n\u003cp\u003eOrder now and your item will ship by \u003cu\u003eNovember 3rd\u003c\/u\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== SECTION 1: DETAILS ===== --\u003e\n\u003cdiv style=\"margin: 0 0 2em 0;\"\u003e\n\u003cp\u003e\u003cstrong\u003eDetails:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eMid-rise drawstring waist with an elastic band in the back for added comfort and flexibility. Finished with cargo inspired pockets.\u003c\/p\u003e\n\u003cp\u003eFabric is made of 100% polyester.\u003c\/p\u003e\n\u003cp\u003eDry clean only.\u003c\/p\u003e\n\u003cp\u003eThe cream color is slightly sheer and it is recommended that you wear nude undergarments.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== SECTION 2: SIZING ===== --\u003e\n\u003cdiv style=\"margin: 0 0 2em 0;\"\u003e\n\u003cp\u003e\u003cstrong\u003eSizing:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eEach pair features an adjustable drawstring for a more customized fit. Please use the body size chart below to find your best fit.\u003c\/p\u003e\n\u003cp\u003eThe pants have a 27\" inseam.\u003c\/p\u003e\n  \u003c!-- ================================================================\n     SIZE CHART — U.S. Numeric \/ Bust \/ Waist \/ Hips (IN \/ CM toggle)\n     Paste this whole block into a Shopify \"Custom Liquid\" section or\n     a snippet\/section file in your theme code editor.\n\n     NOTE: this version uses \u003cstyle\u003e and \u003cscript\u003e for the toggle button.\n     If you instead paste it into the product description \"Show HTML\"\n     field, editing the surrounding description text later can strip\n     those tags and break the toggle (the same issue as before) — it's\n     safest in a Custom Liquid block \/ template file, not the description.\n     ================================================================ --\u003e\n\u003cdiv class=\"kc-size-chart-wrap\"\u003e\n  \u003cdiv class=\"kc-size-chart\"\u003e\n    \u003cdiv class=\"kc-size-chart__header\"\u003e\n      \u003cp class=\"kc-size-chart__title\"\u003e\u003cstrong\u003eSize Chart\u003c\/strong\u003e\u003c\/p\u003e\n      \u003cdiv class=\"kc-unit-toggle\" role=\"group\" aria-label=\"Switch units\"\u003e\n        \u003cbutton type=\"button\" class=\"kc-unit-btn is-active\" data-unit=\"in\"\u003eIN\u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"kc-unit-btn\" data-unit=\"cm\"\u003eCM\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"kc-table-scroll\"\u003e\n      \u003ctable class=\"kc-num-table\" data-unit=\"in\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth class=\"kc-corner\"\u003e\u003c\/th\u003e\n            \u003cth colspan=\"2\" class=\"kc-group-th\"\u003eXS\u003c\/th\u003e\n            \u003cth colspan=\"2\" class=\"kc-group-th\"\u003eS\u003c\/th\u003e\n            \u003cth colspan=\"2\" class=\"kc-group-th\"\u003eM\u003c\/th\u003e\n            \u003cth colspan=\"2\" class=\"kc-group-th\"\u003eL\u003c\/th\u003e\n            \u003cth colspan=\"2\" class=\"kc-group-th\"\u003eXL\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\" class=\"kc-row-label\"\u003eU.S. Numeric\u003c\/th\u003e\n            \u003ctd\u003e0\u003c\/td\u003e\n            \u003ctd\u003e2\u003c\/td\u003e\n            \u003ctd\u003e4\u003c\/td\u003e\n            \u003ctd\u003e6\u003c\/td\u003e\n            \u003ctd\u003e8\u003c\/td\u003e\n            \u003ctd\u003e10\u003c\/td\u003e\n            \u003ctd\u003e12\u003c\/td\u003e\n            \u003ctd\u003e14\u003c\/td\u003e\n            \u003ctd\u003e16\u003c\/td\u003e\n            \u003ctd\u003e18\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\" class=\"kc-row-label\"\u003eBust\u003c\/th\u003e\n            \u003ctd data-in=\"33\" data-cm=\"84\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"34\" data-cm=\"86\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"35\" data-cm=\"89\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"36\" data-cm=\"91\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"37\" data-cm=\"94\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"38\" data-cm=\"97\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"39.5\" data-cm=\"100\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"41\" data-cm=\"104\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"43\" data-cm=\"109\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"45\" data-cm=\"114\"\u003e\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\" class=\"kc-row-label\"\u003eWaist\u003c\/th\u003e\n            \u003ctd data-in=\"26\" data-cm=\"66\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"27\" data-cm=\"69\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"28\" data-cm=\"71\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"29\" data-cm=\"74\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"30\" data-cm=\"76\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"31\" data-cm=\"79\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"32.5\" data-cm=\"83\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"34\" data-cm=\"86\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"36\" data-cm=\"91\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"38\" data-cm=\"97\"\u003e\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\" class=\"kc-row-label\"\u003eHips\u003c\/th\u003e\n            \u003ctd data-in=\"36\" data-cm=\"91\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"37\" data-cm=\"94\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"38\" data-cm=\"97\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"39\" data-cm=\"99\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"40\" data-cm=\"102\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"41\" data-cm=\"104\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"42.5\" data-cm=\"108\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"44\" data-cm=\"112\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"46\" data-cm=\"117\"\u003e\u003c\/td\u003e\n            \u003ctd data-in=\"48\" data-cm=\"122\"\u003e\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\n\u003cstyle\u003e\n  .kc-size-chart-wrap {\n    max-width: 720px;\n    margin: 0 auto;\n    font-family: Garamond, Baskerville, Caslon, serif;\n    letter-spacing: 0.025em;\n    color: #000;\n  }\n\n  .kc-size-chart__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 20px;\n  }\n\n  \/* \"Size Chart\" uses the same paragraph style as \"Details:\" —\n     only the margin is reset so it lines up with the IN\/CM toggle *\/\n  .kc-size-chart-wrap .kc-size-chart__title {\n    margin: 0;\n  }\n\n  .kc-unit-toggle {\n    display: inline-flex;\n    border: 1px solid #000;\n    border-radius: 999px;\n    overflow: hidden;\n  }\n\n  .kc-unit-btn {\n    appearance: none;\n    border: none;\n    background: #fff;\n    color: #000;\n    font-family: \"Libre Franklin\", sans-serif;\n    font-weight: 700;\n    font-size: 12px;\n    letter-spacing: 0.05em;\n    padding: 6px 16px;\n    cursor: pointer;\n    transition: background 0.15s ease, color 0.15s ease;\n  }\n\n  .kc-unit-btn.is-active {\n    background: #000;\n    color: #fff;\n  }\n\n  .kc-table-scroll {\n    overflow-x: auto;\n  }\n\n  .kc-num-table {\n    width: 100%;\n    border-collapse: collapse;\n    table-layout: auto !important;\n    font-family: Garamond, Baskerville, Caslon, serif;\n    letter-spacing: 0.025em;\n    font-size: 15px;\n  }\n\n  .kc-num-table th,\n  .kc-num-table td {\n    padding: 12px;\n    text-align: center;\n    white-space: nowrap;\n    border-bottom: 1px solid #000;\n    box-sizing: border-box;\n  }\n\n  .kc-corner,\n  .kc-group-th {\n    border-top: 1px solid #000;\n  }\n\n  .kc-group-th {\n    font-weight: 700;\n    font-family: \"Libre Franklin\", sans-serif;\n    border-left: 1px solid #000;\n  }\n\n  .kc-corner,\n  .kc-row-label {\n    width: 1%;\n    min-width: 120px;\n  }\n\n  .kc-row-label {\n    text-align: left;\n    font-weight: 400;\n    white-space: normal;\n  }\n\n  \/* first column of each letter-size group gets a divider line *\/\n  .kc-num-table td:nth-child(even) {\n    border-left: 1px solid #000;\n  }\n\n  \/* second column of each letter-size group gets light grey shading *\/\n  .kc-num-table td:nth-child(odd) {\n    background-color: #f0f0f0;\n  }\n\n  \/* ---------- ALL SCREENS: chart always fits the space it's placed in ---------- *\/\n  .kc-size-chart-wrap { container-type: inline-size; }\n  .kc-size-chart-wrap .kc-table-scroll { overflow-x: visible !important; }\n\n  \/* no italics anywhere in the chart *\/\n  .kc-size-chart-wrap,\n  .kc-size-chart-wrap * { font-style: normal !important; }\n\n  .kc-size-chart-wrap table.kc-num-table {\n    display: table !important;\n    table-layout: fixed !important;\n    width: 100% !important;\n    min-width: 0 !important;\n    max-width: 100% !important;\n  }\n\n  .kc-size-chart-wrap table.kc-num-table th,\n  .kc-size-chart-wrap table.kc-num-table td {\n    padding: 13px 1px !important;\n    font-size: 17px !important;\n    letter-spacing: 0 !important;\n    min-width: 0 !important;\n    overflow: hidden;\n  }\n\n  \/* label column: only as wide as its longest word (\"Numeric\") *\/\n  .kc-size-chart-wrap table.kc-num-table th.kc-corner,\n  .kc-size-chart-wrap table.kc-num-table th.kc-row-label {\n    width: calc(4.6em + 6px) !important;\n    min-width: 0 !important;\n    padding-left: 3px !important;\n    padding-right: 3px !important;\n    line-height: 1.15 !important;\n    white-space: normal !important;\n  }\n\n  .kc-size-chart-wrap table.kc-num-table th.kc-group-th { font-size: 16px !important; }\n\n  \/* medium-width spaces (e.g. a description column beside product photos) *\/\n  @container (max-width: 560px) {\n    .kc-size-chart-wrap table.kc-num-table th,\n    .kc-size-chart-wrap table.kc-num-table td {\n      padding: 11px 1px !important;\n      font-size: 15px !important;\n    }\n    .kc-size-chart-wrap table.kc-num-table th.kc-group-th { font-size: 14px !important; }\n  }\n\n  \/* narrow spaces (phones) *\/\n  @container (max-width: 420px) {\n    .kc-size-chart-wrap table.kc-num-table th,\n    .kc-size-chart-wrap table.kc-num-table td {\n      padding: 9px 1px !important;\n      font-size: 13px !important;\n    }\n    .kc-size-chart-wrap table.kc-num-table th.kc-group-th { font-size: 12px !important; }\n  }\n\n  \/* very narrow spaces (small phones) *\/\n  @container (max-width: 320px) {\n    .kc-size-chart-wrap table.kc-num-table th,\n    .kc-size-chart-wrap table.kc-num-table td {\n      padding: 8px 0 !important;\n      font-size: 12px !important;\n    }\n    .kc-size-chart-wrap table.kc-num-table th.kc-group-th { font-size: 11px !important; }\n  }\n\n  \/* phone header *\/\n  @media (max-width: 749px) {\n    .kc-size-chart-wrap .kc-size-chart__header { margin-bottom: 12px; }\n    .kc-size-chart-wrap .kc-unit-btn { padding: 5px 12px; font-size: 11px; }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (function () {\n    var wraps = document.querySelectorAll('.kc-size-chart-wrap');\n    wraps.forEach(function (wrap) {\n      var buttons = wrap.querySelectorAll('.kc-unit-btn');\n      var table = wrap.querySelector('.kc-num-table[data-unit]');\n      if (!table) return;\n\n      function render(unit) {\n        table.setAttribute('data-unit', unit);\n        table.querySelectorAll('tbody td[data-in]').forEach(function (cell) {\n          var val = cell.getAttribute('data-' + unit);\n          cell.textContent = val;\n        });\n        buttons.forEach(function (btn) {\n          btn.classList.toggle('is-active', btn.getAttribute('data-unit') === unit);\n        });\n      }\n\n      buttons.forEach(function (btn) {\n        btn.addEventListener('click', function () {\n          render(btn.getAttribute('data-unit'));\n        });\n      });\n\n      render('in');\n    });\n  })();\n\u003c\/script\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== SECTION 3: RESTOCK NOTIFICATIONS ===== --\u003e\n\u003cdiv style=\"margin: 0;\"\u003e\n\u003cp\u003e\u003cstrong\u003eSignup for restock notifications:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eEach color is produced in limited quantities and released in small batches. If your size is sold out, enter your email address, preferred color, and size \u003ca href=\"https:\/\/thestudioofone.com\/pages\/test-1\" rel=\"noopener\" target=\"_blank\"\u003ehere\u003c\/a\u003e. This helps me determine restock quantities, and I’ll notify you by email as soon as they’re available.\u003c\/p\u003e\n\u003c\/div\u003e\n","brand":"Studio of One","offers":[{"title":"XS","offer_id":67756534071487,"sku":null,"price":115.0,"currency_code":"USD","in_stock":false},{"title":"S","offer_id":67756534104255,"sku":null,"price":115.0,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":67756534137023,"sku":null,"price":115.0,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":67756534169791,"sku":null,"price":115.0,"currency_code":"USD","in_stock":true},{"title":"XL","offer_id":67756534202559,"sku":null,"price":115.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0557\/6785\/9391\/files\/taffetatasselpantsoctober27_cream_1.png?v=1793162333","url":"https:\/\/thestudioofone.com\/products\/cream-taffeta-tassel-pants","provider":"Studio of One","version":"1.0","type":"link"}