{"title":"MOSCOT Sunglass Collection","description":"","products":[{"product_id":"moscot-sunglass-premium-quality-mst-221-a","title":"Moscot Sunglass | Premium Quality | MST 221 A","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFrame Color: As Like Picture\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLens Color: 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: 21\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTemple Length: 146\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eModel: ML 6025\u003cbr\u003e\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\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":46065803690221,"sku":"MST 221 A","price":1150.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_d8cae770-aa13-4161-a46b-55162257f1bb.jpg?v=1715090152"},{"product_id":"moscot-sunglass-premium-quality-mst-221-c","title":"Moscot Sunglass | Premium Quality | MST 221 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: 21\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTemple Length: 146\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eModel: ML 6025\u003cbr\u003e\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\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":46066365366509,"sku":"MST 221 C","price":1150.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_0ad5beab-b9e7-494b-a24b-b6790509f44e.jpg?v=1715093864"},{"product_id":"moscot-polarized-sunglass-premium-quality-mst-06-a","title":"Moscot Polarized Sunglass | Premium Quality | MST 06 A","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFrame Color: As Like Picture\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLens Color: 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: 51\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: MST 885\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePolarized Sunglass\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":46264108679405,"sku":"MST 06 A","price":2550.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_275938f8-988e-4894-9bbc-fc2958bf1edd.jpg?v=1716558972"},{"product_id":"moscot-polarized-sunglass-premium-quality-mst-06-b","title":"Moscot Polarized Sunglass | Premium Quality | MST 06 B","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFrame Color: As Like Picture\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLens Color: 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: 51\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: MST 885\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003ePolarized Sunglass\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":46264129519853,"sku":"MST 06 B","price":2550.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_b465162c-712b-42b7-9729-0b5411d5a9e4.jpg?v=1716559213"},{"product_id":"premium-quality-moscot-eye-glass-eyeware-optic-frame-mst-frame-12-a","title":"Premium Quality Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 12 A","description":"\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFrame Color: As Like Picture\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eLens Color: As Like Picture\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eModel Number 935\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eEye Size: 49\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eBridge Size: 21\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eTemple Length: 145\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDurable Frame\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBox: Frame Box\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFree Glass Cleaner\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":46366893932781,"sku":"MST Frame 12 A","price":2450.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/mst.jpg?v=1717245523"},{"product_id":"premium-quality-moscot-eye-glass-eyeware-optic-frame-mst-frame-12-c","title":"Premium Quality Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 12 C","description":"\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFrame Color: As Like Picture\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eLens Color: As Like Picture\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eModel Number 935\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eEye Size: 49\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eBridge Size: 21\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eTemple Length: 145\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDurable Frame\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBox: Frame Box\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFree Glass Cleaner\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":46366970970349,"sku":"MST Frame 12 C","price":2450.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_2ca8770e-3feb-401c-869d-feaee1009c88.jpg?v=1717246139"},{"product_id":"premium-quality-moscot-eye-glass-eyeware-optic-frame-mst-frame-12-d","title":"Premium Quality Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 12 D","description":"\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFrame Color: As Like Picture\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eLens Color: As Like Picture\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eModel Number 935\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eEye Size: 49\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eBridge Size: 21\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eTemple Length: 145\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDurable Frame\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBox: Frame Box\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFree Glass Cleaner\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":46367147098349,"sku":"MST Frame 12 D","price":2450.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/H1copy_c11cc0ff-cd78-4827-8302-583d8a3ac477.jpg?v=1717247310"},{"product_id":"premium-quality-moscot-eye-glass-eyeware-optic-frame-mst-frame-12-e","title":"Premium Quality Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 12 E","description":"\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFrame Color: As Like Picture\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eLens Color: As Like Picture\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eModel Number 935\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eEye Size: 49\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eBridge Size: 21\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eTemple Length: 145\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDurable Frame\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBox: Frame Box\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFree Glass Cleaner\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":46367161942253,"sku":"MST Frame 12 E","price":2450.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/H1copy_a0df0220-b826-4359-9ddf-fd690366c11c.jpg?v=1717247427"},{"product_id":"premium-quality-moscot-eye-glass-eyeware-optic-frame-mst-frame-18-a","title":"Premium Quality Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 18 A","description":"\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFrame Color: As Like Picture\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eLens Color: As Like Picture\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eModel Number: ML 98173\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eEye Size: 55\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eBridge Size: 15\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eTemple Length: 143\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDurable Frame\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBox: Frame Box\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFree Glass Cleaner\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":47309859881197,"sku":"MST Frame 18 A","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_d8dcd339-9729-44d0-a3eb-9b62957d89e3.jpg?v=1730724282"},{"product_id":"premium-quality-moscot-eye-glass-eyeware-optic-frame-mst-frame-18-b","title":"Premium Quality Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 18 B","description":"\u003cul data-mce-fragment=\"1\"\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFrame Color: As Like Picture\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eLens Color: As Like Picture\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eModel Number: ML 98173\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eColor may differ as a result of Lighting and Screen Condition\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eEye Size: 55\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eBridge Size: 15\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eTemple Length: 143\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eDurable Frame\u003cbr data-mce-fragment=\"1\"\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\n\u003cstrong data-mce-fragment=\"1\"\u003eBox: Frame Box\u003c\/strong\u003e\u003cbr data-mce-fragment=\"1\"\u003e\n\u003c\/li\u003e\n\u003cli data-mce-fragment=\"1\"\u003e\u003cstrong data-mce-fragment=\"1\"\u003eFree Glass Cleaner\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":47309892387053,"sku":"MST Frame 18 B","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_ca69d61f-8082-4778-a26b-6c45e2820179.jpg?v=1730725216"},{"product_id":"moscot-stylish-sunglass-premium-quality-mst-18-a","title":"Moscot Stylish Sunglass | Premium Quality | MST 18 A","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFrame Color: As Like Picture\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLens Color: 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":47313586454765,"sku":"MST 18 A","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_bcf2d17b-1c87-4080-bfc3-a776d304fd2d.jpg?v=1730809622"},{"product_id":"moscot-stylish-sunglass-premium-quality-mst-18-b","title":"Moscot Stylish Sunglass | Premium Quality | MST 18 B","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFrame Color: As Like Picture\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLens Color: 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":47313625448685,"sku":"MST 18 B","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/1_10f9702d-fba2-4af6-87ec-38208c2e3e3e.jpg?v=1730810426"},{"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-sunglass-premium-quality-mst-07-a","title":"Moscot Sunglass | Premium Quality | MST 07 A","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFrame Color: As Like Picture\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLens Color: 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: 51\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBridge Size: 14\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTemple Length: 145\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eModel: MST 9809\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\u003cstrong\u003eBox: Carry Box\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":48352362856685,"sku":"MST 07 A","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/A_68ec3a94-30cc-40de-afab-24303194d820.jpg?v=1751982007"},{"product_id":"moscot-sunglass-premium-quality-mst-07-b","title":"Moscot Sunglass | Premium Quality | MST 07 B","description":"\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eFrame Color: As Like Picture\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLens Color: 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: 51\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBridge Size: 14\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTemple Length: 145\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eModel: MST 9809\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\u003cstrong\u003eBox: Carry Box\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":48352379175149,"sku":"MST 07 B","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/B_a2980e3a-8b6b-452c-b68e-2ef675f3efc3.jpg?v=1751982159"},{"product_id":"moscot-sunglass-premium-quality-mst-07-c","title":"Moscot Sunglass | Premium Quality | MST 07 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: 51\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBridge Size: 14\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTemple Length: 145\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eModel: MST 9809\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\u003cstrong\u003eBox: Carry Box\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":48352381599981,"sku":"MST 07 C","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/C_502a0970-d63f-4bf1-a7e1-ce8c710484bd.jpg?v=1751982187"},{"product_id":"moscot-sunglass-premium-quality-mst-07-d","title":"Moscot Sunglass | Premium Quality | MST 07 D","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: 51\u003cbr\u003e\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eBridge Size: 14\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eTemple Length: 145\u003c\/strong\u003e\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eModel: MST 9809\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\u003cstrong\u003eBox: Carry Box\u003c\/strong\u003e\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":48352386580717,"sku":"MST 07 D","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/D_18811299-c1ce-499d-bd81-9515a22a0eb6.jpg?v=1751982221"},{"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-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-a","title":"Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 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":49139705544941,"sku":"MST Frame 23 A","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/A_face1fa4-b2dc-4ea6-9f19-06bbf8b7a3a2.jpg?v=1765893640"},{"product_id":"moscot-eye-glass-eyeware-optic-frame-mst-frame-23-b","title":"Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 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":49139709378797,"sku":"MST Frame 23 B","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/B_1b2797cc-0e5c-495b-aba8-dd66a00ebe8d.jpg?v=1765893809"},{"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":"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":"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-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":"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":"moscot-eye-glass-eyeware-optic-frame-mst-frame-26-a","title":"Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 26 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: RN 9033\u003c\/li\u003e\n    \u003cli\u003e    Origin: 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\u003e53 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e18 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e144 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":49313346879725,"sku":"MST Frame 26 A","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MSTFrame26Aimg1.jpg?v=1769684238"},{"product_id":"moscot-polarized-sunglass-premium-quality-mst-26-b","title":"Moscot Polarized Sunglass | Premium Quality | MST 26 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: RN 9033\u003c\/li\u003e\n    \u003cli\u003e    Polarized: Yes\u003c\/li\u003e\n    \u003cli\u003e    Origin: 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\u003e53 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e18 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e144 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":49313348059373,"sku":"MST 26 B","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MST26Bimg1.jpg?v=1769684313"},{"product_id":"moscot-eye-glass-eyeware-optic-frame-mst-frame-26-b","title":"Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 26 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: RN 9033\u003c\/li\u003e\n    \u003cli\u003e    Origin: 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\u003e53 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e18 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e144 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":49313348255981,"sku":"MST Frame 26 B","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MSTFrame26Bimg1.jpg?v=1769684333"},{"product_id":"moscot-polarized-sunglass-premium-quality-mst-26-c","title":"Moscot Polarized Sunglass | Premium Quality | MST 26 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: RN 9033\u003c\/li\u003e\n    \u003cli\u003e    Polarized: Yes\u003c\/li\u003e\n    \u003cli\u003e    Origin: 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\u003e53 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e18 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e144 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":49313348681965,"sku":"MST 26 C","price":1250.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MST26Cimg1.jpg?v=1769684354"},{"product_id":"moscot-eye-glass-eyeware-optic-frame-mst-frame-26-c","title":"Moscot Eye Glass | Eyeware | Optic Frame | MST Frame 26 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: RN 9033\u003c\/li\u003e\n    \u003cli\u003e    Origin: 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\u003e53 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eBridge Size\u003c\/td\u003e\n            \u003ctd\u003e18 mm\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n            \u003ctd\u003eTemple Length\u003c\/td\u003e\n            \u003ctd\u003e144 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":49313348976877,"sku":"MST Frame 26 C","price":1350.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/MSTFrame26Cimg1.jpg?v=1769684377"}],"url":"https:\/\/www.fastfashionbd.com\/collections\/moscot-sunglass-collection.oembed?page=2","provider":"Fast Fashion","version":"1.0","type":"link"}