{"product_id":"collants-scarlett","title":"SCARLETT","description":"\u003cp\u003eLe Scarlett est notre collant à motif vertical : une maille fine et texturée, avec une bande festonnée qui remonte à l'arrière de chaque jambe.\u003c\/p\u003e\n\u003cp\u003eC'est la couture arrière revisitée. Le motif se révèle surtout en mouvement, ce qui fait du Scarlett le plus discret de nos collants à motif. Là où l'Élégante porte une dentelle florale ajourée et le Fishnet Vogue une résille ouverte, le Scarlett se porte au bureau aussi facilement qu'en soirée.\u003c\/p\u003e\n\u003cp\u003eFormule durable et confortable, tricotée à partir de textiles italiens. Gousset en coton. Offert en S-M et L-XL.\u003c\/p\u003e\n\u003cp\u003eIl fait partie de la gamme \u003cstrong\u003eDurables\u003c\/strong\u003e, pas des Deluxe Indéchirables : plus résistant qu'un collant à motif ordinaire, sans être la formule anti-déchirures.\u003c\/p\u003e\n\u003cdiv class=\"ss-toggle-row\"\u003e\n\u003cdetails class=\"ss-chart-box\"\u003e\n\u003csummary\u003e\u003cstrong\u003eGrille des Grandeurs\u003c\/strong\u003e\u003cspan class=\"ss-toggle-sub\"\u003e(cliquez pour voir)\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ss-chart-wrap\"\u003e\n\u003cp\u003eS-M: (Grandeur: 5'0 -5'6)\/(Largeur des Hanches: 32'-39') \u003c\/p\u003e\n\u003cp\u003eL-XL: (Grandeur: 5'7 - 5'10)\/(Largeur des Hanches: 40'-50')\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e \u003cem\u003eLorsque vous déterminez votre taille, choisissez toujours la taille qui correspond à la valeur la plus élevée en termes de hauteur ou de largeur de vos hanches (la partie la plus large). Si vous hésitez entre deux tailles, allez-y avec la plus large! Le matériel est assez élastique et ne seras pas « lousse ». Au contraire il sera aussi confortable et gainant.\u003c\/em\u003e\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\u003eCalculateur de Taille\u003c\/strong\u003e\u003cspan class=\"ss-toggle-sub\"\u003e(cliquez pour essayer)\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\"\u003eEntrez votre grandeur et votre tour de hanches pour trouver votre taille.\u003c\/p\u003e\n\u003cdiv class=\"ss-field\"\u003e\n\u003clabel\u003eVotre grandeur\u003c\/label\u003e\n\u003cdiv class=\"ss-row\"\u003e\n\u003cselect class=\"ss-ft\"\u003e\n\u003coption value=\"4\"\u003e4'\u003c\/option\u003e\n\u003coption value=\"5\" selected\u003e5'\u003c\/option\u003e\n\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\n\u003coption value=\"1\"\u003e1\"\u003c\/option\u003e\n\u003coption value=\"2\"\u003e2\"\u003c\/option\u003e\n\u003coption value=\"3\"\u003e3\"\u003c\/option\u003e\n\u003coption value=\"4\" selected\u003e4\"\u003c\/option\u003e\n\u003coption value=\"5\"\u003e5\"\u003c\/option\u003e\n\u003coption value=\"6\"\u003e6\"\u003c\/option\u003e\n\u003coption value=\"7\"\u003e7\"\u003c\/option\u003e\n\u003coption value=\"8\"\u003e8\"\u003c\/option\u003e\n\u003coption value=\"9\"\u003e9\"\u003c\/option\u003e\n\u003coption value=\"10\"\u003e10\"\u003c\/option\u003e\n\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\u003eTour de hanches (pouces)\u003c\/label\u003e\n\u003cinput type=\"number\" class=\"ss-hip\" min=\"25\" max=\"75\" step=\"0.5\" placeholder=\"ex : 38\"\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"ss-btn ss-calc-btn\"\u003eTrouver ma taille\u003c\/button\u003e\n\u003cdiv class=\"ss-result\"\u003e\n\u003cdiv class=\"ss-result-label\"\u003eTaille recommandée\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\"\u003eSélectionner cette taille\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(\"—\", \"Veuillez entrer votre tour de hanches.\");\nreturn;\n}\nvar hipIdx = hipIndex(hip);\nvar finalIdx = Math.max(hIdx, hipIdx);\nshowResult(sizes[finalIdx].name, \"Basé sur votre grandeur et votre tour de hanches. En cas de doute entre deux tailles, on recommande toujours la plus grande.\");\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\/products\/collants-scarlett","provider":"Signé Sarah","version":"1.0","type":"link"}