{"product_id":"midnight-caller-tee-thunder-black","title":"Midnight Caller Tee - Thunder Black","description":"\u003cstyle\u003e\n  .pm-product-description {\n    font-family: var(--font-paragraph--family);\n    font-style: var(--font-paragraph--style);\n    color: inherit;\n    margin-bottom: 30px;\n    font-size: 1.125rem;\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\n\u003cdiv class=\"pm-product-description\"\u003e\n\u003cdiv class=\"pm-seo-intro\"\u003e\n\u003cmeta charset=\"utf-8\"\u003e \u003cspan\u003eCrafted from premium heavyweight cotton in thunder black, this tee merges retro athletic details with a signature boxy, oversized silhouette built for the underground.\u003c\/span\u003e\n\u003c\/div\u003e\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 \u003cspan class=\"pm-info-value\"\u003e100% Cotton\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pm-info-item\"\u003e\n\u003cspan class=\"pm-info-label\"\u003eWeight\u003c\/span\u003e \u003cspan class=\"pm-info-value\"\u003e250 g\/m² (7.4 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 \u003cspan class=\"pm-info-value\"\u003eLoose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\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 30°C (gentle cycle)\u003c\/li\u003e\n\u003cli\u003eTumble dry low or air dry for longevity\u003c\/li\u003e\n\u003cli\u003eIron on low heat (avoid direct contact with prints)\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\u003cdetails class=\"pm-accordion\"\u003e\n\u003csummary\u003eSize Guide\u003c\/summary\u003e\n\u003cdiv class=\"pm-accordion-content\"\u003e\n\u003cdiv class=\"pm-size-header\"\u003e\n\u003cdiv style=\"font-size: 0.75em; opacity: 0.5; text-transform: uppercase; letter-spacing: 1px;\"\u003e\u003cbr\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\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\u003eChest\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='21.7\"' data-cm=\"55\"\u003e21.7\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='22.4\"' data-cm=\"57\"\u003e22.4\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='23.2\"' data-cm=\"59\"\u003e23.2\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='24.0\"' data-cm=\"61\"\u003e24.0\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='24.8\"' data-cm=\"63\"\u003e24.8\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLength\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='27.2\"' data-cm=\"69\"\u003e27.2\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='28.0\"' data-cm=\"71\"\u003e28.0\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='28.7\"' data-cm=\"73\"\u003e28.7\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='29.5\"' data-cm=\"75\"\u003e29.5\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='30.3\"' data-cm=\"77\"\u003e30.3\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eShoulder\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='21.3\"' data-cm=\"54\"\u003e21.3\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='22.0\"' data-cm=\"56\"\u003e22.0\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='22.8\"' data-cm=\"58\"\u003e22.8\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='23.6\"' data-cm=\"60\"\u003e23.6\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='24.4\"' data-cm=\"62\"\u003e24.4\"\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSleeve\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='8.3\"' data-cm=\"21\"\u003e8.3\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='8.5\"' data-cm=\"21.5\"\u003e8.5\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='8.7\"' data-cm=\"22\"\u003e8.7\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='8.9\"' data-cm=\"22.5\"\u003e8.9\"\u003c\/td\u003e\n\u003ctd class=\"pm-measure\" data-in='9.1\"' data-cm=\"23\"\u003e9.1\"\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\u003cp\u003e \u003c\/p\u003e\n\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\n\u003cdiv id=\"item-id\" style=\"display: none;\"\u003egid:\/\/shopify\/Product\/10278547554626\u003c\/div\u003e","brand":"ODMPOD","offers":[{"title":"S","offer_id":53250005401922,"sku":"260515PODPQ1380#001","price":69.99,"currency_code":"USD","in_stock":true},{"title":"M","offer_id":53250005434690,"sku":"260515PODPQ1380#002","price":69.99,"currency_code":"USD","in_stock":true},{"title":"L","offer_id":53250005467458,"sku":"260515PODPQ1380#003","price":69.99,"currency_code":"USD","in_stock":true},{"title":"XL","offer_id":53250005500226,"sku":"260515PODPQ1380#004","price":69.99,"currency_code":"USD","in_stock":true},{"title":"2XL","offer_id":53250005532994,"sku":"260515PODPQ1380#005","price":69.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0992\/0344\/9154\/files\/4.png?v=1778792334","url":"https:\/\/picturemewrld.com\/products\/midnight-caller-tee-thunder-black","provider":"PICTURE ME","version":"1.0","type":"link"}