{"product_id":"marc-jacobs-sunglass-mj-25-a","title":"MARC JACOBS Sunglass | MJ 25 A","description":"\u003cstyle\u003e\n\n\/* --- Shopify Accordion CSS --- *\/\n.shp-acc-container {\n    --a-h-bg: #ffffff;\n    --a-h-hbg: #F2F2F2;\n    --a-h-tx: #333333;\n    --a-c-bg: #ffffff;\n    --a-c-tx: #555555;\n    \n    \/* Border Config *\/\n    --a-bd: rgba(229, 231, 235, 1);\n    --a-bdw: 1px;\n    \n    \/* Radius Config *\/\n    --a-rad-tl: 24px;\n    --a-rad-tr: 24px;\n    --a-rad-br: 24px;\n    --a-rad-bl: 24px;\n\n    --a-act-bg: #f9fafb;\n    --a-act-tx: #000000;\n    --a-ico: #333333;\n\n    --a-gap: 12px;\n    --a-shd: none;\n    \n    --a-fs-h: 16px;\n    --a-fs-c: 14px;\n    --a-fs-b: 16px;\n    --a-fs-t: 14px;\n    --a-fs-n: 14px;\n    --a-lh: 1.6;\n\n    --a-bul: #8080ff;\n    --a-bul-hov: #333333;\n    --a-bul-sep: 1px solid rgba(0,0,0,0.1);\n    --a-t-k: #333333;\n    --a-t-v: #555555;\n    --a-t-str: #f9fafb; \n    --a-t-hov: #f3f4f6;\n    --a-t-bd: 1px solid #d1d5db;\n    --a-t-rb: 1px solid #e5e7eb; \n    --a-t-cb: 1px solid #e5e7eb;\n    --a-g-hbg: #f9fafb;\n    --a-g-hov: #f3f4f6;\n    --a-g-rb: none;\n    --a-g-cb: none;\n    --a-n-bg: #fff7ed;\n    --a-n-tx: #9a3412;\n    --a-n-bd: #f97316;\n\n    font-family: 'Assistant', sans-serif;\n    width: 100%;\n    text-align: left;\n    box-sizing: border-box;\n}\n\n.shp-acc-item {\n    border: var(--a-bdw) solid var(--a-bd);\n    border-radius: var(--a-rad-tl) var(--a-rad-tr) var(--a-rad-br) var(--a-rad-bl);\n    margin-bottom: var(--a-gap);\n    overflow: hidden;\n    box-shadow: var(--a-shd);\n    transition: all 0.3s ease;\n    background-color: var(--a-c-bg);\n}\n\n\n\n.shp-acc-item:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 10px 25px rgba(0,0,0,0.12);\n    z-index: 2;\n}\n\n\/* Header *\/\n.shp-acc-header {\n    background: var(--a-h-bg);\n    color: var(--a-h-tx);\n    padding: 16px 20px;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-weight: 600;\n    font-size: var(--a-fs-h);\n    transition: background 0.2s, color 0.2s;\n    position: relative;\n    user-select: none;\n}\n.shp-acc-header:hover { background: var(--a-h-hbg); }\n.shp-acc-header:active { transition: transform 0.1s; transform: scale(0.99); }\n\n.shp-acc-item.active .shp-acc-header {\n    background: var(--a-act-bg);\n    color: var(--a-act-tx);\n    border-bottom: 1px solid rgba(0,0,0,0.05);\n}\n\n.shp-acc-icon {\n    color: var(--a-ico);\n    width: 20px; height: 20px;\n    display: flex; align-items: center; justify-content: center;\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.shp-acc-item.active .shp-acc-icon { transform: rotate(180deg); }\n\n\/* Content *\/\n.shp-acc-content {\n    max-height: 0;\n    overflow: hidden;\n    background: var(--a-c-bg);\n    color: var(--a-c-tx);\n    transition: max-height 0.5s ease;\n    perspective: 1000px;\n    will-change: max-height;\n}\n.shp-acc-inner {\n    padding: 24px;\n    font-size: var(--a-fs-c);\n    line-height: var(--a-lh);\n    transform: translateX(-15px); opacity: 0;\n    transition: all 0.4s ease;\n}\n.shp-acc-item.active .shp-acc-inner { opacity: 1; transform: none; filter: none; }\n\n\n\/* Components *\/\n.shp-ul { padding: 0; margin: 0; list-style: none; font-size: var(--a-fs-b); }\n.shp-ul li { \n    display: flex; \n    align-items: flex-start; \n    padding: 10px 12px; \n    border-bottom: var(--a-bul-sep);\n    margin-bottom: 4px;\n    font-weight: 500; \n    transition: all 0.2s; \n}\n.shp-ul li:last-child { border-bottom: none; }\n\n.shp-ul li:hover { \n    background-color: rgba(0,0,0,0.02);\n    color: var(--a-bul-hov);\n    transform: translateX(4px);\n}\n.shp-ul li::before { \n    content: ''; \n    flex-shrink: 0; \n    width: 8px; \n    height: 8px; \n    background: var(--a-bul); \n    border-radius: 50%; \n    margin-right: 16px; \n    margin-top: calc((var(--a-fs-b) * var(--a-lh) \/ 2) - 4px); \/* Align bullet vertically *\/\n    transition: transform 0.2s, background-color 0.2s, box-shadow 0.2s; \n}\n.shp-ul li:hover::before { \n    transform: scale(1.3); \n    background: var(--a-bul-hov); \n    box-shadow: 0 0 0 4px rgba(0,0,0,0.05);\n}\n\n.shp-table-wrap { border: var(--a-t-bd); border-radius: 6px; overflow: hidden; }\n.shp-table { width: 100%; border-collapse: collapse; font-size: var(--a-fs-t); line-height: 1.5; }\n.shp-table td { padding: 12px 16px; color: var(--a-t-v); border-bottom: var(--a-t-rb); border-right: var(--a-t-cb); vertical-align: middle; }\n.shp-table tr:last-child td { border-bottom: none; }\n.shp-table tr td:last-child { border-right: none; }\n.shp-table tr:nth-child(odd) { background-color: var(--a-t-str); }\n.shp-table tr:hover { background-color: var(--a-t-hov); }\n.shp-table tr td:first-child { font-weight: 700; width: 30%; min-width: 120px; color: var(--a-t-k); }\n\n.shp-grid { width: 100%; border-collapse: collapse; font-size: var(--a-fs-t); white-space: nowrap; line-height: 1.5; }\n.shp-grid th { background: var(--a-g-hbg); padding: 10px; border-bottom: var(--a-g-rb); border-right: var(--a-g-cb); text-align: left; }\n.shp-grid td { padding: 10px; border-bottom: var(--a-g-rb); border-right: var(--a-g-cb); }\n.shp-grid th:last-child, .shp-grid td:last-child { border-right: none; }\n.shp-grid tr:last-child td { border-bottom: none; }\n.shp-grid tr:hover { background-color: var(--a-g-hov); }\n\n.shp-note { background: var(--a-n-bg); color: var(--a-n-tx); border-left: 4px solid var(--a-n-bd); padding: 16px; font-size: var(--a-fs-n); border-radius: 4px; font-style: italic; }\n\n\/* Ripple Logic *\/\n.shp-ripple {\n    position: absolute;\n    border-radius: 50%;\n    transform: scale(0);\n    pointer-events: none;\n    animation: rip 1.5s cubic-bezier(0.4, 0, 0.2, 1); background: rgba(0,0,0,0.05); filter: blur(2px);\n}\n@keyframes rip { to { transform: scale(15); opacity: 0; } }\n@keyframes rip-wide { to { transform: scale(25); opacity: 0; } }\n\n@media (max-width: 480px) {\n    .shp-table tr td:first-child { width: auto; min-width: auto; }\n    .shp-acc-inner { padding: 16px; }\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"shp-acc-container\"\u003e\n\n    \u003cdiv class=\"shp-acc-item\"\u003e\n        \u003cdiv class=\"shp-acc-header\" onclick=\"toggleShopifyAccordion(event, this)\"\u003e\n            \u003cspan\u003eDescription\u003c\/span\u003e\n            \u003cspan class=\"shp-acc-icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shp-acc-content\"\u003e\n            \u003cdiv class=\"shp-acc-inner\"\u003e\n\u003cul class=\"shp-ul\"\u003e\n    \u003cli\u003eFrame Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eModel: N\/A\u003c\/li\u003e\n    \u003cli\u003eHigh Quality\u003c\/li\u003e\n    \u003cli\u003eDurable Frame\u003c\/li\u003e\n    \u003cli\u003eScratch Protected\u003c\/li\u003e\n    \u003cli\u003eFree Glass Cleaner\u003c\/li\u003e\n\u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shp-acc-item\"\u003e\n        \u003cdiv class=\"shp-acc-header\" onclick=\"toggleShopifyAccordion(event, this)\"\u003e\n            \u003cspan\u003eSize\u003c\/span\u003e\n            \u003cspan class=\"shp-acc-icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shp-acc-content\"\u003e\n            \u003cdiv class=\"shp-acc-inner\"\u003e\n\u003cdiv class=\"shp-table-wrap\"\u003e\n    \u003ctable class=\"shp-table\"\u003e\n        \u003ctbody\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eEye Size\u003c\/td\u003e\n            \u003ctd\u003e50 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e12 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e143 mm\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\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"shp-acc-item\"\u003e\n        \u003cdiv class=\"shp-acc-header\" onclick=\"toggleShopifyAccordion(event, this)\"\u003e\n            \u003cspan\u003eCution\u003c\/span\u003e\n            \u003cspan class=\"shp-acc-icon\"\u003e\u003csvg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"shp-acc-content\"\u003e\n            \u003cdiv class=\"shp-acc-inner\"\u003e\n\u003cdiv class=\"shp-note\"\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n    function toggleShopifyAccordion(e, t) {\n        var container = t.closest(\".shp-acc-container\");\n        var item = t.parentElement;\n        var content = item.querySelector(\".shp-acc-content\");\n        var isOpen = item.classList.contains(\"active\");\n        \n        var oneAtATime = true;\n        var rippleType = \"soft\";\n\n        if (rippleType !== 'none') {\n            var rect = t.getBoundingClientRect();\n            var size = Math.max(rect.width, rect.height);\n            var x, y;\n            \n            if (rippleType === 'center') {\n                x = rect.width \/ 2;\n                y = rect.height \/ 2;\n            } else {\n                x = e.clientX - rect.left;\n                y = e.clientY - rect.top;\n            }\n            \n            var span = document.createElement(\"span\");\n            span.classList.add(\"shp-ripple\");\n            span.style.width = span.style.height = size * 2 + \"px\";\n            span.style.left = (x - size) + \"px\";\n            span.style.top = (y - size) + \"px\";\n            t.appendChild(span);\n            setTimeout(function(){ span.remove(); }, 1500);\n        }\n\n        if (oneAtATime) {\n            var items = container.querySelectorAll(\".shp-acc-item\");\n            for (var i = 0; i \u003c items.length; i++) {\n                if (items[i] !== item \u0026\u0026 items[i].classList.contains(\"active\")) {\n                    items[i].classList.remove(\"active\");\n                    items[i].querySelector(\".shp-acc-content\").style.maxHeight = null;\n                }\n            }\n        }\n\n        if (isOpen) {\n            item.classList.remove(\"active\");\n            content.style.maxHeight = null;\n        } else {\n            item.classList.add(\"active\");\n            content.style.maxHeight = (content.scrollHeight + 30) + \"px\";\n        }\n    }\n\u003c\/script\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":49746030199021,"sku":"MJ 25 A","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MJ25Aimg1.jpg?v=1775129298","url":"https:\/\/www.fastfashionbd.com\/products\/marc-jacobs-sunglass-mj-25-a","provider":"Fast Fashion","version":"1.0","type":"link"}