您的購物車是空的
香港地區滿300港幣包郵！其他地區滿79美金包郵！
顏色: 紫色的 黑色的 藍色的 紫色的 - €35,95黑色的 - €35,95藍色的 - €35,95 數量: 僅49件庫存！添加到購物車 分享 更多信息 查看圖片
僅49件庫存！
</span></p> <div style=""text-align: start;""><img src=""https://cdn.shopifycdn.net/s/files/1/0452/0116/2408/files/1_1b1f4108-b780-4dff -b68f-ed18158444bb_2048x2048.jpg?v=1684317516"" alt="""" style=""margin-bottom: 16px;浮動：無;""></div> <div style=""text-align: start;""><img src=""https://cdn.shopifycdn.net/s/files/1/0452/0116/2408/files/2_30fd6f12-3fd0-4abd -9265-8faa2f2f04ed_2048x2048.jpg?v=1684317536"" alt="""" style=""margin-bottom: 16px;浮動：無;""></div> <div style=""text-align: start;""><img src=""https://cdn.shopifycdn.net/s/files/1/0452/0116/2408/files/3_9583ece3-1e0f-4783 -8c09-aad2bd5f1432_2048x2048.jpg?v=1684317549"" alt="""" style=""margin-bottom: 16px;浮動：無;""></div> <div style=""text-align: start;""><img src=""https://cdn.shopifycdn.net/s/files/1/0452/0116/2408/files/4_4dde60ca-6de3-496f -9d0d-ba78dea6409e_2048x2048.jpg?v=1684317562"" alt="""" style=""邊距底部：16px;浮動：無;""></div> <div style=""text-align: start;""><img src=""https://cdn.shopifycdn.net/s/files/1/0452/0116/2408/files/5_51d4b1b5-b757-4b12 -8957-72cc8fa94f2b_2048x2048.jpg?v=1684317575"" alt="""" style=""margin-bottom: 16px;浮動：無;""></div> <div style=""text-align: start;""><img src=""https://cdn.shopifycdn.net/s/files/1/0452/0116/2408/files/6_8f04ffaa-65e2-474f -a87f-a40ce2dcbb69_2048x2048.jpg?v=1684317586"" alt="""" style=""margin-bottom: 16px;浮動：無;""></div> <p><br></p>” </div> </div><style> /* Very ugly haha */ @media screen and (max-width: 640px) { #shopify-section-product-template + .shopify-section--bordered { border-top: 0; } #shopify-section-product-template + .shopify-section--bordered > .Section { padding-top: 0; } } </style><div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <!-- Background of PhotoSwipe --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. Do not remove as content is dynamically added --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Main UI bar --> <div class="pswp__ui pswp__ui--hidden"> <button class="pswp__button pswp__button--prev RoundButton" data-animate-left title="上一個（左箭頭）"><svg class="Icon Icon--arrow-left" role="presentation" viewBox="0 0 11 21"> <polyline fill="none" stroke="currentColor" points="10.5 0.5 0.5 10.5 10.5 20.5" stroke-width="1.25"></polyline> </svg></button> <button class="pswp__button pswp__button--close RoundButton RoundButton--large" data-animate-bottom title="關閉 (Esc)"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> <button class="pswp__button pswp__button--next RoundButton" data-animate-right title="下一步（右箭頭）"><svg class="Icon Icon--arrow-right" role="presentation" viewBox="0 0 11 21"> <polyline fill="none" stroke="currentColor" points="0.5 0.5 10.5 10.5 0.5 20.5" stroke-width="1.25"></polyline> </svg></button> </div> </div> </div></div> <div id="shopify-section-related-products" class="shopify-section shopify-section--bordered"><section class="Section Section--spacingNormal" data-section-id="related-products" data-section-type="related-products"><header class="SectionHeader SectionHeader--center"> <div class="Container"> <h3 class="SectionHeader__Heading Heading u-h3">相關產品</h3> </div> </header><div class="ProductListWrapper"> <div class="ProductList ProductList--carousel Carousel" data-flickity-config='{ "prevNextButtons": true, "pageDots": false, "wrapAround": false, "contain": true, "cellAlign": "center", "watchCSS": true, "dragThreshold": 8, "groupCells": true, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25} }'><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/zh-tw/collections/%E7%A3%81%E5%AE%89%E5%85%A8/products/%E5%85%A8%E5%90%91%E9%80%A3%E7%B5%90%E9%80%9A%E7%94%A8%E7%A3%81%E6%80%A7%E5%B0%8F%E5%B7%A5%E5%85%B7" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"><div class="AspectRatio AspectRatio--withFallback" style="max-width: 3334px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//atamazingthing.myshopify.com/cdn/shop/files/W955-07_{width}x.png?v=1716525243" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="Omni Link - 多用途磁性小工具" data-image-id="67633700602084"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//atamazingthing.myshopify.com/cdn/shop/files/W954-W955-01_{width}x.png?v=1716526867" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Omni Link - 多用途磁性小工具" data-image-id="67633769185508"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//atamazingthing.myshopify.com/cdn/shop/files/W955-07_600x.png?v=1716525243" alt="Omni Link - 多用途磁性小工具"> <img class="ProductItem__Image" src="//atamazingthing.myshopify.com/cdn/shop/files/W954-W955-01_600x.png?v=1716526867" alt="Omni Link - 多用途磁性小工具"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--center"><h2 class="ProductItem__Title Heading"> <a href="/zh-tw/collections/%E7%A3%81%E5%AE%89%E5%85%A8/products/%E5%85%A8%E5%90%91%E9%80%A3%E7%B5%90%E9%80%9A%E7%94%A8%E7%A3%81%E6%80%A7%E5%B0%8F%E5%B7%A5%E5%85%B7">Omni Link - 多用途磁性小工具</a> </h2><div class="ProductItem__PriceList Heading"><span class="ProductItem__Price Price Text--subdued" data-money-convertible>€29,95</span></div></div></div></div> </div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/zh-tw/collections/%E7%A3%81%E5%AE%89%E5%85%A8/products/explorer-go-8000mah-multi-way-power-hub" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"><div class="AspectRatio AspectRatio--withFallback" style="max-width: 4500px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//atamazingthing.myshopify.com/cdn/shop/files/W936_2_{width}x.png?v=1715050915" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="Explorer Go 8000mAh 多功能電源" data-image-id="67330211250404"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//atamazingthing.myshopify.com/cdn/shop/files/a94dc6eae652968dd1d3de74b045f841_7304ce1f-d43f-4ad8-90f9-62abc74a2001_{width}x.jpg?v=1715051804" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Explorer Go 8000mAh 多功能電源" data-image-id="67330212921572"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//atamazingthing.myshopify.com/cdn/shop/files/W936_2_600x.png?v=1715050915" alt="Explorer Go 8000mAh 多功能電源"> <img class="ProductItem__Image" src="//atamazingthing.myshopify.com/cdn/shop/files/a94dc6eae652968dd1d3de74b045f841_7304ce1f-d43f-4ad8-90f9-62abc74a2001_600x.jpg?v=1715051804" alt="Explorer Go 8000mAh 多功能電源"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--center"><h2 class="ProductItem__Title Heading"> <a href="/zh-tw/collections/%E7%A3%81%E5%AE%89%E5%85%A8/products/explorer-go-8000mah-multi-way-power-hub">Explorer Go 8000mAh 多功能電源</a> </h2><div class="ProductItem__PriceList Heading"><span class="ProductItem__Price Price Text--subdued" data-money-convertible>€57,95</span></div></div></div></div> </div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/zh-tw/collections/%E7%A3%81%E5%AE%89%E5%85%A8/products/flexi-mag-%E5%85%A8%E8%A7%92%E5%BA%A6%E7%A3%81%E6%80%A7%E5%AE%89%E8%A3%9D" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"><div class="AspectRatio AspectRatio--withFallback" style="max-width: 4500px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//atamazingthing.myshopify.com/cdn/shop/files/W934_1_{width}x.png?v=1713173250" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="FlexiMag 全角度磁性安裝座" data-image-id="66969402802404"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//atamazingthing.myshopify.com/cdn/shop/files/02c5943290c0ddd40c4c37e08d46559f_90eba153-3df3-4120-a472-0182527e22da_{width}x.jpg?v=1713173261" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="FlexiMag 全角度磁性安裝座" data-image-id="66969402769636"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//atamazingthing.myshopify.com/cdn/shop/files/W934_1_600x.png?v=1713173250" alt="FlexiMag 全角度磁性安裝座"> <img class="ProductItem__Image" src="//atamazingthing.myshopify.com/cdn/shop/files/02c5943290c0ddd40c4c37e08d46559f_90eba153-3df3-4120-a472-0182527e22da_600x.jpg?v=1713173261" alt="FlexiMag 全角度磁性安裝座"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--center"><h2 class="ProductItem__Title Heading"> <a href="/zh-tw/collections/%E7%A3%81%E5%AE%89%E5%85%A8/products/flexi-mag-%E5%85%A8%E8%A7%92%E5%BA%A6%E7%A3%81%E6%80%A7%E5%AE%89%E8%A3%9D">FlexiMag 全角度磁性安裝座</a> </h2><div class="ProductItem__PriceList Heading"><span class="ProductItem__Price Price Text--subdued" data-money-convertible>€13,95</span></div></div></div></div> </div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/zh-tw/collections/%E7%A3%81%E5%AE%89%E5%85%A8/products/thunder-pro-mag-5-%E5%90%88-1-pd55w-%E5%85%85%E9%9B%BB%E7%AB%99" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage"><div class="AspectRatio AspectRatio--withFallback" style="max-width: 4500px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//atamazingthing.myshopify.com/cdn/shop/files/W9155in1ThunderProMagPD55W_SPpic_04_{width}x.jpg?v=1713164336" data-widths="[200,300,400,600,800,900,1000,1200]" data-sizes="auto" alt="Thunder Pro Mag 五合一 PD55W 充電站" data-image-id="66966355607780"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//atamazingthing.myshopify.com/cdn/shop/files/a94dc6eae652968dd1d3de74b045f841_85fe2440-d1d3-49a3-8d92-28aaa43b5129_{width}x.jpg?v=1713164628" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Thunder Pro Mag 五合一 PD55W 充電站" data-image-id="66966355902692"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//atamazingthing.myshopify.com/cdn/shop/files/W9155in1ThunderProMagPD55W_SPpic_04_600x.jpg?v=1713164336" alt="Thunder Pro Mag 五合一 PD55W 充電站"> <img class="ProductItem__Image" src="//atamazingthing.myshopify.com/cdn/shop/files/a94dc6eae652968dd1d3de74b045f841_85fe2440-d1d3-49a3-8d92-28aaa43b5129_600x.jpg?v=1713164628" alt="Thunder Pro Mag 五合一 PD55W 充電站"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--center"><h2 class="ProductItem__Title Heading"> <a href="/zh-tw/collections/%E7%A3%81%E5%AE%89%E5%85%A8/products/thunder-pro-mag-5-%E5%90%88-1-pd55w-%E5%85%85%E9%9B%BB%E7%AB%99">Thunder Pro Mag 五合一 PD55W 充電站</a> </h2><div class="ProductItem__PriceList Heading"><span class="ProductItem__Price Price Text--subdued" data-money-convertible>€49,95</span></div></div></div></div> </div></div> </div> </section></div> <div id="shopify-section-recently-viewed-products" class="shopify-section shopify-section--bordered shopify-section--hidden"></div> <div id="shopify-ali-review" product-id="7975398572260"> </div> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "AMAZINGTHING", "item": "https://amazingthing.com" },{ "@type": "ListItem", "position": 2, "name": "", "item": "https://atamazingthing.myshopify.com/zh-tw/products/thunder-pro-mag-10000mah-%e7%a3%81%e6%80%a7%e7%84%a1%e7%b7%9a%e8%a1%8c%e5%8b%95%e9%9b%bb%e6%ba%90-%e9%99%84%e6%94%af%e6%9e%b6%e5%92%8c%e5%85%a9%e5%80%8b%e9%80%a3%e6%8e%a5%e5%9f%a0" },{ "@type": "ListItem", "position": 3, "name": "Thunder Pro Mag 10000mAh 磁性無線行動電源 附支架和兩個端口", "item": "https://atamazingthing.myshopify.com/zh-tw/products/thunder-pro-mag-10000mah-%e7%a3%81%e6%80%a7%e7%84%a1%e7%b7%9a%e8%a1%8c%e5%8b%95%e9%9b%bb%e6%ba%90-%e9%99%84%e6%94%af%e6%9e%b6%e5%92%8c%e5%85%a9%e5%80%8b%e9%80%a3%e6%8e%a5%e5%9f%a0" }] } </script> </main> <div id="shopify-section-footer" class="shopify-section shopify-section--footer"><footer id="section-footer" class="Footer " role="contentinfo"> <div class="Container"><div class="Footer__Inner"><div class="Footer__Block Footer__Block--links" ><h2 class="Footer__Title Heading u-h6">支持</h2> <ul class="Linklist"><li class="Linklist__Item"> <a href="/zh-tw/policies/terms-of-service" class="Link Link--primary">服務條款</a> </li><li class="Linklist__Item"> <a href="/zh-tw/pages/%E6%94%AF%E4%BB%98" class="Link Link--primary">付款方式</a> </li><li class="Linklist__Item"> <a href="/zh-tw/policies/privacy-policy" class="Link Link--primary">隱私政策</a> </li><li class="Linklist__Item"> <a href="/zh-tw/policies/refund-policy" class="Link Link--primary">退款政策</a> </li><li class="Linklist__Item"> <a href="/zh-tw/policies/shipping-policy" class="Link Link--primary">運輸政策</a> </li></ul></div><div class="Footer__Block Footer__Block--links" ><h2 class="Footer__Title Heading u-h6">Discover</h2> <ul class="Linklist"><li class="Linklist__Item"> <a href="/zh-tw/pages/%E9%97%9C%E6%96%BC%E6%88%91%E5%80%91" class="Link Link--primary">關於我們</a> </li><li class="Linklist__Item"> <a href="/zh-tw/blogs/%E8%A8%8A%E6%81%AF" class="Link Link--primary">部落格</a> </li><li class="Linklist__Item"> <a href="/zh-tw/pages/product-installation-tutorial" class="Link Link--primary">安裝說明</a> </li><li class="Linklist__Item"> <a href="/zh-tw/pages/faqs" class="Link Link--primary">常見問答</a> </li></ul></div><div class="Footer__Block Footer__Block--text" ><h2 class="Footer__Title Heading u-h6">聯繫我們</h2><div class="Footer__Content Rte"> <p></p><p>尋找批發業務/訂單查詢？</p><p>請將您的電子郵件發送至： <a href="mailto:info@amazingthing.com">info@amazingthing.com</a></p> </div><ul class="Footer__Social HorizontalList HorizontalList--spacingLoose"> <li class="HorizontalList__Item"> <a href="https://www.facebook.com/AMAZINGTHING.at/" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Facebook"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--facebook" viewBox="0 0 9 17"> <path d="M5.842 17V9.246h2.653l.398-3.023h-3.05v-1.93c0-.874.246-1.47 1.526-1.47H9V.118C8.718.082 7.75 0 6.623 0 4.27 0 2.66 1.408 2.66 3.994v2.23H0v3.022h2.66V17h3.182z"></path> </svg></span> </a> </li> <li class="HorizontalList__Item"> <a href="https://www.instagram.com/at_amazingthing/" class="Link Link--primary" target="_blank" rel="noopener" aria-label="Instagram"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--instagram" role="presentation" viewBox="0 0 32 32"> <path d="M15.994 2.886c4.273 0 4.775.019 6.464.095 1.562.07 2.406.33 2.971.552.749.292 1.283.635 1.841 1.194s.908 1.092 1.194 1.841c.216.565.483 1.41.552 2.971.076 1.689.095 2.19.095 6.464s-.019 4.775-.095 6.464c-.07 1.562-.33 2.406-.552 2.971-.292.749-.635 1.283-1.194 1.841s-1.092.908-1.841 1.194c-.565.216-1.41.483-2.971.552-1.689.076-2.19.095-6.464.095s-4.775-.019-6.464-.095c-1.562-.07-2.406-.33-2.971-.552-.749-.292-1.283-.635-1.841-1.194s-.908-1.092-1.194-1.841c-.216-.565-.483-1.41-.552-2.971-.076-1.689-.095-2.19-.095-6.464s.019-4.775.095-6.464c.07-1.562.33-2.406.552-2.971.292-.749.635-1.283 1.194-1.841s1.092-.908 1.841-1.194c.565-.216 1.41-.483 2.971-.552 1.689-.083 2.19-.095 6.464-.095zm0-2.883c-4.343 0-4.889.019-6.597.095-1.702.076-2.864.349-3.879.743-1.054.406-1.943.959-2.832 1.848S1.251 4.473.838 5.521C.444 6.537.171 7.699.095 9.407.019 11.109 0 11.655 0 15.997s.019 4.889.095 6.597c.076 1.702.349 2.864.743 3.886.406 1.054.959 1.943 1.848 2.832s1.784 1.435 2.832 1.848c1.016.394 2.178.667 3.886.743s2.248.095 6.597.095 4.889-.019 6.597-.095c1.702-.076 2.864-.349 3.886-.743 1.054-.406 1.943-.959 2.832-1.848s1.435-1.784 1.848-2.832c.394-1.016.667-2.178.743-3.886s.095-2.248.095-6.597-.019-4.889-.095-6.597c-.076-1.702-.349-2.864-.743-3.886-.406-1.054-.959-1.943-1.848-2.832S27.532 1.247 26.484.834C25.468.44 24.306.167 22.598.091c-1.714-.07-2.26-.089-6.603-.089zm0 7.778c-4.533 0-8.216 3.676-8.216 8.216s3.683 8.216 8.216 8.216 8.216-3.683 8.216-8.216-3.683-8.216-8.216-8.216zm0 13.549c-2.946 0-5.333-2.387-5.333-5.333s2.387-5.333 5.333-5.333 5.333 2.387 5.333 5.333-2.387 5.333-5.333 5.333zM26.451 7.457c0 1.059-.858 1.917-1.917 1.917s-1.917-.858-1.917-1.917c0-1.059.858-1.917 1.917-1.917s1.917.858 1.917 1.917z"></path> </svg></span> </a> </li> <li class="HorizontalList__Item"> <a href="https://www.youtube.com/channel/UCxVzp0_o6CJaycz3GAJZYtA" class="Link Link--primary" target="_blank" rel="noopener" aria-label="YouTube"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--youtube" role="presentation" viewBox="0 0 33 32"> <path d="M0 25.693q0 1.997 1.318 3.395t3.209 1.398h24.259q1.891 0 3.209-1.398t1.318-3.395V6.387q0-1.997-1.331-3.435t-3.195-1.438H4.528q-1.864 0-3.195 1.438T.002 6.387v19.306zm12.116-3.488V9.876q0-.186.107-.293.08-.027.133-.027l.133.027 11.61 6.178q.107.107.107.266 0 .107-.107.213l-11.61 6.178q-.053.053-.107.053-.107 0-.16-.053-.107-.107-.107-.213z"></path> </svg></span> </a> </li> <li class="HorizontalList__Item"> <a href="https://linkedin.com/company/amazingthing" class="Link Link--primary" target="_blank" rel="noopener" aria-label="LinkedIn"> <span class="Icon-Wrapper--clickable"><svg class="Icon Icon--linkedin" role="presentation" viewBox="0 0 24 24"> <path d="M19 0H5a5 5 0 0 0-5 5v14a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5zM8 19H5V8h3v11zM6.5 6.73a1.76 1.76 0 1 1 0-3.53 1.76 1.76 0 0 1 0 3.53zM20 19h-3v-5.6c0-3.37-4-3.12-4 0V19h-3V8h3v1.76a3.8 3.8 0 0 1 7 2.48V19z"></path> </svg></span> </a> </li> </ul> </div></div><div class="Footer__Aside"> <div class="Footer__Copyright"> <a href="https://amazingthing.com" class="Footer__StoreName Heading u-h7 Link Link--secondary">© 2024 AMAZINGTHING</a> </div><ul class="Footer__PaymentList HorizontalList"> <li class="HorizontalList__Item"><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg> </li><li class="HorizontalList__Item"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg> </li><li class="HorizontalList__Item"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg> </li><li class="HorizontalList__Item"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg></li><li class="HorizontalList__Item"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg></li><li class="HorizontalList__Item"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg> </li><li class="HorizontalList__Item"><svg viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg></li><li class="HorizontalList__Item"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg></li> </ul></div> </div> </footer> </div> </div> <!-- "snippets/hulkcode_common.liquid" was not rendered, the associated app was uninstalled --> <!-- **BEGIN** Hextom FSB Integration // Main Include - DO NOT MODIFY --> <!-- **BEGIN** Hextom FSB Integration // Main - DO NOT MODIFY --> <script type="application/javascript"> window.hextom_fsb_meta = { p1: [ "kcap yrettab" , "knab rewop" ], p2: { }, p3: [ { "v1": "true" }, { "v1": "true" }, { "v1": "true" } ] }; </script> <!-- **END** Hextom FSB Integration // Main - DO NOT MODIFY --> <!-- **END** Hextom FSB Integration // Main Include - DO NOT MODIFY --> <!-- **BEGIN** Hextom TMS Translator // Main Include - DO NOT MODIFY --> <script src="//atamazingthing.myshopify.com/cdn/shop/t/29/assets/tms-translator.js?v=168407887748687158821672037730" defer="defer"></script> <!-- **END** Hextom TMS Translator // Main Include - DO NOT MODIFY --> <!-- "snippets/gtranslate.liquid" was not rendered, the associated app was uninstalled --> <script> (function () { var s = document.createElement('script'); s.src = 'https://cdn.willdesk.com/wdc/willdesk.min.js?v='; s.src += new Date().getTime(); document.body.appendChild(s); })(); </script> <!-- langify-v2-scripts-begin --> <script> var langify = langify || {}; /** * * * @class LyHelper */ class LyHelper { constructor() { return { ajax: function(params) { return LyHelper.ajax(params); }, isIE: function() { return LyHelper.isIE(); }, extractImageObject: function(val) { return LyHelper.extractImageObject(val); }, getCurrentLanguage: function() { return LyHelper.getCurrentLanguage(); }, getCookie: function(name) { return LyHelper.getCookie(name); }, setCookie: function(name, value, days) { return LyHelper.setCookie(name, value, days); }, getVersion: function() { return LyHelper.getVersion(); }, isOutOfViewport: function(elem) { return LyHelper.isOutOfViewport(elem); }, isDomainFeatureEnabled: function() { return LyHelper.isDomainFeatureEnabled(); }, getVal: function(str) { return LyHelper.getVal(str); }, inIframe: function() { return LyHelper.inIframe(); }, shopifyAPI: function() { return LyHelper.shopifyAPI(); }, loadScript: function(url, callback) { return LyHelper.loadScript(url, callback); }, localizationRedirect: function(type, code, additionalFields, additionalParams, domain) { return LyHelper.localizationRedirect(type, code, additionalFields, additionalParams, domain); }, changeCurrency: function(code) { return LyHelper.changeCurrency(code); }, log: function(title, data, type) { return LyHelper.log(title, data, type); }, } } static ajax(params) { var data = params.data; fetch(params.url, { method: params.method, headers: { 'Content-Type': 'application/json', }, body: (data && params.method === 'POST') ? JSON.stringify(data) : null, }) .then(response => response.json()) .then(data => { params.success(data); }) .catch((error) => { console.error('Error:', error); }); } static isIE() { var ua = navigator.userAgent; var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1; return is_ie; } static extractImageObject(val) { if(!val || val == '') return false; var val = val; // Handle src-sets if(val.search(/([0-9]+w?h?x?,)/gi) > -1) { val = val.split(/([0-9]+w?h?x?,)/gi)[0]; } var hostBegin = val.indexOf('//') ? val.indexOf('//') : 0; var hostEnd = val.lastIndexOf('/') + 1; var host = val.substring(hostBegin, hostEnd); var afterHost = val.substring(hostEnd, val.length); var url = val; var file = ''; var name = ''; var type = ''; afterHost = afterHost.substring(0, (afterHost.indexOf("#") == -1) ? afterHost.length : afterHost.indexOf("#")); afterHost = afterHost.substring(0, (afterHost.indexOf("?") == -1) ? afterHost.length : afterHost.indexOf("?")); name = afterHost.replace(/(_[0-9]+x[0-9]*|_{width}x|_{size})?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(png\.jpg|jpe?g|png|gif|webp)/gi, ""); if(afterHost.search(/(\.png\.jpg|\.jpg\.jpg)/gi) > -1) { type = afterHost.substring(afterHost.search(/(\.png\.jpg|\.jpg\.jpg)/gi)+1, afterHost.length); } else { type = afterHost.substring(afterHost.lastIndexOf('.')+1, afterHost.length); } file = afterHost.replace(/(_[0-9]+x[0-9]*|_{width}x|_{size})?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(png\.jpg|jpe?g|png|gif|webp)/gi, '.'+type); return { host: host, name: name, type: type, file: file } } static getCurrentLanguage() { return window.langify.locale.iso_code; } static setLanguage(code) { } static getCookie(name) { var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); if(v) return v[2]; else return null; } static setCookie(name, value, days) { var d = new Date; d.setTime(d.getTime() + 24*60*60*1000*days); document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString(); } static getVersion() { return 2; } static isOutOfViewport (elem) { var bounding = elem.getBoundingClientRect(); var out = {}; out.top = bounding.top < 0; out.left = bounding.left < 0; out.bottom = Math.ceil(bounding.bottom) >= (window.innerHeight || document.documentElement.clientHeight); out.right = bounding.right > (window.innerWidth || document.documentElement.clientWidth); out.any = out.top || out.left || out.bottom || out.right; out.inViewport = bounding.x > 0 && bounding.y > 0; return out; } static isDomainFeatureEnabled() { return window.langify.locale.domain_feature_enabled; } static getVal(str) { var v = window.location.search.match(new RegExp('(?:[?&]'+str+'=)([^&]+)')); return v ? v[1] : null; } static inIframe() { try { return window.self !== window.top; } catch (e) { return true; } } static shopifyAPI() { var root_url = window.langify.locale.root_url != '/' ? window.langify.locale.root_url : ''; return { attributeToString: function(attribute) { if((typeof attribute) !== 'string') { attribute += ''; if(attribute === 'undefined') {attribute = '';} } return attribute.trim(); }, getCart: function(callback) { LyHelper.ajax({ method: 'GET', url: root_url+'/cart.js', success: function (cart, textStatus) { if((typeof callback) === 'function') { callback(cart); } } }); }, updateCartNote: function(note, callback) { var params = { method: 'POST', url: root_url+'/cart/update.js', data: 'note=' + this.attributeToString(note), dataType: 'json', success: function(cart) {if((typeof callback) === 'function') {callback(cart);}}, error: this.onError }; LyHelper.ajax(params); }, updateCartAttributes: function(attributes, callback) { var params = { method: 'POST', url: root_url+'/cart/update.js', data: {"attributes": attributes}, dataType: 'json', success: function(cart) { if((typeof callback) === 'function') { callback(cart); } }, error: this.onError }; LyHelper.ajax(params); }, onError: function(XMLHttpRequest, textStatus) { } } } static loadScript(url, callback) { var script = document.createElement('script'); script.type = 'text/javascript'; if(script.readyState) { script.onreadystatechange = function () { if(script.readyState == 'loaded' || script.readyState == 'complete') { script.onreadystatechange = null; callback(); } }; } else { script.onload = function () { callback(); }; } script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } static localizationRedirect(type, code, additionalFields, additionalParams, domain) { if(domain) { var newDomain = domain; if(domain.indexOf('redirected=true') === -1 && type === 'language_code') { if(domain.indexOf('?') >= 0) { newDomain += '&redirected=true'; } else { newDomain += '?redirected=true'; } } window.location.href = newDomain; return true; } if(type !== 'country_code' && type !== 'language_code') { return false; } if(!additionalParams) { var additionalParams = ''; } var params = [ { name: type, value: code }, { name: 'return_to', value: window.location.pathname + window.location.search + additionalParams + window.location.hash }, { name: 'form_type', value: 'localization' }, { name: '_method', value: 'put' } ]; if(additionalFields) { for(var i=0; i<additionalFields.length; i++) { params.push(additionalFields[i]); } } const form = document.createElement('form'); form.method = 'POST'; form.action = '/localization'; params.forEach(function(param) { const field = document.createElement('input'); field.type = 'hidden'; field.name = param['name']; field.value = param['value']; form.appendChild(field); }); document.body.appendChild(form); form.submit(); } static changeCurrency(code) { let returnToUrl = window.location.pathname + window.location.search; if(window.location.search.indexOf('?') >= 0) { returnToUrl += '¤cy_code='; } else { returnToUrl += '?currency_code='; } returnToUrl += code; returnToUrl += window.location.hash; const params = [ { name: 'currency_code', value: code }, { name: 'return_to', value: returnToUrl }, { name: 'form_type', value: 'localization' }, { name: '_method', value: 'put' } ]; const form = document.createElement('form'); form.method = 'POST'; form.action = '/localization'; params.forEach(function(param) { const field = document.createElement('input'); field.type = 'hidden'; field.name = param['name']; field.value = param['value']; form.appendChild(field); }); document.body.appendChild(form); form.submit(); } static log(title, data, type) { if(langify.settings.debug) { if(!data) { var data = ''; } var css = 'color: green; font-weight: bold;'; if(type === 'error') { css = 'color: red; font-weight: bold;'; } console.log(`%c ${title}: \n`, css, data); } } }; /** * * * @class TranslationObserver */ class TranslationObserver { constructor() { LyHelper.log('TranslationObserver instantiation') } init() { if(langify.settings.observe && !LyHelper.isIE()) { var langifyObserver = this.langifyObserverCore(); langifyObserver.init(); // HOTFIX: translation observer sometimes refuses to trigger on page load_ langifyObserver.triggerCustomContents(); langify.api = { observer: { start: langifyObserver.init, stop: langifyObserver.stopObserver, trigger: langifyObserver.triggerCustomContents, translateLink: langifyObserver.translateLink, translateTextNode: langifyObserver.translateTextNode, translateNodeAttrs: langifyObserver.translateNodeAttrs, translateImage: langifyObserver.translateImage, translateCssImage: langifyObserver.translateCssImage } }; } return this; } langifyObserverCore() { var observedNodes = []; var intersectionObs = null; var mutationCount = 0; var mutationObs = null; var mutationObsConfig = { characterData: true, characterDataOldValue: true, attributes: true, attributeOldValue: true, childList: true, subtree: true, }; var customContents_html = {}; var customContents_text = {}; var customContents_attr = {}; function init() { if(langify.settings.observe) { spreadCustomContents(); if (window.MutationObserver) { if (langify.settings.lazyload && window.IntersectionObserver) { startIntersectionObserver(); } else { startMutationObserver(null); } } else { startMutationEvents(); } } } // Intersection Observer function startIntersectionObserver() { intersectionObs = new IntersectionObserver(callbackIntersectionChange); var elementNodes = document.getElementsByClassName('shopify-section'); Array.prototype.slice.call(elementNodes).forEach(function(node) { intersectionObs.observe(node); }); } function callbackIntersectionChange(intersections) { intersections.forEach(function(intersection) { var target = intersection.target; var targetIsIntersecting = Boolean(target.getAttribute('ly-is-intersecting') === "true" ? true : false); if(typeof targetIsIntersecting == 'undefined' || targetIsIntersecting == null) { target.setAttribute('ly-is-intersecting', intersection.isIntersecting); targetIsIntersecting = intersection.isIntersecting; } // On Screen if(targetIsIntersecting == false && intersection.isIntersecting == true) { if(!target.getAttribute('ly-is-observing')) { startMutationObserver(target); intersectionObs.unobserve(target); // As the mutation observer didn't see the "add" of the elememts, trigger the initial translation manually var elementNodes = getNodesUnder(target, 'SHOW_ELEMENT'); var textNodes = getNodesUnder(target, 'SHOW_TEXT'); var nodes = elementNodes.concat(textNodes); nodes.forEach(function(node) { translate(node, 'mutation -> childList'); }); } } // Off Screen //else if(targetIsIntersecting == true && intersection.isIntersecting == false) { // stopMutationObserver(target); //} target.setAttribute('ly-is-intersecting', intersection.isIntersecting); }); } // Mutation Observer function startMutationObserver(observerTarget) { if (!observerTarget) { var target = document.documentElement || document.body; // main window } else { if (observerTarget.nodeName === 'IFRAME') { try { var target = observerTarget.contentDocument || observerTarget.contentWindow.document; } catch { return false; } } else { var target = observerTarget; } } mutationObs = new MutationObserver(callbackDomChange); mutationObs.observe(target, mutationObsConfig); observedNodes.push(target); try { target.setAttribute('ly-is-observing', 'true'); } catch(e) {} } function stopMutationObserver(target) { if(observedNodes.indexOf(target) > -1) { observedNodes.splice(observedNodes.indexOf(target), 1); } var mutations = mutationObs.takeRecords(); mutationObs.disconnect(); observedNodes.forEach(node => { mutationObs.observe(node, mutationObsConfig); }); try { target.removeAttribute('ly-is-observing'); } catch(e) {} } function callbackDomChange(mutations, mutationObs) { for (var i = 0, length = mutations.length; i < length; i++) { var mutation = mutations[i]; var target = mutation.target; // Links-Hook if (mutation.type === 'attributes' && (mutation.attributeName === 'href' || mutation.attributeName === 'action')) { var target = mutation.target; translateLink(target.getAttribute(mutation.attributeName), target); } // Images-Hook else if (mutation.type === 'attributes' && (mutation.attributeName === 'src' || mutation.attributeName === 'data-src' || mutation.attributeName === 'srcset' || mutation.attributeName === 'data-srcset')) { translateImage(target, mutation.attributeName); } else if (mutation.type === 'attributes' && mutation.attributeName === 'style') { translateCssImage(target); } // Subtree Events else if (mutation.type === 'childList') { // Added Nodes if(mutation.addedNodes.length > 0) { var elementNodes = getNodesUnder(mutation.target, 'SHOW_ELEMENT'); var textNodes = getNodesUnder(mutation.target, 'SHOW_TEXT'); var nodes = elementNodes.concat(textNodes); nodes.forEach(function(node) { translate(node, 'mutation -> childList'); }); } } // CharacterData Events else if (mutation.type === 'characterData') { var target = mutation.target; translate(target, 'mutation -> characterData'); } } } function translate(node, info) { if((node.nodeType === 1 && node.hasAttribute('data-ly-locked')) || (node.nodeType === 3 && node.parentNode && node.parentNode.hasAttribute('data-ly-locked'))) { return; } // CC-Hook if (node.nodeName !== 'SCRIPT' && node.nodeName !== 'STYLE') { if (node.nodeType === 3) { translateTextNode(node, info); } var attributes = ['placeholder','title'] attributes.forEach(attribute => translateNodeAttrs(node,attribute)); } // Links-Hook if (node.nodeName === 'A' || node.nodeName === 'FORM' || node.nodeName === 'IMG') { if(node.hasAttribute('href')) {var attrName = 'href';} else if(node.hasAttribute('data-href')) {var attrName = 'data-href';} else {var attrName = 'action';} var url = node.getAttribute(attrName); translateLink(url, node); } // Images-Hook if (node.nodeName === 'IMG' || node.nodeName === 'SOURCE') { translateImage(node, ['src', 'data-src', 'srcset', 'data-srcset']); } if (node.attributes && node.getAttribute('style')) { translateCssImage(node); } // Iframe Observation if (node.nodeName === 'IFRAME') { // Todo: handle srcdoc iframe content observing if (node.getAttribute('ly-is-observing') == null && node.getAttribute('src') == null && !node.hasAttribute('srcdoc')) { node.setAttribute('ly-is-observing', 'true'); startMutationObserver(node); } } } function translateNodeAttrs(node,attribute) { if (node.attributes && node.getAttribute(attribute)) { var src = node.getAttribute(attribute).trim().replace(/(\r\n|\n|\r)/gim,"").replace(/\s+/g," ").toLowerCase(); if(customContents_text[src] && node.getAttribute(attribute) !== customContents_text[src]) { node.setAttribute(attribute, customContents_text[src]); } } } function translateTextNode(node, info) { if(langify.settings.observeCustomContents === false || !node.textContent || node.textContent.trim().length === 0) { return; } var oldSrc = node.textContent.trim().replace(/(\r\n|\n|\r)/gim,"").replace(/\s+/g," ").toLowerCase(); var src = node.textContent.trim().replace(/(\r\n|\n|\r)/gim," ").replace(/\s+/g," ").toLowerCase(); if(customContents_text[oldSrc]) { src = oldSrc; } if(customContents_text[src] && node.textContent !== customContents_text[src]) { var newContent = node.textContent.replace(node.textContent.trim(), customContents_text[src]); if (newContent != node.textContent) { if(!node.parentNode.hasAttribute('data-ly-mutation-count') || parseInt(node.parentNode.getAttribute('data-ly-mutation-count')) < langify.settings.maxMutations) { var count = node.parentNode.hasAttribute('data-ly-mutation-count') ? parseInt(node.parentNode.getAttribute('data-ly-mutation-count')) : 0; node.parentNode.setAttribute('data-ly-mutation-count', count+1); node.textContent = newContent; mutationCount = mutationCount + 1; LyHelper.log('REPLACED (TEXT)', { oldValue: src, newValue: customContents_text[src], mutationCount, }, 'success' ); var event = new CustomEvent('langify.observer.aftertranslatetext', { bubbles: true, detail: { target: node, original: src, translation: customContents_text[src] } }); node.dispatchEvent(event); } } } } function translateLink(url, node, force) { if(langify.settings.observeLinks === false || isLocalizationForm(node) || node.hasAttribute('data-ly-locked') || !url || (url.indexOf('mailto:') !== -1 || url.indexOf('javascript:') !== -1 || url.indexOf('tel:') !== -1 || url.indexOf('file:') !== -1 || url.indexOf('ftp:') !== -1 || url.indexOf('sms:') !== -1 || url.indexOf('market:') !== -1 || url.indexOf('fax:') !== -1 || url.indexOf('callto:') !== -1 || url.indexOf('ts3server:') !== -1)) { return; } var isLocalized = ( url.indexOf('/'+ langify.locale.iso_code +'/') === 0 || url === '/'+ langify.locale.iso_code || url.indexOf('/'+ langify.locale.iso_code.toLowerCase() +'/') === 0 || url === '/'+ langify.locale.iso_code.toLowerCase() || url.indexOf('/'+ langify.locale.iso_code.toLowerCase().substring(0,2) +'/') === 0 || url === '/'+ langify.locale.iso_code.toLowerCase().substring(0,2) || url.indexOf(langify.locale.root_url + '/') === 0 || url === langify.locale.root_url || url.indexOf(langify.locale.shop_url + langify.locale.root_url) === 0 || url === langify.locale.shop_url + langify.locale.root_url ); var cleanUrl = url.replace(langify.locale.shop_url, ''); var re = new RegExp(`\/\\b${langify.locale.iso_code.replace('-', '\-')}\\b\/`, 'gi'); var link = cleanUrl.replace(re, '/'); var isUrlAbsolute = (link.indexOf('://') > 0 || link.indexOf('//') === 0); var blacklist = ['#', '/'+ langify.locale.iso_code +'#'].concat(langify.settings.linksBlacklist); var isUrlBlacklisted = blacklist.find(x => url.indexOf(x) === 0); if (!isUrlAbsolute && !isUrlBlacklisted && link.indexOf('/') != 0) {link = '/' + link;} if(!isLocalized && !isUrlAbsolute && !isUrlBlacklisted && langify.locale.root_url != '/' || force) { if(node.hasAttribute('href')) {var attrName = 'href';} else if(node.hasAttribute('data-href')) {var attrName = 'data-href';} else {var attrName = 'action';} if(link === '/' || link == langify.locale.root_url) link = ''; var newLink = langify.locale.root_url + link; var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); node.setAttribute(attrName, newLink); if(node.hasAttribute('data-'+attrName)) node.setAttribute('data-'+attrName, newLink); mutationCount = mutationCount + 1; LyHelper.log('REPLACED (LINK)', { attrName, oldValue: url, newValue: newLink, mutationCount, }, 'success' ); var event = new CustomEvent('langify.observer.aftertranslatelink', { bubbles: true, detail: { target: node, attribute: attrName, original: url, translation: newLink } }); node.dispatchEvent(event); } } } function translateImage(node, attr) { if(langify.settings.observeImages === false || node.hasAttribute('data-ly-locked') || Object.keys(customContents_image).length === 0) { return } var attrs = []; if(typeof attr === 'string') attrs.push(attr); else if(typeof attr === 'object') attrs = attr; var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); attrs.forEach(function(attr) { if(node.hasAttribute(attr)) { var imgObject = LyHelper.extractImageObject(node.getAttribute(attr)); var imgKey = imgObject ? imgObject.file.toLowerCase() : ''; if(customContents_image[imgKey]) { // Replace var oldValue = node.getAttribute(attr); var translation = node.getAttribute(attr); translation = translation.replace(new RegExp(imgObject.host, 'g'), customContents_image[imgKey].host); translation = translation.replace(new RegExp(imgObject.name, 'g'), customContents_image[imgKey].name); translation = translation.replace(new RegExp(imgObject.type, 'g'), customContents_image[imgKey].type); // China Hook if(node.getAttribute(attr).indexOf('cdn.shopifycdn.net') >= 0) { translation = translation.replace(new RegExp('cdn.shopify.com', 'g'), 'cdn.shopifycdn.net'); } if(node.getAttribute(attr) != translation) { node.setAttribute(attr, translation); mutationCount = mutationCount + 1; LyHelper.log('REPLACED (IMAGE)', { attrName: attr, oldValue: oldValue, newValue: translation, mutationCount, }, 'success'); var event = new CustomEvent('langify.observer.aftertranslateimage', { bubbles: true, detail: { target: node, attribute: attr, original: oldValue, translation: translation } }); node.dispatchEvent(event); } } } }); } } function translateCssImage(node) { if(langify.settings.observeImages === false || node.hasAttribute('data-ly-locked') || Object.keys(customContents_image).length === 0 || !node.getAttribute('style')) { return } var imgMatches = node.getAttribute('style').match(/url\(("|')?(.*)("|')?\)/gi); if(imgMatches !== null) { var imgSource = imgMatches[0].replace(/url\(("|')?|("|')?\)/, ''); var imgObject = LyHelper.extractImageObject(imgSource); var imgKey = imgObject ? imgObject.file.toLowerCase() : ''; var attr = 'style'; if(customContents_image[imgKey]) { // Replace var translation = node.getAttribute(attr); translation = translation.replace(new RegExp(imgObject.host, 'g'), customContents_image[imgKey].host); translation = translation.replace(new RegExp(imgObject.name, 'g'), customContents_image[imgKey].name); translation = translation.replace(new RegExp(imgObject.type, 'g'), customContents_image[imgKey].type); // China Hook if(node.getAttribute(attr).indexOf('cdn.shopifycdn.net') >= 0) { translation = translation.replace(new RegExp('cdn.shopify.com', 'g'), 'cdn.shopifycdn.net'); } if(node.getAttribute(attr) != translation) { var timeStamp = Math.floor(Date.now()); if(!node.hasAttribute('data-ly-processed') || timeStamp > parseInt(node.getAttribute('data-ly-processed')) + langify.settings.timeout) { node.setAttribute('data-ly-processed', timeStamp); node.setAttribute(attr, translation); mutationCount = mutationCount + 1; } } } } } function findAndLocalizeLinks(target, parent) { if(target.parentNode && parent) var allLinks = target.parentElement.querySelectorAll('[href],[action]'); else var allLinks = target.querySelectorAll('[href],[action]'); allLinks.forEach(link => { if(link.hasAttribute('href')) var attrName = 'href'; else var attrName = 'action'; var url = link.getAttribute(attrName); translateLink(url, link); }); } function isLocalizationForm(node) { if(node.querySelector('input[name="form_type"][value="localization"]')){ return true; } return false; } function getNodesUnder(el, show){ var n, a=[], walk=document.createTreeWalker(el, NodeFilter[show] , null, false); while(n=walk.nextNode()) a.push(n); return a; } function spreadCustomContents() { var getFileName = function(url) { if(!url || url == '') return; url = url.substring(0, (url.indexOf("#") == -1) ? url.length : url.indexOf("#")); url = url.substring(0, (url.indexOf("?") == -1) ? url.length : url.indexOf("?")); url = url.substring(url.lastIndexOf("/") + 1, url.length); url = url.replace(/(_[0-9]+x[0-9]*|_{width}x)?(_crop_(top|center|bottom|left|right))?(@[0-9]*x)?(\.progressive)?\.(jpe?g|png|gif|webp)/gi, ""); return '/' + url; } Object.entries(customContents).forEach(function(entry) { //if(/<\/?[a-z][\s\S]*>/i.test(entry[0])) customContents_html[entry[0]] = entry[1]; //else if(/(http(s?):)?([/|.|\w|\s|-])*\.(?:jpe?g|gif|png)/.test(entry[0])) customContents_image[getFileName(entry[0])] = getFileName(entry[1]); if(/(http(s?):)?([/|.|\w|\s|-])*\.(?:jpe?g|gif|png|webp)/.test(entry[0])) customContents_image[LyHelper.extractImageObject(entry[0]).file] = LyHelper.extractImageObject(entry[1]); else customContents_text[entry[0]] = entry[1]; }); LyHelper.log('CUSTOM CONTENTS:', {customContents, customContents_text, customContents_image}, 'info') } // Polyfill for old browsers function startMutationEvents() { var target = document.querySelector('body'); target.addEventListener("DOMAttrModified", function (event) { if(event.attrName === 'href' || event.attrName === 'action') { if(event.prevValue != event.newValue) { translateLink(event.newValue, event.target); } } }, false); target.addEventListener("DOMSubtreeModified", function (event) { //findAndLocalizeLinks(event.target, false); //matchCustomContent(event.target); }, false); } function triggerCustomContents() { var rootnode = document.getElementsByTagName('body')[0] var walker = document.createTreeWalker(rootnode, NodeFilter.SHOW_ALL, null, false) while (walker.nextNode()) { //LyHelper.log(walker.currentNode.tagName) translate(walker.currentNode, null); } } function stopObserver() { mutationObs.takeRecords(); mutationObs.disconnect(); } //init(); return { init: init, triggerCustomContents: triggerCustomContents, stopObserver: stopObserver, translateLink: translateLink, translateTextNode: translateTextNode, translateNodeAttrs: translateNodeAttrs, translateImage: translateImage, translateCssImage: translateCssImage } }; } /** * * * @class Switcher */ class Switcher { constructor(switcherSettings) { LyHelper.log('Switcher instantiation'); this.lyForceOff = location.search.split('ly-force-off=')[1]; this.switcherElements = Array.prototype.slice.call(document.getElementsByClassName('ly-switcher-wrapper')); } init() { // Initial cart.attributes update LyHelper.shopifyAPI().getCart(function (cart) { var currentLanguage = langify.locale.iso_code; if(!cart.attributes.language || cart.attributes.language != currentLanguage) { LyHelper.shopifyAPI().updateCartAttributes({"language": currentLanguage}, function(data){}); } }); if(langify.locale.languages.length === 1) { console.info(`%c LANGIFY INFO:\n`, 'font-weight: bold;', 'The language switcher is hidden! This can have one of the following reasons: \n * All additional languages are disabled in the "Langify -> Dashboard -> Languages" section. \n * If you are using different domains for your additional languages, ensure that "Cross Domain Links" are enabled inside the "Langify -> Dashboard -> Switcher Configurator -> Domains" section.'); return false; } this.setCustomPosition(); this.initCustomDropdown(); this.bindCountrySwitchers(); this.bindCurrencySwitchers(); this.bindLanguageSwitchers(); var event = new CustomEvent('langify.switcher.initialized', { bubbles: true, detail: {} }); } initCustomDropdown() { // Custom Dropdown var root = this; var switcher = document.getElementsByClassName('ly-custom-dropdown-switcher'); for(var a = 0; a < switcher.length; a++) { switcher[a].classList.toggle('ly-is-open'); var isOut = LyHelper.isOutOfViewport(switcher[a]); if(isOut.bottom && isOut.inViewport) { switcher[a].classList.add('ly-is-dropup'); var arrows = switcher[a].querySelectorAll('.ly-arrow'); for(var b = 0; b < arrows.length; b++) { arrows[b].classList.add('ly-arrow-up'); } } switcher[a].classList.toggle('ly-is-open'); switcher[a].onclick = function(event) { root.toggleSwitcherOpen(this); } } document.addEventListener('click', function(event) { if(!event.target.closest('.ly-custom-dropdown-switcher')) { var openSwitchers = document.querySelectorAll('.ly-custom-dropdown-switcher.ly-is-open') for(var i = 0; i < openSwitchers.length; i++) { openSwitchers[i].classList.remove('ly-is-open'); } } }); } bindLanguageSwitchers() { var root = this; var links = document.getElementsByClassName('ly-languages-switcher-link'); for(var l = 0; l < links.length; l++) { links[l].addEventListener('click', function(event) { event.preventDefault(); if(LyHelper.isDomainFeatureEnabled() && this.getAttribute('href') !== '#' && !this.getAttribute('data-country-code')) { var domain = this.getAttribute('href'); } LyHelper.setCookie('ly-lang-selected', this.getAttribute('data-language-code'), 365); LyHelper.localizationRedirect('language_code', this.getAttribute('data-language-code'), root._dataAttrToAdditionalFields(this), null, domain); }); } // Native select event handling var nativeLangifySelects = document.querySelectorAll('select.ly-languages-switcher'); for(var i = 0; i < nativeLangifySelects.length; i++) { nativeLangifySelects[i].onchange = function() { event.preventDefault(); if(LyHelper.isDomainFeatureEnabled() && this[this.selectedIndex].getAttribute('data-domain') !== '#' && this[this.selectedIndex].getAttribute('data-country-code')) { var domain = this[this.selectedIndex].getAttribute('data-domain'); } LyHelper.setCookie('ly-lang-selected', this[this.selectedIndex].getAttribute('data-language-code'), 365); LyHelper.localizationRedirect('language_code', this[this.selectedIndex].getAttribute('data-language-code'), root._dataAttrToAdditionalFields(this), null, domain); }; } } bindCountrySwitchers() { var countrySelectSwitcher = document.querySelectorAll('select.ly-country-switcher'); var countryCustomSwitcher = document.querySelectorAll('div.ly-country-switcher a'); for(var i=0; i<countryCustomSwitcher.length; i++) { countryCustomSwitcher[i].addEventListener('click', function(e) { LyHelper.localizationRedirect('country_code', this.getAttribute('data-country-code')); }); } for(var a=0; a<countrySelectSwitcher.length; a++) { countrySelectSwitcher[a].addEventListener('change', function(){ LyHelper.localizationRedirect('country_code', this[this.selectedIndex].getAttribute('data-country-code')); }); } } bindCurrencySwitchers() { var currencySelectSwitcher = document.querySelectorAll('select.ly-currency-switcher'); var currencyCustomSwitcher = document.querySelectorAll('div.ly-currency-switcher a'); for(var i=0; i<currencyCustomSwitcher.length; i++) { currencyCustomSwitcher[i].addEventListener('click', function(e) { LyHelper.changeCurrency(this.getAttribute('data-currency-code')); }); } for(var a=0; a<currencySelectSwitcher.length; a++) { currencySelectSwitcher[a].addEventListener('change', function(){ LyHelper.changeCurrency(this[this.selectedIndex].getAttribute('data-currency-code')); }); } } setCustomPosition() { for(var i = 0; i < this.switcherElements.length; i++) { if(this.lyForceOff !== 'true') { if(langify.locale.languages.length <= 1) { this.switcherElements[i].querySelector('.ly-languages-switcher').classList.add('ly-hide'); } this.switcherElements[i].classList.remove('ly-hide'); } if(this.switcherElements[i].classList.contains('ly-custom') && (document.getElementById('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint')) || document.getElementsByClassName('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint')).length )) { var targets = Array.from(document.getElementsByClassName('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint'))); var target = document.getElementById('ly-custom-'+this.switcherElements[i].getAttribute('data-breakpoint')); if(target) targets.push(target); for(var c = 0; c < targets.length; c++) { var clone = this.switcherElements[i].cloneNode(true); if(this.switcherElements[i].parentNode) { this.switcherElements[i].remove(); } targets[c].innerHTML = clone.outerHTML; } this.switcherElements[i].classList.add('ly-hide'); } } } toggleSwitcherOpen(e) { var target = e; if(!target.classList.contains('ly-is-open')) { var openSwitchers = document.querySelectorAll('.ly-custom-dropdown-switcher.ly-is-open') for(var i = 0; i < openSwitchers.length; i++) { openSwitchers[i].classList.remove('ly-is-open'); } target.getElementsByClassName('ly-custom-dropdown-current')[0].setAttribute('aria-expanded', 'true'); } else { target.getElementsByClassName('ly-custom-dropdown-current')[0].setAttribute('aria-expanded', 'false'); } target.classList.toggle('ly-is-open'); var isOut = LyHelper.isOutOfViewport(target); if(isOut.bottom) { target.classList.add('ly-is-dropup'); } } togglePopupOpen(e) { e.closest('.ly-popup-switcher').classList.toggle('ly-is-open'); } _getCountryCodeFromHreflang(language_code) { var hreflangTags = document.querySelectorAll('link[hreflang]'); var languageDomains = {}; var countryCode = false; for(var i = 0; i < hreflangTags.length; i++) { if(hreflangTags[i].getAttribute('hreflang').indexOf(language_code) === 0) { if(!languageDomains[hreflangTags[i].getAttribute('href')]) { languageDomains[hreflangTags[i].getAttribute('href')] = hreflangTags[i]; } } } if(Object.keys(languageDomains).length > 0) { countryCode = Object.values(languageDomains)[0].getAttribute('hreflang'); countryCode = countryCode.split('-'); if(countryCode[1]) { countryCode = countryCode[1] } else { } } return countryCode; } _dataAttrToAdditionalFields(elem) { var additionalFields = []; if(elem.hasAttribute('data-country-code')) { additionalFields.push({ name: 'country_code', value: elem.getAttribute('data-country-code') }); } if(elem.hasAttribute('data-currency-code')) { additionalFields.push({ name: 'currency_code', value: elem.getAttribute('data-currency-code') }); } return additionalFields; } } /** * * * @class LanguageDetection */ class LanguageDetection { constructor() { this.hreflangList = null; LyHelper.log('LanguageDetection instantiation'); } init() { if(LyHelper.inIframe() || window.location.pathname.indexOf('preview_key=') > 0) { return null; } var currentLang = langify.locale.iso_code.toLowerCase(); //var localizationData = this.getLocalizationData(); this.hreflangList = this.getHreflangList(); var userLang = navigator.language || navigator.userLanguage; userLang = userLang.toLowerCase(); var bot = /bot|google|baidu|bing|msn|duckduckbot|teoma|slurp|yandex|Chrome-Lighthouse/i.test(navigator.userAgent); var blockedRoutes = window.lyBlockedRoutesList || []; var blockedRoute = blockedRoutes.find(x => window.location.pathname.indexOf(x) === 0); var is404 = document.getElementsByClassName('template-404').length; if(LyHelper.getVal('redirected') === 'true') { LyHelper.setCookie('ly-lang-selected', currentLang, 365); var _href = window.location.href; history.replaceState(null, '', _href.replace(/(\?|&)(redirected=true)/i, '')); return null; } if(!is404 && !bot && !blockedRoute && LyHelper.getVal('ly-lang-detect') !== 'off') { if(userLang && !LyHelper.getCookie('ly-lang-selected')) { var hasMatch = this.matchHreflangList(userLang); if(currentLang !== this._hreflangToLanguageCode(hasMatch)) { if(hasMatch) { this.redirectMatched(userLang); } else if (!hasMatch && langify.settings.switcher.languageDetectionDefault) { // Redirect to default language this.redirectMatched(langify.settings.switcher.languageDetectionDefault); } } } else { if(LyHelper.getCookie('ly-lang-selected') && LyHelper.getCookie('ly-lang-selected') !== currentLang) { // Only save cookie when the domain feature is active if(LyHelper.isDomainFeatureEnabled()) { LyHelper.setCookie('ly-lang-selected', currentLang, 365); } this.redirectMatched(LyHelper.getCookie('ly-lang-selected')); } } } this._geolocationAppSupport(); } redirectMatched(userLang) { var match = this.matchHreflangList(userLang); if(match) { this.redirectHref(match.href, match.lang); } return match; } matchHreflangList(userLang) { var matchedHreflang = false; var browserLang = userLang; // Find candidates var candidates = this.hreflangList.filter(item => item.lang === browserLang); if(candidates.length === 0) { browserLang = userLang.toLowerCase(); candidates = this.hreflangList.filter(item => item.lang.toLowerCase().indexOf(browserLang) === 0); } if(candidates.length === 0) { browserLang = userLang.toLowerCase().substring(0, 2); candidates = this.hreflangList.filter(item => item.lang.toLowerCase().indexOf(browserLang) === 0); } // Handle candidates if(candidates.length === 1) { return({href: candidates[0].href, lang: browserLang}); } else if(candidates.length > 1) { var preferedCandidate = candidates.find(item => item.href.indexOf(window.location.host) >= 0) if(preferedCandidate) { return({href: preferedCandidate.href, lang: browserLang}); } else { return({href: candidates[0].href, lang: browserLang}); } } return false; } redirectHref(href, userLang) { var queryString = window.location.search; var url = href.split('?')[0]; if(queryString === '') { queryString = '?redirected=true'; } else { queryString += '&redirected=true'; } window.location.replace(url + queryString); } getHreflangList() { var hreflangTags = document.querySelectorAll('link[hreflang]'); var hreflangList = []; var countryCode = false; // Cross Domain Links option if(LyHelper.isDomainFeatureEnabled()) { for(var i = 0; i < langify.locale.languages.length; i++) { let newHref = 'https://' + langify.locale.languages[i].domain + window.location.pathname + window.location.search + window.location.hash; // When cross-domain link is pointing to the same domain with subfolders, window.location.pathname would have to be unlocalized before it can be merged into the url if(new String(langify.locale.languages[i].domain).indexOf(window.location.hostname) === 0) { let unlocalizedPathname = langify.locale.root_url !== '/' ? window.location.pathname.replace(langify.locale.root_url, '') : window.location.pathname; newHref = 'https://' + langify.locale.languages[i].domain + unlocalizedPathname + window.location.search + window.location.hash } hreflangList.push({ href: newHref, lang: langify.locale.languages[i].iso_code, }); } } for(var i = 0; i < hreflangTags.length; i++) { var hreflang = hreflangTags[i].getAttribute('hreflang').toLowerCase(); hreflang = hreflang.replace('zh-hans', 'zh-cn').replace('zh-hant', 'zh-tw'); // Chinese special cases hreflangList.push({ href: hreflangTags[i].getAttribute('href'), lang: hreflang }); } return hreflangList; } _langToHreflang(userLang) { var hreflang = ''; this.hreflangList.map(function(item) { if(item.lang === userLang) { hreflang = userLang; } }); if(hreflang === '') { this.hreflangList.map(function(item) { var browserLang = userLang.toLowerCase(); if(item.lang.toLowerCase().indexOf(browserLang) === 0) { hreflang = browserLang; } else if(item.lang.toLowerCase().indexOf(browserLang.substring(0, 2)) === 0) { hreflang = browserLang.substring(0, 2); } }); } return hreflang || userLang; } _hreflangToLanguageCode(hreflangTag) { if(!hreflangTag || !hreflangTag.lang) return false; var languageCode = false; langify.locale.languages.forEach(function(item) { if(item.iso_code.toLowerCase() === hreflangTag.lang.toLowerCase()) { languageCode = item.iso_code; } }); if(!languageCode) { langify.locale.languages.forEach(function(item) { if(item.iso_code.toLowerCase() === hreflangTag.lang.substring(0, 2).toLowerCase()) { languageCode = item.iso_code; } }); } return languageCode; } _geolocationAppSupport() { var target = document.querySelector('body'); var config = { childList: true, subtree: true }; var geolocationObserver = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { var target = mutation.target.getElementsByClassName('locale-bar__form'); if(target[0]) { target[0].onsubmit = function() { var locale_code = target[0].elements['locale_code'].value; var selector = target[0].getElementsByClassName('locale-bar__selector'); if(selector.length >= 1) { locale_code = selector[0].options[selector[0].selectedIndex].value; } LyHelper.setCookie('ly-lang-selected', locale_code, 365); }; } var selectors = mutation.target.getElementsByClassName('locale-selectors__selector'); if(selectors.length > 0) { for(var selector of selectors) { if(selector.getAttribute('name') === 'locale_code') { selector.onchange = function() { var locale_code = selector.options[selector.selectedIndex].value; LyHelper.setCookie('ly-lang-selected', locale_code, 365); }; } } } } }); }); geolocationObserver.observe(target, config); setTimeout(function() { geolocationObserver.disconnect(); }, 10000); } } /** * * * @class Recommendation */ class Recommendation extends LanguageDetection { constructor() { super(); LyHelper.log('Recommendation instantiation'); } init() { this.hreflangList = this.getHreflangList(); var userLang = navigator.language || navigator.userLanguage; userLang = userLang.toLowerCase(); var recommendation = this.matchHreflangList(userLang); var recommendationLanguageCode = this._hreflangToLanguageCode(recommendation); if(recommendationLanguageCode && recommendationLanguageCode !== langify.locale.iso_code && !LyHelper.getCookie('ly-lang-selected')) { this.recommended_language_code = recommendationLanguageCode; this.recommended_country_code = null; this.recommended_currency_code = null; this._translateStrings(recommendationLanguageCode); this._bindings(); } else { return false; } } _translateStrings(languageCode) { var recommendationElement = document.querySelectorAll('.ly-recommendation')[0]; var strings = langify.settings.switcher.recommendation_strings[languageCode]; var recommendationStr = 'Looks like your browser is set to [[language]]. Change the language?'; var buttonStr = 'Change'; var matchedLanguageCode = this._langToHreflang(languageCode).toLowerCase(); var languageStr = langify.settings.switcher.languages.find(x => x.iso_code.toLowerCase() === matchedLanguageCode) ? langify.settings.switcher.languages.find(x => x.iso_code.toLowerCase() === matchedLanguageCode).name : languageCode.toUpperCase(); if(strings) { recommendationStr = strings.recommendation ? strings.recommendation : recommendationStr; buttonStr = strings.button ? strings.button : buttonStr; languageStr = strings.language ? strings.language : languageStr; } var newCode = recommendationElement.innerHTML; newCode = newCode.replaceAll('[[recommendation]]', recommendationStr).replaceAll('[[button]]', buttonStr).replaceAll('[[language]]', languageStr); recommendationElement.innerHTML = newCode; } _bindings() { var _this = this; var lyForceOff = location.search.split('ly-force-off=')[1]; var recommendationElement = document.querySelectorAll('.ly-recommendation')[0]; var form = recommendationElement.querySelectorAll('.ly-recommendation-form')[0]; var links = recommendationElement.getElementsByClassName('ly-custom-dropdown-list-element'); var customDropdown = recommendationElement.querySelectorAll('.ly-custom-dropdown-switcher'); var nativeSelects = recommendationElement.getElementsByClassName('ly-native-select'); form.addEventListener('submit', function(e) { e.preventDefault(); if(_this.recommended_country_code || _this.recommended_currency_code) { // When a country or currency is involved, use old redirection var additionalFields = []; if(_this.recommended_country_code) { additionalFields.push({ name: 'country_code', value: _this.recommended_country_code }); } if(_this.recommended_currency_code) { additionalFields.push({ name: 'currency_code', value: _this.recommended_currency_code }); } LyHelper.setCookie('ly-lang-selected', _this.recommended_language_code, 365); LyHelper.localizationRedirect('language_code', _this.recommended_language_code, additionalFields); } else { //...or use new hreflang redirection _this.redirectMatched(_this.recommended_language_code); } }); // Overwrite switchers for(var l = 0; l < links.length; l++) { links[l].addEventListener('click', function(event) { event.preventDefault(); // When clicked from within a custom dropdown var parentCustomDropdown = event.currentTarget.closest('.ly-custom-dropdown-switcher'); if(parentCustomDropdown) { _this._selectCustomDropdownEntry(parentCustomDropdown, this); } else { _this.recommended_language_code = this.getAttribute('data-language-code'); } }); } for(var i = 0; i < nativeSelects.length; i++) { nativeSelects[i].onchange = _this._selectNativeDropdownEntry.bind(this); if(nativeSelects[i].classList.contains('ly-languages-switcher')) { nativeSelects[i].value = _this.recommended_language_code; } } for(var i = 0; i < customDropdown.length; i++) { if(recommendationElement.className.indexOf('bottom') > -1) { customDropdown[i].classList.add('ly-is-dropup'); } if(customDropdown[i].classList.contains('ly-languages-switcher')) { _this._selectCustomDropdownEntry(customDropdown[i], customDropdown[i].querySelector('.ly-custom-dropdown-list a[data-language-code="'+ _this.recommended_language_code +'"]')); } } if(!lyForceOff) { recommendationElement.classList.add('ly-is-open'); } } _selectNativeDropdownEntry(event) { event.preventDefault(); var element = event.currentTarget; var _this = this; if(element[element.selectedIndex].hasAttribute('data-language-code')) { _this.recommended_language_code = element[element.selectedIndex].getAttribute('data-language-code'); } if(element[element.selectedIndex].hasAttribute('data-country-code')) { _this.recommended_country_code = element[element.selectedIndex].getAttribute('data-country-code'); } if(element[element.selectedIndex].hasAttribute('data-currency-code')) { _this.recommended_currency_code = element[element.selectedIndex].getAttribute('data-currency-code'); } } _selectCustomDropdownEntry(element, entry) { if(!entry) return; var _this = this; var currentElem = element.querySelector('.ly-custom-dropdown-current'); var currentIcon = currentElem.querySelector('.ly-icon'); var currentLabel = currentElem.querySelector('span'); var valueToSelect = ''; if(entry.hasAttribute('data-language-code')) { _this.recommended_language_code = entry.getAttribute('data-language-code'); valueToSelect = _this.recommended_language_code; } if(entry.hasAttribute('data-country-code')) { _this.recommended_country_code = entry.getAttribute('data-country-code'); valueToSelect = _this.recommended_country_code; } if(entry.hasAttribute('data-currency-code')) { _this.recommended_currency_code = entry.getAttribute('data-currency-code'); valueToSelect = _this.recommended_currency_code; } if(entry.hasAttribute('data-country-code') && entry.hasAttribute('data-currency-code')) { valueToSelect = _this.recommended_country_code + '-' + _this.recommended_currency_code; } if(element.querySelector('.ly-custom-dropdown-list li.current')) { element.querySelector('.ly-custom-dropdown-list li.current').classList.remove('current'); element.querySelector('.ly-custom-dropdown-list li[key="'+ valueToSelect +'"]').classList.add('current'); } if(element.querySelector('.ly-custom-dropdown-list li.current span')) currentLabel.innerHTML = element.querySelector('.ly-custom-dropdown-list li.current span').innerHTML; if(element.querySelector('.ly-custom-dropdown-list li.current .ly-icon')) currentIcon.classList = element.querySelector('.ly-custom-dropdown-list li.current .ly-icon').classList; } toggleOpen(e) { e.closest('.ly-recommendation').classList.toggle('ly-is-open'); if(!e.closest('.ly-recommendation').classList.contains('ly-is-open')) { LyHelper.setCookie('ly-lang-selected', this.recommended_language_code, 365); } } } /** * * * @class Langify */ class Langify { constructor(settings, locale) { LyHelper.log('Langify instantiation') var translationObserver = new TranslationObserver().init(); langify.helper = new LyHelper(); LyHelper.log(langify.helper); var lyForceOff = location.search.split('ly-force-off=')[1]; if(lyForceOff === 'true') { document.getElementById('preview-bar-iframe').classList.add('ly-hide'); return false; } if(settings.theme && ((settings.theme.loadJquery && settings.theme.loadJquery === true) || typeof settings.theme.loadJquery === 'undefined')) { if(typeof jQuery === 'undefined') { LyHelper.loadScript('//cdn.jsdelivr.net/jquery/1.9.1/jquery.min.js', function() {}); } } //document.addEventListener("DOMContentLoaded", function() { langify.switcher = new Switcher(); langify.switcher.init(); if(settings.switcher) { if(settings.switcher.recommendation && settings.switcher.recommendation_enabled) { langify.recommendation = new Recommendation(); langify.recommendation.init(); } else { if(settings.switcher.languageDetection) { langify.languageDetection = new LanguageDetection(); langify.languageDetection.init(); } } } //}); } } // Polyfills (function(){var t;null==window.MutationObserver&&(t=function(){function t(t){this.callBack=t}return t.prototype.observe=function(t,n){return this.element=t,this.interval=setInterval((e=this,function(){var t;if((t=e.element.innerHTML)!==e.oldHtml)return e.oldHtml=t,e.callBack.apply(null)}),200);var e},t.prototype.disconnect=function(){return window.clearInterval(this.interval)},t}(),window.MutationObserver=t)}).call(this); !function(){"use strict";if("object"==typeof window)if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});else{var t=function(t){for(var e=window.document,o=i(e);o;)o=i(e=o.ownerDocument);return e}(),e=[],o=null,n=null;s.prototype.THROTTLE_TIMEOUT=100,s.prototype.POLL_INTERVAL=null,s.prototype.USE_MUTATION_OBSERVER=!0,s._setupCrossOriginUpdater=function(){return o||(o=function(t,o){n=t&&o?l(t,o):{top:0,bottom:0,left:0,right:0,width:0,height:0},e.forEach(function(t){t._checkForIntersections()})}),o},s._resetCrossOriginUpdater=function(){o=null,n=null},s.prototype.observe=function(t){if(!this._observationTargets.some(function(e){return e.element==t})){if(!t||1!=t.nodeType)throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:t,entry:null}),this._monitorIntersections(t.ownerDocument),this._checkForIntersections()}},s.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter(function(e){return e.element!=t}),this._unmonitorIntersections(t.ownerDocument),0==this._observationTargets.length&&this._unregisterInstance()},s.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},s.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},s.prototype._initThresholds=function(t){var e=t||[0];return Array.isArray(e)||(e=[e]),e.sort().filter(function(t,e,o){if("number"!=typeof t||isNaN(t)||t<0||t>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return t!==o[e-1]})},s.prototype._parseRootMargin=function(t){var e=(t||"0px").split(/\s+/).map(function(t){var e=/^(-?\d*\.?\d+)(px|%)$/.exec(t);if(!e)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(e[1]),unit:e[2]}});return e[1]=e[1]||e[0],e[2]=e[2]||e[0],e[3]=e[3]||e[1],e},s.prototype._monitorIntersections=function(e){var o=e.defaultView;if(o&&-1==this._monitoringDocuments.indexOf(e)){var n=this._checkForIntersections,r=null,s=null;this.POLL_INTERVAL?r=o.setInterval(n,this.POLL_INTERVAL):(h(o,"resize",n,!0),h(e,"scroll",n,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in o&&(s=new o.MutationObserver(n)).observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0})),this._monitoringDocuments.push(e),this._monitoringUnsubscribes.push(function(){var t=e.defaultView;t&&(r&&t.clearInterval(r),c(t,"resize",n,!0)),c(e,"scroll",n,!0),s&&s.disconnect()});var u=this.root&&(this.root.ownerDocument||this.root)||t;if(e!=u){var a=i(e);a&&this._monitorIntersections(a.ownerDocument)}}},s.prototype._unmonitorIntersections=function(e){var o=this._monitoringDocuments.indexOf(e);if(-1!=o){var n=this.root&&(this.root.ownerDocument||this.root)||t;if(!this._observationTargets.some(function(t){var o=t.element.ownerDocument;if(o==e)return!0;for(;o&&o!=n;){var r=i(o);if((o=r&&r.ownerDocument)==e)return!0}return!1})){var r=this._monitoringUnsubscribes[o];if(this._monitoringDocuments.splice(o,1),this._monitoringUnsubscribes.splice(o,1),r(),e!=n){var s=i(e);s&&this._unmonitorIntersections(s.ownerDocument)}}}},s.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var e=0;e<t.length;e++)t[e]()},s.prototype._checkForIntersections=function(){if(this.root||!o||n){var t=this._rootIsInDom(),e=t?this._getRootRect():{top:0,bottom:0,left:0,right:0,width:0,height:0};this._observationTargets.forEach(function(n){var i=n.element,s=u(i),h=this._rootContainsTarget(i),c=n.entry,a=t&&h&&this._computeTargetAndRootIntersection(i,s,e),l=null;this._rootContainsTarget(i)?o&&!this.root||(l=e):l={top:0,bottom:0,left:0,right:0,width:0,height:0};var f=n.entry=new r({time:window.performance&&performance.now&&performance.now(),target:i,boundingClientRect:s,rootBounds:l,intersectionRect:a});c?t&&h?this._hasCrossedThreshold(c,f)&&this._queuedEntries.push(f):c&&c.isIntersecting&&this._queuedEntries.push(f):this._queuedEntries.push(f)},this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},s.prototype._computeTargetAndRootIntersection=function(e,i,r){if("none"!=window.getComputedStyle(e).display){for(var s,h,c,a,f,d,g,m,v=i,_=p(e),b=!1;!b&&_;){var w=null,y=1==_.nodeType?window.getComputedStyle(_):{};if("none"==y.display)return null;if(_==this.root||9==_.nodeType)if(b=!0,_==this.root||_==t)o&&!this.root?!n||0==n.width&&0==n.height?(_=null,w=null,v=null):w=n:w=r;else{var I=p(_),E=I&&u(I),T=I&&this._computeTargetAndRootIntersection(I,E,r);E&&T?(_=I,w=l(E,T)):(_=null,v=null)}else{var R=_.ownerDocument;_!=R.body&&_!=R.documentElement&&"visible"!=y.overflow&&(w=u(_))}if(w&&(s=w,h=v,c=void 0,a=void 0,f=void 0,d=void 0,g=void 0,m=void 0,c=Math.max(s.top,h.top),a=Math.min(s.bottom,h.bottom),f=Math.max(s.left,h.left),d=Math.min(s.right,h.right),m=a-c,v=(g=d-f)>=0&&m>=0&&{top:c,bottom:a,left:f,right:d,width:g,height:m}||null),!v)break;_=_&&p(_)}return v}},s.prototype._getRootRect=function(){var e;if(this.root&&!d(this.root))e=u(this.root);else{var o=d(this.root)?this.root:t,n=o.documentElement,i=o.body;e={top:0,left:0,right:n.clientWidth||i.clientWidth,width:n.clientWidth||i.clientWidth,bottom:n.clientHeight||i.clientHeight,height:n.clientHeight||i.clientHeight}}return this._expandRectByRootMargin(e)},s.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map(function(e,o){return"px"==e.unit?e.value:e.value*(o%2?t.width:t.height)/100}),o={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};return o.width=o.right-o.left,o.height=o.bottom-o.top,o},s.prototype._hasCrossedThreshold=function(t,e){var o=t&&t.isIntersecting?t.intersectionRatio||0:-1,n=e.isIntersecting?e.intersectionRatio||0:-1;if(o!==n)for(var i=0;i<this.thresholds.length;i++){var r=this.thresholds[i];if(r==o||r==n||r<o!=r<n)return!0}},s.prototype._rootIsInDom=function(){return!this.root||f(t,this.root)},s.prototype._rootContainsTarget=function(e){var o=this.root&&(this.root.ownerDocument||this.root)||t;return f(o,e)&&(!this.root||o==e.ownerDocument)},s.prototype._registerInstance=function(){e.indexOf(this)<0&&e.push(this)},s.prototype._unregisterInstance=function(){var t=e.indexOf(this);-1!=t&&e.splice(t,1)},window.IntersectionObserver=s,window.IntersectionObserverEntry=r}function i(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch(t){return null}}function r(t){this.time=t.time,this.target=t.target,this.rootBounds=a(t.rootBounds),this.boundingClientRect=a(t.boundingClientRect),this.intersectionRect=a(t.intersectionRect||{top:0,bottom:0,left:0,right:0,width:0,height:0}),this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect,o=e.width*e.height,n=this.intersectionRect,i=n.width*n.height;this.intersectionRatio=o?Number((i/o).toFixed(4)):this.isIntersecting?1:0}function s(t,e){var o,n,i,r=e||{};if("function"!=typeof t)throw new Error("callback must be a function");if(r.root&&1!=r.root.nodeType&&9!=r.root.nodeType)throw new Error("root must be a Document or Element");this._checkForIntersections=(o=this._checkForIntersections.bind(this),n=this.THROTTLE_TIMEOUT,i=null,function(){i||(i=setTimeout(function(){o(),i=null},n))}),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(r.rootMargin),this.thresholds=this._initThresholds(r.threshold),this.root=r.root||null,this.rootMargin=this._rootMarginValues.map(function(t){return t.value+t.unit}).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}function h(t,e,o,n){"function"==typeof t.addEventListener?t.addEventListener(e,o,n||!1):"function"==typeof t.attachEvent&&t.attachEvent("on"+e,o)}function c(t,e,o,n){"function"==typeof t.removeEventListener?t.removeEventListener(e,o,n||!1):"function"==typeof t.detatchEvent&&t.detatchEvent("on"+e,o)}function u(t){var e;try{e=t.getBoundingClientRect()}catch(t){}return e?(e.width&&e.height||(e={top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.right-e.left,height:e.bottom-e.top}),e):{top:0,bottom:0,left:0,right:0,width:0,height:0}}function a(t){return!t||"x"in t?t:{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function l(t,e){var o=e.top-t.top,n=e.left-t.left;return{top:o,left:n,height:e.height,width:e.width,bottom:o+e.height,right:n+e.width}}function f(t,e){for(var o=e;o;){if(o==t)return!0;o=p(o)}return!1}function p(e){var o=e.parentNode;return 9==e.nodeType&&e!=t?i(e):(o&&o.assignedSlot&&(o=o.assignedSlot.parentNode),o&&11==o.nodeType&&o.host?o.host:o)}function d(t){return t&&9===t.nodeType}}(); !function(){if("function"==typeof window.CustomEvent)return!1;window.CustomEvent=function(n,t){t=t||{bubbles:!1,cancelable:!1,detail:null};var e=document.createEvent("CustomEvent");return e.initCustomEvent(n,t.bubbles,t.cancelable,t.detail),e}}(); var langify = window.langify || {}; var customContents = {}; var customContents_image = {}; var langifySettingsOverwrites = {}; var defaultSettings = { debug: false, // BOOL : Enable/disable console logs observe: true, // BOOL : Enable/disable the entire mutation observer (off switch) observeLinks: false, observeImages: true, observeCustomContents: true, maxMutations: 5, timeout: 100, // INT : Milliseconds to wait after a mutation, before the next mutation event will be allowed for the element linksBlacklist: [], }; if(langify.settings) { langifySettingsOverwrites = Object.assign({}, langify.settings); langify.settings = Object.assign(defaultSettings, langify.settings); } else { langify.settings = defaultSettings; }langify.settings = Object.assign(langify.settings, {"debug":false,"lazyload":true,"observe":true,"observeLinks":false,"observeImages":true,"observeCustomContents":true,"linksBlacklist":[],"loadJquery":false,"nonStrict":false}, langifySettingsOverwrites); langify.settings.theme = {"debug":false,"lazyload":true,"observe":true,"observeLinks":false,"observeImages":true,"observeCustomContents":true,"linksBlacklist":[],"loadJquery":false,"nonStrict":false}; langify.settings.switcher = {"customCSS":"","languageDetection":false,"languageDetectionDefault":"en","enableDefaultLanguage":false,"breakpoints":[{"key":0,"label":"0px","config":{"type":"custom","corner":"top_right","position":"absolute","show_flags":true,"rectangle_icons":true,"square_icons":false,"round_icons":false,"show_label":true,"show_custom_name":true,"show_name":false,"show_iso_code":false,"is_dark":false,"is_transparent":false,"is_dropup":false,"arrow_size":81,"arrow_width":1,"arrow_filled":true,"h_space":0,"v_space":48,"h_item_space":0,"v_item_space":0,"h_item_padding":0,"v_item_padding":0,"text_color":"#000","link_color":"#000","arrow_color":"#000","bg_color":"#fff","border_color":"#000","border_width":0,"border_radius":0,"fontsize":10,"recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#000","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000","show_currency_selector":false,"currency_switcher_enabled":true,"country_switcher_enabled":false,"switcherLabel":"show_custom_name","switcherIcons":"rectangle_icons","button_bg_color":"#999","button_text_color":"#fff"}},{"key":1000,"label":"1000px","config":{"type":"custom","corner":"top_right","position":"absolute","show_flags":true,"rectangle_icons":true,"square_icons":false,"round_icons":false,"show_label":true,"show_custom_name":true,"show_name":false,"show_iso_code":false,"is_dark":false,"is_transparent":false,"is_dropup":false,"arrow_size":100,"arrow_width":1,"arrow_filled":true,"h_space":19,"v_space":57,"h_item_space":4,"v_item_space":0,"h_item_padding":0,"v_item_padding":0,"text_color":"#000","link_color":"#000","arrow_color":"#000","bg_color":"#fff","border_color":"#000","border_width":0,"border_radius":0,"fontsize":16,"recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#000","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000","show_currency_selector":false,"currency_switcher_enabled":true,"country_switcher_enabled":false,"switcherLabel":"show_custom_name","switcherIcons":"rectangle_icons","button_bg_color":"#999","button_text_color":"#fff"}},{"key":1500,"label":"1500px","config":{"type":"custom","corner":"top_right","position":"absolute","show_flags":true,"rectangle_icons":false,"square_icons":false,"round_icons":true,"show_label":true,"show_custom_name":true,"show_name":false,"show_iso_code":false,"is_dark":false,"is_transparent":false,"is_dropup":false,"arrow_size":100,"arrow_width":2,"arrow_filled":true,"h_space":20,"v_space":17,"h_item_space":0,"v_item_space":1,"h_item_padding":0,"v_item_padding":0,"text_color":"#ffffff","link_color":"#000","arrow_color":"#000","bg_color":"#000000","border_color":"#000","border_width":0,"border_radius":0,"fontsize":13,"recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#000","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000","show_currency_selector":false,"currency_switcher_enabled":true,"country_switcher_enabled":false,"switcherLabel":"show_custom_name","switcherIcons":"round_icons","button_bg_color":"#999","button_text_color":"#fff","use_submit_button":false,"show_country_selector_inside_popup":false,"show_currency_selector_inside_popup":false,"links_color":"#ffffff"}}],"languages":[{"iso_code":"en","root_url":"\/","name":"English","primary":true,"domain":"amazingthing.com","published":true,"custom_name":false},{"iso_code":"zh-TW","root_url":"\/zh-TW","name":"Chinese (Traditional)","primary":false,"domain":false,"published":true,"custom_name":"Hong Kong"},{"iso_code":"ms","root_url":"\/ms","name":"Malay","primary":false,"domain":false,"published":true,"custom_name":false,"endonym_name":"Malay"},{"iso_code":"ar","root_url":"\/ar","name":"Arabic","primary":false,"domain":false,"published":true,"custom_name":false,"endonym_name":"Arabic"},{"iso_code":"fr","root_url":"\/fr","name":"French","primary":false,"domain":false,"published":true,"custom_name":false,"endonym_name":"French"},{"iso_code":"th","root_url":"\/th","name":"Thai","primary":false,"domain":false,"published":true,"custom_name":false,"endonym_name":"Thai"}],"marketLanguages":[],"recommendation_enabled":false,"recommendation_type":"popup","recommendation_switcher_key":1000,"recommendation_strings":{},"recommendation":{"recommendation_backdrop_show":true,"recommendation_corner":"center_center","recommendation_banner_corner":"top","recommendation_fontsize":14,"recommendation_border_width":0,"recommendation_border_radius":0,"recommendation_text_color":"#000","recommendation_link_color":"#000","recommendation_button_bg_color":"#999","recommendation_button_text_color":"#fff","recommendation_bg_color":"#fff","recommendation_border_color":"#000"}}; langify.locale = langify.locale || { primary: false, iso_code: "zh-TW", root_url: "\/zh-tw", language_id: "ly186361", shop_url: "https:\/\/amazingthing.com", domain_feature_enabled: null, languages: [{ iso_code: "en", root_url: "\/", domain: null, },{ iso_code: "ms", root_url: "\/ms", domain: null, },{ iso_code: "zh-TW", root_url: "\/zh-tw", domain: null, },{ iso_code: "fr", root_url: "\/fr", domain: null, },{ iso_code: "th", root_url: "\/th", domain: null, },{ iso_code: "ar", root_url: "\/ar", domain: null, },],}; // Disable link correction ALWAYS on languages with mapped domains if(langify.locale.root_url == '/') { langify.settings.observeLinks = false; } window.addEventListener('DOMContentLoaded', function() { langify.helper = new LyHelper(); // Custom Contents Section // Images Section customContents_image[langify.helper.extractImageObject("https:\/\/cdn.shopify.com\/s\/files\/1\/0452\/0116\/2408\/collections\/10.jpg?v=1693290836".toLowerCase()).file] = langify.helper.extractImageObject("https:\/\/cdn.shopify.com\/s\/files\/1\/0452\/0116\/2408\/collections\/10.jpg?v=1693290836"); var langifyInstance = new Langify(langify.settings, langify.locale); }); </script> <div data-breakpoint="0" class="ly-switcher-wrapper ly-breakpoint-1 absolute top_right ly-hide" style="font-size: 10px; margin: 48px 0px; "><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 0px 0px;"> <span role="button" tabindex="0" aria-label="Selected language: 繁體中文" aria-expanded="false" aria-controls="languagesSwitcherList-1" class="ly-custom-dropdown-current" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000; padding: 0px 0px;"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW "></i><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> Hong Kong </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 8.1px; height: 8.1px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.1 8.1" height="8.1px" width="8.1px" style="position: absolute;"> <path d="M1 3.025 L4.05 6.075 L7.1 3.025" fill="#000" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="languagesSwitcherList-1" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"><li key="ar" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ar" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ar"></i><span class="ly-custom-dropdown-list-element-right"> 阿拉伯文 </span></a> </li><li key="th" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="th" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-th"></i><span class="ly-custom-dropdown-list-element-right"> 泰文 </span></a> </li><li key="fr" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="fr" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-fr"></i><span class="ly-custom-dropdown-list-element-right"> 法文 </span></a> </li><li key="zh-TW" class="current" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme current_lang" href="#" data-language-code="zh-TW" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW"></i><span class="ly-custom-dropdown-list-element-right"> Hong Kong </span></a> </li><li key="ms" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ms" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ms"></i><span class="ly-custom-dropdown-list-element-right"> 馬來文 </span></a> </li><li key="en" style="color: #000; margin: 0px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="en" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-en"></i><span class="ly-custom-dropdown-list-element-right"> 英文 </span></a> </li></ul> </div><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-currency-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 0px 0px;"> <span role="button" tabindex="0" aria-label="Selected currency: EUR" aria-expanded="false" aria-controls="currencySwitcherList-1" class="ly-custom-dropdown-current" style="background: #fff; color: #000; padding: 0px 0px; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> <span class="ly-iso-code">EUR</span> <span class="ly-symbol">€</span> </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 8.1px; height: 8.1px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.1 8.1" height="8.1px" width="8.1px" style="position: absolute;"> <path d="M1 3.025 L4.05 6.075 L7.1 3.025" fill="#000" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="currencySwitcherList-1" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <li key="AED" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AED"><span class="ly-inner-text"><span class="ly-iso-code">AED</span> <span class="ly-symbol">د.إ</span></span></a> </li> <li key="AUD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AUD"><span class="ly-inner-text"><span class="ly-iso-code">AUD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CAD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CAD"><span class="ly-inner-text"><span class="ly-iso-code">CAD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CHF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CHF"><span class="ly-inner-text"><span class="ly-iso-code">CHF</span> <span class="ly-symbol">CHF</span></span></a> </li> <li key="CNY" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CNY"><span class="ly-inner-text"><span class="ly-iso-code">CNY</span> <span class="ly-symbol">¥</span></span></a> </li> <li key="DKK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="DKK"><span class="ly-inner-text"><span class="ly-iso-code">DKK</span> <span class="ly-symbol">kr.</span></span></a> </li> <li key="EUR" class="current" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="EUR"><span class="ly-inner-text"><span class="ly-iso-code">EUR</span> <span class="ly-symbol">€</span></span></a> </li> <li key="GBP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="GBP"><span class="ly-inner-text"><span class="ly-iso-code">GBP</span> <span class="ly-symbol">£</span></span></a> </li> <li key="HKD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="HKD"><span class="ly-inner-text"><span class="ly-iso-code">HKD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="IDR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="IDR"><span class="ly-inner-text"><span class="ly-iso-code">IDR</span> <span class="ly-symbol">Rp</span></span></a> </li> <li key="MOP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MOP"><span class="ly-inner-text"><span class="ly-iso-code">MOP</span> <span class="ly-symbol">P</span></span></a> </li> <li key="MYR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MYR"><span class="ly-inner-text"><span class="ly-iso-code">MYR</span> <span class="ly-symbol">RM</span></span></a> </li> <li key="PHP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PHP"><span class="ly-inner-text"><span class="ly-iso-code">PHP</span> <span class="ly-symbol">₱</span></span></a> </li> <li key="SAR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SAR"><span class="ly-inner-text"><span class="ly-iso-code">SAR</span> <span class="ly-symbol">ر.س</span></span></a> </li> <li key="SEK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SEK"><span class="ly-inner-text"><span class="ly-iso-code">SEK</span> <span class="ly-symbol">kr</span></span></a> </li> <li key="SGD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SGD"><span class="ly-inner-text"><span class="ly-iso-code">SGD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="THB" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="THB"><span class="ly-inner-text"><span class="ly-iso-code">THB</span> <span class="ly-symbol">฿</span></span></a> </li> <li key="USD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="USD"><span class="ly-inner-text"><span class="ly-iso-code">USD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="VND" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="VND"><span class="ly-inner-text"><span class="ly-iso-code">VND</span> <span class="ly-symbol">₫</span></span></a> </li> </ul> </div></div> <div data-breakpoint="1000" class="ly-switcher-wrapper ly-breakpoint-2 absolute top_right ly-hide" style="font-size: 16px; margin: 57px 19px; "><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 0px 4px;"> <span role="button" tabindex="0" aria-label="Selected language: 繁體中文" aria-expanded="false" aria-controls="languagesSwitcherList-2" class="ly-custom-dropdown-current" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000; padding: 0px 0px;"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW "></i><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> Hong Kong </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 16.0px; height: 16.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.0 16.0" height="16.0px" width="16.0px" style="position: absolute;"> <path d="M1 5.0 L8.0 12.0 L15.0 5.0" fill="#000" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="languagesSwitcherList-2" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"><li key="ar" style="color: #000; margin: 0px 4px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ar" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ar"></i><span class="ly-custom-dropdown-list-element-right"> 阿拉伯文 </span></a> </li><li key="th" style="color: #000; margin: 0px 4px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="th" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-th"></i><span class="ly-custom-dropdown-list-element-right"> 泰文 </span></a> </li><li key="fr" style="color: #000; margin: 0px 4px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="fr" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-fr"></i><span class="ly-custom-dropdown-list-element-right"> 法文 </span></a> </li><li key="zh-TW" class="current" style="color: #000; margin: 0px 4px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme current_lang" href="#" data-language-code="zh-TW" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW"></i><span class="ly-custom-dropdown-list-element-right"> Hong Kong </span></a> </li><li key="ms" style="color: #000; margin: 0px 4px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ms" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ms"></i><span class="ly-custom-dropdown-list-element-right"> 馬來文 </span></a> </li><li key="en" style="color: #000; margin: 0px 4px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="en" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-en"></i><span class="ly-custom-dropdown-list-element-right"> 英文 </span></a> </li></ul> </div><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-currency-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 0px 4px;"> <span role="button" tabindex="0" aria-label="Selected currency: EUR" aria-expanded="false" aria-controls="currencySwitcherList-2" class="ly-custom-dropdown-current" style="background: #fff; color: #000; padding: 0px 0px; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> <span class="ly-iso-code">EUR</span> <span class="ly-symbol">€</span> </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 16.0px; height: 16.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.0 16.0" height="16.0px" width="16.0px" style="position: absolute;"> <path d="M1 5.0 L8.0 12.0 L15.0 5.0" fill="#000" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="currencySwitcherList-2" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #fff; color: #000; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <li key="AED" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AED"><span class="ly-inner-text"><span class="ly-iso-code">AED</span> <span class="ly-symbol">د.إ</span></span></a> </li> <li key="AUD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AUD"><span class="ly-inner-text"><span class="ly-iso-code">AUD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CAD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CAD"><span class="ly-inner-text"><span class="ly-iso-code">CAD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CHF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CHF"><span class="ly-inner-text"><span class="ly-iso-code">CHF</span> <span class="ly-symbol">CHF</span></span></a> </li> <li key="CNY" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CNY"><span class="ly-inner-text"><span class="ly-iso-code">CNY</span> <span class="ly-symbol">¥</span></span></a> </li> <li key="DKK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="DKK"><span class="ly-inner-text"><span class="ly-iso-code">DKK</span> <span class="ly-symbol">kr.</span></span></a> </li> <li key="EUR" class="current" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="EUR"><span class="ly-inner-text"><span class="ly-iso-code">EUR</span> <span class="ly-symbol">€</span></span></a> </li> <li key="GBP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="GBP"><span class="ly-inner-text"><span class="ly-iso-code">GBP</span> <span class="ly-symbol">£</span></span></a> </li> <li key="HKD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="HKD"><span class="ly-inner-text"><span class="ly-iso-code">HKD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="IDR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="IDR"><span class="ly-inner-text"><span class="ly-iso-code">IDR</span> <span class="ly-symbol">Rp</span></span></a> </li> <li key="MOP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MOP"><span class="ly-inner-text"><span class="ly-iso-code">MOP</span> <span class="ly-symbol">P</span></span></a> </li> <li key="MYR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MYR"><span class="ly-inner-text"><span class="ly-iso-code">MYR</span> <span class="ly-symbol">RM</span></span></a> </li> <li key="PHP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PHP"><span class="ly-inner-text"><span class="ly-iso-code">PHP</span> <span class="ly-symbol">₱</span></span></a> </li> <li key="SAR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SAR"><span class="ly-inner-text"><span class="ly-iso-code">SAR</span> <span class="ly-symbol">ر.س</span></span></a> </li> <li key="SEK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SEK"><span class="ly-inner-text"><span class="ly-iso-code">SEK</span> <span class="ly-symbol">kr</span></span></a> </li> <li key="SGD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SGD"><span class="ly-inner-text"><span class="ly-iso-code">SGD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="THB" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="THB"><span class="ly-inner-text"><span class="ly-iso-code">THB</span> <span class="ly-symbol">฿</span></span></a> </li> <li key="USD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="USD"><span class="ly-inner-text"><span class="ly-iso-code">USD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="VND" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="VND"><span class="ly-inner-text"><span class="ly-iso-code">VND</span> <span class="ly-symbol">₫</span></span></a> </li> </ul> </div></div> <div data-breakpoint="1500" class="ly-switcher-wrapper ly-breakpoint-3 absolute top_right ly-hide" style="font-size: 13px; margin: 17px 20px; "><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-languages-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 1px 0px;"> <span role="button" tabindex="0" aria-label="Selected language: 繁體中文" aria-expanded="false" aria-controls="languagesSwitcherList-3" class="ly-custom-dropdown-current" style="background: #000000; color: #ffffff; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000; padding: 0px 0px;"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW ly-flag-rounded"></i><span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> Hong Kong </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 13.0px; height: 13.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.0 13.0" height="13.0px" width="13.0px" style="position: absolute;"> <path d="M2 5.25 L6.5 9.75 L11.0 5.25" fill="#ffffff" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="languagesSwitcherList-3" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #000000; color: #ffffff; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"><li key="ar" style="color: #ffffff; margin: 1px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ar" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ar ly-flag-rounded"></i><span class="ly-custom-dropdown-list-element-right"> 阿拉伯文 </span></a> </li><li key="th" style="color: #ffffff; margin: 1px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="th" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-th ly-flag-rounded"></i><span class="ly-custom-dropdown-list-element-right"> 泰文 </span></a> </li><li key="fr" style="color: #ffffff; margin: 1px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="fr" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-fr ly-flag-rounded"></i><span class="ly-custom-dropdown-list-element-right"> 法文 </span></a> </li><li key="zh-TW" class="current" style="color: #ffffff; margin: 1px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme current_lang" href="#" data-language-code="zh-TW" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-zh-TW ly-flag-rounded"></i><span class="ly-custom-dropdown-list-element-right"> Hong Kong </span></a> </li><li key="ms" style="color: #ffffff; margin: 1px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="ms" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-ms ly-flag-rounded"></i><span class="ly-custom-dropdown-list-element-right"> 馬來文 </span></a> </li><li key="en" style="color: #ffffff; margin: 1px 0px; padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element ly-languages-switcher-link ly-bright-theme" href="#" data-language-code="en" data-ly-locked="true"><i class="ly-icon ly-flag-icon ly-flag-icon-en ly-flag-rounded"></i><span class="ly-custom-dropdown-list-element-right"> 英文 </span></a> </li></ul> </div><div data-dropup="false" onclick="langify.switcher.toggleSwitcherOpen(this)" class="ly-currency-switcher ly-custom-dropdown-switcher ly-bright-theme" style=" margin: 1px 0px;"> <span role="button" tabindex="0" aria-label="Selected currency: EUR" aria-expanded="false" aria-controls="currencySwitcherList-3" class="ly-custom-dropdown-current" style="background: #000000; color: #ffffff; padding: 0px 0px; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <span class="ly-custom-dropdown-current-inner ly-custom-dropdown-current-inner-text"> <span class="ly-iso-code">EUR</span> <span class="ly-symbol">€</span> </span> <div aria-hidden="true" class="ly-arrow ly-arrow-black caret" style="vertical-align: middle; width: 13.0px; height: 13.0px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.0 13.0" height="13.0px" width="13.0px" style="position: absolute;"> <path d="M2 5.25 L6.5 9.75 L11.0 5.25" fill="#ffffff" stroke="transparent" stroke-width="0"/> </svg> </div> </span> <ul id="currencySwitcherList-3" role="list" class="ly-custom-dropdown-list ly-is-open ly-bright-theme" style="background: #000000; color: #ffffff; border-style: solid; border-width: 0px; border-radius: 0px; border-color: #000;"> <li key="AED" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AED"><span class="ly-inner-text"><span class="ly-iso-code">AED</span> <span class="ly-symbol">د.إ</span></span></a> </li> <li key="AUD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="AUD"><span class="ly-inner-text"><span class="ly-iso-code">AUD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CAD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CAD"><span class="ly-inner-text"><span class="ly-iso-code">CAD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="CHF" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CHF"><span class="ly-inner-text"><span class="ly-iso-code">CHF</span> <span class="ly-symbol">CHF</span></span></a> </li> <li key="CNY" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="CNY"><span class="ly-inner-text"><span class="ly-iso-code">CNY</span> <span class="ly-symbol">¥</span></span></a> </li> <li key="DKK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="DKK"><span class="ly-inner-text"><span class="ly-iso-code">DKK</span> <span class="ly-symbol">kr.</span></span></a> </li> <li key="EUR" class="current" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="EUR"><span class="ly-inner-text"><span class="ly-iso-code">EUR</span> <span class="ly-symbol">€</span></span></a> </li> <li key="GBP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="GBP"><span class="ly-inner-text"><span class="ly-iso-code">GBP</span> <span class="ly-symbol">£</span></span></a> </li> <li key="HKD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="HKD"><span class="ly-inner-text"><span class="ly-iso-code">HKD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="IDR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="IDR"><span class="ly-inner-text"><span class="ly-iso-code">IDR</span> <span class="ly-symbol">Rp</span></span></a> </li> <li key="MOP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MOP"><span class="ly-inner-text"><span class="ly-iso-code">MOP</span> <span class="ly-symbol">P</span></span></a> </li> <li key="MYR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="MYR"><span class="ly-inner-text"><span class="ly-iso-code">MYR</span> <span class="ly-symbol">RM</span></span></a> </li> <li key="PHP" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="PHP"><span class="ly-inner-text"><span class="ly-iso-code">PHP</span> <span class="ly-symbol">₱</span></span></a> </li> <li key="SAR" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SAR"><span class="ly-inner-text"><span class="ly-iso-code">SAR</span> <span class="ly-symbol">ر.س</span></span></a> </li> <li key="SEK" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SEK"><span class="ly-inner-text"><span class="ly-iso-code">SEK</span> <span class="ly-symbol">kr</span></span></a> </li> <li key="SGD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="SGD"><span class="ly-inner-text"><span class="ly-iso-code">SGD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="THB" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="THB"><span class="ly-inner-text"><span class="ly-iso-code">THB</span> <span class="ly-symbol">฿</span></span></a> </li> <li key="USD" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="USD"><span class="ly-inner-text"><span class="ly-iso-code">USD</span> <span class="ly-symbol">$</span></span></a> </li> <li key="VND" style=" padding: 0px 0px;" tabindex="-1"> <a class="ly-custom-dropdown-list-element" href="#" data-currency-code="VND"><span class="ly-inner-text"><span class="ly-iso-code">VND</span> <span class="ly-symbol">₫</span></span></a> </li> </ul> </div></div> <style>.ly-languages-switcher ul > li[key="en"] { order: -1 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="en"], .ly-languages-switcher.ly-links a[data-language-code="en"] { order: 1 !important; }.ly-languages-switcher ul > li[key="zh-TW"] { order: -2 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="zh-TW"], .ly-languages-switcher.ly-links a[data-language-code="zh-TW"] { order: 2 !important; }.ly-languages-switcher ul > li[key="ms"] { order: -3 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="ms"], .ly-languages-switcher.ly-links a[data-language-code="ms"] { order: 3 !important; }.ly-languages-switcher ul > li[key="ar"] { order: -4 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="ar"], .ly-languages-switcher.ly-links a[data-language-code="ar"] { order: 4 !important; }.ly-languages-switcher ul > li[key="fr"] { order: -5 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="fr"], .ly-languages-switcher.ly-links a[data-language-code="fr"] { order: 5 !important; }.ly-languages-switcher ul > li[key="th"] { order: -6 !important; } .ly-popup-modal .ly-popup-modal-content ul > li[key="th"], .ly-languages-switcher.ly-links a[data-language-code="th"] { order: 6 !important; } .ly-flag-icon-en { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-en.svg?v=168749326791323067301672037730'); } .ly-flag-icon-ms { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-ms.svg?v=53786418848765193351680234317'); } .ly-flag-icon-zh-TW { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-zh-TW.svg?v=55070669892274659201672037730'); } .ly-flag-icon-fr { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-fr.svg?v=49424167760593335881695806617'); } .ly-flag-icon-th { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-th.svg?v=96705025912777829541695971074'); } .ly-flag-icon-ar { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-ar.svg?1828'); } .ly-breakpoint-1 { display: none; } @media (min-width:0px) and (max-width: 999px ) { .ly-breakpoint-1 { display: inline-block; } .ly-recommendation .ly-banner-content, .ly-recommendation .ly-popup-modal-content { font-size: 14px !important; color: #000 !important; background: #fff !important; border-radius: 0px !important; border-width: 0px !important; border-color: #000 !important; } .ly-recommendation-form button[type="submit"] { font-size: 14px !important; color: #fff !important; background: #999 !important; } } .ly-breakpoint-1 .ly-flag-icon-en { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-en.svg?v=168749326791323067301672037730') !important; } .ly-breakpoint-1 .ly-flag-icon-ms { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-ms.svg?v=53786418848765193351680234317') !important; } .ly-breakpoint-1 .ly-flag-icon-zh-TW { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-zh-TW.svg?v=55070669892274659201672037730') !important; } .ly-breakpoint-1 .ly-flag-icon-fr { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-fr.svg?v=49424167760593335881695806617') !important; } .ly-breakpoint-1 .ly-flag-icon-th { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-th.svg?v=96705025912777829541695971074') !important; } .ly-breakpoint-1 .ly-flag-icon-ar { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-ar.svg?1828') !important; } .ly-breakpoint-2 { display: none; } @media (min-width:1000px) and (max-width: 1499px ) { .ly-breakpoint-2 { display: inline-block; } .ly-recommendation .ly-banner-content, .ly-recommendation .ly-popup-modal-content { font-size: 14px !important; color: #000 !important; background: #fff !important; border-radius: 0px !important; border-width: 0px !important; border-color: #000 !important; } .ly-recommendation-form button[type="submit"] { font-size: 14px !important; color: #fff !important; background: #999 !important; } } .ly-breakpoint-2 .ly-flag-icon-en { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-en.svg?v=168749326791323067301672037730') !important; } .ly-breakpoint-2 .ly-flag-icon-ms { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-ms.svg?v=53786418848765193351680234317') !important; } .ly-breakpoint-2 .ly-flag-icon-zh-TW { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-zh-TW.svg?v=55070669892274659201672037730') !important; } .ly-breakpoint-2 .ly-flag-icon-fr { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-fr.svg?v=49424167760593335881695806617') !important; } .ly-breakpoint-2 .ly-flag-icon-th { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-th.svg?v=96705025912777829541695971074') !important; } .ly-breakpoint-2 .ly-flag-icon-ar { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-ar.svg?1828') !important; } .ly-breakpoint-3 { display: none; } @media (min-width:1500px) { .ly-breakpoint-3 { display: inline-block; } .ly-recommendation .ly-banner-content, .ly-recommendation .ly-popup-modal-content { font-size: 14px !important; color: #000 !important; background: #fff !important; border-radius: 0px !important; border-width: 0px !important; border-color: #000 !important; } .ly-recommendation-form button[type="submit"] { font-size: 14px !important; color: #fff !important; background: #999 !important; } } .ly-breakpoint-3 .ly-flag-icon-en { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-en_1x1.svg?v=115769669583621851721672037730') !important; } .ly-breakpoint-3 .ly-flag-icon-ms { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-ms_1x1.svg?v=63279317781855426311680234318') !important; } .ly-breakpoint-3 .ly-flag-icon-zh-TW { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-zh-TW_1x1.svg?v=80770156098163592941672037730') !important; } .ly-breakpoint-3 .ly-flag-icon-fr { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-fr_1x1.svg?v=64441612079414758631695806618') !important; } .ly-breakpoint-3 .ly-flag-icon-th { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-th_1x1.svg?v=27318751916442904171695971075') !important; } .ly-breakpoint-3 .ly-flag-icon-ar { background-image: url('//atamazingthing.myshopify.com/cdn/shop/t/29/assets/ly-icon-ar_1x1.svg?1828') !important; } .ly-switcher-wrapper { } .ly-switcher-wrapper.fixed { position: fixed; z-index: 1000; } .ly-switcher-wrapper.absolute { position: absolute; z-index: 1000; } .ly-switcher-wrapper.fixed.top_left, .ly-switcher-wrapper.absolute.top_left { top: 0; left: 0; } .ly-switcher-wrapper.fixed.top_right, .ly-switcher-wrapper.absolute.top_right { top: 0; right: 0; } .ly-switcher-wrapper.fixed.bottom_left, .ly-switcher-wrapper.absolute.bottom_left { bottom: 0; left: 0; } .ly-switcher-wrapper.fixed.bottom_right, .ly-switcher-wrapper.absolute.bottom_right { bottom: 0; right: 0; } .ly-switcher-wrapper .shopify-currency-form { display: inline-block; } .ly-currency-switcher { font-size: 1em; } .ly-inner-text { margin: 0 0.2em; white-space: nowrap; } .ly-flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .ly-flag-icon:before { content: ''; display: inline-block; } .ly-flag-icon.ly-flag-squared { width: 1em; } .ly-flag-icon.ly-flag-rounded { width: 1em; border-radius: 50%; } .ly-languages-switcher { white-space: nowrap; list-style-type: none; display: flex; font-size: 1em; } .ly-languages-switcher-link { margin: 0 0.2em; cursor: pointer; white-space: nowrap; text-decoration: none; display: inline-block; } .ly-languages-switcher.ly-list { margin: 0; padding: 0; display: block; } .ly-languages-switcher.ly-native-select { } .ly-icon { margin: 0 0.2em; } .ly-arrow { display: inline-block; position: relative; vertical-align: middle; direction: ltr !important; -webkit-transition: transform 0.25s; -moz-transition: transform 0.25s; transition: transform 0.25s; margin: 0 0.2em; } .ly-custom-dropdown-switcher.ly-is-open .ly-arrow { transform: rotate(180deg); } .ly-custom-dropdown-switcher.ly-arrow.ly-arrow-up { transform: rotate(180deg); } .ly-custom-dropdown-switcher.ly-is-open .ly-arrow.ly-arrow-up { transform: rotate(0deg); } .ly-custom-dropdown-switcher { text-align: left; display: inline-block; position: relative; user-select: none; cursor: pointer; } .ly-custom-dropdown-current { display: block; vertical-align: middle; } .ly-custom-dropdown-current-inner { display: inline-block; vertical-align: middle; } .ly-custom-dropdown-current-inner-image { margin-right: 0.25em; } .ly-custom-dropdown-current-inner-text { margin: 0 0.2em; } .ly-custom-dropdown-list { display: none !important; list-style: none; position: absolute; left: 0; padding: inherit !important; padding: 0 !important; margin: 0; z-index: 99999; text-align: left; width: 100%; font-size: 1em; } .ly-custom-dropdown-list-element { color: inherit !important; display: block; } .ly-custom-dropdown-list > li { margin: 0 !important; display: block; } .ly-custom-dropdown-list-element-left { margin-right: 0.5em; } .ly-custom-dropdown-list-element-right { text-align: left; } .ly-custom-dropdown-list-element-left, .ly-custom-dropdown-list-element-right { vertical-align: middle; } .ly-custom-dropdown-switcher .ly-languages-switcher-link { margin: 0; } .ly-languages-switcher-dropdown { display: inline-block; } .ly-languages-links-switcher { display: inline-block; } .ly-languages-links-switcher > .ly-languages-link { /*margin-right: 0.5em;*/ padding: inherit !important; color: inherit !important; } .ly-custom-dropdown-list-element { /*padding: inherit !important;*/ text-decoration: none; } .ly-is-uppercase { text-transform: uppercase; } .ly-is-transparent.ly-links, .ly-is-transparent.ly-list, .ly-is-transparent.ly-currency-switcher, .ly-is-transparent.ly-custom-dropdown-switcher, .ly-is-transparent.ly-custom-dropdown-switcher .ly-custom-dropdown-list { background: transparent !important; } .ly-arrow-up { transform: rotateZ(180deg); } .ly-custom-dropdown-switcher .ly-custom-dropdown-list li.current{ display: none; } .ly-custom-dropdown-switcher.ly-is-open .ly-custom-dropdown-list { display: flex !important; min-width: 100%; width: 100%; flex-direction: column-reverse; right: 0; left: auto; overflow: auto; max-height: 350px; max-height: 50vh; } .ly-is-dropup .ly-custom-dropdown-list { bottom: 100%; } .ly-hide { display: none !important; } body.ly-force-off #preview-bar-iframe, body.ly-force-off .ly-languages-switcher { display: none !important; } .ly-close { position: absolute; opacity: 0.3; right: 0; top: 0; width: 3em; height: 3em; display: inline-block !important; background: rbga(0,0,0,0); padding: 1em; } .ly-close:hover { opacity: 1; } .ly-close .inner { transform: translateX(-50%); position: relative; width: 100%; height: 100%; display: inline-block; } .ly-close .inner:before, .ly-close .inner:after { position: absolute; left: 1em; content: ' '; height: 1em; width: 2px; background-color: #333; } .ly-close .inner:before { transform: rotate(45deg); } .ly-close .inner:after { transform: rotate(-45deg); } .ly-popup-switcher {} .ly-popup-switcher .ly-popup-current { cursor: pointer; background: transparent; } .ly-popup-switcher .ly-popup-modal { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; } .ly-popup-switcher.ly-is-open .ly-popup-modal { display: flex; } .ly-popup-switcher .ly-popup-modal-backdrop { position: fixed; width: 100%; height: 100%; z-index: 0; top: 0; left: 0; background:rgba(0, 0, 0, 0.38); cursor: pointer; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content { padding: 1em; position: absolute; z-index: 1000; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul { padding: 0; margin: 12px 0 0 0; list-style: none; display: flex; flex-direction: column; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul .ly-languages-switcher-link { margin: 0; border: solid 1px; padding: 1em; display: block; min-width: 225px; margin-top: 1em; } .ly-popup-switcher .ly-popup-modal .ly-popup-modal-content ul .ly-languages-switcher-link.current_lang { display: none; } /* Recommendation */ .ly-recommendation { display: none; } .ly-recommendation.ly-is-open { display: inline-block; } .ly-recommendation form { display: inline-block; } .ly-recommendation .ly-arrow, .ly-arrow.recommendation { display: none; } .ly-recommendation .ly-arrow.recommendation { display: inline-block; } .ly-recommendation .ly-switcher-wrapper { font-size: 1em !important; } .ly-recommendation .ly-popup-modal .ly-popup-switcher .ly-popup-modal .ly-popup-modal-backdrop { display: none; } .ly-recommendation-form button[type="submit"] { cursor: pointer; } /* Recommendation Banner */ .ly-recommendation .ly-banner { position: fixed; z-index: 100000; width: 100%; } .ly-recommendation .ly-banner .ly-banner-content { width: 100%; padding: 1em 30px 1em 1em; box-shadow: 0 0 20px rgba(0,0,0,.25); } .ly-recommendation .ly-banner.top { top: 0; } .ly-recommendation .ly-banner.bottom { bottom: 0; } .ly-recommendation .ly-banner .ly-banner-content .ly-switcher-wrapper { position: relative !important; margin: 0 !important; display: inline-block !important; } .ly-recommendation .ly-banner .ly-recommendation-form button[type="submit"] { margin-left: 10px; } /* Recommendation Popup */ .ly-recommendation .ly-popup-modal { position: fixed; z-index: 10000; } .ly-recommendation .ly-popup-modal .ly-switcher-wrapper { position: relative !important; margin: 0 !important; display: inline-block !important; } .ly-recommendation .ly-popup-modal-backdrop { position: fixed; width: 100%; height: 100%; z-index: 1000; top: 0; left: 0; background:rgba(0, 0, 0, 0.38); } .ly-recommendation .ly-popup-modal .ly-popup-modal-content { padding: 1em 30px 1em 1em; } .ly-recommendation .ly-popup-modal .ly-popup-modal-content .ly-languages-switcher { position: relative !important; margin: 0 !important; } .ly-recommendation .ly-popup-modal .ly-popup-modal-content h3 { margin: 0 2em 1em 0; font-size: inherit; position: relative; } .ly-recommendation .ly-popup-modal.top_left { top: 0; left: 0; margin-right: 0 !important; margin-bottom: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important;} .ly-recommendation .ly-popup-modal.top_center { top: 0; left: 50%; transform: translateX(-50%); margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important;} .ly-recommendation .ly-popup-modal.top_right { top: 0; right: 0; margin-left: 0 !important; margin-bottom: 0 !important; padding-left: 0 !important; padding-bottom: 0 !important; } .ly-recommendation .ly-popup-modal.center_center { top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0 !important; padding: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_left { bottom: 0; left: 0; margin-right: 0 !important; margin-top: 0 !important; padding-right: 0 !important; padding-top: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_center { bottom: 0; left: 50%; transform: translateX(-50%); margin-right: 0 !important; margin-left: 0 !important; margin-top: 0 !important; padding-right: 0 !important; padding-left: 0 !important; padding-top: 0 !important; } .ly-recommendation .ly-popup-modal.bottom_right { bottom: 0; right: 0; margin-left: 0 !important; margin-top: 0 !important; padding-left: 0 !important; padding-top: 0 !important; } </style><!-- langify-v2-scripts-end --><style> .xo-gallery img {width: 215px; height: 215px; object-fit: cover; /* Assure que l'image remplisse bien le cadre 215x215px sans être déformée */} </style> <div id="shopify-block-17564293679270429316" class="shopify-block shopify-app-block"><!-- XO Sections scripts: https://apps.shopify.com/xo-sections --> <script src="https://cdn.shopify.com/extensions/234099b6-8646-4858-813f-5348f6fa517a/xo-sections-7/assets/xo-sections.js" type="module"></script> <!-- End: XO Sections scripts --> </div><div id="shopify-block-9443034808924953064" class="shopify-block shopify-app-block"></div><div id="shopify-block-4015264832934714879" class="shopify-block shopify-app-block"> <script> function createEcomSendMainStyleEle() { const ele = document.createElement("link") ele.rel = "stylesheet" ele.href = 'https://cdn.shopify.com/extensions/f44927a4-d6a7-4ee7-955d-392c3cf3d4b3/ecomsend-popups-19/assets/style.css' ele.dataset.ecomsendTag = "load-alternate-css" return ele } if (window.EcomSendApps?.enableAlternateCSSLoading ?? false) { document.head.appendChild(createEcomSendMainStyleEle()) } function createEcomSendMainJSEle() { const ele = document.createElement("script") ele.defer = true ele.id = "ecomsend-main-js" ele.src = 'https://cdn.shopify.com/extensions/f44927a4-d6a7-4ee7-955d-392c3cf3d4b3/ecomsend-popups-19/assets/ecomsend.js' if (null === document.getElementById(ele.id)) { document.head.appendChild(ele) } } </script> <style id="ecomsend-custom-style"></style> <div id="ecomsend-widget"></div> <!-- BEGIN app snippet: ecomsend-app --><script type="text/javascript"> //EcomSend APPS COMMON JS CODE window.EcomSendApps = window.EcomSendApps || {} window.EcomSendApps.design_mode = false window.EcomSendApps.common = window.EcomSendApps.common || {} window.EcomSendApps.common.shop = { permanent_domain: 'atamazingthing.myshopify.com', currency: "HKD", money_format: "€{{amount_with_comma_separator}}", id: 45201162408, } window.EcomSendApps.common.template = 'product' </script> <!-- END app snippet --> <script>window.shopLocale = 'zh-TW'</script> <script defer="defer" src="https://cdn.shopify.com/extensions/f44927a4-d6a7-4ee7-955d-392c3cf3d4b3/ecomsend-popups-19/assets/react_react-dom.min.js"></script> <script defer="defer" src="https://cdn.shopify.com/extensions/f44927a4-d6a7-4ee7-955d-392c3cf3d4b3/ecomsend-popups-19/assets/mobx_react-custom-roulette.min.js" onload="createEcomSendMainJSEle()"></script> </div><div id="shopify-block-14684659138027382045" class="shopify-block shopify-app-block"> <!-- XO Gallery: https://apps.shopify.com/xo-gallery --> <link href="https://cdn.shopify.com/extensions/a8998fea-8258-4cdf-afcd-0e7e9b0b720f/xo-gallery-43/assets/xo-gallery.css" rel="stylesheet" type="text/css" media="all" /> <link href="https://cdn.xotiny.com/assets/shop/atamazingthing/gallery/main.min.css?v=1699240760890" rel="stylesheet" type="text/css" media="all" /> <script>var xoUpdate =1699240760890;var xoMultiLang =true; var xoDfLang ="en"; var xogMoneyFormat = `€{{amount_with_comma_separator}}`;</script> <script src="https://cdn.shopify.com/extensions/a8998fea-8258-4cdf-afcd-0e7e9b0b720f/xo-gallery-43/assets/xo-gallery.js" defer="defer" type="module"></script> <!-- End: XO Gallery --> </div></body> <script type="text/javascript"> _linkedin_partner_id = "6175644"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=6175644&fmt=gif" /> </noscript> </html>
