{"product_id":"upshirt-supima-bordeaux","title":"Upshirt Supima Bordeaux","description":"\u003cbody\u003e\n\n  \u003cmeta charset=\"utf-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\"\u003e\n  \u003ctitle\u003eSupima® T-Shirt – Produktdetails\u003c\/title\u003e\n  \u003cstyle\u003e\n    *, *::before, *::after { box-sizing: border-box; }\n    body { margin: 0; padding: 2rem; font-family: Arial, sans-serif; color: #111; }\n\n    .accordion-wrapper { margin: 0; }\n    .accordion-item + .accordion-item { margin-top: 0.5rem; }\n    .accordion-title {\n      cursor: pointer;\n      padding: 0.8rem 0;\n      font-weight: bold;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      font-size: 1rem;\n    }\n    .accordion-title::after { content: \"+\"; font-size: 1.4rem; }\n    .accordion-item.open .accordion-title::after { content: \"–\"; }\n    .accordion-content { display: none; padding: 0.2rem 0 0.5rem; margin-top: -0.2rem; }\n    .accordion-item.open .accordion-content { display: block; }\n\n    .lightbox-overlay {\n      position: fixed;\n      inset: 0;\n      width: 100vw;\n      height: 100vh;\n      background: rgba(0,0,0,0.85);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 9999;\n      cursor: zoom-out;\n    }\n    .lightbox-overlay img {\n      max-width: 90%;\n      max-height: 90%;\n      box-shadow: 0 0 20px rgba(0,0,0,0.5);\n    }\n\n    .material-overlay {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: fixed;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0,0,0,0.95);\n      color: #fff;\n      z-index: 9999;\n      padding: 2rem;\n      opacity: 0;\n      visibility: hidden;\n    }\n    .material-overlay.active { opacity: 1; visibility: visible; }\n    .material-popup {\n      background: #000;\n      padding: 2rem;\n      max-width: 600px;\n      width: 90%;\n      text-align: left;\n      position: relative;\n    }\n    .material-popup h3 { margin-top: 0; font-size: 1.8rem; margin-bottom: 1rem; text-align: center; }\n    .material-popup p { font-size: 1rem; line-height: 1.6; }\n    .close-btn {\n      position: absolute;\n      top: 1rem;\n      right: 1.2rem;\n      font-size: 2rem;\n      cursor: pointer;\n      color: #fff;\n      border: 0;\n      background: transparent;\n    }\n\n    @media (max-width: 768px) {\n      body { padding: 1rem; }\n      .material-popup {\n        width: 100%;\n        height: 100%;\n        max-width: none;\n        border: none;\n        border-radius: 0;\n        padding: 5rem 1.5rem 2rem;\n        overflow-y: auto;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n      }\n      .material-popup h3 { font-size: 1.6rem; margin-bottom: 1rem; }\n      .material-popup p { font-size: 1rem; line-height: 1.6; }\n      .close-btn { font-size: 2.5rem; top: 7rem; right: 1.2rem; position: fixed; }\n    }\n  \u003c\/style\u003e\n\n\n  \u003cdiv class=\"accordion-wrapper\"\u003e\n    \u003cdiv class=\"accordion-item open\"\u003e\n      \u003cdiv class=\"accordion-title\"\u003ePRODUKTBESCHREIBUNG\u003c\/div\u003e\n      \u003cdiv class=\"accordion-content\"\u003e\n        \u003cp\u003eDas Supima T Shirt ist so angenehm zu tragen, dass du es am liebsten jeden Tag anziehen möchtest.\u003c\/p\u003e\n        \u003cp\u003eSupima steht für „Superior Pima“ und ist eine geschützte Bezeichnung für besonders hochwertige, extralange Pima-Baumwolle, die zu 100% in den USA angebaut wird. Sie macht weniger als ein Prozent der weltweiten Baumwollernte aus und gilt wegen ihrer langen Fasern als eine der besten und weichsten Baumwollarten der Welt.\u003c\/p\u003e\n        \u003cp\u003eDie extra langen Baumwollfasern machen das Shirt besonders strapazierfähig, formstabil und widerstandsfähig gegen Pilling. Zusammen mit der dezenten Logostickerei entsteht ein zeitloser Look, der Qualität bis ins Detail ausstrahlt.\u003c\/p\u003e\n        \u003cp\u003eIm Vergleich zu einem herkömmlichen Baumwoll Shirt fühlt sich Supima Baumwolle deutlich weicher an, bleibt länger in Form und behält ihre intensive Farbe auch nach vielen Waschgängen. Gleichzeitig ist das Material atmungsaktiv und sorgt für ein angenehm frisches Tragegefühl.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-title\"\u003eDETAILS\u003c\/div\u003e\n      \u003cdiv class=\"accordion-content\"\u003e\n        \u003cul\u003e\n          \u003cli\u003e\u003ca href=\"#\" class=\"material-link\" data-material=\"supima\"\u003e100% Supima®-Baumwolle\u003c\/a\u003e\u003c\/li\u003e\n          \u003cli\u003eEntworfen in der Schweiz\u003c\/li\u003e\n          \u003cli\u003eProduziert in Portugal\u003c\/li\u003e\n          \u003cli\u003eAusgefeilter Schnitt und angenehme Passform\u003c\/li\u003e\n          \u003cli\u003eDoppelter Stoff im Nackenbereich\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-title\"\u003ePFLEGEHINWEIS\u003c\/div\u003e\n      \u003cdiv class=\"accordion-content\"\u003e\n        \u003cp\u003eAuf Grund der Verwendung von Supima-Baumwolle, empfehlen wir dir, das Shirt bei maximal 40 Grad in der Waschmaschine zu waschen und nicht im Tumbler zu trocknen!\u003cbr\u003eNur so können wir dir eine lang anhaltende Passform und Freude am Shirt garantieren.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"accordion-item\"\u003e\n      \u003cdiv class=\"accordion-title\"\u003ePASSFORM \u0026amp; GRÖSSEN\u003c\/div\u003e\n      \u003cdiv class=\"accordion-content\"\u003e\n        \u003cp\u003eDas Modell ist 178 cm gross und trägt Grösse M.\u003cbr\u003eFür eine luftigere Passform empfehlen wir dir eine Grösse grösser.\u003c\/p\u003e\n        \u003cp\u003eWeitere Angaben zu den Grössen findest du hier:\u003c\/p\u003e\n        \u003ca class=\"size-guide-link\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0569\/6952\/7482\/files\/Sizeguide_Upshirt_XS-XXL.jpg\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0569\/6952\/7482\/files\/Sizeguide_Upshirt_XS-XXL.jpg\" alt=\"Grössentabelle\" style=\"max-width: 100%; height: auto; cursor: zoom-in;\"\u003e\n        \u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv id=\"materialPopup\" class=\"material-overlay\" aria-hidden=\"true\"\u003e\n    \u003cdiv class=\"material-popup\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"materialTitle\"\u003e\n      \u003cbutton class=\"close-btn\" type=\"button\" aria-label=\"Material-Popup schliessen\"\u003e×\u003c\/button\u003e\n      \u003ch3 id=\"materialTitle\"\u003e\u003c\/h3\u003e\n      \u003cp id=\"materialText\"\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    document.querySelectorAll('.accordion-title').forEach(title =\u003e {\n      title.addEventListener('click', function () {\n        const item = this.parentElement;\n        const isOpen = item.classList.contains('open');\n        document.querySelectorAll('.accordion-item').forEach(i =\u003e i.classList.remove('open'));\n        if (!isOpen) item.classList.add('open');\n      });\n    });\n\n    function openLightbox(event, link) {\n      event.preventDefault();\n      const overlay = document.createElement('div');\n      overlay.className = 'lightbox-overlay';\n      overlay.setAttribute('role', 'dialog');\n      overlay.setAttribute('aria-modal', 'true');\n      overlay.onclick = () =\u003e overlay.remove();\n      const image = document.createElement('img');\n      image.src = link.href;\n      image.alt = 'Grössentabelle';\n      overlay.appendChild(image);\n      document.body.appendChild(overlay);\n    }\n\n    document.querySelectorAll('.size-guide-link').forEach(link =\u003e {\n      link.addEventListener('click', event =\u003e openLightbox(event, link));\n    });\n\n    const materials = {\n      baumwolle: {\n        title: \"🌱 Bio-Baumwolle\",\n        text: \"Ohne chemische Pestizide oder Dünger angebaut. 🌍 Spart bis zu 90 % Wasser, erhält fruchtbare Böden und sorgt für gesündere Arbeitsbedingungen. Weich, langlebig und besonders hautfreundlich.\"\n      },\n      lyocell: {\n        title: \"🌳 Lyocell\",\n        text: \"Aus nachhaltig gewonnenen Holzfasern wie Eukalyptus hergestellt. ♻️ Wasser und Lösungsmittel werden fast vollständig wiederverwendet. Seidig weich, atmungsaktiv, strapazierfähig und biologisch abbaubar.\"\n      },\n      rpet: {\n        title: \"🔄 Recyceltes Polyester\",\n        text: \"Gefertigt aus PET-Flaschen oder alten Textilien. ♻️ Reduziert Plastikabfälle und spart bis zu 75 % CO₂. Robust, pflegeleicht, schnelltrocknend und ein wichtiger Beitrag zur Kreislaufwirtschaft.\"\n      },\n      merino: {\n        title: \"🐑 Merinowolle\",\n        text: \"Natürlich temperaturregulierend – wärmt im Winter, kühlt im Sommer. 🌬️ Atmungsaktiv, geruchsneutral und vollständig biologisch abbaubar. Zudem angenehm weich auf der Haut.\"\n      },\n      supima: {\n        title: \"☁️ SUPIMA®-BAUMWOLLE\",\n        text: \"Aus extra langen Baumwollfasern hergestellt. 🌿 Besonders weich, strapazierfähig und langlebig – bleibt auch nach häufigem Waschen formstabil und farbintensiv für langanhaltenden Tragekomfort.\"\n      },\n      econyl: {\n        title: \"🌊 Econyl\",\n        text: \"Innovatives Garn aus Fischernetzen und Industrieabfällen. 🌍 Spart bis zu 90 % Wasser, reduziert CO₂ und schützt die Ozeane. Langlebig, elastisch und vielseitig einsetzbar.\"\n      }\n    };\n\n    const materialPopup = document.getElementById('materialPopup');\n\n    document.querySelectorAll('.material-link').forEach(link =\u003e {\n      link.addEventListener('click', function (event) {\n        event.preventDefault();\n        const material = materials[this.dataset.material];\n        if (!material) return;\n\n        document.getElementById('materialTitle').textContent = material.title;\n        const moreLink = '\u003cbr\u003e\u003cbr\u003e\u003ca href=\"https:\/\/upsense.ch\/pages\/materialien\" target=\"_blank\" rel=\"noopener\" style=\"color:#fff;text-decoration:underline;\"\u003eMehr zu unseren Materialien →\u003c\/a\u003e';\n        document.getElementById('materialText').innerHTML = material.text + moreLink;\n        materialPopup.classList.add('active');\n        materialPopup.setAttribute('aria-hidden', 'false');\n      });\n    });\n\n    function closeMaterialPopup() {\n      materialPopup.classList.remove('active');\n      materialPopup.setAttribute('aria-hidden', 'true');\n    }\n\n    document.querySelector('.close-btn').addEventListener('click', closeMaterialPopup);\n    materialPopup.addEventListener('click', event =\u003e {\n      if (event.target === materialPopup) closeMaterialPopup();\n    });\n    document.addEventListener('keydown', event =\u003e {\n      if (event.key === 'Escape') {\n        document.querySelector('.lightbox-overlay')?.remove();\n        closeMaterialPopup();\n      }\n    });\n  \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Upsense Clothing","offers":[{"title":"XS","offer_id":58266379813238,"sku":null,"price":45.0,"currency_code":"CHF","in_stock":true},{"title":"S","offer_id":58266379846006,"sku":null,"price":45.0,"currency_code":"CHF","in_stock":true},{"title":"M","offer_id":58266379878774,"sku":null,"price":45.0,"currency_code":"CHF","in_stock":true},{"title":"L","offer_id":58266379911542,"sku":null,"price":45.0,"currency_code":"CHF","in_stock":true},{"title":"XL","offer_id":58266379944310,"sku":null,"price":45.0,"currency_code":"CHF","in_stock":true},{"title":"XXL","offer_id":58266379977078,"sku":null,"price":45.0,"currency_code":"CHF","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0569\/6952\/7482\/files\/Upshirt_logo_bordeaux_front.jpg?v=1786384070","url":"https:\/\/upsense.ch\/products\/upshirt-supima-bordeaux","provider":"Upsense Clothing","version":"1.0","type":"link"}