{"product_id":"moscot-eye-glass-eyewear-optic-frame-mst-frame-19-d","title":"Moscot Eye Glass | Eyewear | Optic Frame | MST Frame 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":49782757032173,"sku":"MST Frame 19 D","price":1550.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/D_bcace806-a257-4abe-aed4-931fa05e1c40.jpg?v=1776169182","url":"https:\/\/www.fastfashionbd.com\/products\/moscot-eye-glass-eyewear-optic-frame-mst-frame-19-d","provider":"Fast Fashion","version":"1.0","type":"link"}