{"product_id":"collants-scarlett","title":"SCARLETT","description":"\u003cp\u003eScarlett is our vertical-pattern tight: a fine textured knit with a scalloped band running up the back of each leg.\u003c\/p\u003e\n\u003cp\u003eIt is the back seam, reimagined. The pattern shows mostly when you move, which makes Scarlett the most understated of our patterned tights. Where the Élégante wears an open floral lace and the Vogue Fishnet an open net, Scarlett works at the office as easily as it does out for the evening.\u003c\/p\u003e\n\u003cp\u003eA durable, comfortable formula knitted from Italian textiles. Cotton gusset. Available in S-M and L-XL.\u003c\/p\u003e\n\u003cp\u003eIt belongs to the \u003cstrong\u003eDurables\u003c\/strong\u003e range, not the Deluxe Unbreakables: tougher than an ordinary patterned tight, without being the tear-resistant formula.\u003c\/p\u003e\n\u003cdiv class=\"ss-toggle-row\"\u003e\n\u003cdetails class=\"ss-chart-box\"\u003e\n\u003csummary\u003e\u003cstrong\u003eSize Chart\u003c\/strong\u003e\u003cspan class=\"ss-toggle-sub\"\u003e(click to view)\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ss-chart-wrap\"\u003e\n\u003cp\u003e\u003cspan\u003eS-M: (Height: 5'0 -5'6)\/(Hip Width: 32'-39')\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eL-XL: (\u003c\/span\u003e \u003cspan\u003eHeight: 5'7 - 5'10)\/(Width\u003c\/span\u003e \u003cspan\u003eHips: 40'-50')\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eWhen determining your size, always choose the size that corresponds to the highest value in terms of the height or width of your hips (the widest part). If you're hesitating between two sizes, go with the larger size. The material is quite elastic and will not fall. On the contrary, it will also be comfortable and sheathing.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ss-size-calc\"\u003e\n\u003csummary\u003e\u003cstrong\u003eSize Calculator\u003c\/strong\u003e\u003cspan class=\"ss-toggle-sub\"\u003e(click to try)\u003c\/span\u003e\u003c\/summary\u003e\n\u003cstyle\u003e\n.ss-toggle-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 4px;}\n.ss-toggle-row \u003e details{flex:1 1 200px;min-width:0;border:1px solid rgba(0,0,0,0.2);background:#fff;}\n.ss-toggle-row \u003e details[open]{flex:1 1 100%;}\n.ss-toggle-row \u003e details \u003e summary{padding:11px 26px 11px 14px;cursor:pointer;font-size:11px;letter-spacing:0.04em;text-transform:uppercase;text-align:center;list-style:none;position:relative;line-height:1.5;}\n.ss-toggle-row \u003e details \u003e summary::-webkit-details-marker{display:none;}\n.ss-toggle-row \u003e details \u003e summary::marker{content:\"\";}\n.ss-toggle-row \u003e details \u003e summary::after{content:\"+\";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-weight:400;}\n.ss-toggle-row \u003e details[open] \u003e summary::after{content:\"\\2013\";}\n.ss-toggle-row \u003e details[open] \u003e summary{border-bottom:1px solid rgba(0,0,0,0.15);}\n.ss-toggle-row \u003e details \u003e summary .ss-toggle-sub{display:block;font-size:9px;letter-spacing:0.02em;opacity:0.55;margin-top:2px;}\n.ss-chart-wrap{padding:16px 14px;}\n.ss-size-calc .ss-calc-wrap{padding:16px 14px;}\n.ss-size-calc .ss-intro{font-size:13px;line-height:1.5;opacity:0.75;margin:0 0 16px;}\n.ss-size-calc .ss-field{margin-bottom:14px;}\n.ss-size-calc .ss-field label{display:block;font-size:12px;letter-spacing:0.03em;text-transform:uppercase;margin-bottom:6px;}\n.ss-size-calc .ss-row{display:flex;gap:8px;}\n.ss-size-calc select,.ss-size-calc input[type=number]{width:100%;padding:10px;border:1px solid rgba(0,0,0,0.2);font-size:14px;background:#fff;font-family:inherit;box-sizing:border-box;border-radius:0;}\n.ss-size-calc .ss-btn{display:inline-block;margin-top:4px;padding:12px 20px;background:#000;color:#fff;border:none;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;font-family:inherit;}\n.ss-size-calc .ss-btn:hover{opacity:0.85;}\n.ss-size-calc .ss-result{margin-top:18px;padding:14px;border:1px solid rgba(0,0,0,0.15);display:none;}\n.ss-size-calc .ss-result.is-visible{display:block;}\n.ss-size-calc .ss-result .ss-result-label{font-size:11px;text-transform:uppercase;letter-spacing:0.08em;opacity:0.6;}\n.ss-size-calc .ss-result .ss-result-size{font-size:22px;font-weight:700;letter-spacing:0.05em;margin-top:2px;}\n.ss-size-calc .ss-result .ss-result-note{font-size:12px;opacity:0.7;margin-top:6px;line-height:1.4;}\n.ss-size-calc .ss-select-btn{margin-top:12px;background:#fff;color:#000;border:1px solid #000;padding:10px 18px;font-size:11px;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;font-family:inherit;}\n.ss-size-calc .ss-select-btn:hover{background:#000;color:#fff;}\n\u003c\/style\u003e\n\u003cdiv class=\"ss-calc-wrap\"\u003e\n\u003cp class=\"ss-intro\"\u003eEnter your height and hip measurement to find your size.\u003c\/p\u003e\n\u003cdiv class=\"ss-field\"\u003e\n\u003clabel\u003eYour Height\u003c\/label\u003e\n\u003cdiv class=\"ss-row\"\u003e\n\u003cselect class=\"ss-ft\"\u003e\n\u003coption value=\"4\"\u003e4'\u003c\/option\u003e\u003coption value=\"5\" selected\u003e5'\u003c\/option\u003e\u003coption value=\"6\"\u003e6'\u003c\/option\u003e\n\u003c\/select\u003e\n\u003cselect class=\"ss-in\"\u003e\n\u003coption value=\"0\"\u003e0\"\u003c\/option\u003e\u003coption value=\"1\"\u003e1\"\u003c\/option\u003e\u003coption value=\"2\"\u003e2\"\u003c\/option\u003e\u003coption value=\"3\"\u003e3\"\u003c\/option\u003e\u003coption value=\"4\" selected\u003e4\"\u003c\/option\u003e\u003coption value=\"5\"\u003e5\"\u003c\/option\u003e\u003coption value=\"6\"\u003e6\"\u003c\/option\u003e\u003coption value=\"7\"\u003e7\"\u003c\/option\u003e\u003coption value=\"8\"\u003e8\"\u003c\/option\u003e\u003coption value=\"9\"\u003e9\"\u003c\/option\u003e\u003coption value=\"10\"\u003e10\"\u003c\/option\u003e\u003coption value=\"11\"\u003e11\"\u003c\/option\u003e\n\u003c\/select\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ss-field\"\u003e\n\u003clabel\u003eHip measurement (inches)\u003c\/label\u003e\n\u003cinput type=\"number\" class=\"ss-hip\" min=\"25\" max=\"75\" step=\"0.5\" placeholder=\"e.g. 38\"\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"ss-btn ss-calc-btn\"\u003eFind My Size\u003c\/button\u003e\n\u003cdiv class=\"ss-result\"\u003e\n\u003cdiv class=\"ss-result-label\"\u003eRecommended Size\u003c\/div\u003e\n\u003cdiv class=\"ss-result-size\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ss-result-note\"\u003e\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"ss-select-btn\"\u003eSelect This Size\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function(){\nvar root = document.currentScript.closest(\".ss-size-calc\");\nif(!root) return;\ntry {\nvar wrapperRow = root.closest(\".ss-toggle-row\");\nvar variantSelects = document.querySelector(\"variant-selects\");\nif(variantSelects \u0026\u0026 wrapperRow){\nvariantSelects.insertAdjacentElement(\"afterend\", wrapperRow);\n}\n} catch(e) {}\nvar sizes = [\n{name:\"S-M\", hMin:60, hMax:66, hipMin:32, hipMax:39},\n{name:\"L-XL\", hMin:67, hMax:70, hipMin:40, hipMax:50}\n];\nfunction heightIndex(h){\nvar idx = -1;\nfor(var i=0;i\u003csizes.length;i++){\nif(h \u003e= sizes[i].hMin \u0026\u0026 h \u003c= sizes[i].hMax){ idx = i; break; }\n}\nif(idx === -1){ idx = h \u003c sizes[0].hMin ? 0 : sizes.length-1; }\nreturn idx;\n}\nfunction hipIndex(hip){\nvar idx = -1;\nsizes.forEach(function(s,i){\nif(hip \u003e= s.hipMin \u0026\u0026 hip \u003c= s.hipMax) idx = i;\n});\nif(idx === -1){ idx = hip \u003c sizes[0].hipMin ? 0 : sizes.length-1; }\nreturn idx;\n}\nfunction showResult(sizeName, note){\nvar result = root.querySelector(\".ss-result\");\nresult.querySelector(\".ss-result-size\").textContent = sizeName;\nresult.querySelector(\".ss-result-note\").textContent = note || \"\";\nresult.classList.add(\"is-visible\");\nresult.setAttribute(\"data-size\", sizeName);\n}\nroot.querySelector(\".ss-calc-btn\").addEventListener(\"click\", function(){\nvar ft = parseInt(root.querySelector(\".ss-ft\").value, 10);\nvar inch = parseInt(root.querySelector(\".ss-in\").value, 10);\nvar totalHeight = ft*12 + inch;\nvar hIdx = heightIndex(totalHeight);\nvar hip = parseFloat(root.querySelector(\".ss-hip\").value);\nif(!hip || hip \u003c= 0){\nshowResult(\"—\", \"Please enter your hip measurement.\");\nreturn;\n}\nvar hipIdx = hipIndex(hip);\nvar finalIdx = Math.max(hIdx, hipIdx);\nshowResult(sizes[finalIdx].name, \"Based on your height and hip measurement. When in doubt between two sizes, we always recommend the larger one.\");\n});\nroot.querySelector(\".ss-select-btn\").addEventListener(\"click\", function(){\nvar sizeName = root.querySelector(\".ss-result\").getAttribute(\"data-size\");\nif(!sizeName || sizeName === \"—\") return;\ntry {\nfunction visibleLabelText(label){\nvar clone = label.cloneNode(true);\nclone.querySelectorAll(\".visually-hidden, [hidden]\").forEach(function(h){ h.remove(); });\nreturn clone.textContent.trim();\n}\nvar labels = document.querySelectorAll(\"fieldset.product-form__input label, .product-form__input label\");\nfor(var i=0;i\u003clabels.length;i++){\nif(visibleLabelText(labels[i]).toUpperCase() === sizeName){\nlabels[i].click();\nlabels[i].scrollIntoView({behavior:\"smooth\", block:\"center\"});\nbreak;\n}\n}\n} catch(e) {}\n});\n})();\n\u003c\/script\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"Signé Sarah","offers":[{"title":"S-M","offer_id":41877666005143,"sku":"SCARLETT","price":34.99,"currency_code":"CAD","in_stock":true},{"title":"L-XL","offer_id":41877666037911,"sku":"SCARLETT-2","price":34.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0512\/3945\/2823\/files\/scarlett.png?v=1787688916","url":"https:\/\/signesarah.ca\/en\/products\/collants-scarlett","provider":"Signé Sarah","version":"1.0","type":"link"}