{"product_id":"cloud-essentials-sweatset-cream","title":"V1 Cloud Sweatset — Cream","description":"\u003cstyle\u003e\n  .collapsible-container {\n    margin-top: 20px;\n    border-top: 1px solid #ddd;\n  }\n\n  .collapsible-header {\n    cursor: pointer;\n    font-weight: bold;\n    padding: 15px 0;\n    font-size: 16px;\n    border-bottom: 1px solid #eee;\n    text-transform: uppercase;\n  }\n\n  .collapsible-content {\n    display: none;\n    padding: 10px 0;\n    font-size: 13px;\n    color: #555;\n    word-spacing: normal;\n    letter-spacing: normal;\n    text-align: left;\n  }\n\n  .collapsible-content p,\n  .collapsible-content li {\n    margin: 0 0 6px 0;\n    text-align: left;\n    word-spacing: normal;\n    letter-spacing: normal;\n  }\n\n  .collapsible-content p strong {\n    display: inline-block;\n    margin-bottom: 0;\n  }\n\n  .collapsible-content p:has(strong) {\n    margin-bottom: 0;\n  }\n\n  .collapsible-content ul {\n    list-style: disc;\n    margin: 8px 0 8px 20px;\n    padding: 0;\n  }\n\n  .collapsible-content li {\n    margin-bottom: 4px;\n  }\n\n  .collapsible-content a {\n    color: #000;\n    text-decoration: underline;\n  }\n\n  \/* ===== Size chart (scoped so nothing else breaks) ===== *\/\n  .size-chart { text-align: center; font-size: 13px; color: inherit; }\n  .size-chart h4 { \n    font-weight: 600; \n    margin: 4px 0 14px 0; \n    font-size: 15px; \n    text-transform: none; \n    letter-spacing: normal;\n  }\n  .size-chart__tabs {\n    display: inline-flex; \n    gap: 22px; \n    margin-bottom: 14px; \n    border-bottom: 1px solid transparent;\n  }\n  .size-chart__tab {\n    cursor: pointer;\n    padding-bottom: 6px;\n    display: inline-block;\n    font-weight: 600;\n    letter-spacing: normal;\n  }\n  .size-chart__tab[aria-selected=\"true\"] {\n    border-bottom: 2px solid #000;\n  }\n  .size-chart__grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(60px, 1fr));\n    gap: 10px;\n    justify-items: center;\n  }\n  .size-chart__cell-label {\n    font-weight: 600;\n    margin-bottom: 2px;\n  }\n  .size-chart__cell-value { color: inherit; }\n\u003c\/style\u003e\n\n\u003cdiv class=\"collapsible-container\"\u003e\n  \u003cdiv class=\"collapsible-header\" onclick=\"toggleContent(this)\"\u003e\n    DETAILS\n  \u003c\/div\u003e\n  \u003cdiv class=\"collapsible-content\"\u003e\n    \u003cp\u003eThis all-year-round staple 500 GSM sweatset marks the first release of our Cloud Essentials Collection, created to uplift your everyday wardrobe with our comfortable silhouettes\u003c\/p\u003e\n    \u003cul\u003e\n      \u003cli\u003eSize up on the hoodie!\u003c\/li\u003e\n      \u003cli\u003eSpacious \u0026amp; structured hood\u003c\/li\u003e\n      \u003cli\u003eMetal zip \u0026amp; pulls\u003c\/li\u003e\n      \u003cli\u003eLined pockets\u003c\/li\u003e\n      \u003cli\u003e6cm tall waistband\u003c\/li\u003e\n      \u003cli\u003eDesigned in Denmark\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cp\u003e\u003cstrong\u003eMaterial:\u003c\/strong\u003e 85% cotton, 15% polyester\u003c\/p\u003e\n    \u003cp\u003eCurated from a 500 GSM premium cotton–poly blend fleece, this fabric is cozier, softer, and more comfortable than we could have ever imagined\u003c\/p\u003e \n  \u003c\/div\u003e\n\n  \u003cdiv class=\"collapsible-header\" onclick=\"toggleContent(this)\"\u003e\n    PRODUCT CARE\n  \u003c\/div\u003e\n  \u003cdiv class=\"collapsible-content\"\u003e\n    \u003cul\u003e\n      \u003cli\u003eHand wash or machine wash on cold\u003c\/li\u003e\n      \u003cli\u003eHang dry or over towel\u003c\/li\u003e\n      \u003cli\u003eDo not use tumble dryer or any type of heat\/sun drying\u003c\/li\u003e\n      \u003cli\u003eDo not bleach\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"collapsible-header\" onclick=\"toggleContent(this)\"\u003e\n    SIZE GUIDE\n  \u003c\/div\u003e\n  \u003cdiv class=\"collapsible-content\"\u003e\n\n    \u003c!-- ===== Size chart — Hoodie (ADDED) ===== --\u003e\n    \u003cdiv class=\"size-chart\" id=\"sizeChartHoodie\" role=\"group\" aria-label=\"Select a size — Hoodie\"\u003e\n      \u003ch4\u003eSelect a Size — Hoodie\u003c\/h4\u003e\n\n      \u003cdiv class=\"size-chart__tabs\" role=\"tablist\" aria-label=\"Sizes\"\u003e\n        \u003cspan class=\"size-chart__tab\" role=\"tab\" tabindex=\"0\" data-size=\"S\" aria-selected=\"true\"\u003eS\u003c\/span\u003e\n        \u003cspan class=\"size-chart__tab\" role=\"tab\" tabindex=\"-1\" data-size=\"M\" aria-selected=\"false\"\u003eM\u003c\/span\u003e\n        \u003cspan class=\"size-chart__tab\" role=\"tab\" tabindex=\"-1\" data-size=\"L\" aria-selected=\"false\"\u003eL\u003c\/span\u003e\n        \u003cspan class=\"size-chart__tab\" role=\"tab\" tabindex=\"-1\" data-size=\"XL\" aria-selected=\"false\"\u003eXL\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"size-chart__grid\" aria-live=\"polite\"\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"size-chart__cell-label\"\u003eFront Body Length\u003c\/div\u003e\n          \u003cdiv class=\"size-chart__cell-value\" data-field=\"length\"\u003e70 cm\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"size-chart__cell-label\"\u003eChest\u003c\/div\u003e\n          \u003cdiv class=\"size-chart__cell-value\" data-field=\"chest\"\u003e60 cm\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"size-chart__cell-label\"\u003eShoulder\u003c\/div\u003e\n          \u003cdiv class=\"size-chart__cell-value\" data-field=\"shoulder\"\u003e50 cm\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"size-chart__cell-label\"\u003eSleeve\u003c\/div\u003e\n          \u003cdiv class=\"size-chart__cell-value\" data-field=\"sleeve\"\u003e65 cm\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- spacer --\u003e\n    \u003cdiv style=\"height: 1em;\"\u003e\u003c\/div\u003e\n\n    \u003c!-- ===== Size chart — Sweats ===== --\u003e\n    \u003cdiv class=\"size-chart\" id=\"sizeChart\" role=\"group\" aria-label=\"Select a size — sweats\"\u003e\n      \u003ch4\u003eSelect a Size — sweats\u003c\/h4\u003e\n\n      \u003cdiv class=\"size-chart__tabs\" role=\"tablist\" aria-label=\"Sizes\"\u003e\n        \u003cspan class=\"size-chart__tab\" role=\"tab\" tabindex=\"0\" data-size=\"S\" aria-selected=\"true\"\u003eS\u003c\/span\u003e\n        \u003cspan class=\"size-chart__tab\" role=\"tab\" tabindex=\"-1\" data-size=\"M\" aria-selected=\"false\"\u003eM\u003c\/span\u003e\n        \u003cspan class=\"size-chart__tab\" role=\"tab\" tabindex=\"-1\" data-size=\"L\" aria-selected=\"false\"\u003eL\u003c\/span\u003e\n        \u003cspan class=\"size-chart__tab\" role=\"tab\" tabindex=\"-1\" data-size=\"XL\" aria-selected=\"false\"\u003eXL\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"size-chart__grid\" aria-live=\"polite\"\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"size-chart__cell-label\"\u003eLength\u003c\/div\u003e\n          \u003cdiv class=\"size-chart__cell-value\" data-field=\"length\"\u003e13 cm\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"size-chart__cell-label\"\u003eInseam\u003c\/div\u003e\n          \u003cdiv class=\"size-chart__cell-value\" data-field=\"inseam\"\u003e28 cm\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"size-chart__cell-label\"\u003eWaist\u003c\/div\u003e\n          \u003cdiv class=\"size-chart__cell-value\" data-field=\"waist\"\u003e29 cm\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"size-chart__cell-label\"\u003eThigh\u003c\/div\u003e\n          \u003cdiv class=\"size-chart__cell-value\" data-field=\"thigh\"\u003e6 cm\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ===== model info + new line below size chart ===== --\u003e\n    \u003cul\u003e\n      \u003cli\u003eModel is 187cm \u0026amp; 83kg wearing size L in both pieces\u003c\/li\u003e\n      \u003cli\u003eFor tops, we suggest sizing up for a more relaxed fit. All measurements are garment measurements and are shown in centimeters (CM)\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  function toggleContent(header) {\n    const content = header.nextElementSibling;\n    content.style.display = content.style.display === \"block\" ? \"none\" : \"block\";\n  }\n\u003c\/script\u003e\n\n\u003c!-- ===== Size chart logic (MOBILE-SAFE for both charts) ===== --\u003e\n\u003cscript\u003e\n  (function () {\n    const charts = {\n      sizeChart: {\n        data: {\n          \"S\":  { length: \"102 cm\", inseam: \"70 cm\", waist: \"72 cm\", thigh: \"70 cm\" },\n          \"M\":  { length: \"104 cm\", inseam: \"71 cm\", waist: \"77 cm\", thigh: \"72.5 cm\" },\n          \"L\":  { length: \"106 cm\", inseam: \"72 cm\", waist: \"82 cm\", thigh: \"75 cm\" },\n          \"XL\": { length: \"108 cm\", inseam: \"73 cm\", waist: \"87 cm\", thigh: \"77.5 cm\" }\n        }\n      },\n      sizeChartHoodie: {\n        data: {\n          \"S\":  { length: \"59 cm\", chest: \"63.5 cm\", shoulder: \"67.5 cm\", sleeve: \"48 cm\" },\n          \"M\":  { length: \"61 cm\", chest: \"66 cm\", shoulder: \"70 cm\", sleeve: \"49.5 cm\" },\n          \"L\":  { length: \"63 cm\", chest: \"68.5 cm\", shoulder: \"72.5 cm\", sleeve: \"51 cm\" },\n          \"XL\": { length: \"65 cm\", chest: \"71 cm\", shoulder: \"55 cm\", sleeve: \"52.5 cm\" }\n        }\n      }\n    };\n\n    function setActive(root, size) {\n      if (!root) return;\n      const tabs = root.querySelectorAll('.size-chart__tab');\n      tabs.forEach(t =\u003e {\n        const isActive = t.getAttribute('data-size') === size;\n        t.setAttribute('aria-selected', isActive ? 'true' : 'false');\n        t.setAttribute('tabindex', isActive ? '0' : '-1');\n      });\n\n      const fields = root.querySelectorAll('[data-field]');\n      const data = charts[root.id]?.data[size];\n      if (!data) return;\n      fields.forEach(f =\u003e {\n        const fieldName = f.getAttribute('data-field');\n        if (data[fieldName]) f.textContent = data[fieldName];\n      });\n    }\n\n    \/\/ Delegated click handler (mobile-friendly)\n    document.addEventListener('click', e =\u003e {\n      const tab = e.target.closest('.size-chart__tab');\n      if (!tab) return;\n      const root = tab.closest('.size-chart');\n      if (!root) return;\n      setActive(root, tab.getAttribute('data-size'));\n    }, { passive: true });\n\n    \/\/ Keyboard navigation support\n    document.addEventListener('keydown', e =\u003e {\n      const focused = document.activeElement;\n      if (!focused || !focused.classList?.contains('size-chart__tab')) return;\n\n      const root = focused.closest('.size-chart');\n      const tabs = Array.from(root.querySelectorAll('.size-chart__tab'));\n      const i = tabs.indexOf(focused);\n\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        setActive(root, focused.getAttribute('data-size'));\n      } else if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n        e.preventDefault();\n        const dir = e.key === 'ArrowRight' ? 1 : -1;\n        tabs[(i + dir + tabs.length) % tabs.length].focus();\n      }\n    });\n\n    function initAll() {\n      document.querySelectorAll('.size-chart').forEach(root =\u003e setActive(root, 'S'));\n    }\n    document.addEventListener('DOMContentLoaded', initAll);\n    document.addEventListener('shopify:section:load', initAll);\n    document.addEventListener('shopify:section:reorder', initAll);\n  })();\n\u003c\/script\u003e","brand":"CloudClo","offers":[{"title":"S \/ S","offer_id":56611787932035,"sku":"CL-SS-CRM-SHD-SSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"S \/ M","offer_id":56763969274243,"sku":"CL-SS-CRM-SHD-MSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"S \/ L","offer_id":56763969307011,"sku":"CL-SS-CRM-SHD-LSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"S \/ XL","offer_id":56763969339779,"sku":"CL-SS-CRM-SHD-XLSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"M \/ S","offer_id":56611787964803,"sku":"CL-SS-CRM-MHD-SSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"M \/ M","offer_id":56763969372547,"sku":"CL-SS-CRM-MHD-MSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"M \/ L","offer_id":56763969405315,"sku":"CL-SS-CRM-MHD-LSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"M \/ XL","offer_id":56763969438083,"sku":"CL-SS-CRM-MHD-XLSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"L \/ S","offer_id":56611787997571,"sku":"CL-SS-CRM-LHD-SSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"L \/ M","offer_id":56763969470851,"sku":"CL-SS-CRM-LHD-MSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"L \/ L","offer_id":56763969503619,"sku":"CL-SS-CRM-LHD-LSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"L \/ XL","offer_id":56763969536387,"sku":"CL-SS-CRM-LHD-XLSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"XL \/ S","offer_id":56611788030339,"sku":"CL-SS-CRM-XLHD-SSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"XL \/ M","offer_id":56763969569155,"sku":"CL-SS-CRM-XLHD-MSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"XL \/ L","offer_id":56763969601923,"sku":"CL-SS-CRM-XLHD-LSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true},{"title":"XL \/ XL","offer_id":56763969634691,"sku":"CL-SS-CRM-XLHD-XLSP-FW25","price":1053.0,"currency_code":"DKK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0914\/5217\/8819\/files\/Cloud-Essentials-Sweatset-Cream-JPG.jpg?v=1762436008","url":"https:\/\/www.cloudclo.dk\/products\/cloud-essentials-sweatset-cream","provider":"CloudClo","version":"1.0","type":"link"}