{"title":"2026 January Collection","description":"","products":[{"product_id":"premium-quality-tomford-polarized-sunglass-tford-86-a","title":"Premium Quality Tomford Polarized Sunglass | TFord 86 A","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFrame Color: \u003ca aria-describedby=\"a11y-external-message\"\u003eAs Like Picture\u003c\/a\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLens Color: \u003ca data-mce-fragment=\"1\" aria-describedby=\"a11y-external-message\"\u003eAs Like Picture\u003c\/a\u003e\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEye Size: 52\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBridge Size: 21\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\u003eModel: 5440\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePolarized\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUV Protected\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDurable Frame\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBox: Carry Box\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eExtra: Glass Cleaner, Wiping Cloth\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Tom Ford","offers":[{"title":"Default Title","offer_id":46263947886829,"sku":"TFord 86 A","price":2550.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/H1copy_de4c29ab-2d21-4cf8-948a-ddce34c49a6b.jpg?v=1716557316"},{"product_id":"stylish-premium-quality-rayban-wayfarer-sunglass-rb-116-c","title":"Stylish Premium Quality Rayban Wayfarer Sunglass | RB 116 C","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: As Like Picture\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEye Size: 50\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBridge Size: 22\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTemple Length: 140\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eModel: RB2140\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUV Protected\u003cspan id=\"wcs-frameshape\"\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eGlossy Finish\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eGlass lens\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDurable Frame\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBox: Leather Box\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFree Glass Cleaner\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":46962283741421,"sku":"RB 116 C","price":2850.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_a60b93ab-f42d-4c29-b11a-958db5e16654.jpg?v=1725184340"},{"product_id":"stylish-premium-quality-rayban-wayfarer-sunglass-rb-116-b2","title":"Stylish Premium Quality Wayfarer Sunglass | RB 116 B2","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: As Like Picture\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEye Size: 50\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBridge Size: 22\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTemple Length: 140\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eModel: RB 2140\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUV Protected\u003cspan id=\"wcs-frameshape\"\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eGlossy Finish\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eGlass lens\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDurable Frame\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBox: Carry Box\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFree Glass Cleaner\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":46965658419437,"sku":"RB 116 B2","price":2850.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_7bff2265-313b-4c76-a7ea-da9d2f548c75.jpg?v=1725279649"},{"product_id":"premium-quality-wayfarer-style-sunglass-rb-116-b","title":"Ray_Ban Wayfarer Sunglass | RB 116 B","description":"\u003c!-- FastFashionBD • Specs Accordion (Wayfarer Sunglasses) --\u003e\n\u003csection class=\"ff-specs\" role=\"region\" aria-label=\"Wayfarer sunglasses specifications\"\u003e\n  \u003cstyle\u003e\n    .ff-specs{\n      font-family: inherit;\n      --bg: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,255,255,0.98));\n      --text:#000; --radius:16px;\n      --shadow:0 6px 20px rgba(0,0,0,.08);\n      --shadow-inner: inset 0 1px 0 rgba(255,255,255,.6);\n      --hover: rgba(0,0,0,.08);\n      --speed: 280ms; --easing: cubic-bezier(.22,.61,.36,1);\n      color:var(--text);\n    }\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 rgba(0,0,0,.05);}\n    .ff-acc{ border-top:1px solid rgba(0,0,0,.06);}\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; 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;}\n    .ff-li{ display:flex; gap:10px; line-height:1.5;}\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){\n      .ff-head{ padding:12px 14px;}\n      .ff-list{ padding:4px 16px 14px 24px;}\n    }\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"ff-wrap\" data-ff-acc\u003e\n    \u003c!-- Color \u0026 Style --\u003e\n    \u003cdiv class=\"ff-acc\"\u003e\n      \u003cbutton class=\"ff-head\" aria-expanded=\"false\"\u003e\n        Color \u0026amp; Style\n        \u003csvg class=\"ff-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\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\u003eDesign: Classic Wayfarer style\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: Jet Black (as shown)\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: Gradient Grey\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli class=\"ff-li\"\u003e\n\u003cspan class=\"ff-bullet\"\u003e✨\u003c\/span\u003e\u003cspan\u003eFinish: Glossy polish with metal accents\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli class=\"ff-li\"\u003e\n\u003cspan class=\"ff-bullet\"\u003e⚠️\u003c\/span\u003e\u003cspan\u003eNote: Color may vary due to lighting\u003c\/span\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Fit \u0026 Size --\u003e\n    \u003cdiv class=\"ff-acc\"\u003e\n      \u003cbutton class=\"ff-head\" aria-expanded=\"false\"\u003e\n        Fit \u0026amp; Size\n        \u003csvg class=\"ff-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\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\u003eEye Size: 50 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: 22 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: 150 mm\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli class=\"ff-li\"\u003e\n\u003cspan class=\"ff-bullet\"\u003e👤\u003c\/span\u003e\u003cspan\u003eFit: Medium universal fit\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli class=\"ff-li\"\u003e\n\u003cspan class=\"ff-bullet\"\u003e👂\u003c\/span\u003e\u003cspan\u003eComfort: Smooth curved temples\u003c\/span\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Build \u0026 Materials --\u003e\n    \u003cdiv class=\"ff-acc\"\u003e\n      \u003cbutton class=\"ff-head\" aria-expanded=\"false\"\u003e\n        Build \u0026amp; Materials\n        \u003csvg class=\"ff-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\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\u003eMaterial: Durable acetate frame\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli class=\"ff-li\"\u003e\n\u003cspan class=\"ff-bullet\"\u003e🪟\u003c\/span\u003e\u003cspan\u003eLens Type: Glass lenses\u003c\/span\u003e\n\u003c\/li\u003e\n          \u003cli class=\"ff-li\"\u003e\n\u003cspan class=\"ff-bullet\"\u003e🛡️\u003c\/span\u003e\u003cspan\u003eFrame Strength: Impact-resistant\u003c\/span\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Protection \u0026 Performance --\u003e\n    \u003cdiv class=\"ff-acc\"\u003e\n      \u003cbutton class=\"ff-head\" aria-expanded=\"false\"\u003e\n        Protection \u0026amp; Performance\n        \u003csvg class=\"ff-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\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\u003eUV Protction N\/A\u003c\/span\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Included --\u003e\n    \u003cdiv class=\"ff-acc\"\u003e\n      \u003cbutton class=\"ff-head\" aria-expanded=\"false\"\u003e\n        Included\n        \u003csvg class=\"ff-icon\" width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" aria-hidden=\"true\"\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\u003eIncluded: Leather box + glass cleaner\u003c\/span\u003e\n\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (()=\u003e{const root=document.currentScript.closest('.ff-specs'); if(!root) return;\n      const items=[...root.querySelectorAll('.ff-acc')];\n      items.forEach(acc=\u003e{\n        const head=acc.querySelector('.ff-head'); const body=acc.querySelector('.ff-body');\n        const setMax=(open)=\u003e{ body.style.maxHeight = open ? (body.scrollHeight + 'px') : '0px'; };\n        setMax(false);\n        head.addEventListener('click', ()=\u003e{\n          const isOpen=acc.classList.toggle('ff-open');\n          head.setAttribute('aria-expanded', String(isOpen));\n          setMax(isOpen);\n          \/\/ Close others for tidy UI\n          items.filter(i=\u003ei!==acc).forEach(other=\u003e{\n            other.classList.remove('ff-open');\n            const h=other.querySelector('.ff-head'); const b=other.querySelector('.ff-body');\n            if(h) h.setAttribute('aria-expanded','false'); \n            if(b) b.style.maxHeight='0px';\n          });\n        });\n        new ResizeObserver(()=\u003e{ if(acc.classList.contains('ff-open')) body.style.maxHeight = body.scrollHeight+'px'; }).observe(body);\n      });\n    })();\n  \u003c\/script\u003e\n\u003c\/section\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":47293549707501,"sku":"RB 116 B","price":2850.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_2c3c30d5-47d8-4d4e-abd3-40958e1b4227.jpg?v=1730376076"},{"product_id":"moscot-stylish-sunglass-premium-quality-mst-18-e","title":"Moscot Stylish Sunglass | Premium Quality | MST 18 E","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: As Like Picture\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eEye Size: 55\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBridge Size: 15\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTemple Length: 143\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eModel: ML 98173\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLight Weight\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eUV Protected\u003cspan id=\"wcs-frameshape\"\u003e\u003c\/span\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eDurable Frame\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eBox: Carry Box\u003c\/strong\u003e\u003cbr\u003e\n\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eFree Glass Cleaner\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":47313797742829,"sku":"MST 18 E","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_43d66d57-28a3-40e2-9117-4d2e8d1fccde.jpg?v=1730813059"},{"product_id":"moscot-photochromic-eye-glass-eyeware-optic-frame-mst-frame-21-a","title":"Moscot PHOTOCHROMIC Eye Glass | Eyeware | Optic Frame | MST Frame 21 A","description":"\u003csection id=\"accordion-spec\" lang=\"en\"\u003e\n\u003cstyle\u003e\n#accordion-spec{--bg:transparent;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--border:#d1d5db;--accent:#8b5cf6;--radius:25px;--shadow:0 4px 16px rgba(0,0,0,0.005), 0 1px 4px rgba(0,0,0,0.003);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}\n#accordion-spec .acc{max-width:860px;margin:0 auto;display:grid;gap:10px}\n#accordion-spec details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}\n#accordion-spec details:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.03)}\n#accordion-spec summary{list-style:none;cursor:pointer;padding:12.307692307692308px 18px;display:flex;align-items:center;gap:10px;font-weight:600;user-select:none;outline:0;transition:background .2s,transform .15s ease,box-shadow .2s ease;min-height:40px}\n#accordion-spec summary:hover{background:rgba(0,0,0,0.02)}\n#accordion-spec summary:active{transform:scale(0.98);box-shadow:inset 0 0 4px rgba(0,0,0,0.08);background:#f9fafb}\n#accordion-spec summary::-webkit-details-marker{display:none}\n#accordion-spec summary::after{content:\"\";width:10px;height:10px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.65}\n#accordion-spec details[open] summary::after{transform:rotate(-135deg);opacity:1}\n#accordion-spec summary:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:calc(var(--radius) - 2px)}\n#accordion-spec .panel{padding:0 18px;border-top:1px dashed var(--border);background:linear-gradient(180deg,#f9fafb 0%,#f6f7f8 100%);max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s}\n#accordion-spec details[open] .panel{max-height:2000px;opacity:1;padding:12px 18px 18px}\n#accordion-spec .specs{display:grid;grid-template-columns:1fr;gap:10px}\n#accordion-spec .row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:all .2s;opacity:0;transform:translateY(-15px)}\n#accordion-spec .row.animate-in{animation:slideInRow .4s ease forwards}\n#accordion-spec .row.animate-out{animation:slideOutRow .3s ease forwards}\n#accordion-spec .row:hover{border-color:var(--accent);transform:translateY(0)!important}\n#accordion-spec .row.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec .row.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec .row.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec .row.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec .row.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec .row.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec .row.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec .row.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec .row.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec .row.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec .row.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec .row.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec .row.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec .row.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec .row.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec .row.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec .row.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec .row.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec .row.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec .row.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec .row.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInRow{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutRow{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}\n@media(max-width:720px){#accordion-spec .row{grid-template-columns:120px 1fr}}\n#accordion-spec .label{color:var(--muted);font-weight:600;font-size:.9rem}\n#accordion-spec .value{color:var(--text)}\n#accordion-spec ul{margin:0;padding-left:20px;line-height:1.7}\n#accordion-spec li{margin:8px 0;color:var(--text);opacity:0;transform:translateY(-10px)}\n#accordion-spec li.animate-in{animation:slideInItem .4s ease forwards}\n#accordion-spec li.animate-out{animation:slideOutItem .3s ease forwards}\n#accordion-spec li.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec li.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec li.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec li.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec li.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec li.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec li.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec li.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec li.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec li.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec li.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec li.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec li.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec li.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec li.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec li.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec li.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec li.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec li.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec li.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec li.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInItem{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutItem{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}\n#accordion-spec .note{margin-top:12px;font-size:.95rem;color:var(--muted);opacity:0}\n#accordion-spec .note.animate-in{animation:fadeIn .5s ease .3s forwards}\n#accordion-spec .note.animate-out{animation:fadeOut .2s ease forwards}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n@keyframes fadeOut{from{opacity:1}to{opacity:0}}\n#accordion-spec .badge{display:inline-block;font-size:.85rem;padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:999px;margin-right:8px;font-weight:600}\n#accordion-spec table{width:100%;table-layout:fixed;border-collapse:collapse;border:none;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--border);font-size:.95rem;margin-bottom:12px}\n#accordion-spec thead th{background:#000;color:#fff;font-weight:600;border-bottom:1px solid #222;height:120px;padding:0 4px;white-space:nowrap;text-align:center;position:relative;vertical-align:middle;transition:transform .15s ease,box-shadow .2s ease;user-select:none;cursor:pointer}\n#accordion-spec thead th span{display:inline-block;transform:rotate(-65deg);transform-origin:center center;line-height:1;position:relative;top:8px}\n#accordion-spec thead th:first-child span{transform:none;top:0}\n#accordion-spec th:first-child{text-align:left;padding-left:14px}\n#accordion-spec thead th:active{transform:scale(0.96);box-shadow:inset 0 0 4px rgba(255,255,255,0.3),inset 0 0 8px rgba(0,0,0,0.4)}\n#accordion-spec tbody td{border-top:1px solid var(--border);padding:10px 6px;text-align:center}\n#accordion-spec td:first-child{text-align:left;font-weight:600;padding-left:14px}\n#accordion-spec tbody tr:nth-child(even) td{background:#fafafa}\n#accordion-spec tr:hover td{background:#f1f1f1}\n#accordion-spec .whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600;margin-top:12px;transition:background .25s ease,transform .25s ease}\n#accordion-spec .whatsapp-btn:hover{background:#1ebe5d;transform:scale(1.05)}\n#accordion-spec .whatsapp-btn svg{width:18px;height:18px;fill:white}\n\u003c\/style\u003e\n\u003cdiv class=\"acc\"\u003e\n\u003cdetails\u003e\u003csummary\u003eProduct Details\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\n\u003cul\u003e\n\u003cli\u003eFrame Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eModel Number: MF 10460\u003c\/li\u003e\n\u003cli\u003eFeatures: Photo Chromic\u003c\/li\u003e\n\u003cli\u003eDurable Frame\u003c\/li\u003e\n\u003cli\u003eBox: Frame Box\u003c\/li\u003e\n\u003cli\u003eFree Glass Cleaner\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"note\"\u003e\u003cspan class=\"badge\"\u003eNote\u003c\/span\u003eColor may differ as a result of Lighting and Screen Condition.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eSize\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\u003cdiv class=\"specs\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eEye Size\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e50\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eBridge Size\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e21\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eTemple Length\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e145\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function() {\n  const acc = document.querySelector('#accordion-spec .acc');\n  if (!acc) return;\n  \n  \/\/ Setup WhatsApp button if exists\n  const waBtn = document.getElementById('send-prescription-btn');\n  if (waBtn) {\n    const phone = '+8801700922198';\n    let sku = null;\n    try {\n      const json = document.querySelector('[type=\"application\/ld+json\"]');\n      if (json) {\n        const data = JSON.parse(json.textContent);\n        if (data.sku) sku = data.sku;\n      }\n    } catch(e) {}\n    if (!sku \u0026\u0026 window.meta?.product?.variants?.length)\n      sku = window.meta.product.variants[0].sku;\n    if (!sku) sku = \"N\/A\";\n    const msgTemplate = 'Hello FastFashionBD, I want to send my prescription for product SKU: {SKU}';\n    const msg = encodeURIComponent(msgTemplate.replace('{SKU}', sku));\n    waBtn.href = 'https:\/\/wa.me\/' + phone + '?text=' + msg;\n  }\n  \n  acc.querySelectorAll('details').forEach(details =\u003e {\n    const summary = details.querySelector('summary');\n    const panel = details.querySelector('.panel');\n    if (!summary || !panel) return;\n    \n    \/\/ Add touch\/press effect\n    summary.addEventListener('mousedown', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('mouseup', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('mouseleave', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    \/\/ Touch events for mobile\n    summary.addEventListener('touchstart', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('touchend', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('click', e =\u003e {\n      const isOpen = details.hasAttribute('open');\n      \n      if (isOpen) {\n        e.preventDefault();\n        const rows = panel.querySelectorAll('.row');\n        const items = panel.querySelectorAll('li');\n        const notes = panel.querySelectorAll('.note');\n        \n        rows.forEach(r =\u003e r.classList.remove('animate-in'));\n        items.forEach(i =\u003e i.classList.remove('animate-in'));\n        notes.forEach(n =\u003e n.classList.remove('animate-in'));\n        \n        rows.forEach(r =\u003e r.classList.add('animate-out'));\n        items.forEach(i =\u003e i.classList.add('animate-out'));\n        notes.forEach(n =\u003e n.classList.add('animate-out'));\n        \n        setTimeout(() =\u003e {\n          details.removeAttribute('open');\n          rows.forEach(r =\u003e r.classList.remove('animate-out'));\n          items.forEach(i =\u003e i.classList.remove('animate-out'));\n          notes.forEach(n =\u003e n.classList.remove('animate-out'));\n        }, 350);\n      } else {\n        acc.querySelectorAll('details[open]').forEach(d =\u003e {\n          if (d !== details) {\n            const p = d.querySelector('.panel');\n            const rs = p.querySelectorAll('.row');\n            const is = p.querySelectorAll('li');\n            const ns = p.querySelectorAll('.note');\n            \n            rs.forEach(r =\u003e r.classList.remove('animate-in'));\n            is.forEach(i =\u003e i.classList.remove('animate-in'));\n            ns.forEach(n =\u003e n.classList.remove('animate-in'));\n            \n            rs.forEach(r =\u003e r.classList.add('animate-out'));\n            is.forEach(i =\u003e i.classList.add('animate-out'));\n            ns.forEach(n =\u003e n.classList.add('animate-out'));\n            \n            setTimeout(() =\u003e {\n              d.removeAttribute('open');\n              rs.forEach(r =\u003e r.classList.remove('animate-out'));\n              is.forEach(i =\u003e i.classList.remove('animate-out'));\n              ns.forEach(n =\u003e n.classList.remove('animate-out'));\n            }, 350);\n          }\n        });\n        \n        setTimeout(() =\u003e {\n          const rows = panel.querySelectorAll('.row');\n          const items = panel.querySelectorAll('li');\n          const notes = panel.querySelectorAll('.note');\n          \n          rows.forEach(r =\u003e r.classList.add('animate-in'));\n          items.forEach(i =\u003e i.classList.add('animate-in'));\n          notes.forEach(n =\u003e n.classList.add('animate-in'));\n        }, 50);\n      }\n    });\n  });\n})();\n\u003c\/script\u003e\n\u003c\/section\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":48928837337325,"sku":"MST Frame 21 A","price":1280.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/A1_5005e02f-4204-4756-b0d0-5d83320e9c52.jpg?v=1761562670"},{"product_id":"moscot-photochromic-eye-glass-eyeware-optic-frame-mst-frame-21-b","title":"Moscot PHOTOCHROMIC Eye Glass | Eyeware | Optic Frame | MST Frame 21 B","description":"\u003csection id=\"accordion-spec\" lang=\"en\"\u003e\n\u003cstyle\u003e\n#accordion-spec{--bg:transparent;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--border:#d1d5db;--accent:#8b5cf6;--radius:25px;--shadow:0 4px 16px rgba(0,0,0,0.005), 0 1px 4px rgba(0,0,0,0.003);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}\n#accordion-spec .acc{max-width:860px;margin:0 auto;display:grid;gap:10px}\n#accordion-spec details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}\n#accordion-spec details:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.03)}\n#accordion-spec summary{list-style:none;cursor:pointer;padding:12.307692307692308px 18px;display:flex;align-items:center;gap:10px;font-weight:600;user-select:none;outline:0;transition:background .2s,transform .15s ease,box-shadow .2s ease;min-height:40px}\n#accordion-spec summary:hover{background:rgba(0,0,0,0.02)}\n#accordion-spec summary:active{transform:scale(0.98);box-shadow:inset 0 0 4px rgba(0,0,0,0.08);background:#f9fafb}\n#accordion-spec summary::-webkit-details-marker{display:none}\n#accordion-spec summary::after{content:\"\";width:10px;height:10px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.65}\n#accordion-spec details[open] summary::after{transform:rotate(-135deg);opacity:1}\n#accordion-spec summary:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:calc(var(--radius) - 2px)}\n#accordion-spec .panel{padding:0 18px;border-top:1px dashed var(--border);background:linear-gradient(180deg,#f9fafb 0%,#f6f7f8 100%);max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s}\n#accordion-spec details[open] .panel{max-height:2000px;opacity:1;padding:12px 18px 18px}\n#accordion-spec .specs{display:grid;grid-template-columns:1fr;gap:10px}\n#accordion-spec .row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:all .2s;opacity:0;transform:translateY(-15px)}\n#accordion-spec .row.animate-in{animation:slideInRow .4s ease forwards}\n#accordion-spec .row.animate-out{animation:slideOutRow .3s ease forwards}\n#accordion-spec .row:hover{border-color:var(--accent);transform:translateY(0)!important}\n#accordion-spec .row.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec .row.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec .row.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec .row.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec .row.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec .row.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec .row.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec .row.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec .row.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec .row.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec .row.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec .row.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec .row.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec .row.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec .row.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec .row.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec .row.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec .row.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec .row.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec .row.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec .row.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInRow{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutRow{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}\n@media(max-width:720px){#accordion-spec .row{grid-template-columns:120px 1fr}}\n#accordion-spec .label{color:var(--muted);font-weight:600;font-size:.9rem}\n#accordion-spec .value{color:var(--text)}\n#accordion-spec ul{margin:0;padding-left:20px;line-height:1.7}\n#accordion-spec li{margin:8px 0;color:var(--text);opacity:0;transform:translateY(-10px)}\n#accordion-spec li.animate-in{animation:slideInItem .4s ease forwards}\n#accordion-spec li.animate-out{animation:slideOutItem .3s ease forwards}\n#accordion-spec li.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec li.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec li.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec li.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec li.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec li.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec li.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec li.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec li.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec li.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec li.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec li.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec li.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec li.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec li.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec li.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec li.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec li.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec li.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec li.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec li.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInItem{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutItem{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}\n#accordion-spec .note{margin-top:12px;font-size:.95rem;color:var(--muted);opacity:0}\n#accordion-spec .note.animate-in{animation:fadeIn .5s ease .3s forwards}\n#accordion-spec .note.animate-out{animation:fadeOut .2s ease forwards}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n@keyframes fadeOut{from{opacity:1}to{opacity:0}}\n#accordion-spec .badge{display:inline-block;font-size:.85rem;padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:999px;margin-right:8px;font-weight:600}\n#accordion-spec table{width:100%;table-layout:fixed;border-collapse:collapse;border:none;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--border);font-size:.95rem;margin-bottom:12px}\n#accordion-spec thead th{background:#000;color:#fff;font-weight:600;border-bottom:1px solid #222;height:120px;padding:0 4px;white-space:nowrap;text-align:center;position:relative;vertical-align:middle;transition:transform .15s ease,box-shadow .2s ease;user-select:none;cursor:pointer}\n#accordion-spec thead th span{display:inline-block;transform:rotate(-65deg);transform-origin:center center;line-height:1;position:relative;top:8px}\n#accordion-spec thead th:first-child span{transform:none;top:0}\n#accordion-spec th:first-child{text-align:left;padding-left:14px}\n#accordion-spec thead th:active{transform:scale(0.96);box-shadow:inset 0 0 4px rgba(255,255,255,0.3),inset 0 0 8px rgba(0,0,0,0.4)}\n#accordion-spec tbody td{border-top:1px solid var(--border);padding:10px 6px;text-align:center}\n#accordion-spec td:first-child{text-align:left;font-weight:600;padding-left:14px}\n#accordion-spec tbody tr:nth-child(even) td{background:#fafafa}\n#accordion-spec tr:hover td{background:#f1f1f1}\n#accordion-spec .whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600;margin-top:12px;transition:background .25s ease,transform .25s ease}\n#accordion-spec .whatsapp-btn:hover{background:#1ebe5d;transform:scale(1.05)}\n#accordion-spec .whatsapp-btn svg{width:18px;height:18px;fill:white}\n\u003c\/style\u003e\n\u003cdiv class=\"acc\"\u003e\n\u003cdetails\u003e\u003csummary\u003eProduct Details\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\n\u003cul\u003e\n\u003cli\u003eFrame Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eModel Number: MF 10460\u003c\/li\u003e\n\u003cli\u003eFeatures: Photo Chromic\u003c\/li\u003e\n\u003cli\u003eDurable Frame\u003c\/li\u003e\n\u003cli\u003eBox: Frame Box\u003c\/li\u003e\n\u003cli\u003eFree Glass Cleaner\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"note\"\u003e\u003cspan class=\"badge\"\u003eNote\u003c\/span\u003eColor may differ as a result of Lighting and Screen Condition.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eSize\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\u003cdiv class=\"specs\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eEye Size\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e50\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eBridge Size\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e21\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eTemple Length\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e145\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function() {\n  const acc = document.querySelector('#accordion-spec .acc');\n  if (!acc) return;\n  \n  \/\/ Setup WhatsApp button if exists\n  const waBtn = document.getElementById('send-prescription-btn');\n  if (waBtn) {\n    const phone = '+8801700922198';\n    let sku = null;\n    try {\n      const json = document.querySelector('[type=\"application\/ld+json\"]');\n      if (json) {\n        const data = JSON.parse(json.textContent);\n        if (data.sku) sku = data.sku;\n      }\n    } catch(e) {}\n    if (!sku \u0026\u0026 window.meta?.product?.variants?.length)\n      sku = window.meta.product.variants[0].sku;\n    if (!sku) sku = \"N\/A\";\n    const msgTemplate = 'Hello FastFashionBD, I want to send my prescription for product SKU: {SKU}';\n    const msg = encodeURIComponent(msgTemplate.replace('{SKU}', sku));\n    waBtn.href = 'https:\/\/wa.me\/' + phone + '?text=' + msg;\n  }\n  \n  acc.querySelectorAll('details').forEach(details =\u003e {\n    const summary = details.querySelector('summary');\n    const panel = details.querySelector('.panel');\n    if (!summary || !panel) return;\n    \n    \/\/ Add touch\/press effect\n    summary.addEventListener('mousedown', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('mouseup', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('mouseleave', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    \/\/ Touch events for mobile\n    summary.addEventListener('touchstart', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('touchend', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('click', e =\u003e {\n      const isOpen = details.hasAttribute('open');\n      \n      if (isOpen) {\n        e.preventDefault();\n        const rows = panel.querySelectorAll('.row');\n        const items = panel.querySelectorAll('li');\n        const notes = panel.querySelectorAll('.note');\n        \n        rows.forEach(r =\u003e r.classList.remove('animate-in'));\n        items.forEach(i =\u003e i.classList.remove('animate-in'));\n        notes.forEach(n =\u003e n.classList.remove('animate-in'));\n        \n        rows.forEach(r =\u003e r.classList.add('animate-out'));\n        items.forEach(i =\u003e i.classList.add('animate-out'));\n        notes.forEach(n =\u003e n.classList.add('animate-out'));\n        \n        setTimeout(() =\u003e {\n          details.removeAttribute('open');\n          rows.forEach(r =\u003e r.classList.remove('animate-out'));\n          items.forEach(i =\u003e i.classList.remove('animate-out'));\n          notes.forEach(n =\u003e n.classList.remove('animate-out'));\n        }, 350);\n      } else {\n        acc.querySelectorAll('details[open]').forEach(d =\u003e {\n          if (d !== details) {\n            const p = d.querySelector('.panel');\n            const rs = p.querySelectorAll('.row');\n            const is = p.querySelectorAll('li');\n            const ns = p.querySelectorAll('.note');\n            \n            rs.forEach(r =\u003e r.classList.remove('animate-in'));\n            is.forEach(i =\u003e i.classList.remove('animate-in'));\n            ns.forEach(n =\u003e n.classList.remove('animate-in'));\n            \n            rs.forEach(r =\u003e r.classList.add('animate-out'));\n            is.forEach(i =\u003e i.classList.add('animate-out'));\n            ns.forEach(n =\u003e n.classList.add('animate-out'));\n            \n            setTimeout(() =\u003e {\n              d.removeAttribute('open');\n              rs.forEach(r =\u003e r.classList.remove('animate-out'));\n              is.forEach(i =\u003e i.classList.remove('animate-out'));\n              ns.forEach(n =\u003e n.classList.remove('animate-out'));\n            }, 350);\n          }\n        });\n        \n        setTimeout(() =\u003e {\n          const rows = panel.querySelectorAll('.row');\n          const items = panel.querySelectorAll('li');\n          const notes = panel.querySelectorAll('.note');\n          \n          rows.forEach(r =\u003e r.classList.add('animate-in'));\n          items.forEach(i =\u003e i.classList.add('animate-in'));\n          notes.forEach(n =\u003e n.classList.add('animate-in'));\n        }, 50);\n      }\n    });\n  });\n})();\n\u003c\/script\u003e\n\u003c\/section\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":48928887898349,"sku":"MST Frame 21 B","price":1280.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/B1_2abb77ba-a855-42a4-8df7-bdfb43c7c132.jpg?v=1761563025"},{"product_id":"moscot-photochromic-eye-glass-eyeware-optic-frame-mst-frame-21-c","title":"Moscot PHOTOCHROMIC Eye Glass | Eyeware | Optic Frame | MST Frame 21 C","description":"\u003csection id=\"accordion-spec\" lang=\"en\"\u003e\n\u003cstyle\u003e\n#accordion-spec{--bg:transparent;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--border:#d1d5db;--accent:#8b5cf6;--radius:25px;--shadow:0 4px 16px rgba(0,0,0,0.005), 0 1px 4px rgba(0,0,0,0.003);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}\n#accordion-spec .acc{max-width:860px;margin:0 auto;display:grid;gap:10px}\n#accordion-spec details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}\n#accordion-spec details:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.03)}\n#accordion-spec summary{list-style:none;cursor:pointer;padding:12.307692307692308px 18px;display:flex;align-items:center;gap:10px;font-weight:600;user-select:none;outline:0;transition:background .2s,transform .15s ease,box-shadow .2s ease;min-height:40px}\n#accordion-spec summary:hover{background:rgba(0,0,0,0.02)}\n#accordion-spec summary:active{transform:scale(0.98);box-shadow:inset 0 0 4px rgba(0,0,0,0.08);background:#f9fafb}\n#accordion-spec summary::-webkit-details-marker{display:none}\n#accordion-spec summary::after{content:\"\";width:10px;height:10px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.65}\n#accordion-spec details[open] summary::after{transform:rotate(-135deg);opacity:1}\n#accordion-spec summary:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:calc(var(--radius) - 2px)}\n#accordion-spec .panel{padding:0 18px;border-top:1px dashed var(--border);background:linear-gradient(180deg,#f9fafb 0%,#f6f7f8 100%);max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s}\n#accordion-spec details[open] .panel{max-height:2000px;opacity:1;padding:12px 18px 18px}\n#accordion-spec .specs{display:grid;grid-template-columns:1fr;gap:10px}\n#accordion-spec .row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:all .2s;opacity:0;transform:translateY(-15px)}\n#accordion-spec .row.animate-in{animation:slideInRow .4s ease forwards}\n#accordion-spec .row.animate-out{animation:slideOutRow .3s ease forwards}\n#accordion-spec .row:hover{border-color:var(--accent);transform:translateY(0)!important}\n#accordion-spec .row.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec .row.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec .row.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec .row.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec .row.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec .row.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec .row.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec .row.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec .row.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec .row.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec .row.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec .row.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec .row.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec .row.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec .row.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec .row.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec .row.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec .row.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec .row.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec .row.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec .row.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInRow{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutRow{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}\n@media(max-width:720px){#accordion-spec .row{grid-template-columns:120px 1fr}}\n#accordion-spec .label{color:var(--muted);font-weight:600;font-size:.9rem}\n#accordion-spec .value{color:var(--text)}\n#accordion-spec ul{margin:0;padding-left:20px;line-height:1.7}\n#accordion-spec li{margin:8px 0;color:var(--text);opacity:0;transform:translateY(-10px)}\n#accordion-spec li.animate-in{animation:slideInItem .4s ease forwards}\n#accordion-spec li.animate-out{animation:slideOutItem .3s ease forwards}\n#accordion-spec li.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec li.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec li.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec li.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec li.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec li.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec li.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec li.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec li.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec li.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec li.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec li.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec li.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec li.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec li.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec li.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec li.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec li.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec li.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec li.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec li.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInItem{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutItem{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}\n#accordion-spec .note{margin-top:12px;font-size:.95rem;color:var(--muted);opacity:0}\n#accordion-spec .note.animate-in{animation:fadeIn .5s ease .3s forwards}\n#accordion-spec .note.animate-out{animation:fadeOut .2s ease forwards}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n@keyframes fadeOut{from{opacity:1}to{opacity:0}}\n#accordion-spec .badge{display:inline-block;font-size:.85rem;padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:999px;margin-right:8px;font-weight:600}\n#accordion-spec table{width:100%;table-layout:fixed;border-collapse:collapse;border:none;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--border);font-size:.95rem;margin-bottom:12px}\n#accordion-spec thead th{background:#000;color:#fff;font-weight:600;border-bottom:1px solid #222;height:120px;padding:0 4px;white-space:nowrap;text-align:center;position:relative;vertical-align:middle;transition:transform .15s ease,box-shadow .2s ease;user-select:none;cursor:pointer}\n#accordion-spec thead th span{display:inline-block;transform:rotate(-65deg);transform-origin:center center;line-height:1;position:relative;top:8px}\n#accordion-spec thead th:first-child span{transform:none;top:0}\n#accordion-spec th:first-child{text-align:left;padding-left:14px}\n#accordion-spec thead th:active{transform:scale(0.96);box-shadow:inset 0 0 4px rgba(255,255,255,0.3),inset 0 0 8px rgba(0,0,0,0.4)}\n#accordion-spec tbody td{border-top:1px solid var(--border);padding:10px 6px;text-align:center}\n#accordion-spec td:first-child{text-align:left;font-weight:600;padding-left:14px}\n#accordion-spec tbody tr:nth-child(even) td{background:#fafafa}\n#accordion-spec tr:hover td{background:#f1f1f1}\n#accordion-spec .whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600;margin-top:12px;transition:background .25s ease,transform .25s ease}\n#accordion-spec .whatsapp-btn:hover{background:#1ebe5d;transform:scale(1.05)}\n#accordion-spec .whatsapp-btn svg{width:18px;height:18px;fill:white}\n\u003c\/style\u003e\n\u003cdiv class=\"acc\"\u003e\n\u003cdetails\u003e\u003csummary\u003eProduct Details\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\n\u003cul\u003e\n\u003cli\u003eFrame Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eModel Number: MF 10460\u003c\/li\u003e\n\u003cli\u003eFeatures: Photo Chromic\u003c\/li\u003e\n\u003cli\u003eDurable Frame\u003c\/li\u003e\n\u003cli\u003eBox: Frame Box\u003c\/li\u003e\n\u003cli\u003eFree Glass Cleaner\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"note\"\u003e\u003cspan class=\"badge\"\u003eNote\u003c\/span\u003eColor may differ as a result of Lighting and Screen Condition.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eSize\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\u003cdiv class=\"specs\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eEye Size\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e50\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eBridge Size\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e21\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eTemple Length\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e145\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function() {\n  const acc = document.querySelector('#accordion-spec .acc');\n  if (!acc) return;\n  \n  \/\/ Setup WhatsApp button if exists\n  const waBtn = document.getElementById('send-prescription-btn');\n  if (waBtn) {\n    const phone = '+8801700922198';\n    let sku = null;\n    try {\n      const json = document.querySelector('[type=\"application\/ld+json\"]');\n      if (json) {\n        const data = JSON.parse(json.textContent);\n        if (data.sku) sku = data.sku;\n      }\n    } catch(e) {}\n    if (!sku \u0026\u0026 window.meta?.product?.variants?.length)\n      sku = window.meta.product.variants[0].sku;\n    if (!sku) sku = \"N\/A\";\n    const msgTemplate = 'Hello FastFashionBD, I want to send my prescription for product SKU: {SKU}';\n    const msg = encodeURIComponent(msgTemplate.replace('{SKU}', sku));\n    waBtn.href = 'https:\/\/wa.me\/' + phone + '?text=' + msg;\n  }\n  \n  acc.querySelectorAll('details').forEach(details =\u003e {\n    const summary = details.querySelector('summary');\n    const panel = details.querySelector('.panel');\n    if (!summary || !panel) return;\n    \n    \/\/ Add touch\/press effect\n    summary.addEventListener('mousedown', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('mouseup', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('mouseleave', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    \/\/ Touch events for mobile\n    summary.addEventListener('touchstart', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('touchend', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('click', e =\u003e {\n      const isOpen = details.hasAttribute('open');\n      \n      if (isOpen) {\n        e.preventDefault();\n        const rows = panel.querySelectorAll('.row');\n        const items = panel.querySelectorAll('li');\n        const notes = panel.querySelectorAll('.note');\n        \n        rows.forEach(r =\u003e r.classList.remove('animate-in'));\n        items.forEach(i =\u003e i.classList.remove('animate-in'));\n        notes.forEach(n =\u003e n.classList.remove('animate-in'));\n        \n        rows.forEach(r =\u003e r.classList.add('animate-out'));\n        items.forEach(i =\u003e i.classList.add('animate-out'));\n        notes.forEach(n =\u003e n.classList.add('animate-out'));\n        \n        setTimeout(() =\u003e {\n          details.removeAttribute('open');\n          rows.forEach(r =\u003e r.classList.remove('animate-out'));\n          items.forEach(i =\u003e i.classList.remove('animate-out'));\n          notes.forEach(n =\u003e n.classList.remove('animate-out'));\n        }, 350);\n      } else {\n        acc.querySelectorAll('details[open]').forEach(d =\u003e {\n          if (d !== details) {\n            const p = d.querySelector('.panel');\n            const rs = p.querySelectorAll('.row');\n            const is = p.querySelectorAll('li');\n            const ns = p.querySelectorAll('.note');\n            \n            rs.forEach(r =\u003e r.classList.remove('animate-in'));\n            is.forEach(i =\u003e i.classList.remove('animate-in'));\n            ns.forEach(n =\u003e n.classList.remove('animate-in'));\n            \n            rs.forEach(r =\u003e r.classList.add('animate-out'));\n            is.forEach(i =\u003e i.classList.add('animate-out'));\n            ns.forEach(n =\u003e n.classList.add('animate-out'));\n            \n            setTimeout(() =\u003e {\n              d.removeAttribute('open');\n              rs.forEach(r =\u003e r.classList.remove('animate-out'));\n              is.forEach(i =\u003e i.classList.remove('animate-out'));\n              ns.forEach(n =\u003e n.classList.remove('animate-out'));\n            }, 350);\n          }\n        });\n        \n        setTimeout(() =\u003e {\n          const rows = panel.querySelectorAll('.row');\n          const items = panel.querySelectorAll('li');\n          const notes = panel.querySelectorAll('.note');\n          \n          rows.forEach(r =\u003e r.classList.add('animate-in'));\n          items.forEach(i =\u003e i.classList.add('animate-in'));\n          notes.forEach(n =\u003e n.classList.add('animate-in'));\n        }, 50);\n      }\n    });\n  });\n})();\n\u003c\/script\u003e\n\u003c\/section\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":48928894386413,"sku":"MST Frame 21 C","price":1280.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/C1_b8c83b58-7c2e-494c-a887-9f1d790edea6.jpg?v=1761563063"},{"product_id":"moscot-photochromic-eye-glass-eyeware-optic-frame-mst-frame-21-d","title":"Moscot PHOTOCHROMIC Eye Glass | Eyeware | Optic Frame | MST Frame 21 D","description":"\u003csection id=\"accordion-spec\" lang=\"en\"\u003e\n\u003cstyle\u003e\n#accordion-spec{--bg:transparent;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--border:#d1d5db;--accent:#8b5cf6;--radius:25px;--shadow:0 4px 16px rgba(0,0,0,0.005), 0 1px 4px rgba(0,0,0,0.003);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}\n#accordion-spec .acc{max-width:860px;margin:0 auto;display:grid;gap:10px}\n#accordion-spec details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}\n#accordion-spec details:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.03)}\n#accordion-spec summary{list-style:none;cursor:pointer;padding:12.307692307692308px 18px;display:flex;align-items:center;gap:10px;font-weight:600;user-select:none;outline:0;transition:background .2s,transform .15s ease,box-shadow .2s ease;min-height:40px}\n#accordion-spec summary:hover{background:rgba(0,0,0,0.02)}\n#accordion-spec summary:active{transform:scale(0.98);box-shadow:inset 0 0 4px rgba(0,0,0,0.08);background:#f9fafb}\n#accordion-spec summary::-webkit-details-marker{display:none}\n#accordion-spec summary::after{content:\"\";width:10px;height:10px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.65}\n#accordion-spec details[open] summary::after{transform:rotate(-135deg);opacity:1}\n#accordion-spec summary:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:calc(var(--radius) - 2px)}\n#accordion-spec .panel{padding:0 18px;border-top:1px dashed var(--border);background:linear-gradient(180deg,#f9fafb 0%,#f6f7f8 100%);max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s}\n#accordion-spec details[open] .panel{max-height:2000px;opacity:1;padding:12px 18px 18px}\n#accordion-spec .specs{display:grid;grid-template-columns:1fr;gap:10px}\n#accordion-spec .row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:all .2s;opacity:0;transform:translateY(-15px)}\n#accordion-spec .row.animate-in{animation:slideInRow .4s ease forwards}\n#accordion-spec .row.animate-out{animation:slideOutRow .3s ease forwards}\n#accordion-spec .row:hover{border-color:var(--accent);transform:translateY(0)!important}\n#accordion-spec .row.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec .row.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec .row.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec .row.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec .row.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec .row.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec .row.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec .row.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec .row.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec .row.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec .row.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec .row.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec .row.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec .row.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec .row.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec .row.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec .row.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec .row.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec .row.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec .row.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec .row.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInRow{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutRow{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}\n@media(max-width:720px){#accordion-spec .row{grid-template-columns:120px 1fr}}\n#accordion-spec .label{color:var(--muted);font-weight:600;font-size:.9rem}\n#accordion-spec .value{color:var(--text)}\n#accordion-spec ul{margin:0;padding-left:20px;line-height:1.7}\n#accordion-spec li{margin:8px 0;color:var(--text);opacity:0;transform:translateY(-10px)}\n#accordion-spec li.animate-in{animation:slideInItem .4s ease forwards}\n#accordion-spec li.animate-out{animation:slideOutItem .3s ease forwards}\n#accordion-spec li.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec li.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec li.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec li.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec li.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec li.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec li.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec li.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec li.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec li.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec li.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec li.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec li.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec li.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec li.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec li.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec li.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec li.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec li.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec li.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec li.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInItem{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutItem{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}\n#accordion-spec .note{margin-top:12px;font-size:.95rem;color:var(--muted);opacity:0}\n#accordion-spec .note.animate-in{animation:fadeIn .5s ease .3s forwards}\n#accordion-spec .note.animate-out{animation:fadeOut .2s ease forwards}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n@keyframes fadeOut{from{opacity:1}to{opacity:0}}\n#accordion-spec .badge{display:inline-block;font-size:.85rem;padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:999px;margin-right:8px;font-weight:600}\n#accordion-spec table{width:100%;table-layout:fixed;border-collapse:collapse;border:none;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--border);font-size:.95rem;margin-bottom:12px}\n#accordion-spec thead th{background:#000;color:#fff;font-weight:600;border-bottom:1px solid #222;height:120px;padding:0 4px;white-space:nowrap;text-align:center;position:relative;vertical-align:middle;transition:transform .15s ease,box-shadow .2s ease;user-select:none;cursor:pointer}\n#accordion-spec thead th span{display:inline-block;transform:rotate(-65deg);transform-origin:center center;line-height:1;position:relative;top:8px}\n#accordion-spec thead th:first-child span{transform:none;top:0}\n#accordion-spec th:first-child{text-align:left;padding-left:14px}\n#accordion-spec thead th:active{transform:scale(0.96);box-shadow:inset 0 0 4px rgba(255,255,255,0.3),inset 0 0 8px rgba(0,0,0,0.4)}\n#accordion-spec tbody td{border-top:1px solid var(--border);padding:10px 6px;text-align:center}\n#accordion-spec td:first-child{text-align:left;font-weight:600;padding-left:14px}\n#accordion-spec tbody tr:nth-child(even) td{background:#fafafa}\n#accordion-spec tr:hover td{background:#f1f1f1}\n#accordion-spec .whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600;margin-top:12px;transition:background .25s ease,transform .25s ease}\n#accordion-spec .whatsapp-btn:hover{background:#1ebe5d;transform:scale(1.05)}\n#accordion-spec .whatsapp-btn svg{width:18px;height:18px;fill:white}\n\u003c\/style\u003e\n\u003cdiv class=\"acc\"\u003e\n\u003cdetails\u003e\u003csummary\u003eProduct Details\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\n\u003cul\u003e\n\u003cli\u003eFrame Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eModel Number: MF 10460\u003c\/li\u003e\n\u003cli\u003eFeatures: Photo Chromic\u003c\/li\u003e\n\u003cli\u003eDurable Frame\u003c\/li\u003e\n\u003cli\u003eBox: Frame Box\u003c\/li\u003e\n\u003cli\u003eFree Glass Cleaner\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"note\"\u003e\u003cspan class=\"badge\"\u003eNote\u003c\/span\u003eColor may differ as a result of Lighting and Screen Condition.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eSize\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\u003cdiv class=\"specs\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eEye Size\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e50\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eBridge Size\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e21\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eTemple Length\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e145\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function() {\n  const acc = document.querySelector('#accordion-spec .acc');\n  if (!acc) return;\n  \n  \/\/ Setup WhatsApp button if exists\n  const waBtn = document.getElementById('send-prescription-btn');\n  if (waBtn) {\n    const phone = '+8801700922198';\n    let sku = null;\n    try {\n      const json = document.querySelector('[type=\"application\/ld+json\"]');\n      if (json) {\n        const data = JSON.parse(json.textContent);\n        if (data.sku) sku = data.sku;\n      }\n    } catch(e) {}\n    if (!sku \u0026\u0026 window.meta?.product?.variants?.length)\n      sku = window.meta.product.variants[0].sku;\n    if (!sku) sku = \"N\/A\";\n    const msgTemplate = 'Hello FastFashionBD, I want to send my prescription for product SKU: {SKU}';\n    const msg = encodeURIComponent(msgTemplate.replace('{SKU}', sku));\n    waBtn.href = 'https:\/\/wa.me\/' + phone + '?text=' + msg;\n  }\n  \n  acc.querySelectorAll('details').forEach(details =\u003e {\n    const summary = details.querySelector('summary');\n    const panel = details.querySelector('.panel');\n    if (!summary || !panel) return;\n    \n    \/\/ Add touch\/press effect\n    summary.addEventListener('mousedown', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('mouseup', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('mouseleave', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    \/\/ Touch events for mobile\n    summary.addEventListener('touchstart', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('touchend', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('click', e =\u003e {\n      const isOpen = details.hasAttribute('open');\n      \n      if (isOpen) {\n        e.preventDefault();\n        const rows = panel.querySelectorAll('.row');\n        const items = panel.querySelectorAll('li');\n        const notes = panel.querySelectorAll('.note');\n        \n        rows.forEach(r =\u003e r.classList.remove('animate-in'));\n        items.forEach(i =\u003e i.classList.remove('animate-in'));\n        notes.forEach(n =\u003e n.classList.remove('animate-in'));\n        \n        rows.forEach(r =\u003e r.classList.add('animate-out'));\n        items.forEach(i =\u003e i.classList.add('animate-out'));\n        notes.forEach(n =\u003e n.classList.add('animate-out'));\n        \n        setTimeout(() =\u003e {\n          details.removeAttribute('open');\n          rows.forEach(r =\u003e r.classList.remove('animate-out'));\n          items.forEach(i =\u003e i.classList.remove('animate-out'));\n          notes.forEach(n =\u003e n.classList.remove('animate-out'));\n        }, 350);\n      } else {\n        acc.querySelectorAll('details[open]').forEach(d =\u003e {\n          if (d !== details) {\n            const p = d.querySelector('.panel');\n            const rs = p.querySelectorAll('.row');\n            const is = p.querySelectorAll('li');\n            const ns = p.querySelectorAll('.note');\n            \n            rs.forEach(r =\u003e r.classList.remove('animate-in'));\n            is.forEach(i =\u003e i.classList.remove('animate-in'));\n            ns.forEach(n =\u003e n.classList.remove('animate-in'));\n            \n            rs.forEach(r =\u003e r.classList.add('animate-out'));\n            is.forEach(i =\u003e i.classList.add('animate-out'));\n            ns.forEach(n =\u003e n.classList.add('animate-out'));\n            \n            setTimeout(() =\u003e {\n              d.removeAttribute('open');\n              rs.forEach(r =\u003e r.classList.remove('animate-out'));\n              is.forEach(i =\u003e i.classList.remove('animate-out'));\n              ns.forEach(n =\u003e n.classList.remove('animate-out'));\n            }, 350);\n          }\n        });\n        \n        setTimeout(() =\u003e {\n          const rows = panel.querySelectorAll('.row');\n          const items = panel.querySelectorAll('li');\n          const notes = panel.querySelectorAll('.note');\n          \n          rows.forEach(r =\u003e r.classList.add('animate-in'));\n          items.forEach(i =\u003e i.classList.add('animate-in'));\n          notes.forEach(n =\u003e n.classList.add('animate-in'));\n        }, 50);\n      }\n    });\n  });\n})();\n\u003c\/script\u003e\n\u003c\/section\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":48928903889133,"sku":"MST Frame 21 D","price":1280.0,"currency_code":"BDT","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/d1_c2dad487-e263-4410-b1e9-1b67878f8b74.jpg?v=1761563123"},{"product_id":"moscot-photochromic-eye-glass-eyeware-optic-frame-mst-frame-21-e","title":"Moscot PHOTOCHROMIC Eye Glass | Eyeware | Optic Frame | MST Frame 21 E","description":"\u003csection id=\"accordion-spec\" lang=\"en\"\u003e\n\u003cstyle\u003e\n#accordion-spec{--bg:transparent;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--border:#d1d5db;--accent:#8b5cf6;--radius:25px;--shadow:0 4px 16px rgba(0,0,0,0.005), 0 1px 4px rgba(0,0,0,0.003);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}\n#accordion-spec .acc{max-width:860px;margin:0 auto;display:grid;gap:10px}\n#accordion-spec details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}\n#accordion-spec details:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.03)}\n#accordion-spec summary{list-style:none;cursor:pointer;padding:12.307692307692308px 18px;display:flex;align-items:center;gap:10px;font-weight:600;user-select:none;outline:0;transition:background .2s,transform .15s ease,box-shadow .2s ease;min-height:40px}\n#accordion-spec summary:hover{background:rgba(0,0,0,0.02)}\n#accordion-spec summary:active{transform:scale(0.98);box-shadow:inset 0 0 4px rgba(0,0,0,0.08);background:#f9fafb}\n#accordion-spec summary::-webkit-details-marker{display:none}\n#accordion-spec summary::after{content:\"\";width:10px;height:10px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.65}\n#accordion-spec details[open] summary::after{transform:rotate(-135deg);opacity:1}\n#accordion-spec summary:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:calc(var(--radius) - 2px)}\n#accordion-spec .panel{padding:0 18px;border-top:1px dashed var(--border);background:linear-gradient(180deg,#f9fafb 0%,#f6f7f8 100%);max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s}\n#accordion-spec details[open] .panel{max-height:2000px;opacity:1;padding:12px 18px 18px}\n#accordion-spec .specs{display:grid;grid-template-columns:1fr;gap:10px}\n#accordion-spec .row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:all .2s;opacity:0;transform:translateY(-15px)}\n#accordion-spec .row.animate-in{animation:slideInRow .4s ease forwards}\n#accordion-spec .row.animate-out{animation:slideOutRow .3s ease forwards}\n#accordion-spec .row:hover{border-color:var(--accent);transform:translateY(0)!important}\n#accordion-spec .row.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec .row.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec .row.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec .row.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec .row.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec .row.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec .row.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec .row.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec .row.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec .row.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec .row.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec .row.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec .row.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec .row.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec .row.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec .row.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec .row.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec .row.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec .row.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec .row.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec .row.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInRow{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutRow{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}\n@media(max-width:720px){#accordion-spec .row{grid-template-columns:120px 1fr}}\n#accordion-spec .label{color:var(--muted);font-weight:600;font-size:.9rem}\n#accordion-spec .value{color:var(--text)}\n#accordion-spec ul{margin:0;padding-left:20px;line-height:1.7}\n#accordion-spec li{margin:8px 0;color:var(--text);opacity:0;transform:translateY(-10px)}\n#accordion-spec li.animate-in{animation:slideInItem .4s ease forwards}\n#accordion-spec li.animate-out{animation:slideOutItem .3s ease forwards}\n#accordion-spec li.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec li.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec li.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec li.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec li.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec li.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec li.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec li.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec li.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec li.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec li.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec li.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec li.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec li.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec li.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec li.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec li.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec li.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec li.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec li.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec li.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInItem{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutItem{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}\n#accordion-spec .note{margin-top:12px;font-size:.95rem;color:var(--muted);opacity:0}\n#accordion-spec .note.animate-in{animation:fadeIn .5s ease .3s forwards}\n#accordion-spec .note.animate-out{animation:fadeOut .2s ease forwards}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n@keyframes fadeOut{from{opacity:1}to{opacity:0}}\n#accordion-spec .badge{display:inline-block;font-size:.85rem;padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:999px;margin-right:8px;font-weight:600}\n#accordion-spec table{width:100%;table-layout:fixed;border-collapse:collapse;border:none;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--border);font-size:.95rem;margin-bottom:12px}\n#accordion-spec thead th{background:#000;color:#fff;font-weight:600;border-bottom:1px solid #222;height:120px;padding:0 4px;white-space:nowrap;text-align:center;position:relative;vertical-align:middle;transition:transform .15s ease,box-shadow .2s ease;user-select:none;cursor:pointer}\n#accordion-spec thead th span{display:inline-block;transform:rotate(-65deg);transform-origin:center center;line-height:1;position:relative;top:8px}\n#accordion-spec thead th:first-child span{transform:none;top:0}\n#accordion-spec th:first-child{text-align:left;padding-left:14px}\n#accordion-spec thead th:active{transform:scale(0.96);box-shadow:inset 0 0 4px rgba(255,255,255,0.3),inset 0 0 8px rgba(0,0,0,0.4)}\n#accordion-spec tbody td{border-top:1px solid var(--border);padding:10px 6px;text-align:center}\n#accordion-spec td:first-child{text-align:left;font-weight:600;padding-left:14px}\n#accordion-spec tbody tr:nth-child(even) td{background:#fafafa}\n#accordion-spec tr:hover td{background:#f1f1f1}\n#accordion-spec .whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600;margin-top:12px;transition:background .25s ease,transform .25s ease}\n#accordion-spec .whatsapp-btn:hover{background:#1ebe5d;transform:scale(1.05)}\n#accordion-spec .whatsapp-btn svg{width:18px;height:18px;fill:white}\n\u003c\/style\u003e\n\u003cdiv class=\"acc\"\u003e\n\u003cdetails\u003e\u003csummary\u003eProduct Details\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\n\u003cul\u003e\n\u003cli\u003eFrame Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eModel Number: MF 10460\u003c\/li\u003e\n\u003cli\u003eFeatures: Photo Chromic\u003c\/li\u003e\n\u003cli\u003eDurable Frame\u003c\/li\u003e\n\u003cli\u003eBox: Frame Box\u003c\/li\u003e\n\u003cli\u003eFree Glass Cleaner\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"note\"\u003e\u003cspan class=\"badge\"\u003eNote\u003c\/span\u003eColor may differ as a result of Lighting and Screen Condition.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003cdetails\u003e\u003csummary\u003eSize\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\u003cdiv class=\"specs\"\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eEye Size\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e50\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eBridge Size\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e21\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"row\"\u003e\n\u003cdiv class=\"label\"\u003eTemple Length\u003c\/div\u003e\n\u003cdiv class=\"value\"\u003e145\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n(function() {\n  const acc = document.querySelector('#accordion-spec .acc');\n  if (!acc) return;\n  \n  \/\/ Setup WhatsApp button if exists\n  const waBtn = document.getElementById('send-prescription-btn');\n  if (waBtn) {\n    const phone = '+8801700922198';\n    let sku = null;\n    try {\n      const json = document.querySelector('[type=\"application\/ld+json\"]');\n      if (json) {\n        const data = JSON.parse(json.textContent);\n        if (data.sku) sku = data.sku;\n      }\n    } catch(e) {}\n    if (!sku \u0026\u0026 window.meta?.product?.variants?.length)\n      sku = window.meta.product.variants[0].sku;\n    if (!sku) sku = \"N\/A\";\n    const msgTemplate = 'Hello FastFashionBD, I want to send my prescription for product SKU: {SKU}';\n    const msg = encodeURIComponent(msgTemplate.replace('{SKU}', sku));\n    waBtn.href = 'https:\/\/wa.me\/' + phone + '?text=' + msg;\n  }\n  \n  acc.querySelectorAll('details').forEach(details =\u003e {\n    const summary = details.querySelector('summary');\n    const panel = details.querySelector('.panel');\n    if (!summary || !panel) return;\n    \n    \/\/ Add touch\/press effect\n    summary.addEventListener('mousedown', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('mouseup', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('mouseleave', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    \/\/ Touch events for mobile\n    summary.addEventListener('touchstart', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('touchend', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('click', e =\u003e {\n      const isOpen = details.hasAttribute('open');\n      \n      if (isOpen) {\n        e.preventDefault();\n        const rows = panel.querySelectorAll('.row');\n        const items = panel.querySelectorAll('li');\n        const notes = panel.querySelectorAll('.note');\n        \n        rows.forEach(r =\u003e r.classList.remove('animate-in'));\n        items.forEach(i =\u003e i.classList.remove('animate-in'));\n        notes.forEach(n =\u003e n.classList.remove('animate-in'));\n        \n        rows.forEach(r =\u003e r.classList.add('animate-out'));\n        items.forEach(i =\u003e i.classList.add('animate-out'));\n        notes.forEach(n =\u003e n.classList.add('animate-out'));\n        \n        setTimeout(() =\u003e {\n          details.removeAttribute('open');\n          rows.forEach(r =\u003e r.classList.remove('animate-out'));\n          items.forEach(i =\u003e i.classList.remove('animate-out'));\n          notes.forEach(n =\u003e n.classList.remove('animate-out'));\n        }, 350);\n      } else {\n        acc.querySelectorAll('details[open]').forEach(d =\u003e {\n          if (d !== details) {\n            const p = d.querySelector('.panel');\n            const rs = p.querySelectorAll('.row');\n            const is = p.querySelectorAll('li');\n            const ns = p.querySelectorAll('.note');\n            \n            rs.forEach(r =\u003e r.classList.remove('animate-in'));\n            is.forEach(i =\u003e i.classList.remove('animate-in'));\n            ns.forEach(n =\u003e n.classList.remove('animate-in'));\n            \n            rs.forEach(r =\u003e r.classList.add('animate-out'));\n            is.forEach(i =\u003e i.classList.add('animate-out'));\n            ns.forEach(n =\u003e n.classList.add('animate-out'));\n            \n            setTimeout(() =\u003e {\n              d.removeAttribute('open');\n              rs.forEach(r =\u003e r.classList.remove('animate-out'));\n              is.forEach(i =\u003e i.classList.remove('animate-out'));\n              ns.forEach(n =\u003e n.classList.remove('animate-out'));\n            }, 350);\n          }\n        });\n        \n        setTimeout(() =\u003e {\n          const rows = panel.querySelectorAll('.row');\n          const items = panel.querySelectorAll('li');\n          const notes = panel.querySelectorAll('.note');\n          \n          rows.forEach(r =\u003e r.classList.add('animate-in'));\n          items.forEach(i =\u003e i.classList.add('animate-in'));\n          notes.forEach(n =\u003e n.classList.add('animate-in'));\n        }, 50);\n      }\n    });\n  });\n})();\n\u003c\/script\u003e\n\u003c\/section\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":48928904511725,"sku":"MST Frame 21 E","price":1280.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/e1.jpg?v=1761563128"},{"product_id":"moscot-stylish-sunglass-premium-quality-mst-19-a","title":"Moscot Stylish Sunglass | Premium Quality | MST 19 A","description":"\u003csection id=\"accordion-spec\" lang=\"en\"\u003e\n\u003cstyle\u003e\n#accordion-spec{--bg:transparent;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--border:#d1d5db;--accent:#8b5cf6;--radius:25px;--shadow:0 4px 16px rgba(0,0,0,0.008), 0 1px 4px rgba(0,0,0,0.006);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}\n#accordion-spec .acc{max-width:860px;margin:0 auto;display:grid;gap:10px}\n#accordion-spec details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}\n#accordion-spec details:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.03)}\n#accordion-spec summary{list-style:none;cursor:pointer;padding:12.307692307692308px 18px;display:flex;align-items:center;gap:10px;font-weight:600;user-select:none;outline:0;transition:background .2s,transform .15s ease,box-shadow .2s ease;min-height:40px}\n#accordion-spec summary:hover{background:rgba(0,0,0,0.02)}\n#accordion-spec summary:active{transform:scale(0.98);box-shadow:inset 0 0 4px rgba(0,0,0,0.08);background:#f9fafb}\n#accordion-spec summary::-webkit-details-marker{display:none}\n#accordion-spec summary::after{content:\"\";width:10px;height:10px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.65}\n#accordion-spec details[open] summary::after{transform:rotate(-135deg);opacity:1}\n#accordion-spec summary:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:calc(var(--radius) - 2px)}\n#accordion-spec .panel{padding:0 18px;border-top:1px dashed var(--border);background:linear-gradient(180deg,#f9fafb 0%,#f6f7f8 100%);max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s}\n#accordion-spec details[open] .panel{max-height:2000px;opacity:1;padding:12px 18px 18px}\n#accordion-spec .specs{display:grid;grid-template-columns:1fr;gap:10px}\n#accordion-spec .row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:all .2s;opacity:0;transform:translateY(-15px)}\n#accordion-spec .row.animate-in{animation:slideInRow .4s ease forwards}\n#accordion-spec .row.animate-out{animation:slideOutRow .3s ease forwards}\n#accordion-spec .row:hover{border-color:var(--accent);transform:translateY(0)!important}\n#accordion-spec .row.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec .row.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec .row.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec .row.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec .row.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec .row.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec .row.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec .row.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec .row.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec .row.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec .row.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec .row.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec .row.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec .row.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec .row.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec .row.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec .row.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec .row.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec .row.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec .row.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec .row.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInRow{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutRow{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}\n@media(max-width:720px){#accordion-spec .row{grid-template-columns:120px 1fr}}\n#accordion-spec .label{color:var(--muted);font-weight:600;font-size:.9rem}\n#accordion-spec .value{color:var(--text)}\n#accordion-spec ul{margin:0;padding-left:20px;line-height:1.7}\n#accordion-spec li{margin:8px 0;color:var(--text);opacity:0;transform:translateY(-10px)}\n#accordion-spec li.animate-in{animation:slideInItem .4s ease forwards}\n#accordion-spec li.animate-out{animation:slideOutItem .3s ease forwards}\n#accordion-spec li.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec li.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec li.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec li.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec li.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec li.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec li.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec li.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec li.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec li.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec li.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec li.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec li.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec li.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec li.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec li.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec li.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec li.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec li.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec li.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec li.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInItem{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutItem{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}\n#accordion-spec .note{margin-top:12px;font-size:.95rem;color:var(--muted);opacity:0}\n#accordion-spec .note.animate-in{animation:fadeIn .5s ease .3s forwards}\n#accordion-spec .note.animate-out{animation:fadeOut .2s ease forwards}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n@keyframes fadeOut{from{opacity:1}to{opacity:0}}\n#accordion-spec .badge{display:inline-block;font-size:.85rem;padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:999px;margin-right:8px;font-weight:600}\n#accordion-spec table{width:100%;table-layout:fixed;border-collapse:collapse;border:none;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--border);font-size:.95rem;margin-bottom:12px}\n#accordion-spec thead th{background:#000;color:#fff;font-weight:600;border-bottom:1px solid #222;height:120px;padding:0 4px;white-space:nowrap;text-align:center;position:relative;vertical-align:middle;transition:transform .15s ease,box-shadow .2s ease;user-select:none;cursor:pointer}\n#accordion-spec thead th span{display:inline-block;transform:rotate(-65deg);transform-origin:center center;line-height:1;position:relative;top:8px}\n#accordion-spec thead th:first-child span{transform:none;top:0}\n#accordion-spec th:first-child{text-align:left;padding-left:14px}\n#accordion-spec thead th:active{transform:scale(0.96);box-shadow:inset 0 0 4px rgba(255,255,255,0.3),inset 0 0 8px rgba(0,0,0,0.4)}\n#accordion-spec tbody td{border-top:1px solid var(--border);padding:10px 6px;text-align:center}\n#accordion-spec td:first-child{text-align:left;font-weight:600;padding-left:14px}\n#accordion-spec tbody tr:nth-child(even) td{background:#fafafa}\n#accordion-spec tr:hover td{background:#f1f1f1}\n#accordion-spec .whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600;margin-top:12px;transition:background .25s ease,transform .25s ease}\n#accordion-spec .whatsapp-btn:hover{background:#1ebe5d;transform:scale(1.05)}\n#accordion-spec .whatsapp-btn svg{width:18px;height:18px;fill:white}\n\u003c\/style\u003e\n\u003cdiv class=\"acc\"\u003e\u003cdetails\u003e\u003csummary\u003eProduct Details\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\n\u003cul\u003e\n\u003cli\u003eFrame Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eEye Size: 52\u003c\/li\u003e\n\u003cli\u003eBridge Size: 16\u003c\/li\u003e\n\u003cli\u003eTemple Length: 143\u003c\/li\u003e\n\u003cli\u003eModel: KZ 1139\u003c\/li\u003e\n\u003cli\u003eLight Weight\u003c\/li\u003e\n\u003cli\u003eUV Protected\u003c\/li\u003e\n\u003cli\u003eDurable Frame\u003c\/li\u003e\n\u003cli\u003eBox: Carry Box\u003c\/li\u003e\n\u003cli\u003eFree Glass Cleaner\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"note\"\u003e\u003cspan class=\"badge\"\u003eNote\u003c\/span\u003eColor may differ as a result of Lighting and Screen Condition.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003c\/div\u003e\n\u003cscript\u003e\n(function() {\n  const acc = document.querySelector('#accordion-spec .acc');\n  if (!acc) return;\n  \n  \/\/ Setup WhatsApp button if exists\n  const waBtn = document.getElementById('send-prescription-btn');\n  if (waBtn) {\n    const phone = '+8801700922198';\n    let sku = null;\n    try {\n      const json = document.querySelector('[type=\"application\/ld+json\"]');\n      if (json) {\n        const data = JSON.parse(json.textContent);\n        if (data.sku) sku = data.sku;\n      }\n    } catch(e) {}\n    if (!sku \u0026\u0026 window.meta?.product?.variants?.length)\n      sku = window.meta.product.variants[0].sku;\n    if (!sku) sku = \"N\/A\";\n    const msgTemplate = 'Hello FastFashionBD, I want to send my prescription for product SKU: {SKU}';\n    const msg = encodeURIComponent(msgTemplate.replace('{SKU}', sku));\n    waBtn.href = 'https:\/\/wa.me\/' + phone + '?text=' + msg;\n  }\n  \n  acc.querySelectorAll('details').forEach(details =\u003e {\n    const summary = details.querySelector('summary');\n    const panel = details.querySelector('.panel');\n    if (!summary || !panel) return;\n    \n    \/\/ Add touch\/press effect\n    summary.addEventListener('mousedown', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('mouseup', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('mouseleave', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    \/\/ Touch events for mobile\n    summary.addEventListener('touchstart', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('touchend', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('click', e =\u003e {\n      const isOpen = details.hasAttribute('open');\n      \n      if (isOpen) {\n        e.preventDefault();\n        const rows = panel.querySelectorAll('.row');\n        const items = panel.querySelectorAll('li');\n        const notes = panel.querySelectorAll('.note');\n        \n        rows.forEach(r =\u003e r.classList.remove('animate-in'));\n        items.forEach(i =\u003e i.classList.remove('animate-in'));\n        notes.forEach(n =\u003e n.classList.remove('animate-in'));\n        \n        rows.forEach(r =\u003e r.classList.add('animate-out'));\n        items.forEach(i =\u003e i.classList.add('animate-out'));\n        notes.forEach(n =\u003e n.classList.add('animate-out'));\n        \n        setTimeout(() =\u003e {\n          details.removeAttribute('open');\n          rows.forEach(r =\u003e r.classList.remove('animate-out'));\n          items.forEach(i =\u003e i.classList.remove('animate-out'));\n          notes.forEach(n =\u003e n.classList.remove('animate-out'));\n        }, 350);\n      } else {\n        acc.querySelectorAll('details[open]').forEach(d =\u003e {\n          if (d !== details) {\n            const p = d.querySelector('.panel');\n            const rs = p.querySelectorAll('.row');\n            const is = p.querySelectorAll('li');\n            const ns = p.querySelectorAll('.note');\n            \n            rs.forEach(r =\u003e r.classList.remove('animate-in'));\n            is.forEach(i =\u003e i.classList.remove('animate-in'));\n            ns.forEach(n =\u003e n.classList.remove('animate-in'));\n            \n            rs.forEach(r =\u003e r.classList.add('animate-out'));\n            is.forEach(i =\u003e i.classList.add('animate-out'));\n            ns.forEach(n =\u003e n.classList.add('animate-out'));\n            \n            setTimeout(() =\u003e {\n              d.removeAttribute('open');\n              rs.forEach(r =\u003e r.classList.remove('animate-out'));\n              is.forEach(i =\u003e i.classList.remove('animate-out'));\n              ns.forEach(n =\u003e n.classList.remove('animate-out'));\n            }, 350);\n          }\n        });\n        \n        setTimeout(() =\u003e {\n          const rows = panel.querySelectorAll('.row');\n          const items = panel.querySelectorAll('li');\n          const notes = panel.querySelectorAll('.note');\n          \n          rows.forEach(r =\u003e r.classList.add('animate-in'));\n          items.forEach(i =\u003e i.classList.add('animate-in'));\n          notes.forEach(n =\u003e n.classList.add('animate-in'));\n        }, 50);\n      }\n    });\n  });\n})();\n\u003c\/script\u003e\n\u003c\/section\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":49028910612717,"sku":"MST 19 A","price":1450.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/A_d3325a2d-0dfc-4b23-badb-4232f8081ae2.jpg?v=1763386905"},{"product_id":"moscot-stylish-sunglass-premium-quality-mst-19-b","title":"Moscot Stylish Sunglass | Premium Quality | MST 19 B","description":"\u003csection id=\"accordion-spec\" lang=\"en\"\u003e\n\u003cstyle\u003e\n#accordion-spec{--bg:transparent;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--border:#d1d5db;--accent:#8b5cf6;--radius:25px;--shadow:0 4px 16px rgba(0,0,0,0.008), 0 1px 4px rgba(0,0,0,0.006);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}\n#accordion-spec .acc{max-width:860px;margin:0 auto;display:grid;gap:10px}\n#accordion-spec details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}\n#accordion-spec details:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.03)}\n#accordion-spec summary{list-style:none;cursor:pointer;padding:12.307692307692308px 18px;display:flex;align-items:center;gap:10px;font-weight:600;user-select:none;outline:0;transition:background .2s,transform .15s ease,box-shadow .2s ease;min-height:40px}\n#accordion-spec summary:hover{background:rgba(0,0,0,0.02)}\n#accordion-spec summary:active{transform:scale(0.98);box-shadow:inset 0 0 4px rgba(0,0,0,0.08);background:#f9fafb}\n#accordion-spec summary::-webkit-details-marker{display:none}\n#accordion-spec summary::after{content:\"\";width:10px;height:10px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.65}\n#accordion-spec details[open] summary::after{transform:rotate(-135deg);opacity:1}\n#accordion-spec summary:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:calc(var(--radius) - 2px)}\n#accordion-spec .panel{padding:0 18px;border-top:1px dashed var(--border);background:linear-gradient(180deg,#f9fafb 0%,#f6f7f8 100%);max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s}\n#accordion-spec details[open] .panel{max-height:2000px;opacity:1;padding:12px 18px 18px}\n#accordion-spec .specs{display:grid;grid-template-columns:1fr;gap:10px}\n#accordion-spec .row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:all .2s;opacity:0;transform:translateY(-15px)}\n#accordion-spec .row.animate-in{animation:slideInRow .4s ease forwards}\n#accordion-spec .row.animate-out{animation:slideOutRow .3s ease forwards}\n#accordion-spec .row:hover{border-color:var(--accent);transform:translateY(0)!important}\n#accordion-spec .row.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec .row.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec .row.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec .row.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec .row.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec .row.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec .row.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec .row.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec .row.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec .row.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec .row.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec .row.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec .row.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec .row.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec .row.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec .row.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec .row.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec .row.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec .row.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec .row.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec .row.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInRow{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutRow{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}\n@media(max-width:720px){#accordion-spec .row{grid-template-columns:120px 1fr}}\n#accordion-spec .label{color:var(--muted);font-weight:600;font-size:.9rem}\n#accordion-spec .value{color:var(--text)}\n#accordion-spec ul{margin:0;padding-left:20px;line-height:1.7}\n#accordion-spec li{margin:8px 0;color:var(--text);opacity:0;transform:translateY(-10px)}\n#accordion-spec li.animate-in{animation:slideInItem .4s ease forwards}\n#accordion-spec li.animate-out{animation:slideOutItem .3s ease forwards}\n#accordion-spec li.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec li.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec li.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec li.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec li.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec li.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec li.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec li.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec li.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec li.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec li.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec li.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec li.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec li.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec li.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec li.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec li.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec li.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec li.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec li.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec li.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInItem{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutItem{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}\n#accordion-spec .note{margin-top:12px;font-size:.95rem;color:var(--muted);opacity:0}\n#accordion-spec .note.animate-in{animation:fadeIn .5s ease .3s forwards}\n#accordion-spec .note.animate-out{animation:fadeOut .2s ease forwards}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n@keyframes fadeOut{from{opacity:1}to{opacity:0}}\n#accordion-spec .badge{display:inline-block;font-size:.85rem;padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:999px;margin-right:8px;font-weight:600}\n#accordion-spec table{width:100%;table-layout:fixed;border-collapse:collapse;border:none;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--border);font-size:.95rem;margin-bottom:12px}\n#accordion-spec thead th{background:#000;color:#fff;font-weight:600;border-bottom:1px solid #222;height:120px;padding:0 4px;white-space:nowrap;text-align:center;position:relative;vertical-align:middle;transition:transform .15s ease,box-shadow .2s ease;user-select:none;cursor:pointer}\n#accordion-spec thead th span{display:inline-block;transform:rotate(-65deg);transform-origin:center center;line-height:1;position:relative;top:8px}\n#accordion-spec thead th:first-child span{transform:none;top:0}\n#accordion-spec th:first-child{text-align:left;padding-left:14px}\n#accordion-spec thead th:active{transform:scale(0.96);box-shadow:inset 0 0 4px rgba(255,255,255,0.3),inset 0 0 8px rgba(0,0,0,0.4)}\n#accordion-spec tbody td{border-top:1px solid var(--border);padding:10px 6px;text-align:center}\n#accordion-spec td:first-child{text-align:left;font-weight:600;padding-left:14px}\n#accordion-spec tbody tr:nth-child(even) td{background:#fafafa}\n#accordion-spec tr:hover td{background:#f1f1f1}\n#accordion-spec .whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600;margin-top:12px;transition:background .25s ease,transform .25s ease}\n#accordion-spec .whatsapp-btn:hover{background:#1ebe5d;transform:scale(1.05)}\n#accordion-spec .whatsapp-btn svg{width:18px;height:18px;fill:white}\n\u003c\/style\u003e\n\u003cdiv class=\"acc\"\u003e\u003cdetails\u003e\u003csummary\u003eProduct Details\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\n\u003cul\u003e\n\u003cli\u003eFrame Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eEye Size: 52\u003c\/li\u003e\n\u003cli\u003eBridge Size: 16\u003c\/li\u003e\n\u003cli\u003eTemple Length: 143\u003c\/li\u003e\n\u003cli\u003eModel: KZ 1139\u003c\/li\u003e\n\u003cli\u003eLight Weight\u003c\/li\u003e\n\u003cli\u003eUV Protected\u003c\/li\u003e\n\u003cli\u003eDurable Frame\u003c\/li\u003e\n\u003cli\u003eBox: Carry Box\u003c\/li\u003e\n\u003cli\u003eFree Glass Cleaner\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"note\"\u003e\u003cspan class=\"badge\"\u003eNote\u003c\/span\u003eColor may differ as a result of Lighting and Screen Condition.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003c\/div\u003e\n\u003cscript\u003e\n(function() {\n  const acc = document.querySelector('#accordion-spec .acc');\n  if (!acc) return;\n  \n  \/\/ Setup WhatsApp button if exists\n  const waBtn = document.getElementById('send-prescription-btn');\n  if (waBtn) {\n    const phone = '+8801700922198';\n    let sku = null;\n    try {\n      const json = document.querySelector('[type=\"application\/ld+json\"]');\n      if (json) {\n        const data = JSON.parse(json.textContent);\n        if (data.sku) sku = data.sku;\n      }\n    } catch(e) {}\n    if (!sku \u0026\u0026 window.meta?.product?.variants?.length)\n      sku = window.meta.product.variants[0].sku;\n    if (!sku) sku = \"N\/A\";\n    const msgTemplate = 'Hello FastFashionBD, I want to send my prescription for product SKU: {SKU}';\n    const msg = encodeURIComponent(msgTemplate.replace('{SKU}', sku));\n    waBtn.href = 'https:\/\/wa.me\/' + phone + '?text=' + msg;\n  }\n  \n  acc.querySelectorAll('details').forEach(details =\u003e {\n    const summary = details.querySelector('summary');\n    const panel = details.querySelector('.panel');\n    if (!summary || !panel) return;\n    \n    \/\/ Add touch\/press effect\n    summary.addEventListener('mousedown', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('mouseup', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('mouseleave', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    \/\/ Touch events for mobile\n    summary.addEventListener('touchstart', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('touchend', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('click', e =\u003e {\n      const isOpen = details.hasAttribute('open');\n      \n      if (isOpen) {\n        e.preventDefault();\n        const rows = panel.querySelectorAll('.row');\n        const items = panel.querySelectorAll('li');\n        const notes = panel.querySelectorAll('.note');\n        \n        rows.forEach(r =\u003e r.classList.remove('animate-in'));\n        items.forEach(i =\u003e i.classList.remove('animate-in'));\n        notes.forEach(n =\u003e n.classList.remove('animate-in'));\n        \n        rows.forEach(r =\u003e r.classList.add('animate-out'));\n        items.forEach(i =\u003e i.classList.add('animate-out'));\n        notes.forEach(n =\u003e n.classList.add('animate-out'));\n        \n        setTimeout(() =\u003e {\n          details.removeAttribute('open');\n          rows.forEach(r =\u003e r.classList.remove('animate-out'));\n          items.forEach(i =\u003e i.classList.remove('animate-out'));\n          notes.forEach(n =\u003e n.classList.remove('animate-out'));\n        }, 350);\n      } else {\n        acc.querySelectorAll('details[open]').forEach(d =\u003e {\n          if (d !== details) {\n            const p = d.querySelector('.panel');\n            const rs = p.querySelectorAll('.row');\n            const is = p.querySelectorAll('li');\n            const ns = p.querySelectorAll('.note');\n            \n            rs.forEach(r =\u003e r.classList.remove('animate-in'));\n            is.forEach(i =\u003e i.classList.remove('animate-in'));\n            ns.forEach(n =\u003e n.classList.remove('animate-in'));\n            \n            rs.forEach(r =\u003e r.classList.add('animate-out'));\n            is.forEach(i =\u003e i.classList.add('animate-out'));\n            ns.forEach(n =\u003e n.classList.add('animate-out'));\n            \n            setTimeout(() =\u003e {\n              d.removeAttribute('open');\n              rs.forEach(r =\u003e r.classList.remove('animate-out'));\n              is.forEach(i =\u003e i.classList.remove('animate-out'));\n              ns.forEach(n =\u003e n.classList.remove('animate-out'));\n            }, 350);\n          }\n        });\n        \n        setTimeout(() =\u003e {\n          const rows = panel.querySelectorAll('.row');\n          const items = panel.querySelectorAll('li');\n          const notes = panel.querySelectorAll('.note');\n          \n          rows.forEach(r =\u003e r.classList.add('animate-in'));\n          items.forEach(i =\u003e i.classList.add('animate-in'));\n          notes.forEach(n =\u003e n.classList.add('animate-in'));\n        }, 50);\n      }\n    });\n  });\n})();\n\u003c\/script\u003e\n\u003c\/section\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":49028914708717,"sku":"MST 19 B","price":1450.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/B_e33ad80c-9875-4686-b96a-d92840706fb2.jpg?v=1763387126"},{"product_id":"moscot-stylish-sunglass-premium-quality-mst-19-c","title":"Moscot Stylish Sunglass | Premium Quality | MST 19 C","description":"\u003csection id=\"accordion-spec\" lang=\"en\"\u003e\n\u003cstyle\u003e\n#accordion-spec{--bg:transparent;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--border:#d1d5db;--accent:#8b5cf6;--radius:25px;--shadow:0 4px 16px rgba(0,0,0,0.008), 0 1px 4px rgba(0,0,0,0.006);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}\n#accordion-spec .acc{max-width:860px;margin:0 auto;display:grid;gap:10px}\n#accordion-spec details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}\n#accordion-spec details:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.03)}\n#accordion-spec summary{list-style:none;cursor:pointer;padding:12.307692307692308px 18px;display:flex;align-items:center;gap:10px;font-weight:600;user-select:none;outline:0;transition:background .2s,transform .15s ease,box-shadow .2s ease;min-height:40px}\n#accordion-spec summary:hover{background:rgba(0,0,0,0.02)}\n#accordion-spec summary:active{transform:scale(0.98);box-shadow:inset 0 0 4px rgba(0,0,0,0.08);background:#f9fafb}\n#accordion-spec summary::-webkit-details-marker{display:none}\n#accordion-spec summary::after{content:\"\";width:10px;height:10px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.65}\n#accordion-spec details[open] summary::after{transform:rotate(-135deg);opacity:1}\n#accordion-spec summary:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:calc(var(--radius) - 2px)}\n#accordion-spec .panel{padding:0 18px;border-top:1px dashed var(--border);background:linear-gradient(180deg,#f9fafb 0%,#f6f7f8 100%);max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s}\n#accordion-spec details[open] .panel{max-height:2000px;opacity:1;padding:12px 18px 18px}\n#accordion-spec .specs{display:grid;grid-template-columns:1fr;gap:10px}\n#accordion-spec .row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:all .2s;opacity:0;transform:translateY(-15px)}\n#accordion-spec .row.animate-in{animation:slideInRow .4s ease forwards}\n#accordion-spec .row.animate-out{animation:slideOutRow .3s ease forwards}\n#accordion-spec .row:hover{border-color:var(--accent);transform:translateY(0)!important}\n#accordion-spec .row.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec .row.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec .row.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec .row.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec .row.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec .row.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec .row.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec .row.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec .row.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec .row.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec .row.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec .row.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec .row.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec .row.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec .row.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec .row.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec .row.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec .row.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec .row.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec .row.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec .row.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInRow{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutRow{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}\n@media(max-width:720px){#accordion-spec .row{grid-template-columns:120px 1fr}}\n#accordion-spec .label{color:var(--muted);font-weight:600;font-size:.9rem}\n#accordion-spec .value{color:var(--text)}\n#accordion-spec ul{margin:0;padding-left:20px;line-height:1.7}\n#accordion-spec li{margin:8px 0;color:var(--text);opacity:0;transform:translateY(-10px)}\n#accordion-spec li.animate-in{animation:slideInItem .4s ease forwards}\n#accordion-spec li.animate-out{animation:slideOutItem .3s ease forwards}\n#accordion-spec li.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec li.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec li.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec li.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec li.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec li.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec li.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec li.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec li.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec li.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec li.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec li.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec li.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec li.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec li.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec li.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec li.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec li.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec li.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec li.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec li.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInItem{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutItem{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}\n#accordion-spec .note{margin-top:12px;font-size:.95rem;color:var(--muted);opacity:0}\n#accordion-spec .note.animate-in{animation:fadeIn .5s ease .3s forwards}\n#accordion-spec .note.animate-out{animation:fadeOut .2s ease forwards}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n@keyframes fadeOut{from{opacity:1}to{opacity:0}}\n#accordion-spec .badge{display:inline-block;font-size:.85rem;padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:999px;margin-right:8px;font-weight:600}\n#accordion-spec table{width:100%;table-layout:fixed;border-collapse:collapse;border:none;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--border);font-size:.95rem;margin-bottom:12px}\n#accordion-spec thead th{background:#000;color:#fff;font-weight:600;border-bottom:1px solid #222;height:120px;padding:0 4px;white-space:nowrap;text-align:center;position:relative;vertical-align:middle;transition:transform .15s ease,box-shadow .2s ease;user-select:none;cursor:pointer}\n#accordion-spec thead th span{display:inline-block;transform:rotate(-65deg);transform-origin:center center;line-height:1;position:relative;top:8px}\n#accordion-spec thead th:first-child span{transform:none;top:0}\n#accordion-spec th:first-child{text-align:left;padding-left:14px}\n#accordion-spec thead th:active{transform:scale(0.96);box-shadow:inset 0 0 4px rgba(255,255,255,0.3),inset 0 0 8px rgba(0,0,0,0.4)}\n#accordion-spec tbody td{border-top:1px solid var(--border);padding:10px 6px;text-align:center}\n#accordion-spec td:first-child{text-align:left;font-weight:600;padding-left:14px}\n#accordion-spec tbody tr:nth-child(even) td{background:#fafafa}\n#accordion-spec tr:hover td{background:#f1f1f1}\n#accordion-spec .whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600;margin-top:12px;transition:background .25s ease,transform .25s ease}\n#accordion-spec .whatsapp-btn:hover{background:#1ebe5d;transform:scale(1.05)}\n#accordion-spec .whatsapp-btn svg{width:18px;height:18px;fill:white}\n\u003c\/style\u003e\n\u003cdiv class=\"acc\"\u003e\u003cdetails\u003e\u003csummary\u003eProduct Details\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\n\u003cul\u003e\n\u003cli\u003eFrame Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eEye Size: 52\u003c\/li\u003e\n\u003cli\u003eBridge Size: 16\u003c\/li\u003e\n\u003cli\u003eTemple Length: 143\u003c\/li\u003e\n\u003cli\u003eModel: KZ 1139\u003c\/li\u003e\n\u003cli\u003eLight Weight\u003c\/li\u003e\n\u003cli\u003eUV Protected\u003c\/li\u003e\n\u003cli\u003eDurable Frame\u003c\/li\u003e\n\u003cli\u003eBox: Carry Box\u003c\/li\u003e\n\u003cli\u003eFree Glass Cleaner\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"note\"\u003e\u003cspan class=\"badge\"\u003eNote\u003c\/span\u003eColor may differ as a result of Lighting and Screen Condition.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003c\/div\u003e\n\u003cscript\u003e\n(function() {\n  const acc = document.querySelector('#accordion-spec .acc');\n  if (!acc) return;\n  \n  \/\/ Setup WhatsApp button if exists\n  const waBtn = document.getElementById('send-prescription-btn');\n  if (waBtn) {\n    const phone = '+8801700922198';\n    let sku = null;\n    try {\n      const json = document.querySelector('[type=\"application\/ld+json\"]');\n      if (json) {\n        const data = JSON.parse(json.textContent);\n        if (data.sku) sku = data.sku;\n      }\n    } catch(e) {}\n    if (!sku \u0026\u0026 window.meta?.product?.variants?.length)\n      sku = window.meta.product.variants[0].sku;\n    if (!sku) sku = \"N\/A\";\n    const msgTemplate = 'Hello FastFashionBD, I want to send my prescription for product SKU: {SKU}';\n    const msg = encodeURIComponent(msgTemplate.replace('{SKU}', sku));\n    waBtn.href = 'https:\/\/wa.me\/' + phone + '?text=' + msg;\n  }\n  \n  acc.querySelectorAll('details').forEach(details =\u003e {\n    const summary = details.querySelector('summary');\n    const panel = details.querySelector('.panel');\n    if (!summary || !panel) return;\n    \n    \/\/ Add touch\/press effect\n    summary.addEventListener('mousedown', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('mouseup', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('mouseleave', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    \/\/ Touch events for mobile\n    summary.addEventListener('touchstart', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('touchend', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('click', e =\u003e {\n      const isOpen = details.hasAttribute('open');\n      \n      if (isOpen) {\n        e.preventDefault();\n        const rows = panel.querySelectorAll('.row');\n        const items = panel.querySelectorAll('li');\n        const notes = panel.querySelectorAll('.note');\n        \n        rows.forEach(r =\u003e r.classList.remove('animate-in'));\n        items.forEach(i =\u003e i.classList.remove('animate-in'));\n        notes.forEach(n =\u003e n.classList.remove('animate-in'));\n        \n        rows.forEach(r =\u003e r.classList.add('animate-out'));\n        items.forEach(i =\u003e i.classList.add('animate-out'));\n        notes.forEach(n =\u003e n.classList.add('animate-out'));\n        \n        setTimeout(() =\u003e {\n          details.removeAttribute('open');\n          rows.forEach(r =\u003e r.classList.remove('animate-out'));\n          items.forEach(i =\u003e i.classList.remove('animate-out'));\n          notes.forEach(n =\u003e n.classList.remove('animate-out'));\n        }, 350);\n      } else {\n        acc.querySelectorAll('details[open]').forEach(d =\u003e {\n          if (d !== details) {\n            const p = d.querySelector('.panel');\n            const rs = p.querySelectorAll('.row');\n            const is = p.querySelectorAll('li');\n            const ns = p.querySelectorAll('.note');\n            \n            rs.forEach(r =\u003e r.classList.remove('animate-in'));\n            is.forEach(i =\u003e i.classList.remove('animate-in'));\n            ns.forEach(n =\u003e n.classList.remove('animate-in'));\n            \n            rs.forEach(r =\u003e r.classList.add('animate-out'));\n            is.forEach(i =\u003e i.classList.add('animate-out'));\n            ns.forEach(n =\u003e n.classList.add('animate-out'));\n            \n            setTimeout(() =\u003e {\n              d.removeAttribute('open');\n              rs.forEach(r =\u003e r.classList.remove('animate-out'));\n              is.forEach(i =\u003e i.classList.remove('animate-out'));\n              ns.forEach(n =\u003e n.classList.remove('animate-out'));\n            }, 350);\n          }\n        });\n        \n        setTimeout(() =\u003e {\n          const rows = panel.querySelectorAll('.row');\n          const items = panel.querySelectorAll('li');\n          const notes = panel.querySelectorAll('.note');\n          \n          rows.forEach(r =\u003e r.classList.add('animate-in'));\n          items.forEach(i =\u003e i.classList.add('animate-in'));\n          notes.forEach(n =\u003e n.classList.add('animate-in'));\n        }, 50);\n      }\n    });\n  });\n})();\n\u003c\/script\u003e\n\u003c\/section\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":49028914741485,"sku":"MST 19 C","price":1450.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/C_773e4784-56ed-4a81-a10a-c7d20bec84b4.jpg?v=1763387130"},{"product_id":"moscot-stylish-sunglass-premium-quality-mst-19-d","title":"Moscot Stylish Sunglass | Premium Quality | MST 19 D","description":"\u003csection id=\"accordion-spec\" lang=\"en\"\u003e\n\u003cstyle\u003e\n#accordion-spec{--bg:transparent;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--border:#d1d5db;--accent:#8b5cf6;--radius:25px;--shadow:0 4px 16px rgba(0,0,0,0.008), 0 1px 4px rgba(0,0,0,0.006);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}\n#accordion-spec .acc{max-width:860px;margin:0 auto;display:grid;gap:10px}\n#accordion-spec details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}\n#accordion-spec details:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.03)}\n#accordion-spec summary{list-style:none;cursor:pointer;padding:12.307692307692308px 18px;display:flex;align-items:center;gap:10px;font-weight:600;user-select:none;outline:0;transition:background .2s,transform .15s ease,box-shadow .2s ease;min-height:40px}\n#accordion-spec summary:hover{background:rgba(0,0,0,0.02)}\n#accordion-spec summary:active{transform:scale(0.98);box-shadow:inset 0 0 4px rgba(0,0,0,0.08);background:#f9fafb}\n#accordion-spec summary::-webkit-details-marker{display:none}\n#accordion-spec summary::after{content:\"\";width:10px;height:10px;border-right:2px solid var(--text);border-bottom:2px solid var(--text);transform:rotate(45deg);margin-left:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.65}\n#accordion-spec details[open] summary::after{transform:rotate(-135deg);opacity:1}\n#accordion-spec summary:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:calc(var(--radius) - 2px)}\n#accordion-spec .panel{padding:0 18px;border-top:1px dashed var(--border);background:linear-gradient(180deg,#f9fafb 0%,#f6f7f8 100%);max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s,padding .3s}\n#accordion-spec details[open] .panel{max-height:2000px;opacity:1;padding:12px 18px 18px}\n#accordion-spec .specs{display:grid;grid-template-columns:1fr;gap:10px}\n#accordion-spec .row{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;transition:all .2s;opacity:0;transform:translateY(-15px)}\n#accordion-spec .row.animate-in{animation:slideInRow .4s ease forwards}\n#accordion-spec .row.animate-out{animation:slideOutRow .3s ease forwards}\n#accordion-spec .row:hover{border-color:var(--accent);transform:translateY(0)!important}\n#accordion-spec .row.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec .row.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec .row.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec .row.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec .row.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec .row.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec .row.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec .row.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec .row.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec .row.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec .row.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec .row.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec .row.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec .row.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec .row.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec .row.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec .row.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec .row.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec .row.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec .row.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec .row.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInRow{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutRow{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}\n@media(max-width:720px){#accordion-spec .row{grid-template-columns:120px 1fr}}\n#accordion-spec .label{color:var(--muted);font-weight:600;font-size:.9rem}\n#accordion-spec .value{color:var(--text)}\n#accordion-spec ul{margin:0;padding-left:20px;line-height:1.7}\n#accordion-spec li{margin:8px 0;color:var(--text);opacity:0;transform:translateY(-10px)}\n#accordion-spec li.animate-in{animation:slideInItem .4s ease forwards}\n#accordion-spec li.animate-out{animation:slideOutItem .3s ease forwards}\n#accordion-spec li.animate-in:nth-child(1){animation-delay:.05s}\n#accordion-spec li.animate-in:nth-child(2){animation-delay:.1s}\n#accordion-spec li.animate-in:nth-child(3){animation-delay:.15s}\n#accordion-spec li.animate-in:nth-child(4){animation-delay:.2s}\n#accordion-spec li.animate-in:nth-child(5){animation-delay:.25s}\n#accordion-spec li.animate-in:nth-child(6){animation-delay:.3s}\n#accordion-spec li.animate-in:nth-child(7){animation-delay:.35s}\n#accordion-spec li.animate-in:nth-child(8){animation-delay:.4s}\n#accordion-spec li.animate-in:nth-child(9){animation-delay:.45s}\n#accordion-spec li.animate-in:nth-child(10){animation-delay:.5s}\n#accordion-spec li.animate-in:nth-child(n+11){animation-delay:.55s}\n#accordion-spec li.animate-out:nth-child(1){animation-delay:0s}\n#accordion-spec li.animate-out:nth-child(2){animation-delay:.03s}\n#accordion-spec li.animate-out:nth-child(3){animation-delay:.06s}\n#accordion-spec li.animate-out:nth-child(4){animation-delay:.09s}\n#accordion-spec li.animate-out:nth-child(5){animation-delay:.12s}\n#accordion-spec li.animate-out:nth-child(6){animation-delay:.15s}\n#accordion-spec li.animate-out:nth-child(7){animation-delay:.18s}\n#accordion-spec li.animate-out:nth-child(8){animation-delay:.21s}\n#accordion-spec li.animate-out:nth-child(9){animation-delay:.24s}\n#accordion-spec li.animate-out:nth-child(10){animation-delay:.27s}\n@keyframes slideInItem{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n@keyframes slideOutItem{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}\n#accordion-spec .note{margin-top:12px;font-size:.95rem;color:var(--muted);opacity:0}\n#accordion-spec .note.animate-in{animation:fadeIn .5s ease .3s forwards}\n#accordion-spec .note.animate-out{animation:fadeOut .2s ease forwards}\n@keyframes fadeIn{from{opacity:0}to{opacity:1}}\n@keyframes fadeOut{from{opacity:1}to{opacity:0}}\n#accordion-spec .badge{display:inline-block;font-size:.85rem;padding:6px 10px;border:1px solid var(--border);background:#fff;border-radius:999px;margin-right:8px;font-weight:600}\n#accordion-spec table{width:100%;table-layout:fixed;border-collapse:collapse;border:none;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px var(--border);font-size:.95rem;margin-bottom:12px}\n#accordion-spec thead th{background:#000;color:#fff;font-weight:600;border-bottom:1px solid #222;height:120px;padding:0 4px;white-space:nowrap;text-align:center;position:relative;vertical-align:middle;transition:transform .15s ease,box-shadow .2s ease;user-select:none;cursor:pointer}\n#accordion-spec thead th span{display:inline-block;transform:rotate(-65deg);transform-origin:center center;line-height:1;position:relative;top:8px}\n#accordion-spec thead th:first-child span{transform:none;top:0}\n#accordion-spec th:first-child{text-align:left;padding-left:14px}\n#accordion-spec thead th:active{transform:scale(0.96);box-shadow:inset 0 0 4px rgba(255,255,255,0.3),inset 0 0 8px rgba(0,0,0,0.4)}\n#accordion-spec tbody td{border-top:1px solid var(--border);padding:10px 6px;text-align:center}\n#accordion-spec td:first-child{text-align:left;font-weight:600;padding-left:14px}\n#accordion-spec tbody tr:nth-child(even) td{background:#fafafa}\n#accordion-spec tr:hover td{background:#f1f1f1}\n#accordion-spec .whatsapp-btn{display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600;margin-top:12px;transition:background .25s ease,transform .25s ease}\n#accordion-spec .whatsapp-btn:hover{background:#1ebe5d;transform:scale(1.05)}\n#accordion-spec .whatsapp-btn svg{width:18px;height:18px;fill:white}\n\u003c\/style\u003e\n\u003cdiv class=\"acc\"\u003e\u003cdetails\u003e\u003csummary\u003eProduct Details\u003c\/summary\u003e\u003cdiv class=\"panel\"\u003e\n\u003cul\u003e\n\u003cli\u003eFrame Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n\u003cli\u003eEye Size: 52\u003c\/li\u003e\n\u003cli\u003eBridge Size: 16\u003c\/li\u003e\n\u003cli\u003eTemple Length: 143\u003c\/li\u003e\n\u003cli\u003eModel: KZ 1139\u003c\/li\u003e\n\u003cli\u003eLight Weight\u003c\/li\u003e\n\u003cli\u003eUV Protected\u003c\/li\u003e\n\u003cli\u003eDurable Frame\u003c\/li\u003e\n\u003cli\u003eBox: Carry Box\u003c\/li\u003e\n\u003cli\u003eFree Glass Cleaner\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"note\"\u003e\u003cspan class=\"badge\"\u003eNote\u003c\/span\u003eColor may differ as a result of Lighting and Screen Condition.\u003c\/p\u003e\n\u003c\/div\u003e\u003c\/details\u003e\u003c\/div\u003e\n\u003cscript\u003e\n(function() {\n  const acc = document.querySelector('#accordion-spec .acc');\n  if (!acc) return;\n  \n  \/\/ Setup WhatsApp button if exists\n  const waBtn = document.getElementById('send-prescription-btn');\n  if (waBtn) {\n    const phone = '+8801700922198';\n    let sku = null;\n    try {\n      const json = document.querySelector('[type=\"application\/ld+json\"]');\n      if (json) {\n        const data = JSON.parse(json.textContent);\n        if (data.sku) sku = data.sku;\n      }\n    } catch(e) {}\n    if (!sku \u0026\u0026 window.meta?.product?.variants?.length)\n      sku = window.meta.product.variants[0].sku;\n    if (!sku) sku = \"N\/A\";\n    const msgTemplate = 'Hello FastFashionBD, I want to send my prescription for product SKU: {SKU}';\n    const msg = encodeURIComponent(msgTemplate.replace('{SKU}', sku));\n    waBtn.href = 'https:\/\/wa.me\/' + phone + '?text=' + msg;\n  }\n  \n  acc.querySelectorAll('details').forEach(details =\u003e {\n    const summary = details.querySelector('summary');\n    const panel = details.querySelector('.panel');\n    if (!summary || !panel) return;\n    \n    \/\/ Add touch\/press effect\n    summary.addEventListener('mousedown', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('mouseup', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('mouseleave', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    \/\/ Touch events for mobile\n    summary.addEventListener('touchstart', () =\u003e {\n      summary.style.transform = 'scale(0.98)';\n      summary.style.transition = 'transform 0.1s ease';\n    });\n    \n    summary.addEventListener('touchend', () =\u003e {\n      summary.style.transform = 'scale(1)';\n    });\n    \n    summary.addEventListener('click', e =\u003e {\n      const isOpen = details.hasAttribute('open');\n      \n      if (isOpen) {\n        e.preventDefault();\n        const rows = panel.querySelectorAll('.row');\n        const items = panel.querySelectorAll('li');\n        const notes = panel.querySelectorAll('.note');\n        \n        rows.forEach(r =\u003e r.classList.remove('animate-in'));\n        items.forEach(i =\u003e i.classList.remove('animate-in'));\n        notes.forEach(n =\u003e n.classList.remove('animate-in'));\n        \n        rows.forEach(r =\u003e r.classList.add('animate-out'));\n        items.forEach(i =\u003e i.classList.add('animate-out'));\n        notes.forEach(n =\u003e n.classList.add('animate-out'));\n        \n        setTimeout(() =\u003e {\n          details.removeAttribute('open');\n          rows.forEach(r =\u003e r.classList.remove('animate-out'));\n          items.forEach(i =\u003e i.classList.remove('animate-out'));\n          notes.forEach(n =\u003e n.classList.remove('animate-out'));\n        }, 350);\n      } else {\n        acc.querySelectorAll('details[open]').forEach(d =\u003e {\n          if (d !== details) {\n            const p = d.querySelector('.panel');\n            const rs = p.querySelectorAll('.row');\n            const is = p.querySelectorAll('li');\n            const ns = p.querySelectorAll('.note');\n            \n            rs.forEach(r =\u003e r.classList.remove('animate-in'));\n            is.forEach(i =\u003e i.classList.remove('animate-in'));\n            ns.forEach(n =\u003e n.classList.remove('animate-in'));\n            \n            rs.forEach(r =\u003e r.classList.add('animate-out'));\n            is.forEach(i =\u003e i.classList.add('animate-out'));\n            ns.forEach(n =\u003e n.classList.add('animate-out'));\n            \n            setTimeout(() =\u003e {\n              d.removeAttribute('open');\n              rs.forEach(r =\u003e r.classList.remove('animate-out'));\n              is.forEach(i =\u003e i.classList.remove('animate-out'));\n              ns.forEach(n =\u003e n.classList.remove('animate-out'));\n            }, 350);\n          }\n        });\n        \n        setTimeout(() =\u003e {\n          const rows = panel.querySelectorAll('.row');\n          const items = panel.querySelectorAll('li');\n          const notes = panel.querySelectorAll('.note');\n          \n          rows.forEach(r =\u003e r.classList.add('animate-in'));\n          items.forEach(i =\u003e i.classList.add('animate-in'));\n          notes.forEach(n =\u003e n.classList.add('animate-in'));\n        }, 50);\n      }\n    });\n  });\n})();\n\u003c\/script\u003e\n\u003c\/section\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":49028914774253,"sku":"MST 19 D","price":1450.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/D_b5fe2f74-8711-4a76-b970-af730adee3f1.jpg?v=1763387134"},{"product_id":"moscot-eye-glass-eyeware-optic-frame-mst-frame-23-c","title":"Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 23 C","description":"\u003cstyle\u003e\n\n\/* --- Shopify Accordion CSS --- *\/\n.shp-acc-container {\n    --a-h-bg: #ffffff;\n    --a-h-hbg: #f9fafb;\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: 16px;\n    --a-rad-tr: 16px;\n    --a-rad-br: 16px;\n    --a-rad-bl: 16px;\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: 15px;\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\u003eKey Features\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\u003eLens Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eModel: M22 1\u003c\/li\u003e\n    \u003cli\u003eDurable Frame\u003c\/li\u003e\n    \u003cli\u003eBox: Carry Box\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\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e19\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e145\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":49139711377645,"sku":"MST Frame 23 C","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/C_5ed50de3-2d83-4436-8077-ff34132ab8dc.jpg?v=1765893848"},{"product_id":"moscot-stylish-sunglass-premium-quality-mst-23-a","title":"Moscot Stylish Sunglass | Premium Quality | MST 23 A","description":"\u003cstyle\u003e\n\n\/* --- Shopify Accordion CSS --- *\/\n.shp-acc-container {\n    --a-h-bg: #ffffff;\n    --a-h-hbg: #f9fafb;\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: 16px;\n    --a-rad-tr: 16px;\n    --a-rad-br: 16px;\n    --a-rad-bl: 16px;\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: 15px;\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\u003eKey Features\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\u003eLens Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eModel: M22 1\u003c\/li\u003e\n    \u003cli\u003eDurable Frame\u003c\/li\u003e\n    \u003cli\u003eBox: Carry Box\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\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e19\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e145\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":49139713147117,"sku":"MST 23 A","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/A_2e338f47-67fa-4bd6-aa3f-6b3559db6f23.jpg?v=1765893893"},{"product_id":"moscot-stylish-sunglass-premium-quality-mst-23-b","title":"Moscot Stylish Sunglass | Premium Quality | MST 23 B","description":"\u003cstyle\u003e\n\n\/* --- Shopify Accordion CSS --- *\/\n.shp-acc-container {\n    --a-h-bg: #ffffff;\n    --a-h-hbg: #f9fafb;\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: 16px;\n    --a-rad-tr: 16px;\n    --a-rad-br: 16px;\n    --a-rad-bl: 16px;\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: 15px;\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\u003eKey Features\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\u003eLens Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eModel: M22 1\u003c\/li\u003e\n    \u003cli\u003eDurable Frame\u003c\/li\u003e\n    \u003cli\u003eBox: Carry Box\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\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e19\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e145\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":49139713638637,"sku":"MST 23 B","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/B_b11f96aa-793a-476e-9c9e-6ca074467a69.jpg?v=1765894086"},{"product_id":"moscot-stylish-sunglass-premium-quality-mst-23-c","title":"Moscot Stylish Sunglass | Premium Quality | MST 23 C","description":"\u003cstyle\u003e\n\n\/* --- Shopify Accordion CSS --- *\/\n.shp-acc-container {\n    --a-h-bg: #ffffff;\n    --a-h-hbg: #f9fafb;\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: 16px;\n    --a-rad-tr: 16px;\n    --a-rad-br: 16px;\n    --a-rad-bl: 16px;\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: 15px;\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\u003eKey Features\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\u003eLens Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eModel: M22 1\u003c\/li\u003e\n    \u003cli\u003eDurable Frame\u003c\/li\u003e\n    \u003cli\u003eBox: Carry Box\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\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e19\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e145\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":49139714818285,"sku":"MST 23 C","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/C_9e527797-2e0f-402f-bb1d-2710ce025207.jpg?v=1765894165"},{"product_id":"lv-stylish-sunglass-lv-66-a","title":"Oversized Square Geometric Acetate Sunglasses | GC 66 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\u003eFrame Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eModel: GG 2\/s\u003c\/li\u003e\n    \u003cli\u003eDurable Frame\u003c\/li\u003e\n    \u003cli\u003eBox: Carry Box\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\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e18\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e142\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":49169852891373,"sku":"GC 66 A","price":1250.0,"currency_code":"BDT","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/A_fa067cb6-1982-4b5b-997e-8c0988a27e96.jpg?v=1766408857"},{"product_id":"rayban-wayfarer-sunglass-rb-116-f","title":"Rayban Wayfarer Sunglass | RB 116 F","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\u003e🔢 Model: RB 2140\u003c\/li\u003e\n    \u003cli\u003e🔍 Lens Material: Glass\u003c\/li\u003e\n    \u003cli\u003e🧱 Frame Material: Durable acetate\u003c\/li\u003e\n    \u003cli\u003e✨ Finish: Glossy premium polish\u003c\/li\u003e\n    \u003cli\u003e🛡️ UV Protection: N\/A [Depend on Glass] \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\u003e22 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e150 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":49194971332845,"sku":"RB 116 F","price":2850.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/RB116F1.jpg?v=1767012993"},{"product_id":"rayban-wayfarer-sunglass-rb-116-g","title":"Rayban Wayfarer Sunglass | RB 116 G","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\u003e🔢 Model: RB 2140\u003c\/li\u003e\n    \u003cli\u003e🔍 Lens Material: Glass\u003c\/li\u003e\n    \u003cli\u003e🧱 Frame Material: Durable acetate\u003c\/li\u003e\n    \u003cli\u003e✨ Finish: Glossy premium polish\u003c\/li\u003e\n    \u003cli\u003e🛡️ UV Protection: N\/A [Depend on Glass] \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\u003e22 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e150 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":49194982932717,"sku":"RB 116 G","price":2850.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/RB116G1.jpg?v=1767013151"},{"product_id":"cartier-big-size-sunglass-crtr-80-a","title":"Cartier Big Size Sunglass | CRTR 80 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\u003eFrame Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eModel: CF 58471\u003c\/li\u003e\n    \u003cli\u003eDurable Frame\u003c\/li\u003e\n    \u003cli\u003eBox: Carry Box\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\u003e65\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e16\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e145\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":49211635859693,"sku":"CRTR 80 A","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/CRTR80A.jpg?v=1767441035"},{"product_id":"cartier-big-size-sunglass-crtr-80-b","title":"Cartier Big Size Sunglass | CRTR 80 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\u003eFrame Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eModel: CF 58471\u003c\/li\u003e\n    \u003cli\u003eDurable Frame\u003c\/li\u003e\n    \u003cli\u003eBox: Carry Box\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\u003e65\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e16\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e145\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":49211636056301,"sku":"CRTR 80 B","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/CRTR80B.jpg?v=1767441035"},{"product_id":"cartier-big-size-sunglass-crtr-80-c","title":"Cartier Big Size Sunglass | CRTR 80 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\u003eFrame Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eModel: CF 58471\u003c\/li\u003e\n    \u003cli\u003eDurable Frame\u003c\/li\u003e\n    \u003cli\u003eBox: Carry Box\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\u003e65\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e16\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e145\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":49211636154605,"sku":"CRTR 80 C","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/CRTR80C.jpg?v=1767441035"},{"product_id":"cartier-big-size-sunglass-crtr-80-d","title":"Cartier Big Size Sunglass | CRTR 80 D","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\u003eFrame Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eLens Color: As Like Picture\u003c\/li\u003e\n    \u003cli\u003eModel: CF 58471\u003c\/li\u003e\n    \u003cli\u003eDurable Frame\u003c\/li\u003e\n    \u003cli\u003eBox: Carry Box\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\u003e65\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e16\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e145\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":49211636285677,"sku":"CRTR 80 D","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/CRTR80D.jpg?v=1767441038"},{"product_id":"moscot-stylish-sunglass-premium-quality-mst-24-a","title":"Moscot Stylish Sunglass | Premium Quality | MST 24 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\u003e🔢 Model: M11 43\u003c\/li\u003e\n    \u003cli\u003e🔍 Lens Material: Fiber\u003c\/li\u003e\n    \u003cli\u003e✨ Finish: Glossy premium polish\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\u003e48 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e24 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":49225588637933,"sku":"MST 24 A","price":1150.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/mst24a1.jpg?v=1767794569"},{"product_id":"moscot-stylish-sunglass-premium-quality-mst-24-b","title":"Moscot Stylish Sunglass | Premium Quality | MST 24 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\u003e🔢 Model: M11 43\u003c\/li\u003e\n    \u003cli\u003e🔍 Lens Material: Fiber\u003c\/li\u003e\n    \u003cli\u003e✨ Finish: Glossy premium polish\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\u003e48 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e24 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":49225613443309,"sku":"MST 24 B","price":1150.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/mst24b1.jpg?v=1767794727"},{"product_id":"lv-stylish-trendy-sunglass-lv-68-a","title":"LV Stylish Trendy Sunglass | LV 68 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\u003e🔢 Model: Z8034\u003c\/li\u003e\n    \u003cli\u003e🔍 Lens Material: Fiber\u003c\/li\u003e\n    \u003cli\u003e🧱 Frame Material: Durable acetate\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\u003e53 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e23 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e145 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":49241588760813,"sku":"LV 68 A","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/LV68A.jpg?v=1768223600"},{"product_id":"lv-stylish-trendy-sunglass-lv-68-b","title":"LV Stylish Trendy Sunglass | LV 68 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\u003e🔢 Model: Z8034\u003c\/li\u003e\n    \u003cli\u003e🔍 Lens Material: Fiber\u003c\/li\u003e\n    \u003cli\u003e🧱 Frame Material: Durable acetate\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\u003e53 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e23 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e145 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":49241591972077,"sku":"LV 68 B","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/LV68B.jpg?v=1768223740"},{"product_id":"lv-stylish-trendy-sunglass-lv-68-c","title":"LV Stylish Trendy Sunglass | LV 68 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\u003e🔢 Model: Z8034\u003c\/li\u003e\n    \u003cli\u003e🔍 Lens Material: Fiber\u003c\/li\u003e\n    \u003cli\u003e🧱 Frame Material: Durable acetate\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\u003e53 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e23 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e145 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":49241592889581,"sku":"LV 68 C","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/LV68C.jpg?v=1768223769"},{"product_id":"lv-stylish-trendy-sunglass-lv-68-d","title":"LV Stylish Trendy Sunglass | LV 68 D","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\u003e🔢 Model: Z8034\u003c\/li\u003e\n    \u003cli\u003e🔍 Lens Material: Fiber\u003c\/li\u003e\n    \u003cli\u003e🧱 Frame Material: Durable acetate\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\u003e53 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e23 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e145 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":49241593184493,"sku":"LV 68 D","price":1250.0,"currency_code":"BDT","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/LV68D.jpg?v=1768223794"},{"product_id":"moscot-sunglass-premium-quality-mst-08-a","title":"Moscot Sunglass | Premium Quality | MST 08 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: 60007\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\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e17\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e146\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":49266858655981,"sku":"MST 08 A","price":1150.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MST08A1.jpg?v=1768827392"},{"product_id":"moscot-sunglass-premium-quality-mst-08-b","title":"Moscot Sunglass | Premium Quality | MST 08 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: 60007\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\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e17\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e146\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":49266862588141,"sku":"MST 08 B","price":1150.0,"currency_code":"BDT","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MST08B1.jpg?v=1768827527"},{"product_id":"moscot-sunglass-premium-quality-mst-08-c","title":"Moscot Sunglass | Premium Quality | MST 08 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: 60007\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\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e17\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e146\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":49266863472877,"sku":"MST 08 C","price":1150.0,"currency_code":"BDT","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MST08C1.jpg?v=1768827562"},{"product_id":"moscot-sunglass-premium-quality-mst-08-d","title":"Moscot Sunglass | Premium Quality | MST 08 D","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: 60007\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\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e17\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e146\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":49266864718061,"sku":"MST 08 D","price":1150.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MST08D1.jpg?v=1768827590"},{"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":"moscot-polarized-sunglass-premium-quality-mst-25-a","title":"Moscot Polarized Sunglass | Premium Quality | MST 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: #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: RN 4021\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\u003e48 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\u003e145 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":49304786469101,"sku":"MST 25 A","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MST25A.jpg?v=1769518391"},{"product_id":"moscot-eye-glass-eyeware-optic-frame-mst-frame-25-a","title":"Moscot Eye Glass | Eyeware | Optic Frame | MST 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: #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: RN 4021\u003c\/li\u003e\n    \u003cli\u003eBrand: Moscot\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\u003e48 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\u003e145 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":49304787189997,"sku":"MST Frame 25 A","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MSTFrame25A.jpg?v=1769518515"},{"product_id":"moscot-polarized-sunglass-premium-quality-mst-25-b","title":"Moscot Polarized Sunglass | Premium Quality | MST 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: #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: RN 4021\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\u003e48 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\u003e145 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":49304798986477,"sku":"MST 25 B","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MST25B.jpg?v=1769518643"},{"product_id":"moscot-eye-glass-eyeware-optic-frame-mst-frame-25-b","title":"Moscot Eye Glass | Eyeware | Optic Frame | MST 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: #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: RN 4021\u003c\/li\u003e\n    \u003cli\u003eBrand: Moscot\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\u003e48 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\u003e145 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":49304801771757,"sku":"MST Frame 25 B","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MSTFrame25B.jpg?v=1769518745"},{"product_id":"moscot-polarized-sunglass-premium-quality-mst-25-c","title":"Moscot Polarized Sunglass | Premium Quality | MST 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: #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: RN 4021\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\u003e48 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\u003e145 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":49304803279085,"sku":"MST 25 C","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MST25C.jpg?v=1769518789"},{"product_id":"moscot-eye-glass-eyeware-optic-frame-mst-frame-25-c","title":"Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 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: #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: RN 4021\u003c\/li\u003e\n    \u003cli\u003eBrand: Moscot\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\u003e48 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\u003e145 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":49304805048557,"sku":"MST Frame 25 C","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MSTFrame25C.jpg?v=1769518838"},{"product_id":"moscot-polarized-sunglass-premium-quality-mst-25-d","title":"Moscot Polarized Sunglass | Premium Quality | MST 25 D","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: RN 4021\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\u003e48 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\u003e145 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":49304806359277,"sku":"MST 25 D","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MST25D.jpg?v=1769518872"},{"product_id":"moscot-eye-glass-eyeware-optic-frame-mst-frame-25-d","title":"Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 25 D","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: RN 4021\u003c\/li\u003e\n    \u003cli\u003eBrand: Moscot\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\u003e48 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\u003e145 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":49304807538925,"sku":"MST Frame 25 D","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MSTFrame25D.jpg?v=1769518905"},{"product_id":"moscot-polarized-sunglass-premium-quality-mst-25-e","title":"Moscot Polarized Sunglass | Premium Quality | MST 25 E","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: RN 4021\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\u003e48 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\u003e145 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":49304808423661,"sku":"MST 25 E","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MST25E.jpg?v=1769518931"},{"product_id":"moscot-eye-glass-eyeware-optic-frame-mst-frame-25-e","title":"Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 25 E","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: RN 4021\u003c\/li\u003e\n    \u003cli\u003eBrand: Moscot\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\u003e48 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\u003e145 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":49304809242861,"sku":"MST Frame 25 E","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MSTFrame25E.jpg?v=1769518946"},{"product_id":"celine-eye-glass-eyeware-optic-frame-cln-frame-01-a","title":"CELINE Eye Glass | Eyeware | Optic Frame | CLN Frame 01 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: RN 9043\u003c\/li\u003e\n    \u003cli\u003eBrand: CELINE\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\u003e21 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":49305018040557,"sku":"CLN Frame 01 A","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/CLNFrame01A.jpg?v=1769523516"},{"product_id":"celine-polarized-sunglass-premium-quality-cln-01-a","title":"CELINE Polarized Sunglass | Premium Quality | CLN 01 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: RN 9043\u003c\/li\u003e\n    \u003cli\u003eBrand: CELINE\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\u003e21 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":49305019482349,"sku":"CLN 01 A","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/CLN01A.jpg?v=1769523357"}],"url":"https:\/\/www.fastfashionbd.com\/collections\/2026-january-collection.oembed","provider":"Fast Fashion","version":"1.0","type":"link"}