{"title":"MARC JACOBS Sunglass \u0026 Eyewear Collection","description":"","products":[{"product_id":"premium-quality-marc-jacobs-uv-protected-sunglass-mj-20-a","title":"Premium Quality MARC JACOBS UV Protected Sunglass | MJ 20 A","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFrame Color: As Like Picture\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLens Color: Black\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFrame Material: Peek\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEye Size: 56\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBridge Size: 14\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTemple Length: 145\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLens Material: Fiber \u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUV Protected\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003cspan id=\"wcs-framesize\"\u003ePremium Quality\u003c\/span\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":44598203351277,"sku":"MJ 20 A","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/A_e7232882-023c-477f-b893-257b2be21957.jpg?v=1702377643"},{"product_id":"premium-quality-marc-jacobs-uv-protected-sunglass-mj-21-b","title":"MARC JACOBS Mercury Sunglass | MJ 21 B","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFrame Color: As Like Picture\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLens Color: Mercury\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFrame Material: Peek\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEye Size: 49\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBridge Size: 23\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTemple Length: 145\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLens Material: Fiber \u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUV Protected\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003e\u003cspan id=\"wcs-framesize\"\u003ePremium Quality\u003c\/span\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":48058490454253,"sku":"MJ 21 B","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/B_753a937f-6c52-47e0-870b-dafe32453703.jpg?v=1746453545"},{"product_id":"marc-jacobs-sunglass-mj-22-a","title":"MARC JACOBS Sunglass | MJ 22 A","description":"\u003c!-- FastFashionBD • Specs Accordion --\u003e\n\u003csection class=\"ff-specs\" role=\"region\" aria-label=\"Product specifications\"\u003e\n  \u003cstyle\u003e\n    .ff-specs{ font-family: inherit; --bg: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.98)); --text: #1f2937; --radius: 8px; --shadow: 0 4px 12px rgba(0,0,0,.08); --shadow-inner: inset 0 1px 0 rgba(255,255,255,.6); --accent: rgba(0,0,0,.06); --hover: #f3f4f6; --speed: 280ms; --easing: cubic-bezier(.22,.61,.36,1); color: var(--text); }\n    .ff-specs *{ box-sizing:border-box; font-family: inherit; }\n    .ff-wrap{ background:var(--bg); border-radius:var(--radius); box-shadow:var(--shadow),var(--shadow-inner); overflow:hidden; border:1px solid #e5e7eb;}\n    .ff-acc{ border-top:1px solid #e5e7eb;}\n    .ff-acc:first-child{ border-top:0;}\n    .ff-head{ width:100%; background:transparent; color:var(--text); text-align:left; padding:14px 18px; font-weight:600; font-size:16px; display:flex; align-items:center; gap:10px; cursor:pointer; border:0; outline:0;}\n    .ff-head:hover{ background:var(--hover);}\n    .ff-icon{ margin-left:auto; transition: transform var(--speed) var(--easing);}\n    .ff-body{ max-height:0; overflow:hidden; transition:max-height var(--speed) var(--easing), opacity var(--speed) var(--easing); opacity:0;}\n    .ff-open .ff-icon{ transform:rotate(180deg);}\n    .ff-open .ff-body{ opacity:1;}\n    .ff-list{ padding:6px 22px 16px 28px; margin:0; display:grid; gap:8px; list-style:none; background-color:#ffffff;}\n    .ff-li{ display:flex; gap:10px; line-height:1.5; color:#4b5563; font-size:14px;}\n    .ff-bullet{ width:1.2em; flex:0 0 1.2em; text-align:center;}\n    .ff-li span{ background:linear-gradient(currentColor,currentColor) left bottom\/0 1px no-repeat; transition:background-size .25s ease; padding-bottom:1px;}\n    .ff-li:hover span{ background-size:100% 1px;}\n    @media (max-width:480px){ .ff-head{ padding:12px 14px;} .ff-list{ padding:4px 16px 14px 24px;} }\n  \u003c\/style\u003e\n  \u003cdiv class=\"ff-wrap\" data-ff-acc\u003e\n    \u003cdiv class=\"ff-acc\"\u003e\n      \u003cbutton class=\"ff-head\" aria-expanded=\"false\"\u003e\n        🕶️ Product Information\n        \u003csvg class=\"ff-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"M7 10l5 5 5-5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"ff-body\"\u003e\n        \u003cul class=\"ff-list\"\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003eModel: MJ 542\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003eFrame Color: Black\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003eLens Color: Black\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003eFrame Material: Metal\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003eLens Material: Fiber Glass\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003eEye Size: 52 mm\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003eBridge Size: 20 mm\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003eTemple Length: 144 mm\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003eUV Protection: N\/A\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ff-acc\"\u003e\n      \u003cbutton class=\"ff-head\" aria-expanded=\"false\"\u003e\n        💎 Design \u0026amp; Build\n        \u003csvg class=\"ff-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"M7 10l5 5 5-5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"ff-body\"\u003e\n        \u003cul class=\"ff-list\"\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003e🔲 Shape: Aviator Style\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003e⚫ Finish: Matte Black\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003e💪 Quality: Premium Metal Build\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003e😎 Comfort: Soft Nose Pads \u0026amp; Flexible Temples\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003e✨ Edge: Textured Detailing\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003e🕰️ Look: Modern \u0026amp; Classy\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"ff-acc\"\u003e\n      \u003cbutton class=\"ff-head\" aria-expanded=\"false\"\u003e\n        🌞 Additional Notes\n        \u003csvg class=\"ff-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"M7 10l5 5 5-5z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/button\u003e\n      \u003cdiv class=\"ff-body\"\u003e\n        \u003cul class=\"ff-list\"\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003eColor may differ due to lighting \u0026amp; screen conditions\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli class=\"ff-li\"\u003e\n          \u003cspan class=\"ff-bullet\"\u003e•\u003c\/span\u003e\u003cspan\u003eIdeal For: Daily Wear | Street Style | Travel | Luxury Look\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cscript\u003e\n    (()=\u003e{const root=document.currentScript.closest('.ff-specs'); if(!root) return; const items=[...root.querySelectorAll('.ff-acc')]; items.forEach(acc=\u003e{ const head=acc.querySelector('.ff-head'); const body=acc.querySelector('.ff-body'); const setMax=(open)=\u003e{ body.style.maxHeight = open ? (body.scrollHeight + 'px') : '0px'; }; setMax(false); head.addEventListener('click', ()=\u003e{ const isOpen=acc.classList.toggle('ff-open'); head.setAttribute('aria-expanded', String(isOpen)); setMax(isOpen); items.filter(i=\u003ei!==acc).forEach(other=\u003e{ other.classList.remove('ff-open'); const h=other.querySelector('.ff-head'); const b=other.querySelector('.ff-body'); if(h) h.setAttribute('aria-expanded','false'); if(b) b.style.maxHeight='0px'; }); }); new ResizeObserver(()=\u003e{ if(acc.classList.contains('ff-open')) body.style.maxHeight = body.scrollHeight+'px'; }).observe(body); }); })();\n  \u003c\/script\u003e\n\u003c\/section\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":48881247158509,"sku":"MJ 22 A","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/a1_2222224d-ce39-4bfd-b189-0c0785666c0a.jpg?v=1760621714"},{"product_id":"marc-jacobs-polarized-sunglass-mj-23-a","title":"MARC JACOBS Polarized Sunglass | MJ 23 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: #000000;\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\u003eModel: 3519\u003c\/li\u003e\n    \u003cli\u003ePolarized: Yes\u003c\/li\u003e\n    \u003cli\u003eOrigin: China\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\u003e55 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e20 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e142 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\u003eNote\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":49275797045485,"sku":"MJ 23 A","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MJ23A1.jpg?v=1768995622"},{"product_id":"marc-jacobs-polarized-sunglass-mj-23-b","title":"MARC JACOBS Polarized Sunglass | MJ 23 B","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: #000000;\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\u003eModel: 3519\u003c\/li\u003e\n    \u003cli\u003ePolarized: Yes\u003c\/li\u003e\n    \u003cli\u003eOrigin: China\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\u003e55 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e20 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e142 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\u003eNote\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":49275806712045,"sku":"MJ 23 B","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MJ23B1.jpg?v=1768995622"},{"product_id":"marc-jacobs-polarized-sunglass-mj-23-c","title":"MARC JACOBS Polarized Sunglass | MJ 23 C","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: #000000;\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\u003eModel: 3519\u003c\/li\u003e\n    \u003cli\u003ePolarized: Yes\u003c\/li\u003e\n    \u003cli\u003eOrigin: China\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\u003e55 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e20 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e142 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\u003eNote\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":49275808284909,"sku":"MJ 23 C","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MJ23C1.jpg?v=1768995622"},{"product_id":"marc-jacobs-stylish-sunglass-mj-12-b","title":"MARC JACOBS Stylish Sunglass | MJ 12 B","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: #000000;\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\u003eModel: MJ 1004\u003c\/li\u003e\n    \u003cli\u003eOrigin: China\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\u003e54 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e19 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e132 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\u003eNote\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":49508782735597,"sku":"MJ 12 B","price":1150.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MJ12Bimg1.jpg?v=1773137647"},{"product_id":"marc-jacobs-eyeware-eyeglass-optic-frame-mj-frame-12-b","title":"MARC JACOBS Eyeware | Eyeglass | Optic Frame | MJ Frame 12 B","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: #000000;\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\u003eModel: MJ 1004\u003c\/li\u003e\n    \u003cli\u003eOrigin: China\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\u003e54 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e19 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e132 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\u003eNote\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":49508782899437,"sku":"MJ Frame 12 B","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MJFrame12B.jpg?v=1773137676"},{"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"},{"product_id":"marc-jacobs-eyeware-eyeglass-optic-frame-mj-frame-25-a","title":"MARC JACOBS Eyeware | Eyeglass | Optic Frame | MJ Frame 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":49746030559469,"sku":"MJ Frame 25 A","price":1450.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MJFrame25Aimg1.jpg?v=1775129392"},{"product_id":"marc-jacobs-sunglass-mj-25-b","title":"MARC JACOBS Sunglass | MJ 25 B","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":49746033836269,"sku":"MJ 25 B","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MJ25Bimg1.jpg?v=1775129479"},{"product_id":"marc-jacobs-eyeware-eyeglass-optic-frame-mj-frame-25-b","title":"MARC JACOBS Eyeware | Eyeglass | Optic Frame | MJ Frame 25 B","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":49746033869037,"sku":"MJ Frame 25 B","price":1450.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MJFrame25Bimg1.jpg?v=1775129484"},{"product_id":"marc-jacobs-sunglass-mj-25-c","title":"MARC JACOBS Sunglass | MJ 25 C","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":49746034131181,"sku":"MJ 25 C","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MJ25Cimg1.jpg?v=1775129517"}],"url":"https:\/\/www.fastfashionbd.com\/collections\/marc-jacobs-sunglass-eyewear-collection.oembed","provider":"Fast Fashion","version":"1.0","type":"link"}