{"product_id":"bubble-gum-sweatpants","title":"Marshmallow Sweatpants - Pink","description":"\u003cstyle\u003e\n  .pm-product-description {\nfont-family: var(--font-paragraph--family);\n    font-style: var(--font-paragraph--style);\n        color: inherit;\n    margin-bottom: 30px;\n    font-size: 0.95em;\n    line-height: 1.6;\n  }\n\n  .pm-seo-intro {\n    margin-bottom: 25px;\n    opacity: 0.8;\n    font-weight: 400;\n    letter-spacing: 0.5px;\n  }\n\n  \/* Accordion Lines *\/\n  .pm-accordion { border-top: 1px solid rgba(255, 255, 255, 0.2); }\n  .pm-accordion:last-of-type { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }\n\n  .pm-accordion summary {\n    list-style: none;\n    cursor: pointer;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n    font-size: 0.85em;\n    padding: 18px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    color: inherit;\n    transition: opacity 0.2s ease;\n  }\n  \n  .pm-accordion summary:hover { opacity: 0.8; }\n  .pm-accordion summary::-webkit-details-marker { display: none; }\n  .pm-accordion summary::after { content: '+'; font-size: 1.1em; opacity: 0.7; }\n  .pm-accordion[open] summary::after { content: '−'; }\n\n  .pm-accordion-content { padding-bottom: 20px; }\n\n  \/* Info List *\/\n  .pm-info-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .pm-info-item {\n    display: flex;\n    justify-content: flex-start;\n    align-items: baseline;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    padding-bottom: 8px;\n  }\n\n  .pm-info-label { \n    font-size: 0.7em; \n    text-transform: uppercase; \n    opacity: 0.5; \n    letter-spacing: 1.5px; \n    width: 100px;\n    flex-shrink: 0;\n  }\n  \n  .pm-info-value { \n    font-weight: 500; \n    font-size: 0.9em; \n    opacity: 0.9;\n  }\n\n  \/* Care List *\/\n  .pm-care-list { margin: 0; padding-left: 15px; list-style-type: none; }\n  .pm-care-list li { margin-bottom: 8px; position: relative; opacity: 0.85; font-size: 0.9em; }\n  .pm-care-list li::before { content: '—'; position: absolute; left: -18px; opacity: 0.5; }\n\n  \/* Premium Size Guide Toggle *\/\n  .pm-size-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-bottom: 15px;\n  }\n\n  .pm-toggle-wrapper {\n    display: inline-flex;\n    background: rgba(255, 255, 255, 0.08);\n    padding: 4px;\n    backdrop-filter: blur(4px);\n  }\n\n  .pm-unit-toggle-btn {\n    background: transparent;\n    border: none;\n    color: rgba(255, 255, 255, 0.5);\n    padding: 6px 18px;\n    font-size: 0.75em;\n    text-transform: uppercase;\n    cursor: pointer;\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .pm-unit-toggle-btn.active {\n    background: #ffffff;\n    color: #000000;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  }\n\n  \/* Minimalist Size Guide Table *\/\n  .pm-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n  }\n\n  .pm-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 0.8em;\n    color: inherit;\n    background: transparent;\n    table-layout: fixed; \/* Prevents columns from resizing when content changes *\/\n  }\n  \n  .pm-table th {\n    text-transform: uppercase;\n    font-weight: 600;\n    padding: 12px 10px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.3);\n    text-align: center;\n    letter-spacing: 0.05em;\n    opacity: 0.7;\n  }\n\n  .pm-table th:first-child {\n    text-align: left;\n    padding-left: 5px;\n    width: 15%; \/* Locks the first column width so the rest stay perfectly even *\/\n  }\n\n  .pm-table td {\n    padding: 14px 10px;\n    text-align: center;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    transition: color 0.2s ease;\n  }\n\n  .pm-table tr:hover td {\n    background: rgba(255, 255, 255, 0.02);\n  }\n\n  .pm-table td:first-child {\n    text-align: left;\n    font-weight: 500;\n    padding-left: 5px;\n    font-size: 0.95em;\n    opacity: 0.9;\n  }\n\u003c\/style\u003e\u003cdiv class=\"pm-product-description\"\u003e\n  \n  \u003cdiv class=\"pm-seo-intro\"\u003e\n    Engineered for the ultimate street silhouette, these oversized sweatpants define comfort and structural style. Crafted from 100% pure washed cotton at a premium 360 GSM (10.6 oz\/yd²) weight, they feature a comfortable elastic waist with a drawstring, high-utility pockets, and an intentional architectural drape. Built to anchor your daily rotation across every season.\n  \u003c\/div\u003e\n\n  \u003cdetails class=\"pm-accordion\"\u003e\n    \u003csummary\u003eDetails\u003c\/summary\u003e\n    \u003cdiv class=\"pm-accordion-content\"\u003e\n      \u003cdiv class=\"pm-info-list\"\u003e\n        \u003cdiv class=\"pm-info-item\"\u003e\n          \u003cspan class=\"pm-info-label\"\u003eFabric\u003c\/span\u003e\n          \u003cspan class=\"pm-info-value\"\u003e100% Pure Cotton (Washed)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pm-info-item\"\u003e\n          \u003cspan class=\"pm-info-label\"\u003eWeight\u003c\/span\u003e\n          \u003cspan class=\"pm-info-value\"\u003e360 g\/m² (10.6 oz\/yd²)\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pm-info-item\"\u003e\n          \u003cspan class=\"pm-info-label\"\u003eFit\u003c\/span\u003e\n          \u003cspan class=\"pm-info-value\"\u003eOversized \/ Mid Waist\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"pm-accordion\"\u003e\n    \u003csummary\u003eCare Instructions\u003c\/summary\u003e\n    \u003cdiv class=\"pm-accordion-content\"\u003e\n      \u003cul class=\"pm-care-list\"\u003e\n        \u003cli\u003eMachine wash at 30°C (gentle cycle)\u003c\/li\u003e\n        \u003cli\u003eTumble dry low\u003c\/li\u003e\n        \u003cli\u003eIron at low temperature (avoid ironing on print)\u003c\/li\u003e\n        \u003cli\u003eDo not bleach or dry clean\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003cdetails class=\"pm-accordion\" open\u003e\n    \u003csummary\u003eSize Guide\u003c\/summary\u003e\n    \u003cdiv class=\"pm-accordion-content\"\u003e\n      \n      \u003cdiv class=\"pm-size-header\"\u003e\n        \u003cdiv style=\"font-size: 0.75em; opacity: 0.5; text-transform: uppercase; letter-spacing: 1px;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"pm-toggle-wrapper\"\u003e\n          \u003cbutton class=\"pm-unit-toggle-btn active\" onclick=\"switchUnits(event, 'in')\"\u003eIN\u003c\/button\u003e\n          \u003cbutton class=\"pm-unit-toggle-btn\" onclick=\"switchUnits(event, 'cm')\"\u003eCM\u003c\/button\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"pm-table-wrapper\"\u003e\n        \u003ctable class=\"pm-table\"\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eSize\u003c\/th\u003e\n              \u003cth\u003eS\u003c\/th\u003e\n              \u003cth\u003eM\u003c\/th\u003e\n              \u003cth\u003eL\u003c\/th\u003e\n              \u003cth\u003eXL\u003c\/th\u003e\n              \u003cth\u003e2XL\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eLength\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='42.13\"' data-cm=\"107\"\u003e42.13\"\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='42.91\"' data-cm=\"109\"\u003e42.91\"\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='43.70\"' data-cm=\"111\"\u003e43.70\"\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='44.49\"' data-cm=\"113\"\u003e44.49\"\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='45.28\"' data-cm=\"115\"\u003e45.28\"\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eWaist\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='13.78\"' data-cm=\"35\"\u003e13.78\"\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='14.57\"' data-cm=\"37\"\u003e14.57\"\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='15.35\"' data-cm=\"39\"\u003e15.35\"\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='16.14\"' data-cm=\"41\"\u003e16.14\"\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='16.93\"' data-cm=\"43\"\u003e16.93\"\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eHip\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='23.62\"' data-cm=\"60\"\u003e23.62\"\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='24.41\"' data-cm=\"62\"\u003e24.41\"\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='25.20\"' data-cm=\"64\"\u003e25.20\"\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='25.98\"' data-cm=\"66\"\u003e25.98\"\u003c\/td\u003e\n              \u003ctd class=\"pm-measure\" data-in='26.77\"' data-cm=\"68\"\u003e26.77\"\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\/details\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  function switchUnits(event, unit) {\n    \/\/ Prevent default button behavior\n    event.preventDefault();\n\n    \/\/ Toggle active state on the buttons\n    const container = event.target.closest('.pm-toggle-wrapper');\n    container.querySelectorAll('.pm-unit-toggle-btn').forEach(btn =\u003e {\n      btn.classList.remove('active');\n    });\n    event.target.classList.add('active');\n\n    \/\/ Update the table data points smoothly\n    document.querySelectorAll('.pm-measure').forEach(cell =\u003e {\n      cell.style.opacity = '0';\n      setTimeout(() =\u003e {\n        cell.innerText = cell.getAttribute(`data-${unit}`);\n        cell.style.opacity = '1';\n      }, 150);\n    });\n  }\n\u003c\/script\u003e","brand":"ODMPOD","offers":[{"title":"S","offer_id":54966400942402,"sku":"260709PODPX2232#001","price":59.99,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":54966400975170,"sku":"260709PODPX2232#002","price":59.99,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":54966401007938,"sku":"260709PODPX2232#003","price":59.99,"currency_code":"USD","in_stock":true},{"title":"XL","offer_id":54966401040706,"sku":"260709PODPX2232#004","price":59.99,"currency_code":"USD","in_stock":true},{"title":"2XL","offer_id":54966401073474,"sku":"260709PODPX2232#005","price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0992\/0344\/9154\/files\/Untitled_image_1.png?v=1783635585","url":"https:\/\/picturemewrld.com\/products\/bubble-gum-sweatpants","provider":"PICTURE ME","version":"1.0","type":"link"}