{"product_id":"brown-dreams-graphic-t-shirt","title":"Brown Dreams Graphic T-Shirt for Minimal 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 either feel too basic or too loud to wear regularly. The Brown Dreams Graphic T-Shirt\n                solves that with\n                a warm earthy tone and a subtle dark graphic that gives you style without trying too hard. It works\n                especially well for\n                men who want something different from black, white, or blue basics. A use-case many competitors miss:\n                this brown shade\n                looks excellent in autumn outfits, café wear, travel looks, and neutral-toned social media content.\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 Brown Dreams Graphic T-Shirt features a classic crew neck, short sleeves, and a sleek dark Dreams\n                front print that\n                creates a refined statement instead of an overly flashy look. The warm brown color adds depth to your\n                wardrobe while\n                staying easy to style with black jeans, beige trousers, denim, joggers, and layered jackets. Its minimal\n                graphic design\n                helps you build polished casual outfits faster, making it ideal for daily wear, university, outings,\n                travel, and smart\n                streetwear styling. It improves your wardrobe by giving you comfort-inspired versatility and a richer\n                color option in\n                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":48796647620836,"sku":null,"price":899.0,"currency_code":"PKR","in_stock":true},{"title":"L","offer_id":48796647653604,"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-brown.201.webp?v=1776852728","url":"https:\/\/zyvor.shop\/products\/brown-dreams-graphic-t-shirt","provider":"Zyvor Shop","version":"1.0","type":"link"}