{"product_id":"mens-cargo-pants-with-adjustable-drawstring-waist","title":"Men's Cargo Pants with Adjustable Drawstring Waist","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                Our Khaki Cargo Pants are designed to meet your needs. With multiple pockets for storing essentials and\n                a comfortable,\n                relaxed fit, these pants provide the perfect blend of functionality and style. Whether you’re running\n                errands or heading\n                out for a casual day, they offer both convenience and an effortlessly stylish look.\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                Functional Multiple Pockets: Equipped with side and back pockets, these pants offer ample space to store\n                your phone,\n                wallet, keys, or any other small essentials without needing an extra bag.\n                Versatile Khaki Color: The neutral khaki color ensures these pants can easily be paired with any top,\n                making them a\n                staple in your casual wardrobe.\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":"Beige \/ 30","offer_id":48820038238436,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Beige \/ 32","offer_id":48820039483620,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Beige \/ 34","offer_id":48820039516388,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Beige \/ 36","offer_id":48820039549156,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Ash Grey \/ 30","offer_id":48820038172900,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Ash Grey \/ 32","offer_id":48820039287012,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Ash Grey \/ 34","offer_id":48820039319780,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Ash Grey \/ 36","offer_id":48820039352548,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Charcoal Black \/ 30","offer_id":48820038140132,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Charcoal Black \/ 32","offer_id":48820039188708,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Charcoal Black \/ 34","offer_id":48820039221476,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Charcoal Black \/ 36","offer_id":48820039254244,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Navy Blue \/ 30","offer_id":48820038205668,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Navy Blue \/ 32","offer_id":48820039385316,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Navy Blue \/ 34","offer_id":48820039418084,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Navy Blue \/ 36","offer_id":48820039450852,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Light Beige \/ 30","offer_id":48832875036900,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Light Beige \/ 32","offer_id":48832875069668,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Light Beige \/ 34","offer_id":48832875102436,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true},{"title":"Light Beige \/ 36","offer_id":48832875135204,"sku":null,"price":2299.0,"currency_code":"PKR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/0772\/3236\/files\/198.webp?v=1777113203","url":"https:\/\/zyvor.shop\/products\/mens-cargo-pants-with-adjustable-drawstring-waist","provider":"Zyvor Shop","version":"1.0","type":"link"}