{"title":"Best Sellers-Accessories","description":"","products":[{"product_id":"hkw1","title":"Miofive 3,5 m Micro-USB-Festeinbau-Set (HKW1)","description":"\u003cstyle type=\"text\/css\"\u003e\n        .description-content {\n            margin: 0 10px;\n        }\n\n        .description-item {\n            width: 100%;\n            margin-bottom: 15px;\n        }\n\n        .description-item img {\n            width: 100%;\n        }\n\n        .description-item h3 {\n            margin: 0px;\n            padding: 0px;\n            font-size: 15px;\n            font-weight: 700;\n            color: black;\n        }\n\n        .description-item p {\n            margin: 0px;\n            padding: 0px;\n            font-size: 14px;\n        }\n\n        .description-column {\n            display: flex;\n            display: -ms-flex;\n            flex-wrap: wrap;\n            width: 100%;\n        }\n\n        .description-column-1 {\n            width: 30%;\n        }\n\n        .description-column-1 img {\n            width: 100%;\n        }\n\n        .description-column-1 h3 {\n            margin: 0px;\n            padding: 0px;\n            font-size: 15px;\n            font-weight: 700;\n            color: black;\n        }\n\n        .description-column-1 p {\n            margin: 0px;\n            padding: 0px;\n            font-size: 14px;\n        }\n\n        .description-ml-10 {\n            margin-left: 5%;\n        }\n\n        @media screen and (max-width: 767px) {\n            .description-column {\n                width: 100%;\n            }\n\n            .description-column-1 {\n                width: 100%;\n            }\n\n            .description-ml-10 {\n                margin-left: 0px;\n            }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_1.jpg?v=1700722995\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_2.jpg?v=1700722994\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003ch3\u003e\n\n Warum ein intelligentes Hardwire-Kit?\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Mit dem Hardwire-Kit können Sie Ihre Dashcam oder andere Geräte bei ausgeschaltetem Automotor aufladen. Die meisten\n Autos benötigen es, um die elektronischen Geräte im Auto besser nutzen zu können.\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\u003cp\u003e\n Es ist ein Muss, wenn Sie eine Dashcam in Ihrem Auto oder LKW verwenden. Es verbindet die Kamera direkt mit\n Der Sicherungskasten unter dem Armaturenbrett sorgt für kontinuierliche Stromversorgung über die Fahrzeugbatterie. Unsere Micro-USB-Festplatte\n Kabelsatz gibt die 12-Volt-Steckdose (den Zigarettenanzünder) für andere Zwecke frei. als versteckte\n Verkabelung, es wird Ihr Auto ordentlicher machen.\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\u003cp\u003e \nMiofive Dashcam-Hardwire-Kit, anwendbar auf: Dashcam, Spiegelkamera, GPS-Navigator usw.\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\u003ch3\u003e\n\n Upgrade des Dashcam-Hardwire-Kits von 9 V–16 V auf 5 V (Micro-USB\/3,5 m).\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Premium-Parkmodus: Sobald der Sensor BEWEGUNGEN erkennt, schaltet sich das intelligente Hardwire-Kit ein\n Die Dashcam schaltet sich automatisch ein und beginnt mit der Aufnahme, bis die BEWEGUNG gelöscht ist.\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\u003cp\u003e\n Zeitrafferfunktion: Nachdem Miofive Mirror Dashcam an dieses dedizierte Hardwire-Kit angeschlossen ist, schalten Sie\n der Zeitraffer\n Funktion auf der Dashcam, die Kamera wird in die Zeitraffer-Aufnahmefunktion automatisch, wenn das Auto\n Motor ist aus.\n In diesem Modus wird ein Bild pro Sekunde aufgezeichnet, was extrem Strom und Kapazität spart, Sie müssen nicht\n müssen uns Sorgen machen über \nEntladung aus der Autobatterie. Dies liegt daran, dass bei ausgeschaltetem Automotor die ACC keinen Strom hat und\n die Dashcam wird\n erkennt es und ändert den Aufnahmemodus von normal auf Zeitraffer.\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\u003ch3\u003e\n\n Warme Tipps: Wenn Sie keine Erfahrung mit der Installation der Hardwire-Kits für die Dashcam haben, fragen Sie bitte\n einen Fachmann um Hilfe. \n\n\u003c\/h3\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-column\"\u003e\n\n\u003cdiv class=\"description-column-1\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_3.jpg?v=1700722993\"\u003e\n\u003ch3\u003e\n\n 24-Stunden-Überwachung\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Es bietet Überwachung auf Ihrem geparkten Fahrzeug. Wenn der Motor ausgeschaltet ist, wird Hardwire-Kit verwendet, um\n Versorgen Sie die Kamera kontinuierlich mit Strom. Alle Kollisionen und Ereignisse werden aufgezeichnet. \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-column-1 description-ml-10\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_4.jpg?v=1700722992\"\u003e\n\u003ch3\u003e\n\n Mit ACC-Erkennung\n\n\u003c\/h3\u003e\n\n\u003cp\u003e \nDie Dashcam schaltet automatisch in den Parkmodus, wenn der Fahrzeugmotor ausgeschaltet ist. Die Dashcam\n schaltet auf normale Aufnahme um, wenn der Fahrzeugmotor läuft. \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-column-1 description-ml-10\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_5.jpg?v=1700722992\"\u003e\n\u003ch3\u003e\n\n Unterspannungsschutz\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Miofive stellt per Kabel einen Spannungsabschaltwert ein, wenn die Spannung der Fahrzeugbatterie auf 11,6 V abfällt.\n Dadurch wird die Stromversorgung Ihrer Dashcam unterbrochen und Ihre Batterie vor Entladung geschützt. \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-column\"\u003e\n\n\u003cdiv class=\"description-column-1\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_6.jpg?v=1700722993\"\u003e\n\u003ch3\u003e\n\n Gelbes Kabel (BATT\/B+)\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Schließen Sie dieses gelbe Kabel an die Dauerstromsicherung im Sicherungskasten Ihres Autos an. Wenn Sie\n Suchen Sie im Sicherungskasten nach einer stabilen Stromquelle, überprüfen Sie die Sicherung mit einem Spannungsmessgerät, \ndass die Sicherung auch bei ausgeschaltetem Automotor Strom führt. \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-column-1 description-ml-10\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_7.jpg?v=1700722993\"\u003e\n\u003ch3\u003e\n\n Rotes Kabel (ACC)\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Dieses rote Kabel verbindet die Stromversorgung des roten Kabels nur, wenn der Automotor läuft. Test\n Methode: Wenn der Motor eingeschaltet ist, leuchtet die Glühbirne des Messgeräts auf, und wenn\n der Motor geht aus, die Glühbirne leuchtet nicht. \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-column-1 description-ml-10\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_8.jpg?v=1700722992\"\u003e\n\u003ch3\u003e\n\n Schwarzes Kabel (GND)\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Verbinden Sie dieses schwarze Kabel mit den Metallteilen des Fahrzeugs. Es gibt Schraubennägel und Metallteile\n In vielen Autos in der Nähe der Sicherungskästen. Schließen Sie das schwarze Kabel an die Schraube oder das Metallteil an. Lösen Sie die Mutter\n oder schrauben Sie genug fest, um es hineinzuschieben und wieder festzuziehen. \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":47170747859248,"sku":"Dash Cam Hardwire Kit","price":15.49,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_1809d3db-785a-4e5c-b3e2-3d33d593747e.jpg?v=1782108205"},{"product_id":"128gb-microsdxc-memory-card","title":"MIOFIVE microSDXC Speicherkarte – 128GB","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item {\n        width: 100%;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item img {\n        width: 100%;\n    }\n\n    .description-scroll {\n        position: relative;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-scroll-btn {\n        top: 50%;\n        position: absolute;\n        padding: 10px;\n        cursor: pointer;\n        width: 42px;\n        height: 42px;\n        border-radius: 50%;\n        background-color: rgb(247, 247, 247);\n        border: 1px solid var(--icon);\n        transform: translateY(-50%);\n        border-color: transparent;\n        z-index: 1;\n    }\n\n    .description-scroll-btn-left {\n        left: 0;\n        margin-left: -0.2rem;\n        transform: rotate(90deg) translateX(-0.15rem);\n    }\n\n    .description-scroll-btn-left:hover {\n        transform: rotate(90deg) translateX(-0.15rem) scale(0.98);\n    }\n\n    .description-scroll-btn-right {\n        right: 0;\n        margin-right: -0.2rem;\n        transform: rotate(-90deg) translateX(0.15rem);\n    }\n\n    .description-scroll-btn-right:hover {\n        transform: rotate(-90deg) translateX(0.15rem) scale(0.98);\n    }\n\n    .description-dot-container {\n        position: absolute;\n        bottom: 20px;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n    }\n\n    .description-dot {\n        background-color: #0000;\n        \/* 圆点颜色 *\/\n        border: 1px solid #000;\n        \/* 边框 *\/\n        padding: 5px;\n        \/* 圆点大小 *\/\n        border-radius: 50%;\n        \/* 设置为圆形 *\/\n        margin: 0 5px;\n        \/* 圆点之间的间距 *\/\n        cursor: pointer;\n        \/* 鼠标悬停时显示手形图标 *\/\n        outline: none;\n        \/* 点击时不显示轮廓 *\/\n    }\n\n    .description-dot.active {\n        background-color: #232323\n    }\n\n    .description-container {\n        padding: 0px;\n        margin: 0px;\n        display: flex;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .description-container::-webkit-scrollbar {\n        display: none;\n    }\n\n    .description-wrapper {\n        position: relative;\n        flex: 0 0 100%;\n        width: 100%;\n        display: flex;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n    }\n\n    .description-wrapper img {\n        width: 100%;\n    }\n\n    .description-wrapper h3 {\n        margin: 0px;\n        padding: 0px;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        margin-bottom: 15px;\n    }\n\n    .description-wrapper p {\n        margin: 0px;\n        padding: 0px;\n        font-size: 14px;\n        margin-bottom: 8px;\n    }\n\n    .description-wrapper-item {\n        flex: 1;\n    }\n\n    .description-wrapper-text {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding-left: 5%;\n        padding-right: 5%;\n    }\n\n    .description-wrapper-header {\n        display: flex;\n        padding: 10px 0 12px 0;\n        margin: 0px;\n        align-items: center;\n        justify-content: center;\n        background-color: #3A3E48;\n        overflow-x: auto;\n        overflow-y: hidden;\n        white-space: nowrap;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .description-wrapper-header::-webkit-scrollbar {\n        display: none;\n    }\n\n    .description-header-button {\n        color: white;\n        text-align: center;\n        font-size: 20px;\n        font-weight: 700;\n        margin-right: 80px;\n        padding: 5px 0 5px 0;\n        background-color: transparent;\n    }\n\n    .description-header-button.active {\n        border-bottom: 3px solid #fff;\n    }\n\n    .description-specification-item {\n        display: flex;\n        display: -ms-flex;\n        flex-wrap: wrap;\n        width: 100%;\n    }\n\n    .description-column {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 30%;\n    }\n\n    .description-column-specifications {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 40%;\n    }\n\n    .description-column-mb {\n        position: relative;\n        width: 100%;\n    }\n\n    .description-column img {\n        width: 100%;\n    }\n\n    .description-column-title {\n        position: absolute;\n        top: 5%;\n        left: 30%;\n        margin: 0px;\n        padding: 0px;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        margin-bottom: 15px;\n    }\n\n    .description-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-specifications {\n        position: relative;\n        width: 100%;\n    }\n\n    .description-specifications-title {\n        width: 100%;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n    }\n\n    .description-specifications-border {\n        border: 1px solid #000;\n        display: flex;\n        display: -ms-flex;\n        flex-wrap: wrap;\n        margin: 0px 3px 0px 3px;\n        padding-top: 15px;\n        padding-bottom: 15px;\n    }\n\n    .description-specifications-column {\n        position: relative;\n        width: 33.333%;\n    }\n\n    .description-specifications-column p {\n        width: 100%;\n        text-align: center;\n        font-size: 12px;\n        color: #232323;\n        margin-bottom: 35px;\n    }\n\n    .description-specifications-item {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 88%;\n        margin-left: 6%;\n        margin-right: 6%;\n        border-bottom: 1px solid #232323;\n    }\n\n    .description-specifications-item-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        margin-top: 3px;\n        margin-bottom: 3px;\n    }\n\n    .description-specifications-a {\n        text-decoration: none;\n    }\n\n    .description-specifications-button {\n        width: 80%;\n        margin-top: 15px;\n        margin-left: 10%;\n        margin-bottom: 45px;\n        padding-top: 10px;\n        padding-bottom: 10px;\n        background-color: #232323;\n        color: #fff;\n        border: none;\n        border-radius: 20px;\n        font-size: 16px;\n        text-align: center;\n    }\n\n    .description-faqs-item {\n        background-color: #fafafa;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\n    .description-faqs-header {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n    }\n\n    .description-faqs-header.active {\n        border-bottom: 1px solid #232323;\n    }\n\n    .description-faqs-title {\n        font-size: 18px;\n        color: #232323;\n        background-color: #fafafa;\n        text-align: left;\n        padding: 10px 0 10px 0;\n    }\n\n    .description-faqs-arrow {\n        --rotation: -180deg;\n        width: 14px;\n        height: 14px;\n        transform: rotate(var(--rotation));\n        transition: all .3s ease;\n    }\n\n    .description-faqs-header:not(.description-faqs-collapsed) .description-faqs-arrow {\n        --rotation: 0deg;\n    }\n\n    .description-faqs-collapse {\n        display: none;\n        padding-bottom: 10px;\n        transition: all .5s ease-out;\n    }\n\n    .description-faqs-collapse-text {\n        font-size: 14px;\n        margin-top: 10px;\n    }\n\n\n    @media screen and (max-width: 767px) {\n        .description-wrapper {\n            display: block;\n        }\n\n        .description-wrapper img {\n            width: 100%;\n        }\n\n        .description-wrapper-text {\n            margin-top: 30px;\n        }\n\n        .description-wrapper-header {\n            justify-content: start;\n            padding-left: 30px;\n            padding-right: 30px;\n        }\n\n        .description-column {\n            width: 50%;\n        }\n\n        .description-specification-item {\n            position: relative;\n            display: block;\n        }\n\n        .description-column-title {\n            position: relative;\n            width: 100%;\n            text-align: center;\n            top: 0px;\n            left: 0px;\n            margin-bottom: 0px;\n        }\n\n        .description-faqs-title {\n            font-size: 16px;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003c!-- item1 --\u003e\n\u003cdiv class=\"description-scroll\" id=\"description-item-1\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item2 --\u003e\n\u003cdiv class=\"description-item\" id=\"description-item-2\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item3 --\u003e\n\u003cdiv class=\"description-title\"\u003e Grundlegende Funktionen der Miofive microSD-Karten \u003c\/div\u003e\n\n\u003cdiv class=\"description-scroll\" id=\"description-item-3\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item4 --\u003e\n\u003cdiv class=\"description-scroll\" id=\"description-item-4\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item5 --\u003e\n\u003cdiv class=\"description-scroll\" id=\"description-item-5\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item6 --\u003e\n\u003cdiv class=\"description-item\" id=\"description-item-6\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item7 --\u003e\n\u003cdiv class=\"description-item\" id=\"description-item-7\"\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n    function initData() {\n        const data = {\n            item1: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_1.jpg?v=1736392674\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_1_mb.jpg?v=1736392598\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_2.jpg?v=1736392641\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_2_mb.jpg?v=1736392572\"\n                }\n            ],\n            item2: {\n                img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_3.jpg?v=1736392649\",\n                img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_3_mb.jpg?v=1736392681\"\n            },\n            item3: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_4.jpg?v=1736392639\",\n                    title: \"Class 10 (UHS)\",\n                    content: [\n                        \"Class 10\",\n                        \"(UHS) Ultra High-Speed Transfer\",\n                        \"Read Speed of up to 170 MB\/s\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_5.jpg?v=1736392619\",\n                    title: \"A2-Grade Memory Card\",\n                    content: [\n                        \"Input\/Output Operations Per Second (IOPS)\",\n                        \"Based on SDA (SD Association) Grading Standards\",\n                        \"A2 Grade (Application Performance Class 2) Memory Card\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_6.jpg?v=1736392651\",\n                    title: \"V30 Professional Design\",\n                    content: [\n                        \"For 4K ULTRA HD Video Recording\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_7.jpg?v=1736392658\",\n                    title: \"Powerful A+ Chip\",\n                    content: [\n                        \"Enhances storage stability, uses high-quality materials for manufacturing, and ensures smoother performance.\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_8.jpg?v=1736392656\",\n                    title: \"Capture Life‘s Moments\",\n                    content: [\n                        \"Enjoy life to the fullest while capturing and recording every beautiful moment in high resolution.\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_9.jpg?v=1736392624\",\n                    title: \"Fast Transfer and Storage\",\n                    content: [\n                        \"More space and higher speed. Free your devices with the largest capacity and highest read\/write speeds.\"\n                    ]\n                }\n            ],\n            item4: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_10.jpg?v=1736392669\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_10_mb.jpg?v=1736392596\",\n                    title: \"Lightning Fast\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_11.jpg?v=1736392673\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_11_mb.jpg?v=1736392598\",\n                    title: \"High Performance\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_12.jpg?v=1736392667\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_12_mb.jpg?v=1736392585\",\n                    title: \"Best Choice\"\n                }\n            ],\n            item5: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_13.jpg?v=1736392684\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_13_mb.jpg?v=1736392622\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_14.jpg?v=1736392657\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_14_mb.jpg?v=1736392595\"\n                }\n            ],\n            item6: {\n                img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_15.jpg?v=1736392647\",\n                img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_15_mb.jpg?v=1736392576\"\n            },\n            item7: {\n                img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_16.jpg?v=1736392665\",\n                img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_128G_Description2_16_mb.jpg?v=1736392686\"\n            }\n        };\n\n        return data;\n    }\n\n    const descriptionData = initData();\n\n    addItem1();\n    addItem2();\n    addItem3()\n    addItem4();\n    addItem5();\n    addItem6();\n    addItem7();\n\n    function addItem1() {\n        const dots = [];\n        let dotCount = descriptionData.item1.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-1');\n        let option = previousButton('scroll-1-previous')\n            + nextButton('scroll-1-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-1\"\u003e';\n        descriptionData.item1.forEach((item, index) =\u003e {\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e';\n            if (item.link) {\n                scrollOption += '\u003ca href=\"' + item.link + '\"\u003e' + addPicture(item) + '\u003c\/a\u003e';\n            } else {\n                scrollOption +=  addPicture(item);\n            }\n            scrollOption += '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-1-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-1');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-1-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-1-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-1-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem2() {\n        const descriptionItem = document.getElementById('description-item-2');\n        descriptionItem.innerHTML = addPicture(descriptionData.item2);\n    }\n\n    function addItem3() {\n        const dots = [];\n        let dotCount = descriptionData.item3.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-3');\n        let option = previousButton('scroll-3-previous')\n            + nextButton('scroll-3-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-3\"\u003e';\n        descriptionData.item3.forEach((item, index) =\u003e {\n            let imgOption = '\u003cdiv class=\"description-wrapper-item\"\u003e' + addPicture(item) + '\u003c\/div\u003e';\n            let textOption = addItem2Content(item);\n            let option2 = '';\n            if (window.matchMedia(\"(max-width: 767px)\").matches) {\n                option2 = imgOption + textOption;\n            } else {\n                let i = index % 2;\n                if (i == 0) {\n                    option2 = imgOption + textOption;\n                } else {\n                    option2 = textOption + imgOption;\n                }\n            }\n\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e' + option2 + '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-3-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-3');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-3-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-3-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-3-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem4() {\n        const headers = [];\n        let headerCount = descriptionData.item4.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-4');\n        let option = previousButton('scroll-4-previous')\n            + nextButton('scroll-4-next');\n\n        let headerOption = '\u003cdiv class=\"description-wrapper-header\"\u003e';\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-4\"\u003e';\n\n        descriptionData.item4.forEach((item, index) =\u003e {\n            let id = index + 1;\n            headerOption += '\u003cspan class=\"description-header-button\" id=\"description-header-button-' + id + '\"\u003e' + item.title + '\u003c\/span\u003e';\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e' + addPicture(item) + '\u003c\/div\u003e';\n        });\n\n        headerOption += '\u003c\/div\u003e';\n        scrollOption += '\u003c\/div\u003e';\n\n        option += headerOption + scrollOption;\n\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-4');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (headerCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(headers, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c headerCount; i++) {\n            let btn = document.getElementById(\"description-header-button-\" + (i + 1));\n            console.log(\"btn: \", btn);\n            if (btn) {\n                btn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                headers.push(btn);\n            }\n        }\n        showSelectDot(headers, selectIndex);\n\n        const previous = document.getElementById(\"scroll-4-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = headerCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-4-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e headerCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem5() {\n        const dots = [];\n        let dotCount = descriptionData.item5.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-5');\n        let option = previousButton('scroll-5-previous')\n            + nextButton('scroll-5-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-5\"\u003e';\n        descriptionData.item5.forEach((item, index) =\u003e {\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e';\n            if (item.link) {\n                scrollOption += '\u003ca href=\"' + item.link + '\"\u003e' + addPicture(item) + '\u003c\/a\u003e';\n            } else {\n                scrollOption +=  addPicture(item);\n            }\n            scrollOption += '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-5-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-5');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-5-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-5-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-5-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem6() {\n        const descriptionItem = document.getElementById('description-item-6');\n        descriptionItem.innerHTML = addPicture(descriptionData.item6);\n    }\n\n    function addItem7() {\n        const descriptionItem = document.getElementById('description-item-7');\n        descriptionItem.innerHTML = addPicture(descriptionData.item7);\n    }\n\n\n    \/\/图片\n    function addPicture(item) {\n        let option;\n        if (item.img_mb) {\n            option = '\u003cpicture\u003e\u003csource media=\"(max-width: 767px)\" srcset=\"' + item.img_mb + '\"\u003e\u003cimg src=\"' + item.img + '\"\u003e\u003c\/picture\u003e';\n        } else {\n            option = '\u003cimg src=\"' + item.img + '\"\u003e';\n        }\n        return option;\n    }\n\n    function addItem2Content(item) {\n        let connectOption = '';\n        item.content.forEach(content =\u003e {\n            connectOption += '\u003cp\u003e' + content + '\u003c\/p\u003e';\n        });\n\n        let option = '\u003cdiv class=\"description-wrapper-item description-wrapper-text\"\u003e'\n            + '\u003cdiv\u003e'\n            + '\u003ch3\u003e' + item.title + '\u003c\/h3\u003e'\n            + connectOption\n            + '\u003c\/div\u003e'\n            + '\u003c\/div\u003e';\n\n        return option;\n    }\n\n    \/\/上一个按钮\n    function previousButton(id) {\n        let buttonOption = '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-left\" name=\"previous\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e'\n        return buttonOption;\n    }\n\n    \/\/下一个按钮\n    function nextButton(id) {\n        let buttonOption = '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-right\" name=\"next\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e'\n        return buttonOption;\n    }\n\n    \/\/圆点按钮\n    function addDotButton(count, id) {\n        let option = '\u003cdiv class=\"description-dot-container\"\u003e';\n        for (let i = 0; i \u003c count; i++) {\n            option += '\u003cbutton class=\"description-dot\" id=\"' + id + (i + 1) + '\"\u003e' + \" \" + '\u003c\/button\u003e';\n        }\n        option += '\u003c\/div\u003e';\n        return option;\n    }\n\n    function showSelectDot(list, selectIndex) {\n        removeSelectDot(list);\n        if (selectIndex \u003c list.length) {\n            list[selectIndex].classList.add('active');\n        }\n    }\n\n    function removeSelectDot(list) {\n        list.forEach(btn =\u003e btn.classList.remove('active'));\n    }\n\u003c\/script\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":47817167143216,"sku":"128GB-TUS","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_2ec4ca42-8703-4bb1-870a-45f2e7375901.jpg?v=1782108236"},{"product_id":"256gb-microsdxc-memory-card","title":"MIOFIVE microSDXC Speicherkarte – 256GB","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item {\n        width: 100%;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item img {\n        width: 100%;\n    }\n\n    .description-scroll {\n        position: relative;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-scroll-btn {\n        top: 50%;\n        position: absolute;\n        padding: 10px;\n        cursor: pointer;\n        width: 42px;\n        height: 42px;\n        border-radius: 50%;\n        background-color: rgb(247, 247, 247);\n        border: 1px solid var(--icon);\n        transform: translateY(-50%);\n        border-color: transparent;\n        z-index: 1;\n    }\n\n    .description-scroll-btn-left {\n        left: 0;\n        margin-left: -0.2rem;\n        transform: rotate(90deg) translateX(-0.15rem);\n    }\n\n    .description-scroll-btn-left:hover {\n        transform: rotate(90deg) translateX(-0.15rem) scale(0.98);\n    }\n\n    .description-scroll-btn-right {\n        right: 0;\n        margin-right: -0.2rem;\n        transform: rotate(-90deg) translateX(0.15rem);\n    }\n\n    .description-scroll-btn-right:hover {\n        transform: rotate(-90deg) translateX(0.15rem) scale(0.98);\n    }\n\n    .description-dot-container {\n        position: absolute;\n        bottom: 20px;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n    }\n\n    .description-dot {\n        background-color: #0000;\n        \/* 圆点颜色 *\/\n        border: 1px solid #000;\n        \/* 边框 *\/\n        padding: 5px;\n        \/* 圆点大小 *\/\n        border-radius: 50%;\n        \/* 设置为圆形 *\/\n        margin: 0 5px;\n        \/* 圆点之间的间距 *\/\n        cursor: pointer;\n        \/* 鼠标悬停时显示手形图标 *\/\n        outline: none;\n        \/* 点击时不显示轮廓 *\/\n    }\n\n    .description-dot.active {\n        background-color: #232323\n    }\n\n    .description-container {\n        padding: 0px;\n        margin: 0px;\n        display: flex;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .description-container::-webkit-scrollbar {\n        display: none;\n    }\n\n    .description-wrapper {\n        position: relative;\n        flex: 0 0 100%;\n        width: 100%;\n        display: flex;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n    }\n\n    .description-wrapper img {\n        width: 100%;\n    }\n\n    .description-wrapper h3 {\n        margin: 0px;\n        padding: 0px;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        margin-bottom: 15px;\n    }\n\n    .description-wrapper p {\n        margin: 0px;\n        padding: 0px;\n        font-size: 14px;\n        margin-bottom: 8px;\n    }\n\n    .description-wrapper-item {\n        flex: 1;\n    }\n\n    .description-wrapper-text {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding-left: 5%;\n        padding-right: 5%;\n    }\n\n    .description-wrapper-header {\n        display: flex;\n        padding: 10px 0 12px 0;\n        margin: 0px;\n        align-items: center;\n        justify-content: center;\n        background-color: #3A3E48;\n        overflow-x: auto;\n        overflow-y: hidden;\n        white-space: nowrap;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .description-wrapper-header::-webkit-scrollbar {\n        display: none;\n    }\n\n    .description-header-button {\n        color: white;\n        text-align: center;\n        font-size: 20px;\n        font-weight: 700;\n        margin-right: 80px;\n        padding: 5px 0 5px 0;\n        background-color: transparent;\n    }\n\n    .description-header-button.active {\n        border-bottom: 3px solid #fff;\n    }\n\n    .description-specification-item {\n        display: flex;\n        display: -ms-flex;\n        flex-wrap: wrap;\n        width: 100%;\n    }\n\n    .description-column {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 30%;\n    }\n\n    .description-column-specifications {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 40%;\n    }\n\n    .description-column-mb {\n        position: relative;\n        width: 100%;\n    }\n\n    .description-column img {\n        width: 100%;\n    }\n\n    .description-column-title {\n        position: absolute;\n        top: 5%;\n        left: 30%;\n        margin: 0px;\n        padding: 0px;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        margin-bottom: 15px;\n    }\n\n    .description-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-specifications {\n        position: relative;\n        width: 100%;\n    }\n\n    .description-specifications-title {\n        width: 100%;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n    }\n\n    .description-specifications-border {\n        border: 1px solid #000;\n        display: flex;\n        display: -ms-flex;\n        flex-wrap: wrap;\n        margin: 0px 3px 0px 3px;\n        padding-top: 15px;\n        padding-bottom: 15px;\n    }\n\n    .description-specifications-column {\n        position: relative;\n        width: 33.333%;\n    }\n\n    .description-specifications-column p {\n        width: 100%;\n        text-align: center;\n        font-size: 12px;\n        color: #232323;\n        margin-bottom: 35px;\n    }\n\n    .description-specifications-item {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 88%;\n        margin-left: 6%;\n        margin-right: 6%;\n        border-bottom: 1px solid #232323;\n    }\n\n    .description-specifications-item-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        margin-top: 3px;\n        margin-bottom: 3px;\n    }\n\n    .description-specifications-a {\n        text-decoration: none;\n    }\n\n    .description-specifications-button {\n        width: 80%;\n        margin-top: 15px;\n        margin-left: 10%;\n        margin-bottom: 45px;\n        padding-top: 10px;\n        padding-bottom: 10px;\n        background-color: #232323;\n        color: #fff;\n        border: none;\n        border-radius: 20px;\n        font-size: 16px;\n        text-align: center;\n    }\n\n    .description-faqs-item {\n        background-color: #fafafa;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\n    .description-faqs-header {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n    }\n\n    .description-faqs-header.active {\n        border-bottom: 1px solid #232323;\n    }\n\n    .description-faqs-title {\n        font-size: 18px;\n        color: #232323;\n        background-color: #fafafa;\n        text-align: left;\n        padding: 10px 0 10px 0;\n    }\n\n    .description-faqs-arrow {\n        --rotation: -180deg;\n        width: 14px;\n        height: 14px;\n        transform: rotate(var(--rotation));\n        transition: all .3s ease;\n    }\n\n    .description-faqs-header:not(.description-faqs-collapsed) .description-faqs-arrow {\n        --rotation: 0deg;\n    }\n\n    .description-faqs-collapse {\n        display: none;\n        padding-bottom: 10px;\n        transition: all .5s ease-out;\n    }\n\n    .description-faqs-collapse-text {\n        font-size: 14px;\n        margin-top: 10px;\n    }\n\n\n    @media screen and (max-width: 767px) {\n        .description-wrapper {\n            display: block;\n        }\n\n        .description-wrapper img {\n            width: 100%;\n        }\n\n        .description-wrapper-text {\n            margin-top: 30px;\n        }\n\n        .description-wrapper-header {\n            justify-content: start;\n            padding-left: 30px;\n            padding-right: 30px;\n        }\n\n        .description-column {\n            width: 50%;\n        }\n\n        .description-specification-item {\n            position: relative;\n            display: block;\n        }\n\n        .description-column-title {\n            position: relative;\n            width: 100%;\n            text-align: center;\n            top: 0px;\n            left: 0px;\n            margin-bottom: 0px;\n        }\n\n        .description-faqs-title {\n            font-size: 16px;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003c!-- item1 --\u003e\n\u003cdiv class=\"description-scroll\" id=\"description-item-1\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item2 --\u003e\n\u003cdiv class=\"description-item\" id=\"description-item-2\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item3 --\u003e\n\u003cdiv class=\"description-title\"\u003e Grundlegende Funktionen der Miofive microSD-Karten \u003c\/div\u003e\n\n\u003cdiv class=\"description-scroll\" id=\"description-item-3\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item4 --\u003e\n\u003cdiv class=\"description-scroll\" id=\"description-item-4\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item5 --\u003e\n\u003cdiv class=\"description-scroll\" id=\"description-item-5\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item6 --\u003e\n\u003cdiv class=\"description-item\" id=\"description-item-6\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item7 --\u003e\n\u003cdiv class=\"description-item\" id=\"description-item-7\"\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n    function initData() {\n        const data = {\n            item1: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_1.jpg?v=1736394514\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_1_mb.jpg?v=1736394438\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_2.jpg?v=1736394482\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_2_mb.jpg?v=1736394409\"\n                }\n            ],\n            item2: {\n                img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_3.jpg?v=1736394490\",\n                img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_3_mb.jpg?v=1736394522\"\n            },\n            item3: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_4.jpg?v=1736394481\",\n                    title: \"Class 10 (UHS)\",\n                    content: [\n                        \"Class 10\",\n                        \"(UHS) Ultra High-Speed Transfer\",\n                        \"Read Speed of up to 170 MB\/s\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_5.jpg?v=1736394460\",\n                    title: \"A2-Grade Memory Card\",\n                    content: [\n                        \"Input\/Output Operations Per Second (IOPS)\",\n                        \"Based on SDA (SD Association) Grading Standards\",\n                        \"A2 Grade (Application Performance Class 2) Memory Card\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_6.jpg?v=1736394492\",\n                    title: \"V30 Professional Design\",\n                    content: [\n                        \"For 4K ULTRA HD Video Recording\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_7.jpg?v=1736394500\",\n                    title: \"Powerful A+ Chip\",\n                    content: [\n                        \"Enhances storage stability, uses high-quality materials for manufacturing, and ensures smoother performance.\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_8.jpg?v=1736394497\",\n                    title: \"Capture Life‘s Moments\",\n                    content: [\n                        \"Enjoy life to the fullest while capturing and recording every beautiful moment in high resolution.\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_9.jpg?v=1736394466\",\n                    title: \"Fast Transfer and Storage\",\n                    content: [\n                        \"More space and higher speed. Free your devices with the largest capacity and highest read\/write speeds.\"\n                    ]\n                }\n            ],\n            item4: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_10.jpg?v=1736394510\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_10_mb.jpg?v=1736394435\",\n                    title: \"Lightning Fast\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_11.jpg?v=1736394513\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_11_mb.jpg?v=1736394439\",\n                    title: \"High Performance\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_12.jpg?v=1736394508\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_12_mb.jpg?v=1736394424\",\n                    title: \"Best Choice\"\n                }\n            ],\n            item5: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_13.jpg?v=1736394524\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_13_mb.jpg?v=1736394464\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_14.jpg?v=1736394498\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_14_mb.jpg?v=1736394434\"\n                }\n            ],\n            item6: {\n                img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_15.jpg?v=1736394488\",\n                img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_15_mb.jpg?v=1736394414\"\n            },\n            item7: {\n                img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_16.jpg?v=1736394506\",\n                img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_16_mb.jpg?v=1736394526\"\n            }\n        };\n\n        return data;\n    }\n\n    const descriptionData = initData();\n\n    addItem1();\n    addItem2();\n    addItem3()\n    addItem4();\n    addItem5();\n    addItem6();\n    addItem7();\n\n    function addItem1() {\n        const dots = [];\n        let dotCount = descriptionData.item1.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-1');\n        let option = previousButton('scroll-1-previous')\n            + nextButton('scroll-1-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-1\"\u003e';\n        descriptionData.item1.forEach((item, index) =\u003e {\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e';\n            if (item.link) {\n                scrollOption += '\u003ca href=\"' + item.link + '\"\u003e' + addPicture(item) + '\u003c\/a\u003e';\n            } else {\n                scrollOption +=  addPicture(item);\n            }\n            scrollOption += '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-1-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-1');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-1-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-1-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-1-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem2() {\n        const descriptionItem = document.getElementById('description-item-2');\n        descriptionItem.innerHTML = addPicture(descriptionData.item2);\n    }\n\n    function addItem3() {\n        const dots = [];\n        let dotCount = descriptionData.item3.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-3');\n        let option = previousButton('scroll-3-previous')\n            + nextButton('scroll-3-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-3\"\u003e';\n        descriptionData.item3.forEach((item, index) =\u003e {\n            let imgOption = '\u003cdiv class=\"description-wrapper-item\"\u003e' + addPicture(item) + '\u003c\/div\u003e';\n            let textOption = addItem2Content(item);\n            let option2 = '';\n            if (window.matchMedia(\"(max-width: 767px)\").matches) {\n                option2 = imgOption + textOption;\n            } else {\n                let i = index % 2;\n                if (i == 0) {\n                    option2 = imgOption + textOption;\n                } else {\n                    option2 = textOption + imgOption;\n                }\n            }\n\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e' + option2 + '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-3-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-3');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-3-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-3-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-3-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem4() {\n        const headers = [];\n        let headerCount = descriptionData.item4.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-4');\n        let option = previousButton('scroll-4-previous')\n            + nextButton('scroll-4-next');\n\n        let headerOption = '\u003cdiv class=\"description-wrapper-header\"\u003e';\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-4\"\u003e';\n\n        descriptionData.item4.forEach((item, index) =\u003e {\n            let id = index + 1;\n            headerOption += '\u003cspan class=\"description-header-button\" id=\"description-header-button-' + id + '\"\u003e' + item.title + '\u003c\/span\u003e';\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e' + addPicture(item) + '\u003c\/div\u003e';\n        });\n\n        headerOption += '\u003c\/div\u003e';\n        scrollOption += '\u003c\/div\u003e';\n\n        option += headerOption + scrollOption;\n\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-4');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (headerCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(headers, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c headerCount; i++) {\n            let btn = document.getElementById(\"description-header-button-\" + (i + 1));\n            console.log(\"btn: \", btn);\n            if (btn) {\n                btn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                headers.push(btn);\n            }\n        }\n        showSelectDot(headers, selectIndex);\n\n        const previous = document.getElementById(\"scroll-4-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = headerCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-4-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e headerCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem5() {\n        const dots = [];\n        let dotCount = descriptionData.item5.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-5');\n        let option = previousButton('scroll-5-previous')\n            + nextButton('scroll-5-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-5\"\u003e';\n        descriptionData.item5.forEach((item, index) =\u003e {\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e';\n            if (item.link) {\n                scrollOption += '\u003ca href=\"' + item.link + '\"\u003e' + addPicture(item) + '\u003c\/a\u003e';\n            } else {\n                scrollOption +=  addPicture(item);\n            }\n            scrollOption += '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-5-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-5');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-5-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-5-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-5-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem6() {\n        const descriptionItem = document.getElementById('description-item-6');\n        descriptionItem.innerHTML = addPicture(descriptionData.item6);\n    }\n\n    function addItem7() {\n        const descriptionItem = document.getElementById('description-item-7');\n        descriptionItem.innerHTML = addPicture(descriptionData.item7);\n    }\n\n\n    \/\/图片\n    function addPicture(item) {\n        let option;\n        if (item.img_mb) {\n            option = '\u003cpicture\u003e\u003csource media=\"(max-width: 767px)\" srcset=\"' + item.img_mb + '\"\u003e\u003cimg src=\"' + item.img + '\"\u003e\u003c\/picture\u003e';\n        } else {\n            option = '\u003cimg src=\"' + item.img + '\"\u003e';\n        }\n        return option;\n    }\n\n    function addItem2Content(item) {\n        let connectOption = '';\n        item.content.forEach(content =\u003e {\n            connectOption += '\u003cp\u003e' + content + '\u003c\/p\u003e';\n        });\n\n        let option = '\u003cdiv class=\"description-wrapper-item description-wrapper-text\"\u003e'\n            + '\u003cdiv\u003e'\n            + '\u003ch3\u003e' + item.title + '\u003c\/h3\u003e'\n            + connectOption\n            + '\u003c\/div\u003e'\n            + '\u003c\/div\u003e';\n\n        return option;\n    }\n\n    \/\/上一个按钮\n    function previousButton(id) {\n        let buttonOption = '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-left\" name=\"previous\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e'\n        return buttonOption;\n    }\n\n    \/\/下一个按钮\n    function nextButton(id) {\n        let buttonOption = '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-right\" name=\"next\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e'\n        return buttonOption;\n    }\n\n    \/\/圆点按钮\n    function addDotButton(count, id) {\n        let option = '\u003cdiv class=\"description-dot-container\"\u003e';\n        for (let i = 0; i \u003c count; i++) {\n            option += '\u003cbutton class=\"description-dot\" id=\"' + id + (i + 1) + '\"\u003e' + \" \" + '\u003c\/button\u003e';\n        }\n        option += '\u003c\/div\u003e';\n        return option;\n    }\n\n    function showSelectDot(list, selectIndex) {\n        removeSelectDot(list);\n        if (selectIndex \u003c list.length) {\n            list[selectIndex].classList.add('active');\n        }\n    }\n\n    function removeSelectDot(list) {\n        list.forEach(btn =\u003e btn.classList.remove('active'));\n    }\n\u003c\/script\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":47817172713776,"sku":"256GB-TUS","price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_786f67ea-ee83-4007-96fa-e4eec7b716b4.jpg?v=1782108251"},{"product_id":"type-c-hardwire-kit","title":"MIOFIVE Type-C Festeinbau-Kit (HKW2) – 3,5 m Kabel","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0 10px;\n    }\n\n    .description-item {\n        width: 100%;\n    }\n\n    .description-item img {\n        width: 100%;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n    \n\n    @media screen and (max-width: 767px) {\n        .description-content {\n            margin: 0 5px;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_1_mb.jpg?v=1732861460\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_1.jpg?v=1732861489\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_2_mb.jpg?v=1732861465\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_2.jpg?v=1732861490\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_3_mb.jpg?v=1732861465\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_3.jpg?v=1732861489\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_4_mb.jpg?v=1732861457\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_4.jpg?v=1732861486\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_5_mb.jpg?v=1732861469\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_5.jpg?v=1732861490\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_6_mb.jpg?v=1732861491\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_6.jpg?v=1732861488\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_7_mb.jpg?v=1732861450\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_7.jpg?v=1732861477\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_8_mb.jpg?v=1732861451\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_HKW_Description_8.jpg?v=1732861481\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv\u003e\n\n\u003cbr\u003e\n\u003cdiv class=\"description-contact-us-title\"\u003e KONTAKTIEREN SIE UNS\u003c\/div\u003e\n\n         \u003cdiv class=\"description-contact-us-text\"\u003eHaben Sie eine Frage oder einen Kommentar? Schreiben Sie uns eine E-Mail an \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e . Unser engagiertes Kundensupport-Team hilft Ihnen gerne weiter und antwortet Ihnen werktags innerhalb von 24 Stunden.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":48014552990000,"sku":"HWK2-TUS","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_b9705c4c-eef8-46d5-9cba-39b51e9d2b61.jpg?v=1782108253"},{"product_id":"cpl-filter","title":"MIOFIVE 34mm CPL-Filter","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0 10px;\n    }\n\n    .description-item {\n        width: 100%;\n    }\n\n    .description-item img {\n        width: 100%;\n    }\n\n    .description-scroll {\n        position: relative;\n    }\n\n    .description-scroll-btn {\n        top: 50%;\n        position: absolute;\n        padding: 10px;\n        cursor: pointer;\n        width: 42px;\n        height: 42px;\n        border-radius: 50%;\n        background-color: rgb(247, 247, 247);\n        border: 1px solid var(--icon);\n        transform: translateY(-50%);\n        border-color: transparent;\n        z-index: 1;\n    }\n\n    .description-scroll-btn-left {\n        left: 0;\n        margin-left: -0.2rem;\n        transform: rotate(90deg) translateX(-0.15rem);\n    }\n\n    .description-scroll-btn-left:hover {\n        transform: rotate(90deg) translateX(-0.15rem) scale(0.98);\n    }\n\n    .description-scroll-btn-right {\n        right: 0;\n        margin-right: -0.2rem;\n        transform: rotate(-90deg) translateX(0.15rem);\n    }\n\n    .description-scroll-btn-right:hover {\n        transform: rotate(-90deg) translateX(0.15rem) scale(0.98);\n    }\n\n    .description-dot-container {\n        position: absolute;\n        bottom: 20px;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n    }\n\n    .description-dot {\n        background-color: #FFF;\n        \/* 圆点颜色 *\/\n        border: 1px solid #000;\n        \/* 边框 *\/\n        padding: 5px;\n        \/* 圆点大小 *\/\n        border-radius: 50%;\n        \/* 设置为圆形 *\/\n        margin: 0 5px;\n        \/* 圆点之间的间距 *\/\n        cursor: pointer;\n        \/* 鼠标悬停时显示手形图标 *\/\n        outline: none;\n        \/* 点击时不显示轮廓 *\/\n    }\n\n    .description-dot.active {\n        background-color: #232323\n    }\n\n    .description-container {\n        padding: 0px;\n        margin: 0px;\n        display: flex;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .description-container::-webkit-scrollbar {\n        display: none;\n    }\n\n    .description-wrapper {\n        position: relative;\n        flex: 0 0 100%;\n        width: 100%;\n        display: flex;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n    }\n\n    .description-wrapper img {\n        width: 100%;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\n    @media screen and (max-width: 767px) {\n        .description-content {\n            margin: 0 5px;\n        }\n\n        .description-wrapper {\n            display: block;\n        }\n\n        .description-wrapper img {\n            width: 100%;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_1_mb.jpg?v=1732861864\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_1.jpg?v=1732861869\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_2_mb.jpg?v=1732861866\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_2.jpg?v=1732861870\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- item2 产品功能滑动图 --\u003e\n\u003cdiv class=\"description-scroll\" id=\"description-item-2\"\u003e\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_5_mb.jpg?v=1732861864\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_5.jpg?v=1732861869\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_6_mb.jpg?v=1732861864\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_6.jpg?v=1732861868\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_7_mb.jpg?v=1732861870\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_7.jpg?v=1732861869\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_8_mb.jpg?v=1732861864\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_8.jpg?v=1732861868\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv\u003e\n\n\u003cbr\u003e\n\u003cdiv class=\"description-contact-us-title\"\u003e KONTAKTIEREN SIE UNS\u003c\/div\u003e\n\n\u003cdiv class=\"description-contact-us-text\"\u003e Haben Sie eine Frage oder einen Kommentar? Schreiben Sie uns eine E-Mail an \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e . Unser engagiertes Kundensupport-Team hilft Ihnen gerne weiter und antwortet Ihnen werktags innerhalb von 24 Stunden.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n    addScrollItem();\n\n    function addScrollItem() {\n        const data = [\n            {\n                \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_3.jpg?v=1732861868\",\n                \"img_mb\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_3_mb.jpg?v=1732865094\"\n            },\n            {\n                \"img\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_4.jpg?v=1732861870\",\n                \"img_mb\": \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_CPL_Filter_Description_4_mb.jpg?v=1732862015\"\n            }\n        ];\n\n        const dots = [];\n        let dotCount = data.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-2');\n        let option = previousButton('scroll-2-previous')\n            + nextButton('scroll-2-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-2\"\u003e';\n            data.forEach((item, index) =\u003e {\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e' + addPicture(item) + '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-2-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-2');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-2-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-2-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-2-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    \/\/上一个按钮\n    function previousButton(id) {\n        let buttonOption = '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-left\" name=\"previous\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e'\n        return buttonOption;\n    }\n\n    \/\/下一个按钮\n    function nextButton(id) {\n        let buttonOption = '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-right\" name=\"next\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e'\n        return buttonOption;\n    }\n\n    \/\/图片\n    function addPicture(item) {\n        let option = '\u003cpicture\u003e\u003csource media=\"(max-width: 767px)\" srcset=\"' + item.img_mb + '\"\u003e\u003cimg src=\"' + item.img + '\"\u003e\u003c\/picture\u003e';\n        return option;\n    }\n\n    \/\/圆点按钮\n    function addDotButton(count, id) {\n        let option = '\u003cdiv class=\"description-dot-container\"\u003e';\n        for (let i = 0; i \u003c count; i++) {\n            option += '\u003cbutton class=\"description-dot\" id=\"' + id + (i + 1) + '\"\u003e' + \" \" + '\u003c\/button\u003e';\n        }\n        option += '\u003c\/div\u003e';\n        return option;\n    }\n\n    function showSelectDot(list, selectIndex) {\n        removeSelectDot(list);\n        if (selectIndex \u003c list.length) {\n            list[selectIndex].classList.add('active');\n        }\n    }\n\n    function removeSelectDot(list) {\n        list.forEach(btn =\u003e btn.classList.remove('active'));\n    }\n\n\u003c\/script\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":48303724757296,"sku":"CPL filter-TUS","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_4dfb0825-2281-45e1-871c-1d089e5c8ea3.jpg?v=1782108273"},{"product_id":"car-windshield-double-sided-adhesive","title":"MIOFIVE doppelseitiges Klebepad für die Windschutzscheibe","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0 10px;\n    }\n\n    .description-item {\n        width: 100%;\n    }\n\n    .description-item img {\n        width: 100%;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_1_mb.jpg?v=1733126983\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_1.jpg?v=1733126992\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_2_mb.jpg?v=1733126974\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_2.jpg?v=1733126981\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_3_mb.jpg?v=1733126981\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_3.jpg?v=1733126988\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_4_mb.jpg?v=1733126992\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_4.jpg?v=1733126988\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_5_mb.jpg?v=1733126981\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_5.jpg?v=1733126991\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_6_mb.jpg?v=1733126980\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_6.jpg?v=1733126989\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_7_mb.jpg?v=1733126973\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_Sticky_Mount_Description_7.jpg?v=1733126979\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv\u003e\n\n\u003cbr\u003e\n\u003cdiv class=\"description-contact-us-title\"\u003e KONTAKTIEREN SIE UNS\u003c\/div\u003e\n\n         \u003cdiv class=\"description-contact-us-text\"\u003eHaben Sie eine Frage oder einen Kommentar? Schreiben Sie uns eine E-Mail an \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e . Unser engagiertes Kundensupport-Team hilft Ihnen gerne weiter und antwortet Ihnen werktags innerhalb von 24 Stunden.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":48739379511600,"sku":"S1 Adhesive-TUS","price":15.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_8f761c89-1f9f-47fc-b373-5bd70abe3d09.jpg?v=1782108292"},{"product_id":"6m-rear-cable","title":"Miofive 6 m Rückfahrkamerakabel (19,7 ft)","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003cdiv\u003e\n\n\u003cbr\u003e\n\u003cdiv class=\"description-contact-us-title\"\u003e KONTAKTIEREN SIE UNS\u003c\/div\u003e\n\n\u003cdiv class=\"description-contact-us-text\"\u003e Haben Sie eine Frage oder einen Kommentar? Bitte senden Sie uns eine E-Mail an \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e . \nUnser engagiertes Kundensupportteam hilft Ihnen gerne weiter und antwortet an Werktagen innerhalb von 24 Stunden.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49274927350064,"sku":"6M RC Cable-TUS","price":15.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_ce4ae414-f03b-4829-a261-889abd1c63e7.jpg?v=1782108305"},{"product_id":"mount-bracket-us","title":"Miofive Montagehalterung","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003cdiv\u003e\n\n\u003cbr\u003e\n\u003cdiv class=\"description-contact-us-title\"\u003e KONTAKTIEREN SIE UNS\u003c\/div\u003e\n\n\u003cdiv class=\"description-contact-us-text\"\u003e Haben Sie eine Frage oder einen Kommentar? Bitte senden Sie uns eine E-Mail an \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e .\n Unser engagiertes Kundensupportteam hilft Ihnen gerne weiter und antwortet an Werktagen innerhalb von 24 Stunden.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49274940752176,"sku":"Mount Bracket-US","price":15.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_21f5c929-b89e-40b1-80ba-c4613b104215.jpg?v=1782108300"},{"product_id":"4k-rear-cam","title":"Miofive 4K Rückfahrkamera","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0 10px;\n    }\n\n    .description-item {\n        width: 100%;\n    }\n\n    .description-item img {\n        width: 100%;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_4K_Rear_Cam_Description_1_mb.jpg?v=1736326507\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_4K_Rear_Cam_Description_1.jpg?v=1736326528\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_4K_Rear_Cam_Description_2_mb.jpg?v=1736326507\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_4K_Rear_Cam_Description_2.jpg?v=1736326531\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_4K_Rear_Cam_Description_3_mb.jpg?v=1736326514\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_4K_Rear_Cam_Description_3.jpg?v=1736326533\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_4K_Rear_Cam_Description_4_mb.jpg?v=1736326497\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_4K_Rear_Cam_Description_4.jpg?v=1736326517\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_4K_Rear_Cam_Description_5_mb.jpg?v=1736326492\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_4K_Rear_Cam_Description_5.jpg?v=1736326513\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cpicture\u003e\n\u003csource media=\"(max-width: 767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_4K_Rear_Cam_Description_6_mb.jpg?v=1736326489\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/S1_4K_Rear_Cam_Description_6.jpg?v=1736326508\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv\u003e\n\n\u003cbr\u003e\n         \u003cdiv class=\"description-contact-us-title\"\u003eKONTAKTIEREN SIE UNS\u003c\/div\u003e\n\n\u003cdiv class=\"description-contact-us-text\"\u003e Haben Sie eine Frage oder einen Kommentar? Bitte senden Sie uns eine E-Mail an \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e .\n Unser engagiertes Kundensupportteam hilft Ihnen gerne weiter und antwortet an Werktagen innerhalb von 24 Stunden.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49429772140848,"sku":"4K RC-US","price":79.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_fd1e1a5b-8478-4c43-9058-bae6f6103e6d.jpg?v=1782108318"},{"product_id":"256gb","title":"MIOFIVE 256GB microSDXC Speicherkarte (UK)","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item {\n        width: 100%;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item img {\n        width: 100%;\n    }\n\n    .description-scroll {\n        position: relative;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-scroll-btn {\n        top: 50%;\n        position: absolute;\n        padding: 10px;\n        cursor: pointer;\n        width: 42px;\n        height: 42px;\n        border-radius: 50%;\n        background-color: rgb(247, 247, 247);\n        border: 1px solid var(--icon);\n        transform: translateY(-50%);\n        border-color: transparent;\n        z-index: 1;\n    }\n\n    .description-scroll-btn-left {\n        left: 0;\n        margin-left: -0.2rem;\n        transform: rotate(90deg) translateX(-0.15rem);\n    }\n\n    .description-scroll-btn-left:hover {\n        transform: rotate(90deg) translateX(-0.15rem) scale(0.98);\n    }\n\n    .description-scroll-btn-right {\n        right: 0;\n        margin-right: -0.2rem;\n        transform: rotate(-90deg) translateX(0.15rem);\n    }\n\n    .description-scroll-btn-right:hover {\n        transform: rotate(-90deg) translateX(0.15rem) scale(0.98);\n    }\n\n    .description-dot-container {\n        position: absolute;\n        bottom: 20px;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n    }\n\n    .description-dot {\n        background-color: #0000;\n        \/* 圆点颜色 *\/\n        border: 1px solid #000;\n        \/* 边框 *\/\n        padding: 5px;\n        \/* 圆点大小 *\/\n        border-radius: 50%;\n        \/* 设置为圆形 *\/\n        margin: 0 5px;\n        \/* 圆点之间的间距 *\/\n        cursor: pointer;\n        \/* 鼠标悬停时显示手形图标 *\/\n        outline: none;\n        \/* 点击时不显示轮廓 *\/\n    }\n\n    .description-dot.active {\n        background-color: #232323\n    }\n\n    .description-container {\n        padding: 0px;\n        margin: 0px;\n        display: flex;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .description-container::-webkit-scrollbar {\n        display: none;\n    }\n\n    .description-wrapper {\n        position: relative;\n        flex: 0 0 100%;\n        width: 100%;\n        display: flex;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n    }\n\n    .description-wrapper img {\n        width: 100%;\n    }\n\n    .description-wrapper h3 {\n        margin: 0px;\n        padding: 0px;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        margin-bottom: 15px;\n    }\n\n    .description-wrapper p {\n        margin: 0px;\n        padding: 0px;\n        font-size: 14px;\n        margin-bottom: 8px;\n    }\n\n    .description-wrapper-item {\n        flex: 1;\n    }\n\n    .description-wrapper-text {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding-left: 5%;\n        padding-right: 5%;\n    }\n\n    .description-wrapper-header {\n        display: flex;\n        padding: 10px 0 12px 0;\n        margin: 0px;\n        align-items: center;\n        justify-content: center;\n        background-color: #3A3E48;\n        overflow-x: auto;\n        overflow-y: hidden;\n        white-space: nowrap;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .description-wrapper-header::-webkit-scrollbar {\n        display: none;\n    }\n\n    .description-header-button {\n        color: white;\n        text-align: center;\n        font-size: 20px;\n        font-weight: 700;\n        margin-right: 80px;\n        padding: 5px 0 5px 0;\n        background-color: transparent;\n    }\n\n    .description-header-button.active {\n        border-bottom: 3px solid #fff;\n    }\n\n    .description-specification-item {\n        display: flex;\n        display: -ms-flex;\n        flex-wrap: wrap;\n        width: 100%;\n    }\n\n    .description-column {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 30%;\n    }\n\n    .description-column-specifications {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 40%;\n    }\n\n    .description-column-mb {\n        position: relative;\n        width: 100%;\n    }\n\n    .description-column img {\n        width: 100%;\n    }\n\n    .description-column-title {\n        position: absolute;\n        top: 5%;\n        left: 30%;\n        margin: 0px;\n        padding: 0px;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        margin-bottom: 15px;\n    }\n\n    .description-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-specifications {\n        position: relative;\n        width: 100%;\n    }\n\n    .description-specifications-title {\n        width: 100%;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n    }\n\n    .description-specifications-border {\n        border: 1px solid #000;\n        display: flex;\n        display: -ms-flex;\n        flex-wrap: wrap;\n        margin: 0px 3px 0px 3px;\n        padding-top: 15px;\n        padding-bottom: 15px;\n    }\n\n    .description-specifications-column {\n        position: relative;\n        width: 33.333%;\n    }\n\n    .description-specifications-column p {\n        width: 100%;\n        text-align: center;\n        font-size: 12px;\n        color: #232323;\n        margin-bottom: 35px;\n    }\n\n    .description-specifications-item {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 88%;\n        margin-left: 6%;\n        margin-right: 6%;\n        border-bottom: 1px solid #232323;\n    }\n\n    .description-specifications-item-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        margin-top: 3px;\n        margin-bottom: 3px;\n    }\n\n    .description-specifications-a {\n        text-decoration: none;\n    }\n\n    .description-specifications-button {\n        width: 80%;\n        margin-top: 15px;\n        margin-left: 10%;\n        margin-bottom: 45px;\n        padding-top: 10px;\n        padding-bottom: 10px;\n        background-color: #232323;\n        color: #fff;\n        border: none;\n        border-radius: 20px;\n        font-size: 16px;\n        text-align: center;\n    }\n\n    .description-faqs-item {\n        background-color: #fafafa;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\n    .description-faqs-header {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n    }\n\n    .description-faqs-header.active {\n        border-bottom: 1px solid #232323;\n    }\n\n    .description-faqs-title {\n        font-size: 18px;\n        color: #232323;\n        background-color: #fafafa;\n        text-align: left;\n        padding: 10px 0 10px 0;\n    }\n\n    .description-faqs-arrow {\n        --rotation: -180deg;\n        width: 14px;\n        height: 14px;\n        transform: rotate(var(--rotation));\n        transition: all .3s ease;\n    }\n\n    .description-faqs-header:not(.description-faqs-collapsed) .description-faqs-arrow {\n        --rotation: 0deg;\n    }\n\n    .description-faqs-collapse {\n        display: none;\n        padding-bottom: 10px;\n        transition: all .5s ease-out;\n    }\n\n    .description-faqs-collapse-text {\n        font-size: 14px;\n        margin-top: 10px;\n    }\n\n\n    @media screen and (max-width: 767px) {\n        .description-wrapper {\n            display: block;\n        }\n\n        .description-wrapper img {\n            width: 100%;\n        }\n\n        .description-wrapper-text {\n            margin-top: 30px;\n        }\n\n        .description-wrapper-header {\n            justify-content: start;\n            padding-left: 30px;\n            padding-right: 30px;\n        }\n\n        .description-column {\n            width: 50%;\n        }\n\n        .description-specification-item {\n            position: relative;\n            display: block;\n        }\n\n        .description-column-title {\n            position: relative;\n            width: 100%;\n            text-align: center;\n            top: 0px;\n            left: 0px;\n            margin-bottom: 0px;\n        }\n\n        .description-faqs-title {\n            font-size: 16px;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003c!-- item1 --\u003e\n\u003cdiv class=\"description-scroll\" id=\"description-item-1\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item2 --\u003e\n\u003cdiv class=\"description-item\" id=\"description-item-2\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item3 --\u003e\n\u003cdiv class=\"description-title\"\u003e Grundlegende Funktionen der Miofive microSD-Karten \u003c\/div\u003e\n\n\u003cdiv class=\"description-scroll\" id=\"description-item-3\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item4 --\u003e\n\u003cdiv class=\"description-scroll\" id=\"description-item-4\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item5 --\u003e\n\u003cdiv class=\"description-scroll\" id=\"description-item-5\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item6 --\u003e\n\u003cdiv class=\"description-item\" id=\"description-item-6\"\u003e\n\u003c\/div\u003e\n\n\n\u003c!-- item7 --\u003e\n\u003cdiv class=\"description-item\" id=\"description-item-7\"\u003e\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n    function initData() {\n        const data = {\n            item1: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_1.jpg?v=1736394514\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_1_mb.jpg?v=1736394438\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_2.jpg?v=1736394482\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_2_mb.jpg?v=1736394409\"\n                }\n            ],\n            item2: {\n                img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_3.jpg?v=1736394490\",\n                img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_3_mb.jpg?v=1736394522\"\n            },\n            item3: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_4.jpg?v=1736394481\",\n                    title: \"Class 10 (UHS)\",\n                    content: [\n                        \"Class 10\",\n                        \"(UHS) Ultra High-Speed Transfer\",\n                        \"Read Speed of up to 170 MB\/s\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_5.jpg?v=1736394460\",\n                    title: \"A2-Grade Memory Card\",\n                    content: [\n                        \"Input\/Output Operations Per Second (IOPS)\",\n                        \"Based on SDA (SD Association) Grading Standards\",\n                        \"A2 Grade (Application Performance Class 2) Memory Card\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_6.jpg?v=1736394492\",\n                    title: \"V30 Professional Design\",\n                    content: [\n                        \"For 4K ULTRA HD Video Recording\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_7.jpg?v=1736394500\",\n                    title: \"Powerful A+ Chip\",\n                    content: [\n                        \"Enhances storage stability, uses high-quality materials for manufacturing, and ensures smoother performance.\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_8.jpg?v=1736394497\",\n                    title: \"Capture Life‘s Moments\",\n                    content: [\n                        \"Enjoy life to the fullest while capturing and recording every beautiful moment in high resolution.\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_9.jpg?v=1736394466\",\n                    title: \"Fast Transfer and Storage\",\n                    content: [\n                        \"More space and higher speed. Free your devices with the largest capacity and highest read\/write speeds.\"\n                    ]\n                }\n            ],\n            item4: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_10.jpg?v=1736394510\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_10_mb.jpg?v=1736394435\",\n                    title: \"Lightning Fast\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_11.jpg?v=1736394513\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_11_mb.jpg?v=1736394439\",\n                    title: \"High Performance\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_12.jpg?v=1736394508\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_12_mb.jpg?v=1736394424\",\n                    title: \"Best Choice\"\n                }\n            ],\n            item5: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_13.jpg?v=1736394524\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_13_mb.jpg?v=1736394464\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_14.jpg?v=1736394498\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_14_mb.jpg?v=1736394434\"\n                }\n            ],\n            item6: {\n                img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_15.jpg?v=1736394488\",\n                img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_15_mb.jpg?v=1736394414\"\n            },\n            item7: {\n                img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_16.jpg?v=1736394506\",\n                img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/Card_256G_Description2_16_mb.jpg?v=1736394526\"\n            }\n        };\n\n        return data;\n    }\n\n    const descriptionData = initData();\n\n    addItem1();\n    addItem2();\n    addItem3()\n    addItem4();\n    addItem5();\n    addItem6();\n    addItem7();\n\n    function addItem1() {\n        const dots = [];\n        let dotCount = descriptionData.item1.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-1');\n        let option = previousButton('scroll-1-previous')\n            + nextButton('scroll-1-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-1\"\u003e';\n        descriptionData.item1.forEach((item, index) =\u003e {\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e';\n            if (item.link) {\n                scrollOption += '\u003ca href=\"' + item.link + '\"\u003e' + addPicture(item) + '\u003c\/a\u003e';\n            } else {\n                scrollOption +=  addPicture(item);\n            }\n            scrollOption += '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-1-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-1');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-1-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-1-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-1-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem2() {\n        const descriptionItem = document.getElementById('description-item-2');\n        descriptionItem.innerHTML = addPicture(descriptionData.item2);\n    }\n\n    function addItem3() {\n        const dots = [];\n        let dotCount = descriptionData.item3.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-3');\n        let option = previousButton('scroll-3-previous')\n            + nextButton('scroll-3-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-3\"\u003e';\n        descriptionData.item3.forEach((item, index) =\u003e {\n            let imgOption = '\u003cdiv class=\"description-wrapper-item\"\u003e' + addPicture(item) + '\u003c\/div\u003e';\n            let textOption = addItem2Content(item);\n            let option2 = '';\n            if (window.matchMedia(\"(max-width: 767px)\").matches) {\n                option2 = imgOption + textOption;\n            } else {\n                let i = index % 2;\n                if (i == 0) {\n                    option2 = imgOption + textOption;\n                } else {\n                    option2 = textOption + imgOption;\n                }\n            }\n\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e' + option2 + '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-3-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-3');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-3-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-3-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-3-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem4() {\n        const headers = [];\n        let headerCount = descriptionData.item4.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-4');\n        let option = previousButton('scroll-4-previous')\n            + nextButton('scroll-4-next');\n\n        let headerOption = '\u003cdiv class=\"description-wrapper-header\"\u003e';\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-4\"\u003e';\n\n        descriptionData.item4.forEach((item, index) =\u003e {\n            let id = index + 1;\n            headerOption += '\u003cspan class=\"description-header-button\" id=\"description-header-button-' + id + '\"\u003e' + item.title + '\u003c\/span\u003e';\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e' + addPicture(item) + '\u003c\/div\u003e';\n        });\n\n        headerOption += '\u003c\/div\u003e';\n        scrollOption += '\u003c\/div\u003e';\n\n        option += headerOption + scrollOption;\n\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-4');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (headerCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(headers, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c headerCount; i++) {\n            let btn = document.getElementById(\"description-header-button-\" + (i + 1));\n            console.log(\"btn: \", btn);\n            if (btn) {\n                btn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                headers.push(btn);\n            }\n        }\n        showSelectDot(headers, selectIndex);\n\n        const previous = document.getElementById(\"scroll-4-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = headerCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-4-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e headerCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem5() {\n        const dots = [];\n        let dotCount = descriptionData.item5.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-5');\n        let option = previousButton('scroll-5-previous')\n            + nextButton('scroll-5-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-5\"\u003e';\n        descriptionData.item5.forEach((item, index) =\u003e {\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e';\n            if (item.link) {\n                scrollOption += '\u003ca href=\"' + item.link + '\"\u003e' + addPicture(item) + '\u003c\/a\u003e';\n            } else {\n                scrollOption +=  addPicture(item);\n            }\n            scrollOption += '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-5-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-5');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-5-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-5-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-5-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem6() {\n        const descriptionItem = document.getElementById('description-item-6');\n        descriptionItem.innerHTML = addPicture(descriptionData.item6);\n    }\n\n    function addItem7() {\n        const descriptionItem = document.getElementById('description-item-7');\n        descriptionItem.innerHTML = addPicture(descriptionData.item7);\n    }\n\n\n    \/\/图片\n    function addPicture(item) {\n        let option;\n        if (item.img_mb) {\n            option = '\u003cpicture\u003e\u003csource media=\"(max-width: 767px)\" srcset=\"' + item.img_mb + '\"\u003e\u003cimg src=\"' + item.img + '\"\u003e\u003c\/picture\u003e';\n        } else {\n            option = '\u003cimg src=\"' + item.img + '\"\u003e';\n        }\n        return option;\n    }\n\n    function addItem2Content(item) {\n        let connectOption = '';\n        item.content.forEach(content =\u003e {\n            connectOption += '\u003cp\u003e' + content + '\u003c\/p\u003e';\n        });\n\n        let option = '\u003cdiv class=\"description-wrapper-item description-wrapper-text\"\u003e'\n            + '\u003cdiv\u003e'\n            + '\u003ch3\u003e' + item.title + '\u003c\/h3\u003e'\n            + connectOption\n            + '\u003c\/div\u003e'\n            + '\u003c\/div\u003e';\n\n        return option;\n    }\n\n    \/\/上一个按钮\n    function previousButton(id) {\n        let buttonOption = '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-left\" name=\"previous\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e'\n        return buttonOption;\n    }\n\n    \/\/下一个按钮\n    function nextButton(id) {\n        let buttonOption = '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-right\" name=\"next\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e'\n        return buttonOption;\n    }\n\n    \/\/圆点按钮\n    function addDotButton(count, id) {\n        let option = '\u003cdiv class=\"description-dot-container\"\u003e';\n        for (let i = 0; i \u003c count; i++) {\n            option += '\u003cbutton class=\"description-dot\" id=\"' + id + (i + 1) + '\"\u003e' + \" \" + '\u003c\/button\u003e';\n        }\n        option += '\u003c\/div\u003e';\n        return option;\n    }\n\n    function showSelectDot(list, selectIndex) {\n        removeSelectDot(list);\n        if (selectIndex \u003c list.length) {\n            list[selectIndex].classList.add('active');\n        }\n    }\n\n    function removeSelectDot(list) {\n        list.forEach(btn =\u003e btn.classList.remove('active'));\n    }\n\u003c\/script\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49466065420592,"sku":"256GB-TUK","price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_6b4d74e0-5128-40d2-afa9-8f442a20628d.jpg?v=1782108349"},{"product_id":"hwk1-uk","title":"Miofive 11,5 Fuß Micro-USB-Hardwire-Kit für Miofive MF02 Dashcam (HKW1) (UK) ","description":"\u003cstyle type=\"text\/css\"\u003e\n        .description-content {\n            margin: 0 10px;\n        }\n\n        .description-item {\n            width: 100%;\n            margin-bottom: 15px;\n        }\n\n        .description-item img {\n            width: 100%;\n        }\n\n        .description-item h3 {\n            margin: 0px;\n            padding: 0px;\n            font-size: 15px;\n            font-weight: 700;\n            color: black;\n        }\n\n        .description-item p {\n            margin: 0px;\n            padding: 0px;\n            font-size: 14px;\n        }\n\n        .description-column {\n            display: flex;\n            display: -ms-flex;\n            flex-wrap: wrap;\n            width: 100%;\n        }\n\n        .description-column-1 {\n            width: 30%;\n        }\n\n        .description-column-1 img {\n            width: 100%;\n        }\n\n        .description-column-1 h3 {\n            margin: 0px;\n            padding: 0px;\n            font-size: 15px;\n            font-weight: 700;\n            color: black;\n        }\n\n        .description-column-1 p {\n            margin: 0px;\n            padding: 0px;\n            font-size: 14px;\n        }\n\n        .description-ml-10 {\n            margin-left: 5%;\n        }\n\n        @media screen and (max-width: 767px) {\n            .description-column {\n                width: 100%;\n            }\n\n            .description-column-1 {\n                width: 100%;\n            }\n\n            .description-ml-10 {\n                margin-left: 0px;\n            }\n        }\n    \u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_1.jpg?v=1700722995\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_2.jpg?v=1700722994\"\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-item\"\u003e\n\n\u003ch3\u003e \nWarum ein intelligentes Hardwire-Kit?\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Mit dem Hardwire-Kit können Sie Ihre Dashcam oder andere Geräte bei ausgeschaltetem Automotor aufladen. Die meisten\n Autos benötigen es, um die elektronischen Geräte im Auto besser nutzen zu können.\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\u003cp\u003e\n Es ist ein Muss, wenn Sie eine Dashcam in Ihrem Auto oder LKW verwenden. Es verbindet die Kamera direkt mit\n Der Sicherungskasten unter dem Armaturenbrett sorgt für kontinuierliche Stromversorgung über die Fahrzeugbatterie. Unsere Micro-USB-Festplatte\n Kabelsatz gibt die 12-Volt-Steckdose (den Zigarettenanzünder) für andere Zwecke frei. als versteckte\n Verkabelung, es wird Ihr Auto ordentlicher machen.\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\u003cp\u003e\n Miofive Dashcam-Hardwire-Kit, anwendbar auf: Dashcam, Spiegelkamera, GPS-Navigator usw.\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\u003ch3\u003e\n\n Upgrade des Dashcam-Hardwire-Kits von 9 V–16 V auf 5 V (Micro-USB\/3,5 m).\n\n\u003c\/h3\u003e\n\n\u003cp\u003e \nPremium-Parkmodus: Sobald der Sensor BEWEGUNGEN erkennt, schaltet sich das intelligente Hardwire-Kit ein\n Die Dashcam schaltet sich automatisch ein und beginnt mit der Aufnahme, bis die BEWEGUNG gelöscht ist.\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\u003cp\u003e\n Zeitrafferfunktion: Nachdem Miofive Mirror Dashcam an dieses dedizierte Hardwire-Kit angeschlossen ist, schalten Sie\n der Zeitraffer\n Funktion auf der Dashcam, die Kamera wird in die Zeitraffer-Aufnahmefunktion automatisch, wenn das Auto\n Motor ist aus.\n In diesem Modus wird ein Bild pro Sekunde aufgezeichnet, was extrem Strom und Kapazität spart, Sie müssen nicht\n müssen uns Sorgen machen über\n Entladung aus der Autobatterie. Dies liegt daran, dass bei ausgeschaltetem Automotor die ACC keinen Strom hat und\n die Dashcam wird\n erkennt es und ändert den Aufnahmemodus von normal auf Zeitraffer.\n\u003c\/p\u003e\n\n\u003cbr\u003e\n\u003ch3\u003e \nWarme Tipps: Wenn Sie keine Erfahrung mit der Installation der Hardwire-Kits für die Dashcam haben, fragen Sie bitte\n einen Fachmann um Hilfe. \n\n\u003c\/h3\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-column\"\u003e\n\n\u003cdiv class=\"description-column-1\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_3.jpg?v=1700722993\"\u003e\n\u003ch3\u003e\n\n 24-Stunden-Überwachung\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Es bietet Überwachung auf Ihrem geparkten Fahrzeug. Wenn der Motor ausgeschaltet ist, wird Hardwire-Kit verwendet, um\n Versorgen Sie die Kamera kontinuierlich mit Strom. Alle Kollisionen und Ereignisse werden aufgezeichnet. \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-column-1 description-ml-10\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_4.jpg?v=1700722992\"\u003e\n\u003ch3\u003e\n\n Mit ACC-Erkennung\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Die Dashcam schaltet automatisch in den Parkmodus, wenn der Fahrzeugmotor ausgeschaltet ist. Die Dashcam\n schaltet auf normale Aufnahme um, wenn der Fahrzeugmotor läuft. \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-column-1 description-ml-10\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_5.jpg?v=1700722992\"\u003e\n\u003ch3\u003e\n\n Unterspannungsschutz\n\n\u003c\/h3\u003e \n\u003cp\u003e\nMiofive stellt per Kabel einen Spannungsabschaltwert ein, wenn die Spannung der Fahrzeugbatterie auf 11,6 V abfällt.\n Dadurch wird die Stromversorgung Ihrer Dashcam unterbrochen und Ihre Batterie vor Entladung geschützt. \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-column\"\u003e\n\n\u003cdiv class=\"description-column-1\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_6.jpg?v=1700722993\"\u003e\n\u003ch3\u003e\n\n Gelbes Kabel (BATT\/B+)\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Schließen Sie dieses gelbe Kabel an die Dauerstromsicherung im Sicherungskasten Ihres Autos an. Wenn Sie\n Suchen Sie im Sicherungskasten nach einer stabilen Stromquelle, überprüfen Sie die Sicherung mit einem Spannungsmessgerät,\n dass die Sicherung auch bei ausgeschaltetem Automotor Strom führt. \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-column-1 description-ml-10\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_7.jpg?v=1700722993\"\u003e\n\u003ch3\u003e\n\n Rotes Kabel (ACC)\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Dieses rote Kabel verbindet die Stromversorgung des roten Kabels nur, wenn der Automotor läuft. Test \nMethode: Wenn der Motor eingeschaltet ist, leuchtet die Glühbirne des Messgeräts auf, und wenn\n der Motor geht aus, die Glühbirne leuchtet nicht. \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"description-column-1 description-ml-10\"\u003e\n\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/HKW1_Description_8.jpg?v=1700722992\"\u003e\n\u003ch3\u003e\n\n Schwarzes Kabel (GND)\n\n\u003c\/h3\u003e\n\n\u003cp\u003e\n Verbinden Sie dieses schwarze Kabel mit den Metallteilen des Fahrzeugs. Es gibt Schraubennägel und Metallteile\n In vielen Autos in der Nähe der Sicherungskästen. Schließen Sie das schwarze Kabel an die Schraube oder das Metallteil an. Lösen Sie die Mutter\n oder schrauben Sie genug fest, um es hineinzuschieben und wieder festzuziehen. \n\u003c\/p\u003e\n\n\u003cbr\u003e\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49466073874736,"sku":"Dash Cam Hardwire Kit","price":20.65,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_1809d3db-785a-4e5c-b3e2-3d33d593747e.jpg?v=1782108205"},{"product_id":"mount-bracket-uk","title":"MIOFIVE Halterung (UK)","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n    \u003cdiv\u003e\n        \u003cbr\u003e\n        \u003cdiv class=\"description-contact-us-title\"\u003eCONTACT US\u003c\/div\u003e\n        \u003cdiv class=\"description-contact-us-text\"\u003eHave a question or comment? Please email us at \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e.\n            Our dedicated customer support team is here to help and will respond within 24 hours on business days.\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49466078003504,"sku":"Mount Bracket-UK","price":15.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1-1_0b2c0e92-4951-496f-bbd3-eafca299cdd0.jpg?v=1782108355"},{"product_id":"6m-rear-cable-uk","title":"MIOFIVE 6 m Rückkamera-Kabel (19,7 ft) (UK)","description":"\u003cp\u003eMIOFIVE Genuine Rear Camera Cable for the MIOFIVE S1 Series Dash Cams. Featuring a length of 6M (19.7FT) and durable PVC construction, it ensures a stable connection between the front and rear cameras. Designed for easy plug-and-play installation, making it an ideal replacement cable for compatible MIOFIVE dash cam systems.\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49466079183152,"sku":"6M RC Cable-TUK","price":15.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1-1_fca6a696-544c-4aab-a4dd-cea21e4b28a6.jpg?v=1782108372"},{"product_id":"miofive-genuine-type-c-cable-2","title":"Miofive 0,5 m Typ-C-zu-Typ-C-Verbindungskabel (1,64 ft)","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003cdiv\u003e\n\n\u003cbr\u003e\n\u003cdiv class=\"description-contact-us-title\"\u003e KONTAKTIEREN SIE UNS\u003c\/div\u003e\n\n\u003cdiv class=\"description-contact-us-text\"\u003e Haben Sie eine Frage oder einen Kommentar? Bitte senden Sie uns eine E-Mail an \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e . \nUnser engagiertes Kundensupportteam hilft Ihnen gerne weiter und antwortet an Werktagen innerhalb von 24 Stunden.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49651301351728,"sku":"Type C Cable 2-US","price":9.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/11_bfdbc05b-3f0e-49fa-95d0-d58ff27d49da.jpg?v=1782108405"},{"product_id":"miofive-genuine-type-c-cable-2-uk","title":"MIOFIVE 0,5 m (1,64 ft) Typ-C-zu-Typ-C Verbindungskabel (UK)","description":"\u003cp\u003eMIOFIVE Genuine Type-C to Type-C Connecting Cable for MIOFIVE S1 Series and Mini Series Dash Cams. Featuring a 0.5M (1.64FT) length and durable PVC construction, it provides a stable connection and reliable performance.\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49651307381040,"sku":"Type C Cable 2-TUK","price":9.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/11_4b0a13bf-0b0f-4235-a068-6d1db93dcdd9.jpg?v=1782108413"},{"product_id":"mirror-1-10m-rear-cable","title":"Miofive 10 m Rückfahrkabel für Mirror 1 (10-polig, 32,81 ft)","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003cdiv\u003e\n\n\u003cbr\u003e\n\u003cdiv class=\"description-contact-us-title\"\u003e KONTAKTIEREN SIE UNS\u003c\/div\u003e\n\n\u003cdiv class=\"description-contact-us-text\"\u003e Haben Sie eine Frage oder einen Kommentar? Bitte senden Sie uns eine E-Mail an \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e .\n Unser engagiertes Kundensupportteam hilft Ihnen gerne weiter und antwortet an Werktagen innerhalb von 24 Stunden.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49764720771376,"sku":"Mirror 1 Extension Cord--US","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_86ac8bbb-93e3-4f04-b8b8-b06313d1c94b.jpg?v=1782108414"},{"product_id":"miofive-mirror-1-10m-rear-cable","title":"MIOFIVE 10 m Rückkamera-Kabel für Mirror 1 (10-polig, 32,81 ft) (UK)","description":"\u003cp\u003eMIOFIVE Genuine 10M (32.81FT) Rear Camera Cable is designed exclusively for the MIOFIVE Mirror 1 Dash Cam. Equipped with a 10-pin connector, it delivers a secure and stable connection between the dash cam and rear camera. Manufactured to original specifications, the cable supports reliable video transmission and hassle-free plug-and-play installation, making it a perfect replacement or backup cable for your Mirror 1 setup.\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49764730077488,"sku":"Mirror 1 Extension Cord--UK","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_ee3613c2-26c5-4549-8c82-751500ca49e5.jpg?v=1782108424"},{"product_id":"s1-series-dash-cams-10m-rear-cable","title":"Miofive 10 m Rückfahrkabel für S1-Serie (8-polig, 32,81 ft)","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n\n\u003cdiv\u003e\n\n\u003cbr\u003e\n\u003cdiv class=\"description-contact-us-title\"\u003e KONTAKTIEREN SIE UNS\u003c\/div\u003e\n\n         \u003cdiv class=\"description-contact-us-text\"\u003eHaben Sie eine Frage oder einen Kommentar? Bitte senden Sie uns eine E-Mail an \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e .\n Unser engagiertes Kundensupportteam hilft Ihnen gerne weiter und antwortet an Werktagen innerhalb von 24 Stunden.\u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003c\/div\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49764744921392,"sku":"10M RC Cable-TUS","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_95e3ac1d-8339-4906-92ef-ede0108e9e65.jpg?v=1782108441"},{"product_id":"miofive-s1-extension-cord-au","title":"MIOFIVE 10 m Rückkamera-Kabel (8-polig, 32,81 ft) (AU)","description":"\u003cp\u003eMIOFIVE 10M (32.8FT) Rear Camera Extension Cable for the MIOFIVE S1 Series Dash Cams. Equipped with an 8-pin connector, it provides additional cable length for rear camera installations while maintaining a stable video signal. Durable construction and plug-and-play installation ensure reliable performance and easy setup.\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49851540013360,"sku":"S1 Extension Cord-AU","price":19.44,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/5_71cd4a6c-6893-40c9-bafa-562f7fbfb5a1.jpg?v=1782108482"},{"product_id":"miofive-6m-rc-cable-au","title":"MIOFIVE 6 m (19,7 ft) Rückkamera-Kabel (AU)","description":"\u003cp\u003eMIOFIVE Genuine Rear Camera Cable for the MIOFIVE S1 Series Dash Cams. Featuring a length of 6M (19.7FT) and durable PVC construction, it ensures a stable connection between the front and rear cameras. Designed for easy plug-and-play installation, making it an ideal replacement cable for compatible MIOFIVE dash cam systems.\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49851541487920,"sku":"6M RC Cable-AU","price":16.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/4_414aee2c-be39-4733-bea7-577c7417b4f8.jpg?v=1782108488"},{"product_id":"miofive-s1-mount-au","title":"MIOFIVE doppelseitiger Kleber für Windschutzscheibe (AU)","description":"\u003cp\u003eMiofive Car Windshield Double-Sided Adhesive for S1 Series | 2 x Dash Cam Mounts | 3 x Spare Adhesive (Front) | 3 x Spare Adhesive (Rear) | 6 x Static Stickers | Replaceable Dash Cam Mount Accessories\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49851542733104,"sku":"S1 Mount-AU","price":18.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_5d18b218-0939-4058-9329-96bd95275857.jpg?v=1782108495"},{"product_id":"miofive-mount-bracket-au","title":"MIOFIVE Halterung (AU)","description":"\u003cp\u003eMiofive Car Dash Cam Mounting Bracket, Adjustable Windshield Mount for Miofive S1\/S1 Pro\/S1 Ultra Dash Cameras.\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49851547353392,"sku":"Mount Bracket-AU","price":16.85,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/2_2c516271-5ea4-4305-b220-79aafe400706.jpg?v=1782108500"},{"product_id":"128-micro-sd-card-ca","title":"MIOFIVE 128GB Speicherkarte (CA)","description":"\u003cp\u003eMIOFIVE 128GB microSDXC Memory Card delivers high-speed performance with read speeds up to 170MB\/s. Rated C10, U3, A2, and V30, it supports smooth 4K video recording and reliable data storage. Includes a USB 3.0 Type-C card reader for fast file transfers and broad compatibility with dash cams, Android smartphones, tablets, gaming devices, and more.\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49851743699248,"sku":"128GB-AU","price":36.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_be6e665b-1908-479b-8e1a-6bdb4ac0f93d.jpg?v=1782108524"},{"product_id":"type-c-hardwire-kit-ca","title":"MIOFIVE 11,5 ft Typ-C Hardwire Kit (HKW2) (CA)","description":"\u003cp\u003eMiofive Dash Cam Hardwire Kit for Miofive S1\/S1 Pro\/S1 Ultra Dash Cam | 11.5ft USB Type-C Port | 24-Hour Parking Monitoring | Low Voltage Protection.\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49853245391152,"sku":"USB-C HWK2-AU","price":29.79,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_b9705c4c-eef8-46d5-9cba-39b51e9d2b61.jpg?v=1782108253"},{"product_id":"34mm-cpl-filter-ca","title":"MIOFIVE 34mm CPL-Filter (CA)","description":"\u003cp\u003eMiofive 34MM Dash Cam CPL Filter, Anti-Glare Circular Polarizer Lens for Miofive S1, Pro, Ultra Dashcam, Reduce Glare and Reflection, Enhance Contrast.\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49853249421616,"sku":"CPL filter-AU","price":22.59,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_fc0d30b8-bec1-4452-9385-800f9318e5d6_1.jpg?v=1782108540"},{"product_id":"mount-accessories-ca","title":"MIOFIVE doppelseitiger Kleber für Windschutzscheibe (CA)","description":"\u003cp\u003eMiofive Car Windshield Double-Sided Adhesive for S1 Series | 2 x Dash Cam Mounts | 3 x Spare Adhesive (Front) | 3 x Spare Adhesive (Rear) | 6 x Static Stickers | Replaceable Dash Cam Mount Accessories\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49853256466736,"sku":"S1 Mount-AU","price":16.8,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_85365501-beb9-4892-b13f-017d8f9a6744_1.jpg?v=1782108554"},{"product_id":"rear-camera-cable-ca","title":"MIOFIVE 6 m (19,7 ft) Rückkamera-Kabel (CA)","description":"\u003cp\u003eMiofive Genuine Rear Camera Cable for MiofiveS1\/S1 Pro\/S1 Ultra Dash Cams. The 6M (19.7FT) length supports flexible installation and ensures stable video signal transmission.\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49853259350320,"sku":"6M RC Cable-AU","price":19.71,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_19888fcb-59a2-4119-a701-bbee6f9a5b9c.jpg?v=1782108567"},{"product_id":"mount-bracket-ca","title":"MIOFIVE Halterung (CA)","description":"\u003cp\u003eMiofive Car Dash Cam Mounting Bracket, Adjustable Windshield Mount for Miofive S1\/S1 Pro\/S1 Ultra Dash Cameras.\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49853261644080,"sku":"Mount Bracket-AU","price":19.71,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_6df6b152-4b3f-45d7-968c-0192a45eb609.jpg?v=1782108565"},{"product_id":"miofive-usb-type-c-hardwire-kit","title":"Miofive Type-C Festeinbau-Kit 11,5 ft \/ 350 cm (EU)","description":"\u003cp\u003eMiofive USB Type-C Hardwire Kit nur für Miofive S1\/S1 Pro\/S1 Ultra Dashcams aktiviert den Parkmodus und bietet Schutz bei niedriger Spannung, 11,5 ft \/ 350 cm.\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49888269762864,"sku":"USB-C HWK2-DE","price":28.64,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_b9705c4c-eef8-46d5-9cba-39b51e9d2b61.jpg?v=1782108253"},{"product_id":"miofive-cpl-34mm","title":"Miofive 34mm CPL-Filter(EU)","description":"\u003cp\u003eMiofive Zirkularer Polarisationsfilter (CPL) für Miofive S1\/S1 Pro\/S1 Ultra Dashcams, reduziert Blendung und Reflexion, verbessert Farbe und Kontrast, 34 mm\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49888282313008,"sku":"CPL Filter-DE","price":22.54,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_fc0d30b8-bec1-4452-9385-800f9318e5d6_1.jpg?v=1782108540"},{"product_id":"miofive-auto-windschutzscheibe","title":"Miofive Auto-Windschutzscheibe Doppelseitiges Klebstoff(EU)","description":"\u003cp\u003eMiofive Auto-Windschutzscheibe Doppelseitiges Klebstoff für die S1-Serie | 2 x Dashcam-Halterungen | 3 x Klebstoff (Vorderseite) | 3 x Klebstoff (Rückseite) | 6 x statische Aufkleber\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49888304431408,"sku":"S1 Mount-DE","price":18.64,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_e412a9ad-c94d-4852-b82f-4ae4df1c7528.jpg?v=1782108613"},{"product_id":"miofive-128gb-speicherkarte","title":"Miofive 128GB microSD-Karte (EU)","description":"\u003cp\u003e Miofive 128GB Speicherkarte\u003c\/p\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":49888311902512,"sku":"128GB-DE","price":33.48,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/SD_1.jpg?v=1782108623"},{"product_id":"miofive-obd-ii-power-cable","title":"Miofive 3.5M OBD II Power Cable(11.5ft)","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item {\n        width: 100%;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item img {\n        width: 100%;\n    }\n\n    .description-scroll {\n        position: relative;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-scroll-btn {\n        top: 50%;\n        position: absolute;\n        padding: 10px;\n        cursor: pointer;\n        width: 42px;\n        height: 42px;\n        border-radius: 50%;\n        background-color: rgb(247, 247, 247);\n        border: 1px solid var(--icon);\n        transform: translateY(-50%);\n        border-color: transparent;\n        z-index: 1;\n    }\n\n    .description-scroll-btn-left {\n        left: 0;\n        margin-left: -0.2rem;\n        transform: rotate(90deg) translateX(-0.15rem);\n    }\n\n    .description-scroll-btn-left:hover {\n        transform: rotate(90deg) translateX(-0.15rem) scale(0.98);\n    }\n\n    .description-scroll-btn-right {\n        right: 0;\n        margin-right: -0.2rem;\n        transform: rotate(-90deg) translateX(0.15rem);\n    }\n\n    .description-scroll-btn-right:hover {\n        transform: rotate(-90deg) translateX(0.15rem) scale(0.98);\n    }\n\n    .description-dot-container {\n        position: absolute;\n        bottom: 20px;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n    }\n\n    .description-dot {\n        background-color: #fff;\n        \/* 圆点颜色 *\/\n        border: 1px solid #000;\n        \/* 边框 *\/\n        padding: 5px;\n        \/* 圆点大小 *\/\n        border-radius: 50%;\n        \/* 设置为圆形 *\/\n        margin: 0 5px;\n        \/* 圆点之间的间距 *\/\n        cursor: pointer;\n        \/* 鼠标悬停时显示手形图标 *\/\n        outline: none;\n        \/* 点击时不显示轮廓 *\/\n    }\n\n    .description-dot.active {\n        background-color: #D72735\n    }\n\n    .description-container {\n        padding: 0px;\n        margin: 0px;\n        display: flex;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .description-container::-webkit-scrollbar {\n        display: none;\n    }\n\n    .description-wrapper {\n        position: relative;\n        flex: 0 0 100%;\n        width: 100%;\n        display: flex;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n    }\n\n    .description-wrapper img {\n        width: 100%;\n    }\n\n    .description-wrapper h3 {\n        margin: 0px;\n        padding: 0px;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        margin-bottom: 15px;\n    }\n\n    .description-wrapper p {\n        margin: 0px;\n        padding: 0px;\n        font-size: 14px;\n        margin-bottom: 8px;\n    }\n\n    .description-wrapper-item {\n        flex: 1;\n    }\n\n    .description-wrapper-text {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding-left: 5%;\n        padding-right: 5%;\n    }\n\n    .description-header-scroll-container {\n        width: 100%;\n        overflow-x: auto;\n        overflow-y: hidden;\n        white-space: nowrap;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        background-color: #3A3E48;\n    }\n\n    .description-header-scroll-container::-webkit-scrollbar {\n        display: none;\n    }\n\n    .description-header-flex-container {\n        display: flex;\n        flex-wrap: nowrap;\n        padding: 15px 10px;\n        box-sizing: border-box;\n    }\n\n    .description-header-item {\n        flex-shrink: 0;\n        margin-right: 80px;\n        color: white;\n        text-align: center;\n        font-size: 25px;\n        font-weight: 700;\n        padding: 5px 0 5px 0;\n        background-color: transparent;\n    }\n\n    .description-header-item:last-child {\n        margin-right: 0px;\n    }\n\n    .description-header-item.active {\n        border-bottom: 3px solid #fff;\n    }\n\n    .description-header-spacer {\n        flex-shrink: 0;\n    }\n\n    .description-header-spacer:first-child {\n        margin-left: auto;\n    }\n\n    .description-header-spacer:last-child {\n        margin-right: auto;\n    }\n\n    .description-wrapper-header {\n        display: flex;\n        padding: 10px 0 12px 100px;\n        margin: 0px;\n        align-items: center;\n        justify-content: center;\n        background-color: #3A3E48;\n        overflow-x: auto;\n        overflow-y: hidden;\n        white-space: nowrap;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .description-wrapper-header::-webkit-scrollbar {\n        display: none;\n    }\n\n\t.description-header-button {\n        color: white;\n        text-align: center;\n        font-size: 20px;\n        font-weight: 700;\n        margin-right: 80px;\n        padding: 5px 0 5px 0;\n        background-color: transparent;\n    }\n\n    .description-header-button.active {\n        border-bottom: 3px solid #fff;\n    }\n\n    .description-specification-item {\n        display: flex;\n        display: -ms-flex;\n        flex-wrap: wrap;\n        width: 100%;\n    }\n\n    .description-column {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 30%;\n    }\n\n    .description-column-specifications {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 40%;\n    }\n\n    .description-column-mb {\n        position: relative;\n        width: 100%;\n    }\n\n    .description-column img {\n        width: 100%;\n    }\n\n    .description-column-title {\n        position: absolute;\n        top: 5%;\n        left: 30%;\n        margin: 0px;\n        padding: 0px;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        margin-bottom: 15px;\n    }\n\n\n    .description-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-specifications {\n        position: relative;\n        width: 100%;\n    }\n\n    .description-specifications-title {\n        width: 100%;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n    }\n\n    .description-specifications-border {\n        border: 1px solid #000;\n        display: flex;\n        display: -ms-flex;\n        flex-wrap: wrap;\n        margin: 0px 3px 0px 3px;\n        padding-top: 15px;\n        padding-bottom: 15px;\n    }\n\n    .description-specifications-column {\n        position: relative;\n        width: 33.333%;\n    }\n\n    .description-specifications-column p {\n        width: 100%;\n        text-align: center;\n        font-size: 12px;\n        color: #232323;\n        margin-bottom: 35px;\n    }\n\n    .description-specifications-item {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 88%;\n        margin-left: 6%;\n        margin-right: 6%;\n        border-bottom: 1px solid #232323;\n    }\n\n    .description-specifications-item-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        margin-top: 3px;\n        margin-bottom: 3px;\n    }\n\n    .description-specifications-a {\n        text-decoration: none;\n    }\n\n    .description-specifications-button {\n        width: 80%;\n        margin-top: 15px;\n        margin-left: 10%;\n        margin-bottom: 45px;\n        padding-top: 10px;\n        padding-bottom: 10px;\n        background-color: #232323;\n        color: #fff;\n        border: none;\n        border-radius: 20px;\n        font-size: 16px;\n        text-align: center;\n    }\n\n    .description-faqs-item {\n        background-color: #fafafa;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\n    .description-faqs-header {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n    }\n\n    .description-faqs-header.active {\n        border-bottom: 1px solid #232323;\n    }\n\n    .description-faqs-title {\n        font-size: 18px;\n        color: #232323;\n        background-color: #fafafa;\n        text-align: left;\n        padding: 10px 0 10px 0;\n    }\n\n    .description-faqs-arrow {\n        --rotation: -180deg;\n        width: 14px;\n        height: 14px;\n        transform: rotate(var(--rotation));\n        transition: all .3s ease;\n    }\n\n    .description-faqs-header:not(.description-faqs-collapsed) .description-faqs-arrow {\n        --rotation: 0deg;\n    }\n\n    .description-faqs-collapse {\n        display: none;\n        padding-bottom: 10px;\n        transition: all .5s ease-out;\n    }\n\n    .description-faqs-collapse-text {\n        font-size: 14px;\n        margin-top: 10px;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\n    @media screen and (max-width: 767px) {\n        .description-wrapper {\n            display: block;\n        }\n\n        .description-wrapper img {\n            width: 100%;\n        }\n\n        .description-wrapper-text {\n            margin-top: 30px;\n        }\n\n        .description-wrapper-header {\n            justify-content: start;\n            padding-left: 30px;\n            padding-right: 30px;\n        }\n\n        .description-column {\n            width: 50%;\n        }\n\n        .description-specification-item {\n            position: relative;\n            display: block;\n        }\n\n        .description-column-title {\n            position: relative;\n            width: 100%;\n            text-align: center;\n            top: 0px;\n            left: 0px;\n            margin-bottom: 0px;\n        }\n\n        .description-faqs-title {\n            font-size: 16px;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n    \u003c!-- item1 主图 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-1\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item2 产品功能滑动图 --\u003e\n    \u003cdiv class=\"description-scroll\" id=\"description-item-2\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item3 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-3\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item4 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-4\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item5 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-5\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item6 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-6\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item7 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-7\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n        \u003cbr\u003e\n        \u003cdiv class=\"description-contact-us-title\"\u003eCONTACT US\u003c\/div\u003e\n        \u003cdiv class=\"description-contact-us-text\"\u003eHave a question or comment? Please email us at \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e.\n            Our dedicated customer support team is here to help and will respond within 24 hours on business days.\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n    function initData() {\n        const data = {\n            item1: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_1.webp?v=1773108314',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_1_mb.webp?v=1773108330'\n            },\n            item2: [\n                {\n                    img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_2.webp?v=1773108314',\n                    img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_2_mb.webp?v=1773108330'\n                },\n                {\n                    img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_3.webp?v=1773108314',\n                    img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_3_mb.webp?v=1773108329'\n                }\n            ],\n            item3: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_4.webp?v=1776924148',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_4_mb.webp?v=1776924176'\n            },\n            item4: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_5.webp?v=1773108314',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_5_mb.webp?v=1773108330'\n            },\n            item5: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_6.webp?v=1773108314',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_6_mb.webp?v=1773108330'\n            }, \n            item6: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_7.webp?v=1773108314',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_7_mb.webp?v=1773108330'\n            },\n            item7: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_8.webp?v=1773108314',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/OBD_Description_8_mb.webp?v=1773108330'\n            }\n        };\n\n        return data;\n    }\n\n\n    const descriptionData = initData();\n\n\n    addItem1();\n    addItem2();\n    addItem3();\n    addItem4();\n    addItem5();\n    addItem6();\n    addItem7();\n\n    \/\/1 主图\n    function addItem1() {\n        addSinglePictureItem(\"description-item-1\", descriptionData.item1);\n    }\n\n    \/\/2 产品功能 滑动图\n    function addItem2() {\n\t\taddScrollItem(\"2\", descriptionData.item2);\n    }\n\n    \/\/产品功能2\n    function addItem3() {\n        addSinglePictureItem(\"description-item-3\", descriptionData.item3);\n    }\n\n    \/\/可选购配件\n    function addItem4() {\n        addSinglePictureItem(\"description-item-4\", descriptionData.item4);\n    }\n\n    \/\/默认包装配件\n    function addItem5() {\n        addSinglePictureItem(\"description-item-5\", descriptionData.item5);\n    }\n\t\n\t\/\/默认包装配件\n    function addItem6() {\n        addSinglePictureItem(\"description-item-6\", descriptionData.item6);\n    }\n\t\n\t\/\/默认包装配件\n    function addItem7() {\n        addSinglePictureItem(\"description-item-7\", descriptionData.item7);\n    }\n\n\n    \/\/单张预览图\n    function addSinglePictureItem(containerID, item) {\n        const descriptionItem = document.getElementById(containerID);\n        descriptionItem.innerHTML = addPicture(item);\n    }\n\n    \/\/标题滑动图\n    function addScrollHeaderItem(descriptionId, list) {\n        const headers = [];\n        let headerCount = list.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-' + descriptionId);\n        let option = previousButton('scroll-' + descriptionId + '-previous')\n            + nextButton('scroll-' + descriptionId + '-next');\n\n        let headerOption = '\u003cdiv class=\"description-wrapper-header\" id=\"description-scroll-header-' + descriptionId + '\"\u003e';\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-' + descriptionId + '\"\u003e';\n\n        list.forEach((item, index) =\u003e {\n            let id = index + 1;\n            headerOption += '\u003cspan class=\"description-header-button\" id=\"description-header-button-' + descriptionId + \"-\" + id + '\"\u003e' + item.title + '\u003c\/span\u003e';\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e' + addPicture(item) + '\u003c\/div\u003e';\n        });\n\n\n        headerOption += '\u003c\/div\u003e';\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += headerOption + scrollOption;\n\n        descriptionItem.innerHTML = option;\n\n\t\tconst scrollHeader = document.getElementById('description-scroll-header-' + descriptionId);\n\n        const scroll = document.getElementById('description-scroll-' + descriptionId);\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            index = Math.round(index);\n\n            if (selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(headers, selectIndex);\n\t\t\t\t\n\t\t\t\tlet left = getHeaderBtnOffsetLetf(headers, selectIndex);\n                scrollHeader.scrollLeft = left - 20;\n\t\t\t\t\n            }\n        });\n\n        for (let i = 0; i \u003c headerCount; i++) {\n            let btn = document.getElementById(\"description-header-button-\" + descriptionId + '-' + (i + 1));\n            if (btn) {\n                btn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                headers.push(btn);\n            }\n        }\n        showSelectDot(headers, selectIndex);\n\n        const previous = document.getElementById(\"scroll-\" + descriptionId + \"-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = headerCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-\" + descriptionId + \"-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e headerCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    \/\/滑动图\n    function addScrollItem(descriptionId, list) {\n        const dots = [];\n        let dotCount = list.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-' + descriptionId);\n        let option = previousButton('scroll-' + descriptionId + '-previous')\n            + nextButton('scroll-' + descriptionId + '-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-' + descriptionId + '\"\u003e';\n        list.forEach((item, index) =\u003e {\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e'\n                + addPicture(item)\n                + '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-\" + descriptionId + \"-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-' + descriptionId);\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n           index = Math.round(index);\n\n            if (selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-\" + descriptionId + \"-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-\" + descriptionId + \"-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-\" + descriptionId + \"-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    \/\/规格\n    function addSpecification() {\n        const specification = document.getElementById('description-specification');\n\n        const specificationDots = [];\n        let dotCount = 0;\n        let specificationSelectIndex = 0;\n        if (window.matchMedia(\"(max-width: 767px)\").matches) {\n            specification.innerHTML = addSpecificationMobile();\n            dotCount = 4;\n        } else {\n            specification.innerHTML = addSpecificationDesktop();\n            dotCount = 3;\n        }\n\n        const scrollSpecification = document.getElementById(\"description-scroll-specification\");\n        scrollSpecification.addEventListener('scroll', () =\u003e {\n            let index = scrollSpecification.scrollLeft \/ scrollSpecification.offsetWidth;\n            index = Math.round(index);\n\n            if (specificationSelectIndex != index) {\n                specificationSelectIndex = index;\n                showSelectDot(specificationDots, specificationSelectIndex);\n                updateSpecificationsContent(specificationSelectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"specification-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scrollSpecification.scrollLeft = i * scrollSpecification.offsetWidth;\n                });\n\n                specificationDots.push(dotBtn);\n            }\n        }\n\n        showSelectDot(specificationDots, specificationSelectIndex);\n        updateSpecificationsContent(specificationSelectIndex);\n\n        const previous = document.getElementById(\"specification-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = specificationSelectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n\n                scrollSpecification.scrollLeft = index * scrollSpecification.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"specification-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = specificationSelectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n\n                scrollSpecification.scrollLeft = index * scrollSpecification.offsetWidth;\n            });\n        }\n    }\n\n    function addSpecificationDesktop() {\n        let specificationOption = '\u003cdiv class=\"description-column\"\u003e'\n            + '\u003ch3 class=\"description-column-title\"\u003e' + specificationData[0].title + '\u003c\/h3\u003e'\n            + addPicture(specificationData[0])\n            + '\u003c\/div\u003e';\n\n        specificationOption += '\u003cdiv class=\"description-column-specifications\"\u003e'\n            + '\u003cdiv class=\"description-specifications\"\u003e'\n            + '\u003ch3 class=\"description-specifications-title\"\u003e' + specificationTitle + '\u003c\/h3\u003e'\n            + '\u003cdiv class=\"description-specifications-border\"\u003e'\n            + '\u003cdiv class=\"description-specifications-column\"\u003e'\n            + addSpecificationList(specificationData[0].specifications, true)\n            + '\u003c\/div\u003e'\n            + '\u003cdiv class=\"description-specifications-column\"\u003e'\n            + addSpecificationList(specificationList, false)\n            + '\u003c\/div\u003e'\n            + '\u003cdiv class=\"description-specifications-column\" id=\"description-specification-content\"\u003e\u003c\/div\u003e'\n            + '\u003c\/div\u003e'\n            + '\u003c\/div\u003e'\n            + '\u003c\/div\u003e';\n\n        specificationOption += '\u003cdiv class=\"description-column\"\u003e'\n            + previousButton(\"specification-previous\")\n            + nextButton(\"specification-next\")\n            + '\u003cdiv class=\"description-container\" id=\"description-scroll-specification\"\u003e'\n            + addSpecificationsProduct(specificationData[1])\n            + addSpecificationsProduct(specificationData[2])\n            + addSpecificationsProduct(specificationData[3])\n            + '\u003c\/div\u003e'\n            + addDotButton(3, \"specification-\")\n            + '\u003c\/div\u003e';\n\n        return specificationOption;\n    }\n\n    function addSpecificationMobile() {\n        let specificationOption = '\u003ch3 class=\"description-specifications-title\"\u003e' + specificationTitle + '\u003c\/h3\u003e'\n\n        specificationOption += '\u003cdiv class=\"description-container\" id=\"description-scroll-specification\"\u003e'\n        specificationData.forEach(item =\u003e {\n            specificationOption += '\u003cdiv class=\"description-wrapper\"\u003e'\n                + addPicture(item)\n                + '\u003ch3 class=\"description-column-title\"\u003e' + item.title + '\u003c\/h3\u003e'\n                + addSpecificationListMobile(item.specifications)\n                + '\u003ca class=\"description-specifications-a\" href=\"' + item.link + '\"\u003e \u003cdiv class=\"description-specifications-button\"\u003e' + \"Learn More\" + '\u003c\/div\u003e \u003c\/a\u003e'\n                + '\u003c\/div\u003e'\n        });\n        specificationOption += addDotButton(4, \"specification-\");\n        specificationOption += '\u003c\/div\u003e'\n\n        return specificationOption;\n    }\n\n    function addSpecificationList(list, addIcon) {\n        let option = '';\n        list.forEach(item =\u003e {\n            option += '\u003cp\u003e' + item + '\u003c\/p\u003e';\n        });\n        if (addIcon) {\n            option += '\u003cp\u003e' + getSupportIcon() + '\u003c\/p\u003e';\n        }\n\n        return option;\n    }\n\n    function addSpecificationListMobile(list) {\n        let option = '';\n        list.forEach((item, index) =\u003e {\n            option += '\u003cdiv class=\"description-specifications-item\"\u003e'\n                + '\u003cdiv class=\"description-specifications-item-text\"\u003e' + specificationList[index] + '\u003c\/div\u003e'\n                + '\u003cdiv class=\"description-specifications-item-text\"\u003e' + item + '\u003c\/div\u003e'\n                + '\u003c\/div\u003e';\n        });\n\n        option += '\u003cdiv class=\"description-specifications-item\"\u003e'\n            + '\u003cdiv class=\"description-specifications-item-text\"\u003e' + specificationList[specificationList.length - 1] + '\u003c\/div\u003e'\n            + '\u003cdiv class=\"description-specifications-item-text\"\u003e' + getSupportIcon() + '\u003c\/div\u003e'\n            + '\u003c\/div\u003e';\n        return option;\n    }\n\n    function getSupportIcon() {\n        let icon = '\u003csvg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"\u003e \u003cpath d=\"M16,0C7.13333,0,0,7.13333,0,16C0,24.8667,7.13333,32,16,32C24.8667,32,32,24.8667,32,16C32,7.13333,24.8667,0,16,0ZM26,12L15.4,22.6C14.6667,23.3333,13.3333,23.3333,12.6,22.6L6,16Q5,15,6,14Q7,13,8,14L14,20L24,10Q25,9,26,10Q27,11,26,12Z\" fill=\"#000000\" fill-opacity=\"1\" \/\u003e \u003c\/svg\u003e';\n        return icon;\n    }\n\n    function addSpecificationsProduct(item) {\n        let option = '\u003cdiv class=\"description-wrapper\"\u003e'\n            + '\u003ch3 class=\"description-column-title\"\u003e' + item.title + '\u003c\/h3\u003e'\n            + '\u003ca href=\"' + item.link + '\"\u003e' + addPicture(item) + ' \u003c\/a\u003e'\n            + '\u003c\/div\u003e';\n\n        return option;\n    }\n\n    function updateSpecificationsContent(index) {\n        if (window.matchMedia(\"(max-width: 767px)\").matches) {\n            return;\n        }\n        let option = addSpecificationList(specificationData[index + 1].specifications, true);\n        const specificationContent = document.getElementById('description-specification-content');\n        specificationContent.innerHTML = option;\n    }\n\n    \/\/问答\n    function addFAQs() {\n        const faqs = document.getElementById('description-faqs');\n        let faqsOption = '';\n        descriptionData.item7.forEach((item, index) =\u003e {\n            const id = \"description-faqs-collapse-\" + (index + 1);\n            faqsOption += '\u003cdiv class=\"description-faqs-item\"\u003e';\n\n            faqsOption += '\u003cdiv class=\"description-faqs-header\" data-target=\"' + id + '\" aria-controls=\"' + id + '\"\u003e'\n                + '\u003cdiv class=\"description-faqs-title\"\u003e' + item.title + '\u003c\/div\u003e \u003cdiv class=\"description-faqs-arrow\"\u003e' + faqIcon() + '\u003c\/div\u003e'\n                + '\u003c\/div\u003e';\n\n            faqsOption += '\u003cdiv id=\"' + id + '\" class=\"description-faqs-collapse\"\u003e';\n            item.content.forEach(content =\u003e {\n                faqsOption += '\u003cdiv class=\"description-faqs-collapse-text\"\u003e' + content + '\u003c\/div\u003e';\n            });\n            faqsOption += '\u003c\/div\u003e';\n\n            faqsOption += '\u003c\/div\u003e';\n        });\n        faqs.innerHTML = faqsOption;\n\n        \/\/问答点击事件\n        document.querySelectorAll('.description-faqs-header').forEach(item =\u003e {\n            item.addEventListener('click', (event) =\u003e {\n                const targetId = item.getAttribute('data-target');\n                const controlsId = item.getAttribute('aria-controls');\n                if (targetId === controlsId) {\n                    item.classList.toggle('description-faqs-collapsed');\n                    const collapse = document.getElementById(targetId);\n                    if (collapse.style.display === 'block') {\n                        item.classList.remove('active');\n                        collapse.style.display = 'none';\n                    } else {\n                        item.classList.add('active');\n                        collapse.style.display = 'block';\n                    }\n                }\n            });\n        });\n    }\n\n    \/\/图片\n    function addPicture(item) {\n        let option = '';\n        if (item.link) {\n            option += '\u003ca href=\"' + item.link + '\"\u003e';\n        }\n\n        if (item.img_mb) {\n            option += '\u003cpicture\u003e \u003csource media=\"(max-width: 767px)\" srcset=\"' + item.img_mb + '\" class=\"lazyload\" loading=\"lazy\"\u003e\u003cimg src=\"' + item.img + '\" class=\"lazyload\" loading=\"lazy\"\u003e\u003c\/picture\u003e';\n        } else {\n            option += '\u003cimg src=\"' + item.img + '\" class=\"lazyload\" loading=\"lazy\"\u003e';\n        }\n\n        if (item.link) {\n            option += '\u003c\/a\u003e';\n        }\n        return option;\n    }\n\t\n    function addItem2Content(item) {\n        let connectOption = '';\n        item.content.forEach(content =\u003e {\n            connectOption += '\u003cp\u003e' + content + '\u003c\/p\u003e';\n        });\n\n        let option = '\u003cdiv class=\"description-wrapper-item description-wrapper-text\"\u003e'\n            + '\u003cdiv\u003e'\n            + '\u003ch3\u003e' + item.title + '\u003c\/h3\u003e'\n            + connectOption\n            + '\u003c\/div\u003e'\n            + '\u003c\/div\u003e';\n\n        return option;\n    }\n\n    \/\/上一个按钮\n    function previousButton(id) {\n        let buttonOption = '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-left\" name=\"previous\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e'\n        return buttonOption;\n    }\n\n    \/\/下一个按钮\n    function nextButton(id) {\n        let buttonOption = '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-right\" name=\"next\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e'\n        return buttonOption;\n    }\n\n    \/\/圆点按钮\n    function addDotButton(count, id) {\n        let option = '\u003cdiv class=\"description-dot-container\"\u003e';\n        for (let i = 0; i \u003c count; i++) {\n            option += '\u003cbutton class=\"description-dot\" id=\"' + id + (i + 1) + '\"\u003e' + \" \" + '\u003c\/button\u003e';\n        }\n        option += '\u003c\/div\u003e';\n        return option;\n    }\n\n    function showSelectDot(list, selectIndex) {\n        removeSelectDot(list);\n        if (selectIndex \u003c list.length) {\n            list[selectIndex].classList.add('active');\n        }\n    }\n\n    function removeSelectDot(list) {\n        list.forEach(btn =\u003e btn.classList.remove('active'));\n    }\n\n    function faqIcon() {\n        let icon = '\u003csvg viewBox=\"0 0 24 24\"\u003e \u003cpath d=\"M23.7473,6.245925C23.5906,6.0872122,23.3685,6.000865772,23.1247,6.000865772C22.8461,6.000865772,22.5753,6.113077,22.3794,6.308586L11.9994,16.8194L1.61957,6.309961C1.42452,6.113077,1.15371,6,0.875967,6C0.630434,6,0.408393,6.0872416,0.249915,6.246851C-0.106638,6.609795,-0.0783419,7.23016,0.313478,7.62776L11.2341,18.6844C11.43,18.8825,11.6939,18.9973,11.9603,19L12.0596,19C12.3199,18.9912,12.5759,18.877200000000002,12.7675,18.6844L23.6872,7.62686C24.079,7.22834,24.1069,6.6075859999999995,23.7473,6.245925Z\" fill=\"#000000\" fill-opacity=\"1\" \/\u003e\u003c\/svg\u003e';\n        return icon;\n    }\n\t\n\tfunction getHeaderBtnOffsetLetf(list, selectIndex) {\n        if (selectIndex \u003c list.length) {\n            return list[selectIndex].offsetLeft;\n        }\n\n        return 0;\n    }\n\n\u003c\/script\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":50782580474160,"sku":"OBD II-TUS","price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_762569bd-a6f4-466b-8d2e-f8bd63e3d20b.webp?v=1782108631"},{"product_id":"miofive-obd-ii-uk","title":"Miofive 3.5M OBD II Power Cable(11.5ft)(UK)","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item {\n        width: 100%;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item img {\n        width: 100%;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n    \u003c!-- item1 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-1\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item2 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-2\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item3 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-3\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item4 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-4\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item5 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-5\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item6 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-6\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item7 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-7\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item8 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-8\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n        \u003cbr\u003e\n        \u003cdiv class=\"description-contact-us-title\"\u003eCONTACT US\u003c\/div\u003e\n        \u003cdiv class=\"description-contact-us-text\"\u003eHave a question or comment? Please email us at \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e.\n            Our dedicated customer support team is here to help and will respond within 24 hours on business days.\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n    function initData() {\n        const data = {\n            item1: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_1.webp?v=1781591709',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_1_mb.webp?v=1781591704'\n            },\n            item2: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_2.webp?v=1781591709',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_2_mb.webp?v=1781591704'\n            },\n            item3: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_3.webp?v=1781591709',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_3_mb.webp?v=1781591704'\n            },\n            item4: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_4.webp?v=1781591709',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_4_mb.webp?v=1781591704'\n            },\n            item5: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_5.webp?v=1781591709',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_5_mb.webp?v=1781591704'\n            }, \n            item6: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_6.webp?v=1781591709',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_6_mb.webp?v=1781591704'\n            },\n            item7: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_7.webp?v=1781591709',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_OBD_Description_7_mb.webp?v=1781591704'\n            }\n        };\n        \n        return data;\n    }\n\n\n    const descriptionData = initData();\n\n    for (let i = 1; i \u003c= 8; i++) {\n        addSinglePictureItem(\"description-item-\" + i, descriptionData[\"item\" + i]);\n    }\n\n    \/\/单张预览图\n    function addSinglePictureItem(containerID, item) {\n        const descriptionItem = document.getElementById(containerID);\n        descriptionItem.innerHTML = addPicture(item);\n    }\n\n    function addPicture(item) {\n        let option;\n        if (item.img_mb) {\n            option = '\u003cpicture\u003e\u003csource media=\"(max-width: 767px)\" srcset=\"' + item.img_mb + '\" class=\"lazyload\" loading=\"lazy\"\u003e\u003cimg src=\"' + item.img + '\" class=\"lazyload\" loading=\"lazy\"\u003e\u003c\/picture\u003e';\n        } else {\n            option = '\u003cimg src=\"' + item.img + '\" class=\"lazyload\" loading=\"lazy\"\u003e';\n        }\n        return option;\n    }\n\u003c\/script\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":66991184544048,"sku":"OBD II-TUK","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_1dd3f59d-4ffa-4e13-85a6-224f7f526941.webp?v=1782108663"},{"product_id":"miofive-512gb-uk","title":"Miofive 512GB microSD Card (UK)","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item {\n        width: 100%;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item img {\n        width: 100%;\n    }\n\n    .description-scroll {\n        position: relative;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-scroll-btn {\n        top: 50%;\n        position: absolute;\n        padding: 10px;\n        cursor: pointer;\n        width: 42px;\n        height: 42px;\n        border-radius: 50%;\n        background-color: rgb(247, 247, 247);\n        border: 1px solid var(--icon);\n        transform: translateY(-50%);\n        border-color: transparent;\n        z-index: 1;\n    }\n\n    .description-scroll-btn-left {\n        left: 0;\n        margin-left: -0.2rem;\n        transform: rotate(90deg) translateX(-0.15rem);\n    }\n\n    .description-scroll-btn-left:hover {\n        transform: rotate(90deg) translateX(-0.15rem) scale(0.98);\n    }\n\n    .description-scroll-btn-right {\n        right: 0;\n        margin-right: -0.2rem;\n        transform: rotate(-90deg) translateX(0.15rem);\n    }\n\n    .description-scroll-btn-right:hover {\n        transform: rotate(-90deg) translateX(0.15rem) scale(0.98);\n    }\n\n    .description-dot-container {\n        position: absolute;\n        bottom: 20px;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n    }\n\n    .description-dot {\n        background-color: #0000;\n        \/* 圆点颜色 *\/\n        border: 1px solid #000;\n        \/* 边框 *\/\n        padding: 5px;\n        \/* 圆点大小 *\/\n        border-radius: 50%;\n        \/* 设置为圆形 *\/\n        margin: 0 5px;\n        \/* 圆点之间的间距 *\/\n        cursor: pointer;\n        \/* 鼠标悬停时显示手形图标 *\/\n        outline: none;\n        \/* 点击时不显示轮廓 *\/\n    }\n\n    .description-dot.active {\n        background-color: #232323\n    }\n\n    .description-container {\n        padding: 0px;\n        margin: 0px;\n        display: flex;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .description-container::-webkit-scrollbar {\n        display: none;\n    }\n\n    .description-wrapper {\n        position: relative;\n        flex: 0 0 100%;\n        width: 100%;\n        display: flex;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n    }\n\n    .description-wrapper img {\n        width: 100%;\n    }\n\n    .description-wrapper h3 {\n        margin: 0px;\n        padding: 0px;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        margin-bottom: 15px;\n    }\n\n    .description-wrapper p {\n        margin: 0px;\n        padding: 0px;\n        font-size: 14px;\n        margin-bottom: 8px;\n    }\n\n    .description-wrapper-item {\n        flex: 1;\n    }\n\n    .description-wrapper-text {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding-left: 5%;\n        padding-right: 5%;\n    }\n\n    .description-wrapper-header {\n        display: flex;\n        padding: 10px 0 12px 0;\n        margin: 0px;\n        align-items: center;\n        justify-content: center;\n        background-color: #3A3E48;\n        overflow-x: auto;\n        overflow-y: hidden;\n        white-space: nowrap;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .description-wrapper-header::-webkit-scrollbar {\n        display: none;\n    }\n\n    .description-header-button {\n        color: white;\n        text-align: center;\n        font-size: 20px;\n        font-weight: 700;\n        margin-right: 80px;\n        padding: 5px 0 5px 0;\n        background-color: transparent;\n    }\n\n    .description-header-button.active {\n        border-bottom: 3px solid #fff;\n    }\n\n    .description-specification-item {\n        display: flex;\n        display: -ms-flex;\n        flex-wrap: wrap;\n        width: 100%;\n    }\n\n    .description-column {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 30%;\n    }\n\n    .description-column-specifications {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 40%;\n    }\n\n    .description-column-mb {\n        position: relative;\n        width: 100%;\n    }\n\n    .description-column img {\n        width: 100%;\n    }\n\n    .description-column-title {\n        position: absolute;\n        top: 5%;\n        left: 30%;\n        margin: 0px;\n        padding: 0px;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        margin-bottom: 15px;\n    }\n\n    .description-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-specifications {\n        position: relative;\n        width: 100%;\n    }\n\n    .description-specifications-title {\n        width: 100%;\n        font-size: 20px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n    }\n\n    .description-specifications-border {\n        border: 1px solid #000;\n        display: flex;\n        display: -ms-flex;\n        flex-wrap: wrap;\n        margin: 0px 3px 0px 3px;\n        padding-top: 15px;\n        padding-bottom: 15px;\n    }\n\n    .description-specifications-column {\n        position: relative;\n        width: 33.333%;\n    }\n\n    .description-specifications-column p {\n        width: 100%;\n        text-align: center;\n        font-size: 12px;\n        color: #232323;\n        margin-bottom: 35px;\n    }\n\n    .description-specifications-item {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 88%;\n        margin-left: 6%;\n        margin-right: 6%;\n        border-bottom: 1px solid #232323;\n    }\n\n    .description-specifications-item-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        margin-top: 3px;\n        margin-bottom: 3px;\n    }\n\n    .description-specifications-a {\n        text-decoration: none;\n    }\n\n    .description-specifications-button {\n        width: 80%;\n        margin-top: 15px;\n        margin-left: 10%;\n        margin-bottom: 45px;\n        padding-top: 10px;\n        padding-bottom: 10px;\n        background-color: #232323;\n        color: #fff;\n        border: none;\n        border-radius: 20px;\n        font-size: 16px;\n        text-align: center;\n    }\n\n    .description-faqs-item {\n        background-color: #fafafa;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\n    .description-faqs-header {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n    }\n\n    .description-faqs-header.active {\n        border-bottom: 1px solid #232323;\n    }\n\n    .description-faqs-title {\n        font-size: 18px;\n        color: #232323;\n        background-color: #fafafa;\n        text-align: left;\n        padding: 10px 0 10px 0;\n    }\n\n    .description-faqs-arrow {\n        --rotation: -180deg;\n        width: 14px;\n        height: 14px;\n        transform: rotate(var(--rotation));\n        transition: all .3s ease;\n    }\n\n    .description-faqs-header:not(.description-faqs-collapsed) .description-faqs-arrow {\n        --rotation: 0deg;\n    }\n\n    .description-faqs-collapse {\n        display: none;\n        padding-bottom: 10px;\n        transition: all .5s ease-out;\n    }\n\n    .description-faqs-collapse-text {\n        font-size: 14px;\n        margin-top: 10px;\n    }\n\n\n    @media screen and (max-width: 767px) {\n        .description-wrapper {\n            display: block;\n        }\n\n        .description-wrapper img {\n            width: 100%;\n        }\n\n        .description-wrapper-text {\n            margin-top: 30px;\n        }\n\n        .description-wrapper-header {\n            justify-content: start;\n            padding-left: 30px;\n            padding-right: 30px;\n        }\n\n        .description-column {\n            width: 50%;\n        }\n\n        .description-specification-item {\n            position: relative;\n            display: block;\n        }\n\n        .description-column-title {\n            position: relative;\n            width: 100%;\n            text-align: center;\n            top: 0px;\n            left: 0px;\n            margin-bottom: 0px;\n        }\n\n        .description-faqs-title {\n            font-size: 16px;\n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n    \u003c!-- item1 --\u003e\n    \u003cdiv class=\"description-scroll\" id=\"description-item-1\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item2 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-2\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item3 --\u003e\n    \u003cdiv class=\"description-title\"\u003eBasic Features of the Miofive microSD Cards\u003c\/div\u003e\n    \u003cdiv class=\"description-scroll\" id=\"description-item-3\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item4 --\u003e\n    \u003cdiv class=\"description-scroll\" id=\"description-item-4\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item5 --\u003e\n    \u003cdiv class=\"description-scroll\" id=\"description-item-5\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item6 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-6\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item7 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-7\"\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    function initData() {\n        const data = {\n            item1: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_1.webp?v=1781595104\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_1_mb.webp?v=1781595100\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_2.webp?v=1781595104\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_2_mb.webp?v=1781595100\"\n                }\n            ],\n            item2: {\n                img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_3.webp?v=1781595104\",\n                img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_3_mb.webp?v=1781595100\"\n            },\n            item3: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_4.webp?v=1781595104\",\n                    title: \"Class 10 (UHS)\",\n                    content: [\n                        \"Class 10\",\n                        \"(UHS) Ultra High-Speed Transfer\",\n                        \"Read Speed of up to 170 MB\/s\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_5.webp?v=1781595104\",\n                    title: \"A2-Grade Memory Card\",\n                    content: [\n                        \"Input\/Output Operations Per Second (IOPS)\",\n                        \"Based on SDA (SD Association) Grading Standards\",\n                        \"A2 Grade (Application Performance Class 2) Memory Card\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_6.webp?v=1781595104\",\n                    title: \"V30 Professional Design\",\n                    content: [\n                        \"For 4K ULTRA HD Video Recording\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_7.webp?v=1781595104\",\n                    title: \"Powerful A+ Chip\",\n                    content: [\n                        \"Enhances storage stability, uses high-quality materials for manufacturing, and ensures smoother performance.\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_8.webp?v=1781595104\",\n                    title: \"Capture Life‘s Moments\",\n                    content: [\n                        \"Enjoy life to the fullest while capturing and recording every beautiful moment in high resolution.\"\n                    ]\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_9.webp?v=1781595104\",\n                    title: \"Fast Transfer and Storage\",\n                    content: [\n                        \"More space and higher speed. Free your devices with the largest capacity and highest read\/write speeds.\"\n                    ]\n                }\n            ],\n            item4: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_10.webp?v=1781595104\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_10_mb.webp?v=1781595100\",\n                    title: \"Lightning Fast\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_11.webp?v=1781595104\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_11_mb.webp?v=1781595100\",\n                    title: \"High Performance\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_12.webp?v=1781595104\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_12_mb.webp?v=1781595100\",\n                    title: \"Best Choice\"\n                }\n            ],\n            item5: [\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_13.webp?v=1781595104\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_13_mb.webp?v=1781595100\"\n                },\n                {\n                    img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_14.webp?v=1781595104\",\n                    img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_14_mb.webp?v=1781595100\"\n                }\n            ],\n            item6: {\n                img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_15.webp?v=1781595104\",\n                img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_15_mb.webp?v=1781595100\"\n            },\n            item7: {\n                img: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_16.webp?v=1781595104\",\n                img_mb: \"https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_Card_512G_Description_16_mb.webp?v=1781595100\"\n            }\n        };\n\n        return data;\n    }\n\n    const descriptionData = initData();\n\n    addItem1();\n    addItem2();\n    addItem3()\n    addItem4();\n    addItem5();\n    addItem6();\n    addItem7();\n\n    function addItem1() {\n        const dots = [];\n        let dotCount = descriptionData.item1.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-1');\n        let option = previousButton('scroll-1-previous')\n            + nextButton('scroll-1-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-1\"\u003e';\n        descriptionData.item1.forEach((item, index) =\u003e {\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e';\n            if (item.link) {\n                scrollOption += '\u003ca href=\"' + item.link + '\"\u003e' + addPicture(item) + '\u003c\/a\u003e';\n            } else {\n                scrollOption +=  addPicture(item);\n            }\n            scrollOption += '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-1-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-1');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-1-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-1-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-1-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem2() {\n        const descriptionItem = document.getElementById('description-item-2');\n        descriptionItem.innerHTML = addPicture(descriptionData.item2);\n    }\n\n    function addItem3() {\n        const dots = [];\n        let dotCount = descriptionData.item3.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-3');\n        let option = previousButton('scroll-3-previous')\n            + nextButton('scroll-3-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-3\"\u003e';\n        descriptionData.item3.forEach((item, index) =\u003e {\n            let imgOption = '\u003cdiv class=\"description-wrapper-item\"\u003e' + addPicture(item) + '\u003c\/div\u003e';\n            let textOption = addItem2Content(item);\n            let option2 = '';\n            if (window.matchMedia(\"(max-width: 767px)\").matches) {\n                option2 = imgOption + textOption;\n            } else {\n                let i = index % 2;\n                if (i == 0) {\n                    option2 = imgOption + textOption;\n                } else {\n                    option2 = textOption + imgOption;\n                }\n            }\n\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e' + option2 + '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-3-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-3');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-3-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-3-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-3-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem4() {\n        const headers = [];\n        let headerCount = descriptionData.item4.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-4');\n        let option = previousButton('scroll-4-previous')\n            + nextButton('scroll-4-next');\n\n        let headerOption = '\u003cdiv class=\"description-wrapper-header\"\u003e';\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-4\"\u003e';\n\n        descriptionData.item4.forEach((item, index) =\u003e {\n            let id = index + 1;\n            headerOption += '\u003cspan class=\"description-header-button\" id=\"description-header-button-' + id + '\"\u003e' + item.title + '\u003c\/span\u003e';\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e' + addPicture(item) + '\u003c\/div\u003e';\n        });\n\n        headerOption += '\u003c\/div\u003e';\n        scrollOption += '\u003c\/div\u003e';\n\n        option += headerOption + scrollOption;\n\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-4');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (headerCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(headers, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c headerCount; i++) {\n            let btn = document.getElementById(\"description-header-button-\" + (i + 1));\n            console.log(\"btn: \", btn);\n            if (btn) {\n                btn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                headers.push(btn);\n            }\n        }\n        showSelectDot(headers, selectIndex);\n\n        const previous = document.getElementById(\"scroll-4-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = headerCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-4-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e headerCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem5() {\n        const dots = [];\n        let dotCount = descriptionData.item5.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-5');\n        let option = previousButton('scroll-5-previous')\n            + nextButton('scroll-5-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-5\"\u003e';\n        descriptionData.item5.forEach((item, index) =\u003e {\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e';\n            if (item.link) {\n                scrollOption += '\u003ca href=\"' + item.link + '\"\u003e' + addPicture(item) + '\u003c\/a\u003e';\n            } else {\n                scrollOption +=  addPicture(item);\n            }\n            scrollOption += '\u003c\/div\u003e';\n        });\n\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-5-\");\n        descriptionItem.innerHTML = option;\n\n\n        const scroll = document.getElementById('description-scroll-5');\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = scroll.scrollLeft \/ scroll.offsetWidth;\n            if (dotCount == 2) {\n                if (index \u003c 0.1) {\n                    index = 0;\n                }\n                if (index \u003e 0.9) {\n                    index = 1;\n                }\n            }\n\n            if (Number.isInteger(index) \u0026\u0026 selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-5-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-5-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-5-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    function addItem6() {\n        const descriptionItem = document.getElementById('description-item-6');\n        descriptionItem.innerHTML = addPicture(descriptionData.item6);\n    }\n\n    function addItem7() {\n        const descriptionItem = document.getElementById('description-item-7');\n        descriptionItem.innerHTML = addPicture(descriptionData.item7);\n    }\n\n\n    \/\/图片\n    function addPicture(item) {\n        let option;\n        if (item.img_mb) {\n            option = '\u003cpicture\u003e\u003csource media=\"(max-width: 767px)\" srcset=\"' + item.img_mb + '\" class=\"lazyload\" loading=\"lazy\"\u003e\u003cimg src=\"' + item.img + '\" class=\"lazyload\" loading=\"lazy\"\u003e\u003c\/picture\u003e';\n        } else {\n            option = '\u003cimg src=\"' + item.img + '\" class=\"lazyload\" loading=\"lazy\"\u003e';\n        }\n        return option;\n    }\n\n    function addItem2Content(item) {\n        let connectOption = '';\n        item.content.forEach(content =\u003e {\n            connectOption += '\u003cp\u003e' + content + '\u003c\/p\u003e';\n        });\n\n        let option = '\u003cdiv class=\"description-wrapper-item description-wrapper-text\"\u003e'\n            + '\u003cdiv\u003e'\n            + '\u003ch3\u003e' + item.title + '\u003c\/h3\u003e'\n            + connectOption\n            + '\u003c\/div\u003e'\n            + '\u003c\/div\u003e';\n\n        return option;\n    }\n\n    \/\/上一个按钮\n    function previousButton(id) {\n        let buttonOption = '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-left\" name=\"previous\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e'\n        return buttonOption;\n    }\n\n    \/\/下一个按钮\n    function nextButton(id) {\n        let buttonOption = '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-right\" name=\"next\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e'\n        return buttonOption;\n    }\n\n    \/\/圆点按钮\n    function addDotButton(count, id) {\n        let option = '\u003cdiv class=\"description-dot-container\"\u003e';\n        for (let i = 0; i \u003c count; i++) {\n            option += '\u003cbutton class=\"description-dot\" id=\"' + id + (i + 1) + '\"\u003e' + \" \" + '\u003c\/button\u003e';\n        }\n        option += '\u003c\/div\u003e';\n        return option;\n    }\n\n    function showSelectDot(list, selectIndex) {\n        removeSelectDot(list);\n        if (selectIndex \u003c list.length) {\n            list[selectIndex].classList.add('active');\n        }\n    }\n\n    function removeSelectDot(list) {\n        list.forEach(btn =\u003e btn.classList.remove('active'));\n    }\n\u003c\/script\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":66991192408368,"sku":"512GB-TUK","price":109.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/SD_512.webp?v=1782108687"},{"product_id":"miofive-hardwire-kit-uk","title":"Miofive 11.5ft Type-C Hardwire Kit(HWK2)(UK)","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item {\n        width: 100%;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item img {\n        width: 100%;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n    \u003c!-- item1 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-1\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item2 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-2\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item3 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-3\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item4 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-4\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item5 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-5\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item6 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-6\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item7 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-7\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item8 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-8\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n        \u003cbr\u003e\n        \u003cdiv class=\"description-contact-us-title\"\u003eCONTACT US\u003c\/div\u003e\n        \u003cdiv class=\"description-contact-us-text\"\u003eHave a question or comment? Please email us at \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e.\n            Our dedicated customer support team is here to help and will respond within 24 hours on business days.\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n    function initData() {\n        const data = {\n            item1: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_1.webp?v=1781593079',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_1_mb.webp?v=1781593078'\n            },\n            item2: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_2.webp?v=1781593079',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_2_mb.webp?v=1781593078'\n            },\n            item3: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_3.webp?v=1781593079',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_3_mb.webp?v=1781593078'\n            },\n            item4: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_4.webp?v=1781593079',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_4_mb.webp?v=1781593078'\n            },\n            item5: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_5.webp?v=1781593079',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_5_mb.webp?v=1781593078'\n            }, \n            item6: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_6.webp?v=1781593079',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_6_mb.webp?v=1781593078'\n            },\n            item7: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_7.webp?v=1781593079',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_HWK2_Description_7_mb.webp?v=1781593078'\n            }\n        };\n        \n        return data;\n    }\n\n\n    const descriptionData = initData();\n\n    for (let i = 1; i \u003c= 8; i++) {\n        addSinglePictureItem(\"description-item-\" + i, descriptionData[\"item\" + i]);\n    }\n\n    \/\/单张预览图\n    function addSinglePictureItem(containerID, item) {\n        const descriptionItem = document.getElementById(containerID);\n        descriptionItem.innerHTML = addPicture(item);\n    }\n\n    function addPicture(item) {\n        let option;\n        if (item.img_mb) {\n            option = '\u003cpicture\u003e\u003csource media=\"(max-width: 767px)\" srcset=\"' + item.img_mb + '\" class=\"lazyload\" loading=\"lazy\"\u003e\u003cimg src=\"' + item.img + '\" class=\"lazyload\" loading=\"lazy\"\u003e\u003c\/picture\u003e';\n        } else {\n            option = '\u003cimg src=\"' + item.img + '\" class=\"lazyload\" loading=\"lazy\"\u003e';\n        }\n        return option;\n    }\n\u003c\/script\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":66991201780016,"sku":"USB-C HWK2","price":29.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_e5be1bc1-9b96-41a7-bb4b-a141d4fb9aea.jpg?v=1782108692"},{"product_id":"miofive-cpl-filter-uk","title":"Miofive 34mm CPL Filter(UK)","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item {\n        width: 100%;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-item img {\n        width: 100%;\n    }\n\n    .description-scroll {\n        position: relative;\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-scroll-btn {\n        top: 50%;\n        position: absolute;\n        padding: 10px;\n        cursor: pointer;\n        width: 42px;\n        height: 42px;\n        border-radius: 50%;\n        background-color: rgb(247, 247, 247);\n        border: 1px solid var(--icon);\n        transform: translateY(-50%);\n        border-color: transparent;\n        z-index: 1;\n    }\n\n    .description-scroll-btn-left {\n        left: 0;\n        margin-left: -0.2rem;\n        transform: rotate(90deg) translateX(-0.15rem);\n    }\n\n    .description-scroll-btn-left:hover {\n        transform: rotate(90deg) translateX(-0.15rem) scale(0.98);\n    }\n\n    .description-scroll-btn-right {\n        right: 0;\n        margin-right: -0.2rem;\n        transform: rotate(-90deg) translateX(0.15rem);\n    }\n\n    .description-scroll-btn-right:hover {\n        transform: rotate(-90deg) translateX(0.15rem) scale(0.98);\n    }\n\n    .description-dot-container {\n        position: absolute;\n        bottom: 20px;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n    }\n\n    .description-dot {\n        background-color: #fff;\n        border: 1px solid #000;\n        padding: 5px;\n        border-radius: 50%;\n        margin: 0 5px;\n        cursor: pointer;\n        outline: none;\n    }\n\n    .description-dot.active {\n        background-color: #D72735;\n    }\n\n    .description-container {\n        padding: 0px;\n        margin: 0px;\n        display: flex;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n    }\n\n    .description-container::-webkit-scrollbar {\n        display: none;\n    }\n\n    .description-wrapper {\n        position: relative;\n        flex: 0 0 100%;\n        width: 100%;\n        display: flex;\n        scroll-snap-align: start;\n        scroll-snap-stop: always;\n    }\n\n    .description-wrapper picture,\n    .description-wrapper img {\n        width: 100%;\n        min-width: 100%;\n        height: auto;\n        display: block;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n    \u003c!-- item1 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-1\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item2 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-2\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item3 --\u003e\n    \u003cdiv class=\"description-scroll\" id=\"description-item-3\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item4 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-4\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item5 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-5\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item6 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-6\"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- item7 --\u003e\n    \u003cdiv class=\"description-item\" id=\"description-item-7\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv\u003e\n        \u003cbr\u003e\n        \u003cdiv class=\"description-contact-us-title\"\u003eCONTACT US\u003c\/div\u003e\n        \u003cdiv class=\"description-contact-us-text\"\u003eHave a question or comment? Please email us at \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e.\n            Our dedicated customer support team is here to help and will respond within 24 hours on business days.\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\n    function initData() {\n        const data = {\n            item1: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_1.webp?v=1781598678',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_1_mb.webp?v=1781598677'\n            },\n            item2: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_2.webp?v=1781598678',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_2_mb.webp?v=1781598677'\n            },\n            item3: [\n                {\n                    img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_3.webp?v=1781598678',\n                    img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_3_mb.webp?v=1781598677'\n                },\n                {\n                    img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_4.webp?v=1781598678',\n                    img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_4_mb.webp?v=1781598677'\n                }\n            ],\n            item4: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_5.webp?v=1781598678',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_5_mb.webp?v=1781598677'\n            },\n            item5: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_6.webp?v=1781598678',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_6_mb.webp?v=1781598677'\n            },\n            item6: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_7.webp?v=1781598678',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_7_mb.webp?v=1781598677'\n            },\n            item7: {\n                img: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_8.webp?v=1781598678',\n                img_mb: 'https:\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/UK_S1_CPL_Filter_Description_8_mb.webp?v=1781598677'\n            }\n        };\n        \n        return data;\n    }\n\n\n    const descriptionData = initData();\n\n    addSinglePictureItem(\"description-item-1\", descriptionData.item1);\n    addSinglePictureItem(\"description-item-2\", descriptionData.item2);\n    addScrollItem(\"3\", descriptionData.item3);\n    addSinglePictureItem(\"description-item-4\", descriptionData.item4);\n    addSinglePictureItem(\"description-item-5\", descriptionData.item5);\n    addSinglePictureItem(\"description-item-6\", descriptionData.item6);\n    addSinglePictureItem(\"description-item-7\", descriptionData.item7);\n\n    \/\/单张预览图\n    function addSinglePictureItem(containerID, item) {\n        const descriptionItem = document.getElementById(containerID);\n        descriptionItem.innerHTML = addPicture(item);\n    }\n\n    \/\/圆点轮播滑动图\n    function addScrollItem(descriptionId, list) {\n        const dots = [];\n        let dotCount = list.length;\n        let selectIndex = 0;\n\n        const descriptionItem = document.getElementById('description-item-' + descriptionId);\n        let option = previousButton('scroll-' + descriptionId + '-previous')\n            + nextButton('scroll-' + descriptionId + '-next');\n\n        let scrollOption = '\u003cdiv class=\"description-container\" id=\"description-scroll-' + descriptionId + '\"\u003e';\n        list.forEach((item) =\u003e {\n            scrollOption += '\u003cdiv class=\"description-wrapper\"\u003e' + addPicture(item) + '\u003c\/div\u003e';\n        });\n        scrollOption += '\u003c\/div\u003e';\n\n        option += scrollOption + addDotButton(dotCount, \"scroll-\" + descriptionId + \"-\");\n        descriptionItem.innerHTML = option;\n\n        const scroll = document.getElementById('description-scroll-' + descriptionId);\n        scroll.addEventListener('scroll', () =\u003e {\n            let index = Math.round(scroll.scrollLeft \/ scroll.offsetWidth);\n            if (selectIndex != index) {\n                selectIndex = index;\n                showSelectDot(dots, selectIndex);\n            }\n        });\n\n        for (let i = 0; i \u003c dotCount; i++) {\n            let dotBtn = document.getElementById(\"scroll-\" + descriptionId + \"-\" + (i + 1));\n            if (dotBtn) {\n                dotBtn.addEventListener('click', () =\u003e {\n                    scroll.scrollLeft = i * scroll.offsetWidth;\n                });\n                dots.push(dotBtn);\n            }\n        }\n        showSelectDot(dots, selectIndex);\n\n        const previous = document.getElementById(\"scroll-\" + descriptionId + \"-previous\");\n        if (previous) {\n            previous.addEventListener('click', () =\u003e {\n                let index = selectIndex - 1;\n                if (index \u003c 0) {\n                    index = dotCount - 1;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n\n        const next = document.getElementById(\"scroll-\" + descriptionId + \"-next\");\n        if (next) {\n            next.addEventListener('click', () =\u003e {\n                let index = selectIndex + 1;\n                if (index \u003e dotCount - 1) {\n                    index = 0;\n                }\n                scroll.scrollLeft = index * scroll.offsetWidth;\n            });\n        }\n    }\n\n    \/\/上一个按钮\n    function previousButton(id) {\n        return '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-left\" name=\"previous\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e';\n    }\n\n    \/\/下一个按钮\n    function nextButton(id) {\n        return '\u003cbutton type=\"button\" class=\"description-scroll-btn description-scroll-btn-right\" name=\"next\" id=\"' + id + '\"\u003e'\n            + '\u003csvg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" viewBox=\"0 0 10 6\"\u003e \u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z\"\u003e\u003c\/svg\u003e'\n            + '\u003c\/button\u003e';\n    }\n\n    \/\/圆点按钮\n    function addDotButton(count, id) {\n        let option = '\u003cdiv class=\"description-dot-container\"\u003e';\n        for (let i = 0; i \u003c count; i++) {\n            option += '\u003cbutton class=\"description-dot\" id=\"' + id + (i + 1) + '\"\u003e \u003c\/button\u003e';\n        }\n        option += '\u003c\/div\u003e';\n        return option;\n    }\n\n    function showSelectDot(list, selectIndex) {\n        removeSelectDot(list);\n        if (selectIndex \u003c list.length) {\n            list[selectIndex].classList.add('active');\n        }\n    }\n\n    function removeSelectDot(list) {\n        list.forEach(btn =\u003e btn.classList.remove('active'));\n    }\n\n    function addPicture(item) {\n        let option;\n        if (item.img_mb) {\n            option = '\u003cpicture\u003e\u003csource media=\"(max-width: 767px)\" srcset=\"' + item.img_mb + '\" class=\"lazyload\" loading=\"lazy\"\u003e\u003cimg src=\"' + item.img + '\" class=\"lazyload\" loading=\"lazy\"\u003e\u003c\/picture\u003e';\n        } else {\n            option = '\u003cimg src=\"' + item.img + '\" class=\"lazyload\" loading=\"lazy\"\u003e';\n        }\n        return option;\n    }\n\u003c\/script\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":66991228092720,"sku":"CPL filter-TUK","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_c05462bb-e41a-48c9-a797-a8d4b37f25d1.webp?v=1782108711"},{"product_id":"miofive-10m-rear-cable-uk","title":"Miofive 10M Rear Cable for S1 Series(8-pin 32.81ft)(UK)","description":"\u003cstyle type=\"text\/css\"\u003e\n    .description-content {\n        margin: 0px auto;\n        padding: 0px;\n    }\n\n    .description-contact-us-title {\n        width: 100%;\n        font-size: 22px;\n        font-weight: 700;\n        color: #232323;\n        text-align: center;\n        margin-top: 20px;\n        margin-bottom: 20px;\n    }\n\n    .description-contact-us-text {\n        text-align: center;\n        font-size: 14px;\n        color: #232323;\n        padding: 0px 30px 0px 30px;\n        margin: 15px 0px 15px 0px;\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"description-content\"\u003e\n    \u003cdiv\u003e\n        \u003cbr\u003e\n        \u003cdiv class=\"description-contact-us-title\"\u003eCONTACT US\u003c\/div\u003e\n        \u003cdiv class=\"description-contact-us-text\"\u003eHave a question or comment? Please email us at \u003ca style=\"color: #000;\" href=\"mailto:support@miofive.com?subject=Assistance%20Required%20-%20Order%20Number:\u0026amp;body=Hi%20Miofive%20%20%0A%0A%20My%20Order%20Number%20is:%20%20%20%0A%0A%0APlease%20type%20your%20question%20below,%20and%20tell%20us%20how%20can%20we%20help%20you?\"\u003esupport@miofive.com\u003c\/a\u003e.\n            Our dedicated customer support team is here to help and will respond within 24 hours on business days.\u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Miofive","offers":[{"title":"Default Title","offer_id":66991278227760,"sku":"S1 Extension Cord--UK","price":19.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2329\/5792\/files\/1_95e3ac1d-8339-4906-92ef-ede0108e9e65.jpg?v=1782108441"}],"url":"https:\/\/www.miofive.com\/de\/collections\/best-sellers-accessories.oembed","provider":"Miofive","version":"1.0","type":"link"}