{"product_id":"charcoal-grey-dreams-graphic-t-shirt","title":"Charcoal Grey Dreams Graphic T-Shirt for Streetwear","description":"\u003cstyle\u003e\n    :root {\n        --ease: cubic-bezier(.22, 1, .36, 1);\n    }\n\n    .custom-accordion {\n        max-width: 500px;\n        font-family: inherit;\n    }\n\n    .custom-accordion-header h5 {\n        color: #000;\n        margin: 0;\n        font-size: 14px;\n        font-family: sans-serif;\n        font-weight: 900;\n    }\n\n    .custom-accordion-item {\n        position: relative;\n        border-bottom: 1px solid #000;\n    }\n\n    .custom-accordion-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 12px 0;\n        cursor: pointer;\n        font-weight: 600;\n        transition: transform .4s var(--ease), opacity .3s ease;\n    }\n\n    .custom-accordion-header:hover {\n        transform: translateX(6px);\n        opacity: .75;\n    }\n\n    .custom-accordion-header span {\n        font-size: 14px;\n        letter-spacing: .7px;\n    }\n\n    \/* ICON *\/\n    .custom-accordion-icon {\n        width: 30px;\n        height: 30px;\n        border: 1px solid #000;\n        border-radius: 50%;\n        display: flex !important;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        transition: all .6s var(--ease);\n    }\n\n    .custom-accordion-icon::before,\n    .custom-accordion-icon::after {\n        content: '';\n        position: absolute;\n        background: #000;\n        transition: all .6s var(--ease);\n    }\n\n    .custom-accordion-icon::before {\n        width: 12px;\n        height: 2px;\n    }\n\n    .custom-accordion-icon::after {\n        width: 2px;\n        height: 12px;\n    }\n\n    \/* ACTIVE ICON *\/\n    .custom-accordion-item.active .custom-accordion-icon {\n        background: #000;\n    }\n\n    .custom-accordion-item.active .custom-accordion-icon::before,\n    .custom-accordion-item.active .custom-accordion-icon::after {\n        background: #fff;\n    }\n\n    .custom-accordion-item.active .custom-accordion-icon::after {\n        transform: rotate(90deg);\n        opacity: 0;\n    }\n\n    \/* CONTENT *\/\n    .custom-accordion-content {\n        height: 0;\n        overflow: hidden;\n    }\n\n    .custom-accordion-inner {\n        padding: 0 40px 30px 0;\n        font-size: 14px;\n        line-height: 1.8;\n        opacity: 0;\n        transform: translateY(-20px);\n        transition: opacity .6s ease, transform .6s var(--ease);\n    }\n\n    \/* ACTIVE CONTENT *\/\n    .custom-accordion-item.active .custom-accordion-inner {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* PROGRESS LINE *\/\n    .custom-progress {\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        height: 1px;\n        width: 0%;\n        background: #000;\n        transition: width .8s var(--ease);\n    }\n\n    .custom-accordion-item.active .custom-progress {\n        width: 100%;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"custom-accordion\"\u003e\n\n    \u003cdiv class=\"custom-accordion-item\"\u003e\n        \u003cdiv class=\"custom-accordion-header\"\u003e\n            \u003ch5\u003ePRODUCT DESCRIPTION:-\u003c\/h5\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"custom-progress\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"custom-accordion-item\"\u003e\n        \u003cdiv class=\"custom-accordion-header\"\u003e\n            \u003cspan\u003eDescription\u003c\/span\u003e\n            \u003cdiv class=\"custom-accordion-icon\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"custom-accordion-content\"\u003e\n            \u003cdiv class=\"custom-accordion-inner\"\u003e\n                Most graphic tees are either too bright for daily wear or too plain to feel stylish. The Charcoal Grey\n                Dreams Graphic\n                T-Shirt gives you the middle ground with a deep neutral base and a sharp white front print that stands\n                out cleanly. It\n                is ideal for everyday outfits, campus wear, city outings, and layered looks. A useful edge many\n                competitors miss:\n                charcoal grey hides light dust and minor marks better than pure black, making it practical for long\n                casual days.\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"custom-progress\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"custom-accordion-item\"\u003e\n        \u003cdiv class=\"custom-accordion-header\"\u003e\n            \u003cspan\u003eKey Features\u003c\/span\u003e\n            \u003cdiv class=\"custom-accordion-icon\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"custom-accordion-content\"\u003e\n            \u003cdiv class=\"custom-accordion-inner\"\u003e\n                The Charcoal Grey Dreams Graphic T-Shirt features a classic crew neck, short sleeves, and a bold white\n                Dreams front\n                graphic that gives the tee a modern statement look without making it hard to style. The charcoal grey\n                color offers a\n                strong neutral alternative to black, helping you pair it easily with denim, joggers, cargos, shorts, and\n                overshirts. Its\n                clean graphic layout makes outfit building easier for daily wear, travel, university looks, and casual\n                streetwear\n                styling. It improves your wardrobe by giving you versatility, cleaner visual contrast, and more\n                practical everyday wear\n                in one tee.\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"custom-progress\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    document.querySelectorAll('.custom-accordion-header').forEach(header =\u003e {\n        header.addEventListener('click', () =\u003e {\n            const item = header.parentElement;\n            const content = item.querySelector('.custom-accordion-content');\n\n            document.querySelectorAll('.custom-accordion-item').forEach(i =\u003e {\n                if (i !== item) {\n                    i.classList.remove('active');\n                    const c = i.querySelector('.custom-accordion-content');\n                    if (c) c.style.height = 0;\n                }\n            });\n\n            if (item.classList.contains('active')) {\n                item.classList.remove('active');\n                content.style.height = 0;\n            } else {\n                item.classList.add('active');\n                content.style.height = content.scrollHeight + 'px';\n            }\n        });\n    });\n\u003c\/script\u003e","brand":"Zyvor Shop","offers":[{"title":"M","offer_id":48796652208356,"sku":null,"price":899.0,"currency_code":"PKR","in_stock":false},{"title":"L","offer_id":48796652241124,"sku":null,"price":899.0,"currency_code":"PKR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/0772\/3236\/files\/dreams-graphic-tshirt-front-charcoal-grey.21.webp?v=1776851643","url":"https:\/\/zyvor.shop\/products\/charcoal-grey-dreams-graphic-t-shirt","provider":"Zyvor Shop","version":"1.0","type":"link"}