{"product_id":"premium-quality-universe-point-thin-watch-up-watch-10-d","title":"Premium Quality UNIVERSE POINT Thin Watch | UP Watch 10 D","description":"\n\u003cstyle\u003e\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Assistant:wght@300;400;600\u0026display=swap');\n    \n    #atb-7u7v17cze {\n        font-family: 'Assistant', sans-serif;\n        width: 100%;\n        max-width: 100%;\n        box-sizing: border-box;\n        --atb-head-bg: #ffffff;\n        --atb-head-text: #111827;\n        --atb-content-bg: #ffffff;\n        --atb-content-text: #374151;\n        --atb-border: #e5e7eb;\n        --atb-accent: #3b82f6;\n        --atb-radius: 16px;\n        --atb-shadow: 0px 4px 6px rgba(0,0,0,0);\n    }\n\n    #atb-7u7v17cze .atb-item {\n        border: 1px solid var(--atb-border);\n        margin-bottom: 10px;\n        border-radius: var(--atb-radius);\n        overflow: visible; \/* Changed for scale effect *\/\n        box-shadow: var(--atb-shadow);\n        transition: all 0.3s ease;\n        position: relative;\n        background: var(--atb-content-bg); \/* Ensure background for scale *\/\n    }\n\n    \/* Live Pop Effect *\/\n    \n    #atb-7u7v17cze .atb-item.atb-live:hover,\n    #atb-7u7v17cze .atb-item.atb-live.active {\n        transform: scale(1.015);\n        z-index: 10;\n        box-shadow: 0px 9px 16px rgba(0,0,0,0.05);\n    }\n    \n\n    #atb-7u7v17cze .atb-header {\n        background-color: var(--atb-head-bg);\n        color: var(--atb-head-text);\n        padding: 15px 20px;\n        cursor: pointer;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        font-weight: 600;\n        user-select: none;\n        transition: background 0.2s, filter 0.2s, opacity 0.2s;\n        position: relative;\n        overflow: hidden; \n        transform: translateY(0); transition: transform 0.1s;\n        \/* Ensure border radius is respected since overflow is visible on item *\/\n        border-radius: var(--atb-radius) var(--atb-radius) 0 0; \n    }\n    \n    \/* Fix bottom radius when closed *\/\n    #atb-7u7v17cze .atb-item:not(.active) .atb-header {\n        border-radius: var(--atb-radius);\n    }\n\n    #atb-7u7v17cze .atb-header:hover { opacity: 0.9; filter: brightness(0.92); }\n    #atb-7u7v17cze .atb-header:active { transform: translateY(2px); }\n\n    \/* Click Animations *\/\n    @keyframes atb-ripple {\n        to { transform: scale(4); opacity: 0; }\n    }\n    #atb-7u7v17cze .atb-ripple {\n        position: absolute;\n        border-radius: 50%;\n        background-color: rgba(0, 0, 0, 0.2);\n        transform: scale(0);\n        animation: atb-ripple 0.6s linear;\n        pointer-events: none;\n    }\n    \n    @keyframes atb-flash {\n        0% { background-color: rgba(255,255,255,0.4); }\n        100% { background-color: transparent; }\n    }\n    #atb-7u7v17cze .atb-header.atb-anim-flash::after {\n        content: ''; position: absolute; inset: 0;\n        background: transparent;\n        pointer-events: none;\n    }\n    #atb-7u7v17cze .atb-header.atb-anim-flash.trigger::after {\n        animation: atb-flash 0.3s ease-out;\n    }\n\n    @keyframes atb-pulse {\n        0% { transform: scale(1); }\n        50% { transform: scale(0.98); }\n        100% { transform: scale(1); }\n    }\n    #atb-7u7v17cze .atb-header.atb-anim-pulse.trigger {\n        animation: atb-pulse 0.2s ease-in-out;\n    }\n\n    #atb-7u7v17cze .atb-icon {\n        width: 20px;\n        height: 20px;\n        transition: transform 0.3s ease;\n        flex-shrink: 0;\n        margin-left: 10px;\n    }\n\n    #atb-7u7v17cze .atb-item.active .atb-icon {\n        transform: rotate(180deg);\n    }\n\n    #atb-7u7v17cze .atb-content {\n        max-height: 0;\n        overflow: hidden;\n        background-color: var(--atb-content-bg);\n        color: var(--atb-content-text);\n        transition: max-height 0.4s ease-out;\n        border-radius: 0 0 var(--atb-radius) var(--atb-radius);\n    }\n    \n    #atb-7u7v17cze .atb-inner {\n        padding: 20px;\n        transition: all 0.4s ease;\n        opacity: 0; transform: translateY(-10px);\n    }\n\n    #atb-7u7v17cze .atb-item.active .atb-inner {\n        opacity: 1; transform: translateY(0);\n    }\n\n    \/* Content Types *\/\n    #atb-7u7v17cze ul { list-style: none; padding: 0; margin: 0; }\n    #atb-7u7v17cze li { padding-left: 25px; position: relative; margin-bottom: 8px; }\n    #atb-7u7v17cze li::before {\n        content: '•';\n        color: var(--atb-accent);\n        font-weight: bold;\n        position: absolute; left: 0;\n        font-size: 1.2em;\n        line-height: 1;\n    }\n\n    \/* NEW MODERN KV TABLE *\/\n    #atb-7u7v17cze .atb-kv-table {\n        display: block; \n        border: 1px solid var(--atb-border);\n        border-radius: var(--atb-radius);\n        overflow: hidden;\n    }\n    #atb-7u7v17cze .atb-kv-table .atb-row {\n        display: flex; \n        border-bottom: 1px solid var(--atb-border);\n    }\n    #atb-7u7v17cze .atb-kv-table .atb-row:last-child { border-bottom: none; }\n    #atb-7u7v17cze .atb-key { \n        font-weight: 600; \n        width: 35%; \n        min-width: 120px;\n        background-color: rgba(0,0,0,0.03);\n        padding: 12px 16px;\n        border-right: 1px solid var(--atb-border);\n        display: flex; align-items: center;\n        font-size: 0.95em;\n        color: var(--atb-head-text);\n    }\n    #atb-7u7v17cze .atb-val {\n        width: 65%;\n        padding: 12px 16px;\n        display: flex; align-items: center;\n        font-size: 0.95em;\n    }\n    \n    #atb-7u7v17cze .atb-note {\n        background: rgba(0,0,0,0.03); border-left: 4px solid var(--atb-accent); padding: 15px; font-size: 0.95em; line-height: 1.5;\n    }\n\n    #atb-7u7v17cze .atb-overflow { overflow-x: auto; border-radius: 4px; border: 1px solid var(--atb-border); }\n    \n    \/* Modern Multi-Col Table Style v2 *\/\n    #atb-7u7v17cze .atb-modern-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n        font-size: 0.95em;\n        min-width: 300px;\n    }\n    #atb-7u7v17cze .atb-modern-table th {\n        background-color: rgba(0,0,0,0.05);\n        font-weight: 700;\n        padding: 14px;\n        border-bottom: 2px solid var(--atb-border);\n        color: var(--atb-head-text);\n        white-space: nowrap;\n    }\n    #atb-7u7v17cze .atb-modern-table td {\n        padding: 14px;\n        border-bottom: 1px solid var(--atb-border);\n    }\n    #atb-7u7v17cze .atb-modern-table tr:last-child td { border-bottom: none; }\n    #atb-7u7v17cze .atb-modern-table tr:nth-child(even) { background-color: rgba(0,0,0,0.02); }\n    #atb-7u7v17cze .atb-modern-table tr:hover { background-color: rgba(0,0,0,0.04); transition: background 0.2s; }\n\n\u003c\/style\u003e\n\n\u003cdiv id=\"atb-7u7v17cze\"\u003e\n    \n    \u003cdiv class=\"atb-item atb-live\"\u003e\n        \u003cdiv class=\"atb-header  \" onclick=\"toggleAccordion_atb_7u7v17cze(this, event)\"\u003e\n            Specifications\n            \u003cdiv class=\"atb-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\u003e\u003cpath d=\"M6 9l6 6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"atb-content\"\u003e\n            \u003cdiv class=\"atb-inner\"\u003e\n                \u003cdiv class=\"atb-kv-table\"\u003e\n\u003cdiv class=\"atb-row\"\u003e\n\u003cdiv class=\"atb-key\"\u003e    Code\u003c\/div\u003e\n\u003cdiv class=\"atb-val\"\u003e UL Watch 10\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atb-row\"\u003e\n\u003cdiv class=\"atb-key\"\u003e    Dial Diameter\u003c\/div\u003e\n\u003cdiv class=\"atb-val\"\u003e 38 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atb-row\"\u003e\n\u003cdiv class=\"atb-key\"\u003eThickness\u003c\/div\u003e\n\u003cdiv class=\"atb-val\"\u003e 5 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atb-row\"\u003e\n\u003cdiv class=\"atb-key\"\u003e    Case Shape\u003c\/div\u003e\n\u003cdiv class=\"atb-val\"\u003e Round\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atb-row\"\u003e\n\u003cdiv class=\"atb-key\"\u003e    Body\u003c\/div\u003e\n\u003cdiv class=\"atb-val\"\u003e Alloy\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atb-row\"\u003e\n\u003cdiv class=\"atb-key\"\u003e    Strap\u003c\/div\u003e\n\u003cdiv class=\"atb-val\"\u003e Steel\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atb-row\"\u003e\n\u003cdiv class=\"atb-key\"\u003e    Clasp Type\u003c\/div\u003e\n\u003cdiv class=\"atb-val\"\u003e Hidden Clasp\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atb-row\"\u003e\n\u003cdiv class=\"atb-key\"\u003e    Water Resistance Depth\u003c\/div\u003e\n\u003cdiv class=\"atb-val\"\u003e 3BAR [Color may differ as a result of Lighting and Screen Condition]\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atb-row\"\u003e\n\u003cdiv class=\"atb-key\"\u003e     Place of Origin\u003c\/div\u003e\n\u003cdiv class=\"atb-val\"\u003e China\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atb-row\"\u003e\n\u003cdiv class=\"atb-key\"\u003e    Movement\u003c\/div\u003e\n\u003cdiv class=\"atb-val\"\u003e Quartz Movement\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"atb-row\"\u003e\n\u003cdiv class=\"atb-key\"\u003e    Warranty\u003c\/div\u003e\n\u003cdiv class=\"atb-val\"\u003e 1 Year Service Warranty\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n    \u003cdiv class=\"atb-item atb-live\"\u003e\n        \u003cdiv class=\"atb-header  \" onclick=\"toggleAccordion_atb_7u7v17cze(this, event)\"\u003e\n            Note\n            \u003cdiv class=\"atb-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\u003e\u003cpath d=\"M6 9l6 6 6-6\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"atb-content\"\u003e\n            \u003cdiv class=\"atb-inner\"\u003e\n                \u003cdiv class=\"atb-note\"\u003e    Color 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    \n\u003c\/div\u003e\n\n\u003cscript\u003e\n    function toggleAccordion_atb_7u7v17cze(header, event) {\n        const item = header.parentElement;\n        const container = item.parentElement;\n        const content = item.querySelector('.atb-content');\n        const isOpen = item.classList.contains('active');\n        \n        \/\/ --- CLICK EFFECTS ---\n        const effectType = 'ripple';\n        \n        if (effectType === 'ripple') {\n            const circle = document.createElement(\"span\");\n            const diameter = Math.max(header.clientWidth, header.clientHeight);\n            const radius = diameter \/ 2;\n            \n            \/\/ Correct position relative to clicked element\n            const rect = header.getBoundingClientRect();\n            \n            circle.style.width = circle.style.height = `${diameter}px`;\n            circle.style.left = `${event.clientX - rect.left - radius}px`;\n            circle.style.top = `${event.clientY - rect.top - radius}px`;\n            circle.classList.add(\"atb-ripple\");\n            \n            const ripple = header.getElementsByClassName(\"atb-ripple\")[0];\n            if (ripple) {\n                ripple.remove();\n            }\n            header.appendChild(circle);\n        } else if (effectType === 'flash' || effectType === 'pulse') {\n            header.classList.remove('trigger');\n            void header.offsetWidth; \/\/ trigger reflow\n            header.classList.add('trigger');\n            setTimeout(() =\u003e header.classList.remove('trigger'), 400);\n        }\n\n        \/\/ --- ACCORDION LOGIC ---\n        \n        if (true \u0026\u0026 !isOpen) {\n            const activeItems = container.querySelectorAll('.atb-item.active');\n            activeItems.forEach(active =\u003e {\n                active.classList.remove('active');\n                active.querySelector('.atb-content').style.maxHeight = null;\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 + \"px\";\n        }\n    }\n\u003c\/script\u003e\n","brand":"Fast Fashion","offers":[{"title":"Default Title","offer_id":49065367797997,"sku":"UP Watch 10 D","price":1850.0,"currency_code":"BDT","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0033\/2136\/4550\/files\/D1_e569cc75-36c3-43d6-b54e-d3f6f6d3e5d6.jpg?v=1764164013","url":"https:\/\/www.fastfashionbd.com\/products\/premium-quality-universe-point-thin-watch-up-watch-10-d","provider":"Fast Fashion","version":"1.0","type":"link"}