跳到内容
本网站对您的浏览器的支持有限。我们建议切换到 Edge、Chrome、Safari 或 Firefox。
Shop
Boku Collaborations
Groovy Bee + Boku
Bath, Body & Wellness
Skin Care
Oral Care
Hair Care
Men's Grooming
Cafe Boku "On the Go"
Complete Meals
Earth Shakes
Coffee & Teas
Dooms Day Prep
Storable Food Supplies
First Aid
House & Home
Kitchen
Kids
Outdoor
Pantry
Pets
Powder to the People
Greens
Proteins
Gut & Digestion
Sports Nutrition
Shrooms
Supplements
Brain & Memory
Immuntity
Sleep
Gut & Digestion
Kids
Sports Nutrition
Testimonials
About
Our Story
Why Boku
Sustainability
Blog
Cafe
搜索
搜索
清除
添加到您的购物车
Shop
Boku Collaborations
Groovy Bee + Boku
Bath, Body & Wellness
Skin Care
Oral Care
Hair Care
Men's Grooming
Cafe Boku "On the Go"
Complete Meals
Earth Shakes
Coffee & Teas
Dooms Day Prep
Storable Food Supplies
First Aid
House & Home
Kitchen
Kids
Outdoor
Pantry
Pets
Powder to the People
Greens
Proteins
Gut & Digestion
Sports Nutrition
Shrooms
Supplements
Brain & Memory
Immuntity
Sleep
Gut & Digestion
Kids
Sports Nutrition
Testimonials
About
Our Story
Why Boku
Sustainability
Blog
Cafe
登录
搜索
食谱电子书
</ iframe></div> </div> </div> </section></div><div id="shopify-section-template--16610574172346__c2969f44-75e8-4eb3-adfd-94dbd6e5bc20" class="shopify-section shopify-section--logo-list"><div class="logo-list section-padding" data-section-id="template--16610574172346__c2969f44-75e8-4eb3-adfd-94dbd6e5bc20" data-section-type="logo-list" style="--PT: 25px; --PB: 25px;" > <div class="logo-list__slider" data-logo-list-slider><div class="logo-list__slide" data-logo-list-slide="template--16081716871354__c2969f44-75e8-4eb3-adfd-94dbd6e5bc20-1682454388e73484ca-0" data-slide-index="0" > <div class="logo-list__item" style="width: 180px"> <div class="logo-list__item-container"><a href="https://www.instagram.com/p/CrEOJH8R8CN/" class="logo-list__item-link" title="Boku Superfood Super Shake Vegan Meal Replacement kachava alternatives"><div class="image-wrapper lazy-image is-loading lazy-image--backfill" style="--aspect-ratio: 0.7590132827324478;--image-backfill: url(//bokusuperfood.com/cdn/shop/files/1_3.png?crop=center&height=1&v=1682353255&width=1);"><img src="//bokusuperfood.com/cdn/shop/files/1_3.png?crop=center&height=273&v=1682353255&width=360" alt="Boku Superfood Super Shake Vegan Meal Replacement kachava alternatives" width="360" height="273" loading="lazy" srcset="//bokusuperfood.com/cdn/shop/files/1_3.png?crop=center&height=237&v=1682353255&width=180 180w, //bokusuperfood.com/cdn/shop/files/1_3.png?crop=center&height=474&v=1682353255&width=360 360w, //bokusuperfood.com/cdn/shop/files/1_3.png?v=1682353255&width=400 400w" sizes="180px" class="is-loading"> </div> </a></div> </div> </div><div class="logo-list__slide" data-logo-list-slide="template--16081716871354__c2969f44-75e8-4eb3-adfd-94dbd6e5bc20-1682454388e73484ca-1" data-slide-index="1" > <div class="logo-list__item" style="width: 180px"> <div class="logo-list__item-container"><a href="https://www.instagram.com/p/CrMRilsvH54/" class="logo-list__item-link" title="Vegan Smoothie with Boku Superfood Super Protein Original protein powder orgain organic protein powders"><div class="image-wrapper lazy-image is-loading lazy-image--backfill" style="--aspect-ratio: 0.7590132827324478;--image-backfill: url(//bokusuperfood.com/cdn/shop/files/2_2.png?crop=center&height=1&v=1682353333&width=1);"><img src="//bokusuperfood.com/cdn/shop/files/2_2.png?crop=center&height=273&v=1682353333&width=360" alt="Vegan Smoothie with Boku Superfood Super Protein Original protein powder orgain organic protein powders" width="360" height="273" loading="lazy" srcset="//bokusuperfood.com/cdn/shop/files/2_2.png?crop=center&height=237&v=1682353333&width=180 180w, //bokusuperfood.com/cdn/shop/files/2_2.png?crop=center&height=474&v=1682353333&width=360 360w, //bokusuperfood.com/cdn/shop/files/2_2.png?v=1682353333&width=400 400w" sizes="180px" class="is-loading"> </div> </a></div> </div> </div><div class="logo-list__slide" data-logo-list-slide="template--16081716871354__c2969f44-75e8-4eb3-adfd-94dbd6e5bc20-1682454388e73484ca-3" data-slide-index="2" > <div class="logo-list__item" style="width: 180px"> <div class="logo-list__item-container"><a href="https://www.instagram.com/p/Ci6GOurPu-i/" class="logo-list__item-link" title="Boku Superfood Shaker Bottle for Vegan Superfood Super Shake Super Protein Powder kachava alternatives supergreens powder protein powder orgain organic protein powder"><div class="image-wrapper lazy-image is-loading lazy-image--backfill" style="--aspect-ratio: 0.7590132827324478;--image-backfill: url(//bokusuperfood.com/cdn/shop/files/4_2.png?crop=center&height=1&v=1682353523&width=1);"><img src="//bokusuperfood.com/cdn/shop/files/4_2.png?crop=center&height=273&v=1682353523&width=360" alt="Boku Superfood Shaker Bottle for Vegan Superfood Super Shake Super Protein Powder kachava alternatives supergreens powder protein powder orgain organic protein powder" width="360" height="273" loading="lazy" srcset="//bokusuperfood.com/cdn/shop/files/4_2.png?crop=center&height=237&v=1682353523&width=180 180w, //bokusuperfood.com/cdn/shop/files/4_2.png?crop=center&height=474&v=1682353523&width=360 360w, //bokusuperfood.com/cdn/shop/files/4_2.png?v=1682353523&width=400 400w" sizes="180px" class="is-loading"> </div> </a></div> </div> </div><div class="logo-list__slide" data-logo-list-slide="template--16081716871354__c2969f44-75e8-4eb3-adfd-94dbd6e5bc20-1682454388e73484ca-4" data-slide-index="3" > <div class="logo-list__item" style="width: 180px"> <div class="logo-list__item-container"><a href="https://www.instagram.com/p/Cd1s3CrvlFt/" class="logo-list__item-link" title="Vegan Boku Superfood Powder supergreens powder"><div class="image-wrapper lazy-image is-loading lazy-image--backfill" style="--aspect-ratio: 0.7590132827324478;--image-backfill: url(//bokusuperfood.com/cdn/shop/files/5_1.png?crop=center&height=1&v=1682353643&width=1);"><img src="//bokusuperfood.com/cdn/shop/files/5_1.png?crop=center&height=273&v=1682353643&width=360" alt="Vegan Boku Superfood Powder supergreens powder" width="360" height="273" loading="lazy" srcset="//bokusuperfood.com/cdn/shop/files/5_1.png?crop=center&height=237&v=1682353643&width=180 180w, //bokusuperfood.com/cdn/shop/files/5_1.png?crop=center&height=474&v=1682353643&width=360 360w, //bokusuperfood.com/cdn/shop/files/5_1.png?v=1682353643&width=400 400w" sizes="180px" class="is-loading"> </div> </a></div> </div> </div><div class="logo-list__slide" data-logo-list-slide="template--16081716871354__c2969f44-75e8-4eb3-adfd-94dbd6e5bc20-1682454388e73484ca-5" data-slide-index="4" > <div class="logo-list__item" style="width: 180px"> <div class="logo-list__item-container"><a href="https://www.instagram.com/p/CSzyqPBh7Zy/" class="logo-list__item-link" title="Boku Superfood All-Natural Daily Dead Sea Mineral Drops kachava alternatives supergreens powder protein powder orgain organic protein powder"><div class="image-wrapper lazy-image is-loading lazy-image--backfill" style="--aspect-ratio: 0.7590132827324478;--image-backfill: url(//bokusuperfood.com/cdn/shop/files/6.png?crop=center&height=1&v=1682353686&width=1);"><img src="//bokusuperfood.com/cdn/shop/files/6.png?crop=center&height=273&v=1682353686&width=360" alt="Boku Superfood All-Natural Daily Dead Sea Mineral Drops kachava alternatives supergreens powder protein powder orgain organic protein powder" width="360" height="273" loading="lazy" srcset="//bokusuperfood.com/cdn/shop/files/6.png?crop=center&height=237&v=1682353686&width=180 180w, //bokusuperfood.com/cdn/shop/files/6.png?crop=center&height=474&v=1682353686&width=360 360w, //bokusuperfood.com/cdn/shop/files/6.png?v=1682353686&width=400 400w" sizes="180px" class="is-loading"> </div> </a></div> </div> </div></div> </div> <style> #shopify-section-template--16610574172346__c2969f44-75e8-4eb3-adfd-94dbd6e5bc20 .logo-list__slide {width: 200px; padding: 0 5px;} #shopify-section-template--16610574172346__c2969f44-75e8-4eb3-adfd-94dbd6e5bc20 .logo-list__item {width: 100% !important;} @media screen and (min-width: 750px) {#shopify-section-template--16610574172346__c2969f44-75e8-4eb3-adfd-94dbd6e5bc20 .logo-list__slide {width: 300px; }} @media screen and (min-width: 1440px) {#shopify-section-template--16610574172346__c2969f44-75e8-4eb3-adfd-94dbd6e5bc20 .logo-list__slider {display: flex; margin: auto; justify-content: center; }} @media screen and (min-width: 1480px) {#shopify-section-template--16610574172346__c2969f44-75e8-4eb3-adfd-94dbd6e5bc20 .logo-list__slide {width: 400px; }} </style></div> </main><!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--16610574270650__3d8f657e-6da3-4353-bf05-ddf70dd6ffdf" class="shopify-section shopify-section-group-footer-group"> <section class="custom-code-section section-padding" data-section-id="sections--16610574270650__3d8f657e-6da3-4353-bf05-ddf70dd6ffdf" data-section-type="custom-code"> <div class="custom-code"> <div class="container-wrap"> <div class="row"> <div class="custom-code__inner"> <div id="omnisend-embedded-v2-64bfff4c028d0672b34d0978"></div> </div> </div> </div> </div> </section></div><div id="shopify-section-sections--16610574270650__footer" class="shopify-section shopify-section-group-footer-group"><style data-shopify>:root { --COLOR-FOOTER-TEXT: #222222; --COLOR-FOOTER-PLACEHOLDER-TEXT: rgba(34, 34, 34, 0.5); --COLOR-FOOTER-BG: #ffffff; --COLOR-FOOTER-BG-HOVER: rgba(34, 34, 34, 0.05); --COLOR-FOOTER-BOTTOM-TEXT: rgba(34, 34, 34, 0.7); --COLOR-FOOTER-BOTTOM-BG: #fafafa; --COLOR-FOOTER-BOTTOM-BG-HOVER: rgba(34, 34, 34, 0.05); --COLOR-FOOTER-BOTTOM-BORDER: rgba(34, 34, 34, 0.1); --footer-grid: repeat(4, minmax(0, auto)); }</style><footer class="site-footer" data-section-type="footer" data-section-id="sections--16610574270650__footer" data-footer><div class="footer__top section-padding" style="--PT:40px;"> <div class="container"> <div class="footer__inner"> <div class="footer__blocks"><div class="footer__block footer__block--logo" style="width: 180px;" ><a href="/zh" class="footer__logo"><div class="image-wrapper lazy-image is-loading lazy-image--backfill" style="--aspect-ratio: 1.3256880733944953;--image-backfill: url(//bokusuperfood.com/cdn/shop/files/Screenshot_2024-01-20_at_10.47.16_AM.png?crop=center&height=1&v=1712088284&width=1);"><img src="//bokusuperfood.com/cdn/shop/files/Screenshot_2024-01-20_at_10.47.16_AM.png?crop=center&height=477&v=1712088284&width=360" alt="BoKU® Superfood" width="360" height="477" loading="lazy" srcset="//bokusuperfood.com/cdn/shop/files/Screenshot_2024-01-20_at_10.47.16_AM.png?crop=center&height=135&v=1712088284&width=180 180w, //bokusuperfood.com/cdn/shop/files/Screenshot_2024-01-20_at_10.47.16_AM.png?crop=center&height=271&v=1712088284&width=360 360w, //bokusuperfood.com/cdn/shop/files/Screenshot_2024-01-20_at_10.47.16_AM.png?v=1712088284&width=578 578w" sizes="180px" class="is-loading"> </div> </a></div><div class="footer__block footer__block--menus " ><div class="footer__block-menu" ><p class="footer__block__title">店铺</p><ul><li class="footer__block__menu-link"> <a href="/zh/collections/superfoods">肠道健康与消化</a> </li><li class="footer__block__menu-link"> <a href="/zh/collections/best-selling-wellness-essentials">最畅销</a> </li><li class="footer__block__menu-link"> <a href="/zh/collections/supplements">销售</a> </li><li class="footer__block__menu-link"> <a href="/zh/collections/digestion">完整膳食</a> </li><li class="footer__block__menu-link"> <a href="/zh/collections/fitness-protein">健身与蛋白质</a> </li><li class="footer__block__menu-link"> <a href="/zh/collections/personal-care">个人护理</a> </li><li class="footer__block__menu-link"> <a href="/zh/collections/all">选购所有</a> </li></ul></div></div><div class="footer__block footer__block--menus " ><div class="footer__block-menu" ><p class="footer__block__title">关于博库</p><ul><li class="footer__block__menu-link"> <a href="/zh/pages/about-boku">我们的故事</a> </li><li class="footer__block__menu-link"> <a href="/zh/pages/why-us">为什么选择博库</a> </li><li class="footer__block__menu-link"> <a href="/zh/pages/sustainability">可持续性</a> </li><li class="footer__block__menu-link"> <a href="/zh/blogs/all">博客</a> </li><li class="footer__block__menu-link"> <a href="/zh/pages/press">按</a> </li><li class="footer__block__menu-link"> <a href="/zh/blogs/recipes">食谱</a> </li><li class="footer__block__menu-link"> <a href="/zh/pages/reviews">评论</a> </li><li class="footer__block__menu-link"> <a href="/zh/pages/contact">联系我们</a> </li></ul></div></div><div class="footer__block footer__block--menus " ><div class="footer__block-menu" ><p class="footer__block__title">了解更多</p><ul><li class="footer__block__menu-link"> <a href="/zh/pages/cafe">咖啡店</a> </li><li class="footer__block__menu-link"> <a href="/zh/pages/testimonials-58">感言</a> </li><li class="footer__block__menu-link"> <a href="/zh/policies/privacy-policy">隐私政策</a> </li><li class="footer__block__menu-link"> <a href="/zh/policies/terms-of-service">服务条款</a> </li><li class="footer__block__menu-link"> <a href="/zh/policies/shipping-policy">运输政策</a> </li><li class="footer__block__menu-link"> <a href="/zh/policies/refund-policy">退货和退款</a> </li></ul></div></div></div> </div> </div> </div> <div class="footer__bottom section-padding" style="--PB:30px;"> <div class="container"> <div class="footer__bottom__wrapper"> <div class="footer__bottom__right"><div class="footer__social"><div class="footer__social__inner"> <ul class="social-links"><li> <a href="https://www.instagram.com/bokusuperfood/" target="_blank" class="social-link" rel="noopener"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 1024 1024"><path d="M511.839.323c-139.008 0-156.438.589-211.031 3.08-54.479 2.485-91.687 11.138-124.243 23.792-33.658 13.078-62.202 30.58-90.659 59.034-28.455 28.457-45.956 57.001-59.034 90.659C14.218 209.445 5.565 246.652 3.08 301.131.589 355.724 0 373.154 0 512.162c0 139.006.589 156.436 3.08 211.029 2.485 54.479 11.138 91.687 23.792 124.243 13.078 33.658 30.58 62.202 59.034 90.659 28.457 28.455 57.001 45.956 90.659 59.036 32.557 12.652 69.764 21.305 124.243 23.79 54.593 2.491 72.023 3.08 211.031 3.08 139.006 0 156.436-.589 211.029-3.08 54.479-2.485 91.687-11.138 124.243-23.79 33.658-13.08 62.202-30.582 90.659-59.036 28.455-28.457 45.956-57.001 59.036-90.659 12.652-32.557 21.305-69.764 23.79-124.243 2.491-54.593 3.08-72.023 3.08-211.029 0-139.008-.589-156.438-3.08-211.031-2.485-54.479-11.138-91.687-23.79-124.243-13.08-33.658-30.582-62.202-59.036-90.659-28.457-28.455-57.001-45.956-90.659-59.034-32.557-12.654-69.764-21.307-124.243-23.792C668.275.912 650.845.323 511.839.323zm0 92.223c136.665 0 152.854.522 206.826 2.985 49.904 2.276 77.005 10.614 95.041 17.623 23.891 9.285 40.942 20.376 58.852 38.288 17.912 17.91 29.003 34.96 38.288 58.852 7.01 18.036 15.348 45.137 17.623 95.041 2.462 53.971 2.985 70.16 2.985 206.828 0 136.665-.522 152.854-2.985 206.826-2.276 49.904-10.614 77.005-17.623 95.041-9.285 23.891-20.376 40.942-38.288 58.852-17.91 17.912-34.96 29.003-58.852 38.288-18.036 7.01-45.137 15.348-95.041 17.623-53.963 2.462-70.15 2.985-206.826 2.985-136.678 0-152.862-.522-206.828-2.985-49.904-2.276-77.005-10.614-95.041-17.623-23.891-9.285-40.942-20.376-58.852-38.288-17.91-17.91-29.003-34.96-38.288-58.852-7.01-18.036-15.348-45.137-17.623-95.041-2.462-53.971-2.985-70.16-2.985-206.826s.522-152.856 2.985-206.828c2.276-49.904 10.614-77.005 17.623-95.041 9.285-23.891 20.376-40.942 38.288-58.852 17.91-17.912 34.96-29.003 58.852-38.288 18.036-7.01 45.137-15.348 95.041-17.623 53.971-2.462 70.16-2.985 206.828-2.985zm.162 592.277c-95.449 0-172.824-77.375-172.824-172.822 0-95.449 77.375-172.824 172.824-172.824 95.447 0 172.822 77.375 172.822 172.824 0 95.447-77.375 172.822-172.822 172.822zm0-439.063c-147.042 0-266.241 119.199-266.241 266.241 0 147.04 119.199 266.239 266.241 266.239 147.04 0 266.239-119.199 266.239-266.239 0-147.042-119.199-266.241-266.239-266.241zm348.159-20.479c0 33.933-27.508 61.439-61.441 61.439-33.931 0-61.439-27.506-61.439-61.439s27.508-61.441 61.439-61.441c33.933 0 61.441 27.508 61.441 61.441z"/></svg><span class="fallback-text">Instagram的</span> </a> </li><li> <a href="https://www.facebook.com/BokuSuperFood/" target="_blank" class="social-link" rel="noopener"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 532 1024"><path d="M531.692 169.853h-96.624c-75.697 0-89.849 36.313-89.849 88.615v116.316h180.303l-23.998 182.167H345.22V1024H156.935V556.925H0V374.758h156.935V240.614C156.935 84.913 252.298 0 391.378 0c66.455 0 123.694 4.936 140.314 7.378v162.475z"/></svg><span class="fallback-text">Facebook</span> </a> </li><li> <a href="twitter.com/bokusuperfood" target="_blank" class="social-link" rel="noopener"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-twitter" viewBox="0 0 1258 1024"><path d="M1127.949 256.897v32.513c0 342.637-260.104 732.792-732.792 732.792-147.559 0-280.112-40.016-395.157-115.046 20.008 2.501 40.016 2.501 62.525 2.501 120.048 0 232.593-40.016 320.127-110.044-112.545-2.501-207.583-77.531-240.096-180.072 12.505 5.002 30.012 5.002 47.519 5.002 25.01 0 47.519-2.501 67.527-7.503C140.055 592.03 52.52 489.49 52.52 361.938v-2.501c32.513 20.008 75.03 30.012 115.046 32.513C100.039 344.431 52.52 266.9 52.52 176.865c0-47.519 12.505-90.036 35.014-127.55 127.55 155.062 317.626 260.104 532.713 267.607-5.002-17.507-7.503-37.515-7.503-57.523 0-142.557 115.046-257.603 260.104-257.603 75.03 0 140.056 30.012 185.074 80.032 60.024-12.505 115.046-32.513 165.066-60.024-20.008 60.024-60.024 110.044-112.545 142.557 52.521-7.503 100.04-22.509 147.559-40.016-35.014 50.02-80.032 92.537-130.051 132.552z"/></svg><span class="fallback-text">推特</span> </a> </li><li> <a href="https://www.youtube.com/bokusuperfood" target="_blank" class="social-link" rel="noopener"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 176 124"><path d="M172.322 19.363c-2.024-7.622-7.987-13.624-15.56-15.661C143.037 0 88 0 88 0S32.963 0 19.238 3.702c-7.572 2.037-13.536 8.039-15.56 15.661C0 33.177 0 62 0 62s0 28.822 3.678 42.638c2.024 7.621 7.988 13.623 15.56 15.661C32.963 124 88 124 88 124s55.037 0 68.762-3.701c7.573-2.038 13.536-8.04 15.56-15.661C176 90.822 176 62 176 62s0-28.823-3.678-42.637"/><path fill="#FFFFFE" d="M70 88.169l46-26.168-46-26.17v52.338"/></svg><span class="fallback-text">YouTube</span> </a> </li></ul> </div><div class="footer__follow-on-shop"> <script defer="defer" async type="module" src="//bokusuperfood.com/cdn/shopifycloud/shop-js/modules/client.login-button_7974dc10.zh-CN.esm.js"></script> <script defer="defer" async type="module" src="//bokusuperfood.com/cdn/shopifycloud/shop-js/modules/chunk.common_d3e57eed.esm.js"></script> <script type="module"> await import("//bokusuperfood.com/cdn/shopifycloud/shop-js/modules/client.login-button_7974dc10.zh-CN.esm.js"); await import("//bokusuperfood.com/cdn/shopifycloud/shop-js/modules/chunk.common_d3e57eed.esm.js"); </script> <shop-login-button action="follow"></shop-login-button> </div></div> </div> <div class="footer__bottom__left"><form method="post" action="/zh/localization" id="localization_form" accept-charset="UTF-8" class="popout--footer" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/zh/pages/recipe-ebook" /><div> <h2 class="visually-hidden" id="lang-heading"> 语言 </h2> <div class="popout" data-popout> <button type="button" class="popout__toggle" aria-expanded="false" aria-controls="lang-list" aria-describedby="lang-heading" data-popout-toggle> 简体中文 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" viewBox="0 0 1024 1024"><path d="M926.553 256.428c25.96-23.409 62.316-19.611 83.605 7.033 20.439 25.582 18.251 61.132-6.623 83.562l-467.01 421.128c-22.547 20.331-56.39 19.789-78.311-1.237L19.143 345.786c-24.181-23.193-25.331-58.79-4.144-83.721 22.077-25.978 58.543-28.612 83.785-4.402l400.458 384.094 427.311-385.33z"/></svg></button> <ul id="lang-list" class="popout-list" data-popout-list> <li class="popout-list__item "> <a class="popout-list__option" href="#" lang="" data-value="en" data-popout-option> <span>English</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" lang="" data-value="es" data-popout-option> <span>Español</span> </a> </li> <li class="popout-list__item popout-list__item--current"> <a class="popout-list__option" href="#" lang="" aria-current="true" data-value="zh-CN" data-popout-option> <span>简体中文</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" lang="" data-value="ar" data-popout-option> <span>العربية</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" lang="" data-value="fr" data-popout-option> <span>français</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" lang="" data-value="de" data-popout-option> <span>Deutsch</span> </a> </li></ul> <input type="hidden" name="language_code" id="LocaleSelector" value="zh-CN" data-popout-input/> </div> </div><div> <h2 class="visually-hidden" id="country-heading"> 货币 </h2> <div class="popout" data-popout> <button type="button" class="popout__toggle" aria-expanded="false" aria-controls="country-list" aria-describedby="country-heading" data-popout-toggle><img src="//cdn.shopify.com/static/images/flags/us.svg?width=40" alt="美国" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> USD $ <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" viewBox="0 0 1024 1024"><path d="M926.553 256.428c25.96-23.409 62.316-19.611 83.605 7.033 20.439 25.582 18.251 61.132-6.623 83.562l-467.01 421.128c-22.547 20.331-56.39 19.789-78.311-1.237L19.143 345.786c-24.181-23.193-25.331-58.79-4.144-83.721 22.077-25.978 58.543-28.612 83.785-4.402l400.458 384.094 427.311-385.33z"/></svg></button> <ul id="country-list" class="popout-list" data-popout-list> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BT" data-popout-option><img src="//cdn.shopify.com/static/images/flags/bt.svg?width=40" alt="不丹" srcset="//cdn.shopify.com/static/images/flags/bt.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 不丹 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TL" data-popout-option><img src="//cdn.shopify.com/static/images/flags/tl.svg?width=40" alt="东帝汶" srcset="//cdn.shopify.com/static/images/flags/tl.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 东帝汶 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CN" data-popout-option><img src="//cdn.shopify.com/static/images/flags/cn.svg?width=40" alt="中国" srcset="//cdn.shopify.com/static/images/flags/cn.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 中国 (CNY ¥) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DK" data-popout-option><img src="//cdn.shopify.com/static/images/flags/dk.svg?width=40" alt="丹麦" srcset="//cdn.shopify.com/static/images/flags/dk.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 丹麦 (DKK kr.) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UA" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ua.svg?width=40" alt="乌克兰" srcset="//cdn.shopify.com/static/images/flags/ua.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 乌克兰 (UAH ₴) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UZ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/uz.svg?width=40" alt="乌兹别克斯坦" srcset="//cdn.shopify.com/static/images/flags/uz.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 乌兹别克斯坦 (UZS ) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UY" data-popout-option><img src="//cdn.shopify.com/static/images/flags/uy.svg?width=40" alt="乌拉圭" srcset="//cdn.shopify.com/static/images/flags/uy.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 乌拉圭 (UYU $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="YE" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ye.svg?width=40" alt="也门" srcset="//cdn.shopify.com/static/images/flags/ye.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 也门 (YER ﷼) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AM" data-popout-option><img src="//cdn.shopify.com/static/images/flags/am.svg?width=40" alt="亚美尼亚" srcset="//cdn.shopify.com/static/images/flags/am.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 亚美尼亚 (AMD դր.) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IL" data-popout-option><img src="//cdn.shopify.com/static/images/flags/il.svg?width=40" alt="以色列" srcset="//cdn.shopify.com/static/images/flags/il.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 以色列 (ILS ₪) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IQ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/iq.svg?width=40" alt="伊拉克" srcset="//cdn.shopify.com/static/images/flags/iq.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 伊拉克 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BZ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/bz.svg?width=40" alt="伯利兹" srcset="//cdn.shopify.com/static/images/flags/bz.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 伯利兹 (BZD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RU" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ru.svg?width=40" alt="俄罗斯" srcset="//cdn.shopify.com/static/images/flags/ru.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 俄罗斯 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BG" data-popout-option><img src="//cdn.shopify.com/static/images/flags/bg.svg?width=40" alt="保加利亚" srcset="//cdn.shopify.com/static/images/flags/bg.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 保加利亚 (BGN лв.) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HR" data-popout-option><img src="//cdn.shopify.com/static/images/flags/hr.svg?width=40" alt="克罗地亚" srcset="//cdn.shopify.com/static/images/flags/hr.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 克罗地亚 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IS" data-popout-option><img src="//cdn.shopify.com/static/images/flags/is.svg?width=40" alt="冰岛" srcset="//cdn.shopify.com/static/images/flags/is.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 冰岛 (ISK kr) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LI" data-popout-option><img src="//cdn.shopify.com/static/images/flags/li.svg?width=40" alt="列支敦士登" srcset="//cdn.shopify.com/static/images/flags/li.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 列支敦士登 (CHF CHF) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CA" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ca.svg?width=40" alt="加拿大" srcset="//cdn.shopify.com/static/images/flags/ca.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 加拿大 (CAD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HU" data-popout-option><img src="//cdn.shopify.com/static/images/flags/hu.svg?width=40" alt="匈牙利" srcset="//cdn.shopify.com/static/images/flags/hu.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 匈牙利 (HUF Ft) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MK" data-popout-option><img src="//cdn.shopify.com/static/images/flags/mk.svg?width=40" alt="北马其顿" srcset="//cdn.shopify.com/static/images/flags/mk.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 北马其顿 (MKD ден) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GS" data-popout-option><img src="//cdn.shopify.com/static/images/flags/gs.svg?width=40" alt="南乔治亚和南桑威奇群岛" srcset="//cdn.shopify.com/static/images/flags/gs.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 南乔治亚和南桑威奇群岛 (GBP £) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="QA" data-popout-option><img src="//cdn.shopify.com/static/images/flags/qa.svg?width=40" alt="卡塔尔" srcset="//cdn.shopify.com/static/images/flags/qa.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 卡塔尔 (QAR ر.ق) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LU" data-popout-option><img src="//cdn.shopify.com/static/images/flags/lu.svg?width=40" alt="卢森堡" srcset="//cdn.shopify.com/static/images/flags/lu.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 卢森堡 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IN" data-popout-option><img src="//cdn.shopify.com/static/images/flags/in.svg?width=40" alt="印度" srcset="//cdn.shopify.com/static/images/flags/in.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 印度 (INR ₹) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ID" data-popout-option><img src="//cdn.shopify.com/static/images/flags/id.svg?width=40" alt="印度尼西亚" srcset="//cdn.shopify.com/static/images/flags/id.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 印度尼西亚 (IDR Rp) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GT" data-popout-option><img src="//cdn.shopify.com/static/images/flags/gt.svg?width=40" alt="危地马拉" srcset="//cdn.shopify.com/static/images/flags/gt.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 危地马拉 (GTQ Q) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EC" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ec.svg?width=40" alt="厄瓜多尔" srcset="//cdn.shopify.com/static/images/flags/ec.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 厄瓜多尔 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TW" data-popout-option><img src="//cdn.shopify.com/static/images/flags/tw.svg?width=40" alt="台湾" srcset="//cdn.shopify.com/static/images/flags/tw.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 台湾 (TWD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KG" data-popout-option><img src="//cdn.shopify.com/static/images/flags/kg.svg?width=40" alt="吉尔吉斯斯坦" srcset="//cdn.shopify.com/static/images/flags/kg.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 吉尔吉斯斯坦 (KGS som) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KZ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/kz.svg?width=40" alt="哈萨克斯坦" srcset="//cdn.shopify.com/static/images/flags/kz.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 哈萨克斯坦 (KZT 〒) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CO" data-popout-option><img src="//cdn.shopify.com/static/images/flags/co.svg?width=40" alt="哥伦比亚" srcset="//cdn.shopify.com/static/images/flags/co.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 哥伦比亚 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CR" data-popout-option><img src="//cdn.shopify.com/static/images/flags/cr.svg?width=40" alt="哥斯达黎加" srcset="//cdn.shopify.com/static/images/flags/cr.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 哥斯达黎加 (CRC ₡) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TV" data-popout-option><img src="//cdn.shopify.com/static/images/flags/tv.svg?width=40" alt="图瓦卢" srcset="//cdn.shopify.com/static/images/flags/tv.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 图瓦卢 (AUD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TM" data-popout-option><img src="//cdn.shopify.com/static/images/flags/tm.svg?width=40" alt="土库曼斯坦" srcset="//cdn.shopify.com/static/images/flags/tm.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 土库曼斯坦 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TR" data-popout-option><img src="//cdn.shopify.com/static/images/flags/tr.svg?width=40" alt="土耳其" srcset="//cdn.shopify.com/static/images/flags/tr.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 土耳其 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LC" data-popout-option><img src="//cdn.shopify.com/static/images/flags/lc.svg?width=40" alt="圣卢西亚" srcset="//cdn.shopify.com/static/images/flags/lc.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 圣卢西亚 (XCD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KN" data-popout-option><img src="//cdn.shopify.com/static/images/flags/kn.svg?width=40" alt="圣基茨和尼维斯" srcset="//cdn.shopify.com/static/images/flags/kn.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 圣基茨和尼维斯 (XCD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BL" data-popout-option><img src="//cdn.shopify.com/static/images/flags/bl.svg?width=40" alt="圣巴泰勒米" srcset="//cdn.shopify.com/static/images/flags/bl.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 圣巴泰勒米 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VC" data-popout-option><img src="//cdn.shopify.com/static/images/flags/vc.svg?width=40" alt="圣文森特和格林纳丁斯" srcset="//cdn.shopify.com/static/images/flags/vc.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 圣文森特和格林纳丁斯 (XCD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PM" data-popout-option><img src="//cdn.shopify.com/static/images/flags/pm.svg?width=40" alt="圣皮埃尔和密克隆群岛" srcset="//cdn.shopify.com/static/images/flags/pm.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 圣皮埃尔和密克隆群岛 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CX" data-popout-option><img src="//cdn.shopify.com/static/images/flags/cx.svg?width=40" alt="圣诞岛" srcset="//cdn.shopify.com/static/images/flags/cx.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 圣诞岛 (AUD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SM" data-popout-option><img src="//cdn.shopify.com/static/images/flags/sm.svg?width=40" alt="圣马力诺" srcset="//cdn.shopify.com/static/images/flags/sm.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 圣马力诺 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GY" data-popout-option><img src="//cdn.shopify.com/static/images/flags/gy.svg?width=40" alt="圭亚那" srcset="//cdn.shopify.com/static/images/flags/gy.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 圭亚那 (GYD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EG" data-popout-option><img src="//cdn.shopify.com/static/images/flags/eg.svg?width=40" alt="埃及" srcset="//cdn.shopify.com/static/images/flags/eg.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 埃及 (EGP ج.م) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KI" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ki.svg?width=40" alt="基里巴斯" srcset="//cdn.shopify.com/static/images/flags/ki.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 基里巴斯 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TJ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/tj.svg?width=40" alt="塔吉克斯坦" srcset="//cdn.shopify.com/static/images/flags/tj.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 塔吉克斯坦 (TJS ЅМ) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RS" data-popout-option><img src="//cdn.shopify.com/static/images/flags/rs.svg?width=40" alt="塞尔维亚" srcset="//cdn.shopify.com/static/images/flags/rs.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 塞尔维亚 (RSD РСД) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CY" data-popout-option><img src="//cdn.shopify.com/static/images/flags/cy.svg?width=40" alt="塞浦路斯" srcset="//cdn.shopify.com/static/images/flags/cy.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 塞浦路斯 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MX" data-popout-option><img src="//cdn.shopify.com/static/images/flags/mx.svg?width=40" alt="墨西哥" srcset="//cdn.shopify.com/static/images/flags/mx.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 墨西哥 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DM" data-popout-option><img src="//cdn.shopify.com/static/images/flags/dm.svg?width=40" alt="多米尼克" srcset="//cdn.shopify.com/static/images/flags/dm.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 多米尼克 (XCD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DO" data-popout-option><img src="//cdn.shopify.com/static/images/flags/do.svg?width=40" alt="多米尼加共和国" srcset="//cdn.shopify.com/static/images/flags/do.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 多米尼加共和国 (DOP $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AX" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ax.svg?width=40" alt="奥兰群岛" srcset="//cdn.shopify.com/static/images/flags/ax.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 奥兰群岛 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AT" data-popout-option><img src="//cdn.shopify.com/static/images/flags/at.svg?width=40" alt="奥地利" srcset="//cdn.shopify.com/static/images/flags/at.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 奥地利 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VE" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ve.svg?width=40" alt="委内瑞拉" srcset="//cdn.shopify.com/static/images/flags/ve.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 委内瑞拉 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BD" data-popout-option><img src="//cdn.shopify.com/static/images/flags/bd.svg?width=40" alt="孟加拉国" srcset="//cdn.shopify.com/static/images/flags/bd.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 孟加拉国 (BDT ৳) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AI" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ai.svg?width=40" alt="安圭拉" srcset="//cdn.shopify.com/static/images/flags/ai.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 安圭拉 (XCD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AG" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ag.svg?width=40" alt="安提瓜和巴布达" srcset="//cdn.shopify.com/static/images/flags/ag.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 安提瓜和巴布达 (XCD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AD" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ad.svg?width=40" alt="安道尔" srcset="//cdn.shopify.com/static/images/flags/ad.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 安道尔 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NI" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ni.svg?width=40" alt="尼加拉瓜" srcset="//cdn.shopify.com/static/images/flags/ni.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 尼加拉瓜 (NIO C$) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NP" data-popout-option><img src="//cdn.shopify.com/static/images/flags/np.svg?width=40" alt="尼泊尔" srcset="//cdn.shopify.com/static/images/flags/np.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 尼泊尔 (NPR ₨) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PS" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ps.svg?width=40" alt="巴勒斯坦领土" srcset="//cdn.shopify.com/static/images/flags/ps.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 巴勒斯坦领土 (ILS ₪) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BS" data-popout-option><img src="//cdn.shopify.com/static/images/flags/bs.svg?width=40" alt="巴哈马" srcset="//cdn.shopify.com/static/images/flags/bs.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 巴哈马 (BSD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PK" data-popout-option><img src="//cdn.shopify.com/static/images/flags/pk.svg?width=40" alt="巴基斯坦" srcset="//cdn.shopify.com/static/images/flags/pk.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 巴基斯坦 (PKR ₨) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BB" data-popout-option><img src="//cdn.shopify.com/static/images/flags/bb.svg?width=40" alt="巴巴多斯" srcset="//cdn.shopify.com/static/images/flags/bb.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 巴巴多斯 (BBD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PG" data-popout-option><img src="//cdn.shopify.com/static/images/flags/pg.svg?width=40" alt="巴布亚新几内亚" srcset="//cdn.shopify.com/static/images/flags/pg.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 巴布亚新几内亚 (PGK K) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PY" data-popout-option><img src="//cdn.shopify.com/static/images/flags/py.svg?width=40" alt="巴拉圭" srcset="//cdn.shopify.com/static/images/flags/py.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 巴拉圭 (PYG ₲) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PA" data-popout-option><img src="//cdn.shopify.com/static/images/flags/pa.svg?width=40" alt="巴拿马" srcset="//cdn.shopify.com/static/images/flags/pa.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 巴拿马 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BH" data-popout-option><img src="//cdn.shopify.com/static/images/flags/bh.svg?width=40" alt="巴林" srcset="//cdn.shopify.com/static/images/flags/bh.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 巴林 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BR" data-popout-option><img src="//cdn.shopify.com/static/images/flags/br.svg?width=40" alt="巴西" srcset="//cdn.shopify.com/static/images/flags/br.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 巴西 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GR" data-popout-option><img src="//cdn.shopify.com/static/images/flags/gr.svg?width=40" alt="希腊" srcset="//cdn.shopify.com/static/images/flags/gr.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 希腊 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CK" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ck.svg?width=40" alt="库克群岛" srcset="//cdn.shopify.com/static/images/flags/ck.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 库克群岛 (NZD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CW" data-popout-option><img src="//cdn.shopify.com/static/images/flags/cw.svg?width=40" alt="库拉索" srcset="//cdn.shopify.com/static/images/flags/cw.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 库拉索 (ANG ƒ) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KY" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ky.svg?width=40" alt="开曼群岛" srcset="//cdn.shopify.com/static/images/flags/ky.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 开曼群岛 (KYD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IT" data-popout-option><img src="//cdn.shopify.com/static/images/flags/it.svg?width=40" alt="意大利" srcset="//cdn.shopify.com/static/images/flags/it.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 意大利 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SB" data-popout-option><img src="//cdn.shopify.com/static/images/flags/sb.svg?width=40" alt="所罗门群岛" srcset="//cdn.shopify.com/static/images/flags/sb.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 所罗门群岛 (SBD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TK" data-popout-option><img src="//cdn.shopify.com/static/images/flags/tk.svg?width=40" alt="托克劳" srcset="//cdn.shopify.com/static/images/flags/tk.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 托克劳 (NZD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LV" data-popout-option><img src="//cdn.shopify.com/static/images/flags/lv.svg?width=40" alt="拉脱维亚" srcset="//cdn.shopify.com/static/images/flags/lv.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 拉脱维亚 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NO" data-popout-option><img src="//cdn.shopify.com/static/images/flags/no.svg?width=40" alt="挪威" srcset="//cdn.shopify.com/static/images/flags/no.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 挪威 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CZ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/cz.svg?width=40" alt="捷克" srcset="//cdn.shopify.com/static/images/flags/cz.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 捷克 (CZK Kč) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MD" data-popout-option><img src="//cdn.shopify.com/static/images/flags/md.svg?width=40" alt="摩尔多瓦" srcset="//cdn.shopify.com/static/images/flags/md.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 摩尔多瓦 (MDL L) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MC" data-popout-option><img src="//cdn.shopify.com/static/images/flags/mc.svg?width=40" alt="摩纳哥" srcset="//cdn.shopify.com/static/images/flags/mc.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 摩纳哥 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BN" data-popout-option><img src="//cdn.shopify.com/static/images/flags/bn.svg?width=40" alt="文莱" srcset="//cdn.shopify.com/static/images/flags/bn.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 文莱 (BND $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FJ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/fj.svg?width=40" alt="斐济" srcset="//cdn.shopify.com/static/images/flags/fj.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 斐济 (FJD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SK" data-popout-option><img src="//cdn.shopify.com/static/images/flags/sk.svg?width=40" alt="斯洛伐克" srcset="//cdn.shopify.com/static/images/flags/sk.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 斯洛伐克 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SI" data-popout-option><img src="//cdn.shopify.com/static/images/flags/si.svg?width=40" alt="斯洛文尼亚" srcset="//cdn.shopify.com/static/images/flags/si.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 斯洛文尼亚 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SJ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/sj.svg?width=40" alt="斯瓦尔巴和扬马延" srcset="//cdn.shopify.com/static/images/flags/sj.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 斯瓦尔巴和扬马延 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LK" data-popout-option><img src="//cdn.shopify.com/static/images/flags/lk.svg?width=40" alt="斯里兰卡" srcset="//cdn.shopify.com/static/images/flags/lk.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 斯里兰卡 (LKR ₨) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SG" data-popout-option><img src="//cdn.shopify.com/static/images/flags/sg.svg?width=40" alt="新加坡" srcset="//cdn.shopify.com/static/images/flags/sg.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 新加坡 (SGD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NC" data-popout-option><img src="//cdn.shopify.com/static/images/flags/nc.svg?width=40" alt="新喀里多尼亚" srcset="//cdn.shopify.com/static/images/flags/nc.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 新喀里多尼亚 (XPF Fr) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NZ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/nz.svg?width=40" alt="新西兰" srcset="//cdn.shopify.com/static/images/flags/nz.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 新西兰 (NZD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JP" data-popout-option><img src="//cdn.shopify.com/static/images/flags/jp.svg?width=40" alt="日本" srcset="//cdn.shopify.com/static/images/flags/jp.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 日本 (JPY ¥) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CL" data-popout-option><img src="//cdn.shopify.com/static/images/flags/cl.svg?width=40" alt="智利" srcset="//cdn.shopify.com/static/images/flags/cl.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 智利 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KH" data-popout-option><img src="//cdn.shopify.com/static/images/flags/kh.svg?width=40" alt="柬埔寨" srcset="//cdn.shopify.com/static/images/flags/kh.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 柬埔寨 (KHR ៛) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GG" data-popout-option><img src="//cdn.shopify.com/static/images/flags/gg.svg?width=40" alt="根西岛" srcset="//cdn.shopify.com/static/images/flags/gg.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 根西岛 (GBP £) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GD" data-popout-option><img src="//cdn.shopify.com/static/images/flags/gd.svg?width=40" alt="格林纳达" srcset="//cdn.shopify.com/static/images/flags/gd.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 格林纳达 (XCD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GL" data-popout-option><img src="//cdn.shopify.com/static/images/flags/gl.svg?width=40" alt="格陵兰" srcset="//cdn.shopify.com/static/images/flags/gl.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 格陵兰 (DKK kr.) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GE" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ge.svg?width=40" alt="格鲁吉亚" srcset="//cdn.shopify.com/static/images/flags/ge.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 格鲁吉亚 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VA" data-popout-option><img src="//cdn.shopify.com/static/images/flags/va.svg?width=40" alt="梵蒂冈" srcset="//cdn.shopify.com/static/images/flags/va.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 梵蒂冈 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BE" data-popout-option><img src="//cdn.shopify.com/static/images/flags/be.svg?width=40" alt="比利时" srcset="//cdn.shopify.com/static/images/flags/be.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 比利时 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TO" data-popout-option><img src="//cdn.shopify.com/static/images/flags/to.svg?width=40" alt="汤加" srcset="//cdn.shopify.com/static/images/flags/to.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 汤加 (TOP T$) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SA" data-popout-option><img src="//cdn.shopify.com/static/images/flags/sa.svg?width=40" alt="沙特阿拉伯" srcset="//cdn.shopify.com/static/images/flags/sa.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 沙特阿拉伯 (SAR ر.س) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FR" data-popout-option><img src="//cdn.shopify.com/static/images/flags/fr.svg?width=40" alt="法国" srcset="//cdn.shopify.com/static/images/flags/fr.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 法国 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TF" data-popout-option><img src="//cdn.shopify.com/static/images/flags/tf.svg?width=40" alt="法属南部领地" srcset="//cdn.shopify.com/static/images/flags/tf.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 法属南部领地 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MF" data-popout-option><img src="//cdn.shopify.com/static/images/flags/mf.svg?width=40" alt="法属圣马丁" srcset="//cdn.shopify.com/static/images/flags/mf.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 法属圣马丁 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GF" data-popout-option><img src="//cdn.shopify.com/static/images/flags/gf.svg?width=40" alt="法属圭亚那" srcset="//cdn.shopify.com/static/images/flags/gf.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 法属圭亚那 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PF" data-popout-option><img src="//cdn.shopify.com/static/images/flags/pf.svg?width=40" alt="法属波利尼西亚" srcset="//cdn.shopify.com/static/images/flags/pf.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 法属波利尼西亚 (XPF Fr) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FO" data-popout-option><img src="//cdn.shopify.com/static/images/flags/fo.svg?width=40" alt="法罗群岛" srcset="//cdn.shopify.com/static/images/flags/fo.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 法罗群岛 (DKK kr.) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PL" data-popout-option><img src="//cdn.shopify.com/static/images/flags/pl.svg?width=40" alt="波兰" srcset="//cdn.shopify.com/static/images/flags/pl.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 波兰 (PLN zł) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BA" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ba.svg?width=40" alt="波斯尼亚和黑塞哥维那" srcset="//cdn.shopify.com/static/images/flags/ba.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 波斯尼亚和黑塞哥维那 (BAM КМ) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TH" data-popout-option><img src="//cdn.shopify.com/static/images/flags/th.svg?width=40" alt="泰国" srcset="//cdn.shopify.com/static/images/flags/th.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 泰国 (THB ฿) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JE" data-popout-option><img src="//cdn.shopify.com/static/images/flags/je.svg?width=40" alt="泽西岛" srcset="//cdn.shopify.com/static/images/flags/je.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 泽西岛 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HN" data-popout-option><img src="//cdn.shopify.com/static/images/flags/hn.svg?width=40" alt="洪都拉斯" srcset="//cdn.shopify.com/static/images/flags/hn.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 洪都拉斯 (HNL L) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HT" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ht.svg?width=40" alt="海地" srcset="//cdn.shopify.com/static/images/flags/ht.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 海地 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AU" data-popout-option><img src="//cdn.shopify.com/static/images/flags/au.svg?width=40" alt="澳大利亚" srcset="//cdn.shopify.com/static/images/flags/au.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 澳大利亚 (AUD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MO" data-popout-option><img src="//cdn.shopify.com/static/images/flags/mo.svg?width=40" alt="澳门特别行政区" srcset="//cdn.shopify.com/static/images/flags/mo.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 澳门特别行政区 (MOP P) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IE" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ie.svg?width=40" alt="爱尔兰" srcset="//cdn.shopify.com/static/images/flags/ie.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 爱尔兰 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EE" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ee.svg?width=40" alt="爱沙尼亚" srcset="//cdn.shopify.com/static/images/flags/ee.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 爱沙尼亚 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JM" data-popout-option><img src="//cdn.shopify.com/static/images/flags/jm.svg?width=40" alt="牙买加" srcset="//cdn.shopify.com/static/images/flags/jm.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 牙买加 (JMD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TC" data-popout-option><img src="//cdn.shopify.com/static/images/flags/tc.svg?width=40" alt="特克斯和凯科斯群岛" srcset="//cdn.shopify.com/static/images/flags/tc.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 特克斯和凯科斯群岛 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TT" data-popout-option><img src="//cdn.shopify.com/static/images/flags/tt.svg?width=40" alt="特立尼达和多巴哥" srcset="//cdn.shopify.com/static/images/flags/tt.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 特立尼达和多巴哥 (TTD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BO" data-popout-option><img src="//cdn.shopify.com/static/images/flags/bo.svg?width=40" alt="玻利维亚" srcset="//cdn.shopify.com/static/images/flags/bo.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 玻利维亚 (BOB Bs.) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NR" data-popout-option><img src="//cdn.shopify.com/static/images/flags/nr.svg?width=40" alt="瑙鲁" srcset="//cdn.shopify.com/static/images/flags/nr.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 瑙鲁 (AUD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SE" data-popout-option><img src="//cdn.shopify.com/static/images/flags/se.svg?width=40" alt="瑞典" srcset="//cdn.shopify.com/static/images/flags/se.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 瑞典 (SEK kr) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CH" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ch.svg?width=40" alt="瑞士" srcset="//cdn.shopify.com/static/images/flags/ch.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 瑞士 (CHF CHF) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GP" data-popout-option><img src="//cdn.shopify.com/static/images/flags/gp.svg?width=40" alt="瓜德罗普" srcset="//cdn.shopify.com/static/images/flags/gp.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 瓜德罗普 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="WF" data-popout-option><img src="//cdn.shopify.com/static/images/flags/wf.svg?width=40" alt="瓦利斯和富图纳" srcset="//cdn.shopify.com/static/images/flags/wf.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 瓦利斯和富图纳 (XPF Fr) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VU" data-popout-option><img src="//cdn.shopify.com/static/images/flags/vu.svg?width=40" alt="瓦努阿图" srcset="//cdn.shopify.com/static/images/flags/vu.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 瓦努阿图 (VUV Vt) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RE" data-popout-option><img src="//cdn.shopify.com/static/images/flags/re.svg?width=40" alt="留尼汪" srcset="//cdn.shopify.com/static/images/flags/re.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 留尼汪 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BY" data-popout-option><img src="//cdn.shopify.com/static/images/flags/by.svg?width=40" alt="白俄罗斯" srcset="//cdn.shopify.com/static/images/flags/by.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 白俄罗斯 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BM" data-popout-option><img src="//cdn.shopify.com/static/images/flags/bm.svg?width=40" alt="百慕大" srcset="//cdn.shopify.com/static/images/flags/bm.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 百慕大 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PN" data-popout-option><img src="//cdn.shopify.com/static/images/flags/pn.svg?width=40" alt="皮特凯恩群岛" srcset="//cdn.shopify.com/static/images/flags/pn.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 皮特凯恩群岛 (NZD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GI" data-popout-option><img src="//cdn.shopify.com/static/images/flags/gi.svg?width=40" alt="直布罗陀" srcset="//cdn.shopify.com/static/images/flags/gi.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 直布罗陀 (GBP £) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FK" data-popout-option><img src="//cdn.shopify.com/static/images/flags/fk.svg?width=40" alt="福克兰群岛" srcset="//cdn.shopify.com/static/images/flags/fk.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 福克兰群岛 (FKP £) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KW" data-popout-option><img src="//cdn.shopify.com/static/images/flags/kw.svg?width=40" alt="科威特" srcset="//cdn.shopify.com/static/images/flags/kw.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 科威特 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CC" data-popout-option><img src="//cdn.shopify.com/static/images/flags/cc.svg?width=40" alt="科科斯（基林）群岛" srcset="//cdn.shopify.com/static/images/flags/cc.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 科科斯（基林）群岛 (AUD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="XK" data-popout-option><img src="//cdn.shopify.com/static/images/flags/xk.svg?width=40" alt="科索沃" srcset="//cdn.shopify.com/static/images/flags/xk.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 科索沃 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PE" data-popout-option><img src="//cdn.shopify.com/static/images/flags/pe.svg?width=40" alt="秘鲁" srcset="//cdn.shopify.com/static/images/flags/pe.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 秘鲁 (PEN S/.) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LT" data-popout-option><img src="//cdn.shopify.com/static/images/flags/lt.svg?width=40" alt="立陶宛" srcset="//cdn.shopify.com/static/images/flags/lt.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 立陶宛 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JO" data-popout-option><img src="//cdn.shopify.com/static/images/flags/jo.svg?width=40" alt="约旦" srcset="//cdn.shopify.com/static/images/flags/jo.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 约旦 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NU" data-popout-option><img src="//cdn.shopify.com/static/images/flags/nu.svg?width=40" alt="纽埃" srcset="//cdn.shopify.com/static/images/flags/nu.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 纽埃 (NZD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MM" data-popout-option><img src="//cdn.shopify.com/static/images/flags/mm.svg?width=40" alt="缅甸" srcset="//cdn.shopify.com/static/images/flags/mm.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 缅甸 (MMK K) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RO" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ro.svg?width=40" alt="罗马尼亚" srcset="//cdn.shopify.com/static/images/flags/ro.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 罗马尼亚 (RON Lei) </span> </a> </li> <li class="popout-list__item popout-list__item--current"> <a class="popout-list__option" href="#" aria-current="true" data-value="US" data-popout-option><img src="//cdn.shopify.com/static/images/flags/us.svg?width=40" alt="美国" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 美国 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UM" data-popout-option><img src="//cdn.shopify.com/static/images/flags/um.svg?width=40" alt="美国本土外小岛屿" srcset="//cdn.shopify.com/static/images/flags/um.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 美国本土外小岛屿 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LA" data-popout-option><img src="//cdn.shopify.com/static/images/flags/la.svg?width=40" alt="老挝" srcset="//cdn.shopify.com/static/images/flags/la.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 老挝 (LAK ₭) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FI" data-popout-option><img src="//cdn.shopify.com/static/images/flags/fi.svg?width=40" alt="芬兰" srcset="//cdn.shopify.com/static/images/flags/fi.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 芬兰 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SR" data-popout-option><img src="//cdn.shopify.com/static/images/flags/sr.svg?width=40" alt="苏里南" srcset="//cdn.shopify.com/static/images/flags/sr.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 苏里南 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GB" data-popout-option><img src="//cdn.shopify.com/static/images/flags/gb.svg?width=40" alt="英国" srcset="//cdn.shopify.com/static/images/flags/gb.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 英国 (GBP £) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IO" data-popout-option><img src="//cdn.shopify.com/static/images/flags/io.svg?width=40" alt="英属印度洋领地" srcset="//cdn.shopify.com/static/images/flags/io.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 英属印度洋领地 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VG" data-popout-option><img src="//cdn.shopify.com/static/images/flags/vg.svg?width=40" alt="英属维尔京群岛" srcset="//cdn.shopify.com/static/images/flags/vg.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 英属维尔京群岛 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NL" data-popout-option><img src="//cdn.shopify.com/static/images/flags/nl.svg?width=40" alt="荷兰" srcset="//cdn.shopify.com/static/images/flags/nl.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 荷兰 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BQ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/bq.svg?width=40" alt="荷属加勒比区" srcset="//cdn.shopify.com/static/images/flags/bq.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 荷属加勒比区 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SX" data-popout-option><img src="//cdn.shopify.com/static/images/flags/sx.svg?width=40" alt="荷属圣马丁" srcset="//cdn.shopify.com/static/images/flags/sx.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 荷属圣马丁 (ANG ƒ) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PH" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ph.svg?width=40" alt="菲律宾" srcset="//cdn.shopify.com/static/images/flags/ph.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 菲律宾 (PHP ₱) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SV" data-popout-option><img src="//cdn.shopify.com/static/images/flags/sv.svg?width=40" alt="萨尔瓦多" srcset="//cdn.shopify.com/static/images/flags/sv.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 萨尔瓦多 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="WS" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ws.svg?width=40" alt="萨摩亚" srcset="//cdn.shopify.com/static/images/flags/ws.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 萨摩亚 (WST T) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PT" data-popout-option><img src="//cdn.shopify.com/static/images/flags/pt.svg?width=40" alt="葡萄牙" srcset="//cdn.shopify.com/static/images/flags/pt.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 葡萄牙 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MN" data-popout-option><img src="//cdn.shopify.com/static/images/flags/mn.svg?width=40" alt="蒙古" srcset="//cdn.shopify.com/static/images/flags/mn.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 蒙古 (MNT ₮) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MS" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ms.svg?width=40" alt="蒙特塞拉特" srcset="//cdn.shopify.com/static/images/flags/ms.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 蒙特塞拉特 (XCD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ES" data-popout-option><img src="//cdn.shopify.com/static/images/flags/es.svg?width=40" alt="西班牙" srcset="//cdn.shopify.com/static/images/flags/es.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 西班牙 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NF" data-popout-option><img src="//cdn.shopify.com/static/images/flags/nf.svg?width=40" alt="诺福克岛" srcset="//cdn.shopify.com/static/images/flags/nf.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 诺福克岛 (AUD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VN" data-popout-option><img src="//cdn.shopify.com/static/images/flags/vn.svg?width=40" alt="越南" srcset="//cdn.shopify.com/static/images/flags/vn.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 越南 (VND ₫) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AZ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/az.svg?width=40" alt="阿塞拜疆" srcset="//cdn.shopify.com/static/images/flags/az.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 阿塞拜疆 (AZN ₼) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AF" data-popout-option><img src="//cdn.shopify.com/static/images/flags/af.svg?width=40" alt="阿富汗" srcset="//cdn.shopify.com/static/images/flags/af.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 阿富汗 (AFN ؋) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DZ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/dz.svg?width=40" alt="阿尔及利亚" srcset="//cdn.shopify.com/static/images/flags/dz.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 阿尔及利亚 (DZD د.ج) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AL" data-popout-option><img src="//cdn.shopify.com/static/images/flags/al.svg?width=40" alt="阿尔巴尼亚" srcset="//cdn.shopify.com/static/images/flags/al.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 阿尔巴尼亚 (ALL L) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AE" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ae.svg?width=40" alt="阿拉伯联合酋长国" srcset="//cdn.shopify.com/static/images/flags/ae.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 阿拉伯联合酋长国 (AED د.إ) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="OM" data-popout-option><img src="//cdn.shopify.com/static/images/flags/om.svg?width=40" alt="阿曼" srcset="//cdn.shopify.com/static/images/flags/om.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 阿曼 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AR" data-popout-option><img src="//cdn.shopify.com/static/images/flags/ar.svg?width=40" alt="阿根廷" srcset="//cdn.shopify.com/static/images/flags/ar.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 阿根廷 (USD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AW" data-popout-option><img src="//cdn.shopify.com/static/images/flags/aw.svg?width=40" alt="阿鲁巴" srcset="//cdn.shopify.com/static/images/flags/aw.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 阿鲁巴 (AWG ƒ) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KR" data-popout-option><img src="//cdn.shopify.com/static/images/flags/kr.svg?width=40" alt="韩国" srcset="//cdn.shopify.com/static/images/flags/kr.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 韩国 (KRW ₩) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HK" data-popout-option><img src="//cdn.shopify.com/static/images/flags/hk.svg?width=40" alt="香港特别行政区" srcset="//cdn.shopify.com/static/images/flags/hk.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 香港特别行政区 (HKD $) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MV" data-popout-option><img src="//cdn.shopify.com/static/images/flags/mv.svg?width=40" alt="马尔代夫" srcset="//cdn.shopify.com/static/images/flags/mv.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 马尔代夫 (MVR MVR) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IM" data-popout-option><img src="//cdn.shopify.com/static/images/flags/im.svg?width=40" alt="马恩岛" srcset="//cdn.shopify.com/static/images/flags/im.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 马恩岛 (GBP £) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MQ" data-popout-option><img src="//cdn.shopify.com/static/images/flags/mq.svg?width=40" alt="马提尼克" srcset="//cdn.shopify.com/static/images/flags/mq.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 马提尼克 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MY" data-popout-option><img src="//cdn.shopify.com/static/images/flags/my.svg?width=40" alt="马来西亚" srcset="//cdn.shopify.com/static/images/flags/my.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 马来西亚 (MYR RM) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="YT" data-popout-option><img src="//cdn.shopify.com/static/images/flags/yt.svg?width=40" alt="马约特" srcset="//cdn.shopify.com/static/images/flags/yt.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 马约特 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MT" data-popout-option><img src="//cdn.shopify.com/static/images/flags/mt.svg?width=40" alt="马耳他" srcset="//cdn.shopify.com/static/images/flags/mt.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 马耳他 (EUR €) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LB" data-popout-option><img src="//cdn.shopify.com/static/images/flags/lb.svg?width=40" alt="黎巴嫩" srcset="//cdn.shopify.com/static/images/flags/lb.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 黎巴嫩 (LBP ل.ل) </span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ME" data-popout-option><img src="//cdn.shopify.com/static/images/flags/me.svg?width=40" alt="黑山" srcset="//cdn.shopify.com/static/images/flags/me.svg?width=40 40w" width="40" height="30" loading="lazy" class="popout__flag"> <span> 黑山 (EUR €) </span> </a> </li></ul> <input type="hidden" name="country_code" id="CountrySelector" value="US" data-popout-input/> </div> </div></form><div class="footer__copyright"> <p>© 2024, <a href="/" title="">BoKU® Superfood</a></p> <p data-powered-link><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">由 Shopify 提供支持</a></p> </div> </div> </div> </div> </div> </footer> </div><div id="shopify-section-sections--16610574270650__popup" class="shopify-section shopify-section-group-footer-group"><!-- /snippets/popup.liquid --><div data-section-id="sections--16610574270650__popup" data-section-type="popup"></div> </div> <!-- END sections: footer-group --></div></div><template data-swatch-template> <div class="swatch__element" data-swatch-button data-value> <div class="swatch__label" data-swatch data-swatch-variant> <span class="swatch__color" data-swatch-color></span> </div> <a href class="swatch__link" data-swatch-link></a> </div> </template><!-- Root element of PhotoSwipe. Must have class pswp. --> <div class="pswp pswp--custom-loader" tabindex="-1" role="dialog" aria-hidden="true"> <!-- Background of PhotoSwipe. It's a separate element as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 of them in the DOM to save memory. Don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close pswp__custom-close pswp__ui-over-close" title="Close (Esc)"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 1024 1024"><path d="M446.174 512L13.632 79.458c-18.177-18.177-18.177-47.649 0-65.826s47.649-18.177 65.826 0L512 446.174 944.542 13.632c18.177-18.177 47.649-18.177 65.826 0s18.177 47.649 0 65.826L577.826 512l432.542 432.542c18.177 18.177 18.177 47.649 0 65.826s-47.649 18.177-65.826 0L512 577.826 79.458 1010.368c-18.177 18.177-47.649 18.177-65.826 0s-18.177-47.649 0-65.826L446.174 512z"/></svg> </button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader--active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="以前的"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-submit" viewBox="0 0 1024 1024"><path d="M1023.998 511.724v-6.44a4.818 4.818 0 00-1.605-3.215l-.005-.005c0-1.61-1.61-1.61-1.61-3.22s-1.61-1.61-1.61-3.22c-.89 0-1.61-.72-1.61-1.61L652.074 115.649c-6.058-5.789-14.286-9.354-23.346-9.354s-17.288 3.564-23.358 9.366l.013-.013c-6.101 5.61-9.909 13.631-9.909 22.541s3.81 16.931 9.888 22.52l.022.02 307.522 318.793H32.201C14.416 479.522 0 493.939 0 511.723s14.417 32.201 32.201 32.201h887.145L605.384 862.717a32.062 32.062 0 00-8.429 21.72c0 9.19 3.851 17.481 10.025 23.347l.014.013c5.61 6.101 13.631 9.909 22.541 9.909s16.931-3.81 22.52-9.888l.02-.022 363.874-370.315c0-1.61 0-1.61 1.61-3.22.89 0 1.61-.72 1.61-1.61 0-1.61 1.61-1.61 1.61-3.22h1.61v-3.22a4.81 4.81 0 001.608-3.203l.002-.017v-11.27z"/></svg> </button> <button class="pswp__button pswp__button--arrow--right" title="下一个"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-submit" viewBox="0 0 1024 1024"><path d="M1023.998 511.724v-6.44a4.818 4.818 0 00-1.605-3.215l-.005-.005c0-1.61-1.61-1.61-1.61-3.22s-1.61-1.61-1.61-3.22c-.89 0-1.61-.72-1.61-1.61L652.074 115.649c-6.058-5.789-14.286-9.354-23.346-9.354s-17.288 3.564-23.358 9.366l.013-.013c-6.101 5.61-9.909 13.631-9.909 22.541s3.81 16.931 9.888 22.52l.022.02 307.522 318.793H32.201C14.416 479.522 0 493.939 0 511.723s14.417 32.201 32.201 32.201h887.145L605.384 862.717a32.062 32.062 0 00-8.429 21.72c0 9.19 3.851 17.481 10.025 23.347l.014.013c5.61 6.101 13.631 9.909 22.541 9.909s16.931-3.81 22.52-9.888l.02-.022 363.874-370.315c0-1.61 0-1.61 1.61-3.22.89 0 1.61-.72 1.61-1.61 0-1.61 1.61-1.61 1.61-3.22h1.61v-3.22a4.81 4.81 0 001.608-3.203l.002-.017v-11.27z"/></svg> </button> <div class="pswp__thumbs"></div> <div class="pswp__caption"> <div class="pswp__caption__center"></div> <a href="#" class="pswp__caption-close"> <span class="visually-hidden">关闭</span> </a> </div> </div> </div> </div><template data-cart-total-discount> <div class="cart-discounts"> <span class="cart-discounts__title" data-cart-discount-title></span> <span class="cart-discounts__price"> -<span data-cart-discount-price></span> </span> </div> </template><style> #SearchInput {color: inherit;} .search-popdown__submit,.search-popdown__close__button {background-color: #ffffff; color: inherit !important;} .product-block__info {justify-content: flex-start;} .product-card-hidden {display: none;} .product-card-button {width: 100%; max-width: 500px;} a.product-card-button {margin: 10px auto 5px; background-color: #005a6f; border-color: #005a6f;} button.product-card-button {margin: 5px auto 10px !important; background-color: white; color: #005a6f; border-color: #005a6f;} .featured-product {margin: 0 auto;} .product__container {margin-top: -10%;} .product-features--container {margin: 0;} .product-features--container .container {width: 100%; margin: 0; padding: 0;} .feature-item {margin-bottom: 0; padding: 40px;} .feature-item:first-child {background-color: #fff4e4;} </style> <div id="shopify-block-17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": false, "design_mode": false }'> .recharge-theme { /* App */ --recharge-app-background: #F9F8F4; --recharge-app-container: 1200px; --recharge-app-vertical-padding: 32px; /* Brand colors */ --recharge-color-brand: #467C99; /* Tints */ --recharge-color-brand-120: #38637a; --recharge-color-brand-20: #6b96ad; --recharge-color-brand-40: #90b0c2; --recharge-color-brand-60: #b5cbd6; --recharge-color-brand-75: #d1dee6; --recharge-color-brand-85: #e3ebf0; /* Neutral */ --recharge-color-neutral: hsl(201, 35%, 7%); --recharge-color-neutral-80: hsl(201, 7%, 25%); --recharge-color-neutral-70: hsl(201, 5%, 35%); --recharge-color-neutral-40: hsl(201, 3%, 63%); --recharge-color-neutral-10: hsl(201, 2%, 91%); /* Links */ --recharge-button-secondary: #467C99; --recharge-button-secondary-120: #38637a; --recharge-button-secondary-60: #90b0c2; /* Images */ --recharge-images-ratio: 1; /* Cards */ --recharge-cards-background: #FFFFFF; --recharge-cards-border-color: RGBA(0,0,0,0); /* Fonts */ --recharge-typography-scale: 16px; --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale)); --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale)); --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale)); --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale)); --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale)); --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale)); /** Text **/ --recharge-typography-light: #FFFFFF; --recharge-typography-primary: var(--recharge-color-neutral); --recharge-typography-secondary: var(--recharge-color-neutral-70); /* Corners */ --recharge-corners-radius: 8px; --recharge-button-border-radius: 8px; /* Views */ --recharge-views-background: #F9F8F4; /* Buttons */ --recharge-button-font-family: inherit; --recharge-button-brand: var(--recharge-color-brand); --recharge-button-color: #FFFFFF; } </style> </div><div id="shopify-block-13057770590969753118" class="shopify-block shopify-app-block"> </div><div id="shopify-block-4804304946286255945" class="shopify-block shopify-app-block"> <script> const cookieBarMetaFields = {"shopId":"f4DqrgHPRjh2CiCYJgmc","settings":{"agreeBtnBorder":"#2C332F","desktopPosition":"bottom","customPrivacyLink":"","messageColor":"#2C332F","iconType":"default_icon","desktopFloatCardPosition":"bottom_left","denyButtonText":"Decline","theme":"basic","shopId":"f4DqrgHPRjh2CiCYJgmc","showIcon":true,"textAvada":"rgba(29, 29, 29, 0.8)","urlIcon":"","customCss":"","message":"This website uses cookies to make sure you get the best experience with us.","optionPolicyLink":"select","agreeButtonText":"Got it!","themeName":"Basic","showPrivacyPolicy":true,"agreeBtnTextColor":"#FFFFFF","privacyLink":"/policies/privacy-policy","advancedSetting":false,"privacyLinkText":"Learn more","removeBranding":true,"fontStore":[{"label":"Raleway","value":"Raleway"},{"label":"Assistant","value":"Assistant"},{"label":"JudgemeStar","value":"JudgemeStar"},{"label":"Poppins","value":"Poppins"},{"label":"JudgemeIcons","value":"JudgemeIcons"}],"borderColor":"","specificRegions":{"pipeda":true,"appi":true,"lgpd":true,"gdpr":true,"ccpa":true},"denyTextColor":"#111211","display":"","textColor":"#070D01","privacyLinkColor":"#070D01","textAvadaMobile":"rgba(29, 29, 29, 0.8)","displayType":"float_card","textBtnColor":"#1AAC7A","btnColor":"#F8F8F8","iconColor":"#1D1D1D","showOnCountry":"only","id":"vznVjOTr3OLmOF3SxGns","textFont":"Raleway","fontWeight":"500","bgColor":"#ffffff","displayAfter":"3","mobilePositions":"bottom","agreeBtnBgColor":"#264e2d"},"status":true} || {} const {integration: avadaCbIntegration} = cookieBarMetaFields; window.AVADA_COOKIES_BAR = { shopId: cookieBarMetaFields.shopId, status: cookieBarMetaFields.status, ...(window.AVADA_COOKIES_BAR || {}), ...cookieBarMetaFields.settings, translation: cookieBarMetaFields.translations, cookies: cookieBarMetaFields.cookies, integration: avadaCbIntegration, customer: { id: null, email: null, first_name: null, last_name: null, phone: null } }; (() => { const getCookie= (name) => { const nameEQ = name + '='; const ca = document.cookie.split(';'); for (let i = 0; i < ca.length; i++) { let c = ca[i]; while (c.charAt(0) === ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) === 0) return JSON.parse(decodeURIComponent(c.substring(nameEQ.length, c.length))); } return {}; } window.AVADA_COOKIE_CONSENT = getCookie('avada_cookie_consent'); })(); try { const metaPixelScript = avadaCbIntegration?.metaPixel?.script || ''; window.metaPixelFunc = new Function(metaPixelScript); if(avadaCbIntegration?.metaPixel?.enabled && window.AVADA_COOKIE_CONSENT.analytics && window.AVADA_COOKIE_CONSENT.marketing) { window.metaPixelFunc(); } } catch (e) { console.error('Something went wrong in Meta Pixel:', e) } try { const tiktokPixelScript = avadaCbIntegration?.tiktokPixel?.script || ''; window.tiktokPixelFunc = new Function(tiktokPixelScript); if(avadaCbIntegration?.tiktokPixel?.enabled && window.AVADA_COOKIE_CONSENT.analytics && window.AVADA_COOKIE_CONSENT.marketing) { window.tiktokPixelFunc(); } } catch (e) { console.error('Something went wrong in Tiktok Pixel:', e) } </script> </div><div id="shopify-block-15551562133269743879" class="shopify-block shopify-app-block"><!--googleoff: all--> <style> [x-sa-cloak] { display: none !important; } .font-system{ font-family: system-ui; } .sa-big-cursor{ cursor: url(https://cdn.shopify.com/extensions/65b608fa-b205-42b0-b935-518d18b9cf70/codeinspire-accessibility-tool-10/assets/big-cursor.svg), auto; } .sa-no-transition *{ transition-timing-function: step-end!important; transition-duration: 0s!important; animation-timing-function: step-end!important; animation-iteration-count: 1!important; animation-duration: 0s!important; } .sa-hide-images *{ background-image: none !important; } .sa-low-saturation{ filter: saturate(0.5); } .sa-high-saturation{ filter: saturate(2); } .sa-grayscale-saturation{ filter: grayscale(1); } .sa-inverted-contrast{ filter: invert(1); } .sa-low-contrast{ filter: contrast(0.5); } .sa-high-contrast{ filter: contrast(2); } .sa-reading-text{ background-color: #ffeb3b !important; } </style> <script> window.sa_shop_domain = 'bokusuperfood.myshopify.com'; </script> <div data-shop="bokusuperfood.myshopify.com" class="smart-accessibility-widget " x-sa-bind:class="settings.position" x-sa-cloak style="display: none;" x-sa-show="settings.enable" x-sa-trap="openWidget" x-sa-on:keyup.tab.window="enableKeyboardNavigation = true" x-sa-on:keyup.escape.window="openWidget = false" x-sa-data="sa_accessibility"> <div class="smart-accessibility-widget__overlay sa-no-track" x-sa-show="openWidget" x-sa-on:click="openWidget = false"></div> <div x-sa-bind:class="settings.position + ' ' + settings.icon_size" x-sa-show="!settings.hide_trigger" x-sa-bind:style="{ borderColor: settings.brand_color, }" class="sa-widget__cta"> <button type="button" x-sa-on:click="openWidget = !openWidget" x-sa-bind:style="getBranding" :aria-label="settings.t_enable_accessibility" class="widget-icon sa-no-track" :title="settings.t_enable_accessibility"> <svg x-sa-show="openWidget" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-x"> <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line> </svg> <span x-sa-show="!openWidget" style="height: 24px;" class="sa-no-track"> <svg x-sa-show="settings.icon == 1" xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-accessibility" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#fff" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <circle cx="11" cy="5" r="2" /> <polyline points="11 7 11 15 15 15 19 20" /> <line x1="11" y1="11" x2="16" y2="11" /> <path d="M7 11.5a5 5 0 1 0 6 7.5" /> </svg> <svg x-sa-show="settings.icon == 2" xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-tabler icon-tabler-accessible" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <circle cx="12" cy="12" r="9" /> <path d="M10 16.5l2 -3l2 3m-2 -3v-2l3 -1m-6 0l3 1" /> <circle cx="12" cy="7.5" r=".5" fill="currentColor" /> </svg> <svg x-sa-show="settings.icon == 3" xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-tabler icon-tabler-disabled-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <circle cx="17" cy="6" r="2" /> <path d="M9 11a5 5 0 1 0 3.95 7.95" /> <path d="M19 20l-4 -5h-4l3 -5l-4 -3l-4 1" /> </svg> <svg x-sa-show="settings.icon == 4" class="sa-icon sa-icon-tabler icon-tabler-disabled-4" width="28" height="28" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" stroke="currentColor" style="fill: currentColor;" fill="currentColor" stroke-linecap="round" stroke-linejoin="round"> <path d="M256,112a56,56,0,1,1,56-56A56.06,56.06,0,0,1,256,112Z"/> <path d="M432,112.8l-.45.12h0l-.42.13c-1,.28-2,.58-3,.89-18.61,5.46-108.93,30.92-172.56,30.92-59.13,0-141.28-22-167.56-29.47a73.79,73.79,0,0,0-8-2.58c-19-5-32,14.3-32,31.94,0,17.47,15.7,25.79,31.55,31.76v.28l95.22,29.74c9.73,3.73,12.33,7.54,13.6,10.84,4.13,10.59.83,31.56-.34,38.88l-5.8,45L150.05,477.44q-.15.72-.27,1.47l-.23,1.27h0c-2.32,16.15,9.54,31.82,32,31.82,19.6,0,28.25-13.53,32-31.94h0s28-157.57,42-157.57,42.84,157.57,42.84,157.57h0c3.75,18.41,12.4,31.94,32,31.94,22.52,0,34.38-15.74,32-31.94-.21-1.38-.46-2.74-.76-4.06L329,301.27l-5.79-45c-4.19-26.21-.82-34.87.32-36.9a1.09,1.09,0,0,0,.08-.15c1.08-2,6-6.48,17.48-10.79l89.28-31.21a16.9,16.9,0,0,0,1.62-.52c16-6,32-14.3,32-31.93S451,107.81,432,112.8Z"/> </svg> </span> <span class="sa-sr-only sa-no-track" x-sa-text="settings.t_enable_accessibility"> Enable accessibility </span> </button> </div> <div class="sa-widget__wrapper sa-no-track" x-sa-bind:class="settings.position" x-sa-bind:style="{ borderColor: settings.brand_color, }" x-sa-show="openWidget"> <div x-sa-bind:style="getBranding" class="sa-widget__header sa-no-track"> <div class="sa-widget__title sa-no-track" x-sa-text="settings.title"> Accessibility </div> <button type="button" x-sa-ref="close_btn" x-sa-on:click="openWidget = false" :aria-label="settings.t_close_accessibility" class="sa-widget__close sa-no-track"> <svg xmlns="http://www.w3.org/2000/svg" class="sa-icon sa-icon-close" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#fff" fill="none" stroke-linecap="round" stroke-linejoin="round"> <title>Close icon</title> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <line x1="18" y1="6" x2="6" y2="18" /> <line x1="6" y1="6" x2="18" y2="18" /> </svg> <span class="sa-sr-only" x-sa-text="settings.t_close_accessibility"> Close accessibility widget </span> </button> </div> <div class="sa-widget__top sa-button--group sa-no-track"> <button type="button" :aria-label="settings.t_reset_all" x-sa-show="settings.show_reset_all" x-sa-text="settings.t_reset_all" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" x-sa-on:click="resetAll(); $dispatch('sa-reset-all')" class="sa-relative sa-no-track sa-button"> Reset All </button> <button x-sa-show="settings.show_statement" x-sa-on:click="toggleStatement = !toggleStatement" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" :aria-label="settings.t_statement" type="button" class="sa-relative sa-no-track sa-button" x-sa-bind:class="{ 'active' : toggleStatement }" > <svg class="sa-svg-checked" x-sa-bind:style="toggleStatement && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span x-sa-text="settings.t_statement" class="sa-no-track"> Statement </span> </button> </div> <div x-sa-show="toggleStatement" class="sa-widget__statement sa-no-track"> <div x-sa-html="(toggleStatement) ? settings.statement : ''"></div> </div> <div x-sa-show="!toggleStatement" class="sa-widget__main sa-no-track"> <select x-sa-show="settings.show_language" x-sa-model="language.currentLanguage" name="sa_language" class="widget__feature sa-no-track sa-full-width" aria-label="Change language"> <option value="auto">Language</option> <option value="en">English</option> <option value="fr">French</option> <option value="es">Spanish</option> <option value="de">German</option> <option value="it">Italian</option> <option value="pt">Portuguese</option> <option value="zh">Chinese</option> <option value="ja">Japanese</option> <option value="ar">Arabic</option> <option value="he">Hebrew</option> <option value="fa">Persian</option> </select> <button x-sa-show="settings.show_font_size" x-sa-data="{ level: $persist(0).as('font-size-level') }" x-sa-on:sa-reset-all.window="level = 0" :aria-label="settings.t_font_size" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" x-sa-on:click="() => { if(level < 4) { level++; adjustFontSize(level) } else { level = 0; resetFontSize() } }" class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : font.isInitialised }" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-type sa-mx-auto"> <title>Adjust font size</title> <polyline points="4 7 4 4 20 4 20 7"></polyline> <line x1="9" y1="20" x2="15" y2="20"></line> <line x1="12" y1="4" x2="12" y2="20"></line> </svg> <svg class="sa-svg-checked" x-sa-bind:style="font.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span class="sa-no-track" x-sa-text="settings.t_font_size"> Font size</span> <div class="sa-bar sa-no-track"> <div x-sa-show="level > 0" class="sa-bar__flex"> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 3 && { backgroundColor: settings.brand_color }"></span> </div> </div> </button> <button x-sa-show="settings.show_screen_reader" x-sa-on:click="toggleScreenReader" :aria-label="settings.t_screen_reader" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : screenReader.isInitialised }" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-mic sa-mx-auto"> <title>Screen Reader</title> <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path> <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path> <line x1="12" y1="19" x2="12" y2="23"></line> <line x1="8" y1="23" x2="16" y2="23"></line> </svg> <svg class="sa-svg-checked" x-sa-bind:style="screenReader.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span class="sa-no-track" x-sa-text="settings.t_screen_reader"> Screen Reader</span> </button> <button x-sa-show="settings.show_contrast" x-sa-data="{ level: $persist(0).as('contrast-level') }" x-sa-on:sa-reset-all.window="level = 0" :aria-label="settings.t_contrast" x-sa-on:click="() => { if(level < 3) { level++; toggleContrast(level) } else { level = 0; resetContrast() } }" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : contrast.isInitialised }" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-contrast sa-mx-auto"> <title>Contrast</title> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <circle cx="12" cy="12" r="9" /> <path d="M12 17a5 5 0 0 0 0 -10v10" /> </svg> <svg class="sa-svg-checked" x-sa-bind:style="contrast.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span class="sa-no-track" x-sa-show="level == 0" x-sa-text="settings.t_contrast"> Contrast</span> <span class="sa-no-track" x-sa-show="level == 1" x-sa-text="settings.t_inverted"> Inverted</span> <span class="sa-no-track" x-sa-show="level == 2" x-sa-text="settings.t_low_contrast"> Low Contrast</span> <span class="sa-no-track" x-sa-show="level == 3" x-sa-text="settings.t_high_contrast"> High Contrast</span> <div class="sa-bar sa-no-track"> <div x-sa-show="level > 0" class="sa-bar__flex"> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span> </div> </div> </button> <button x-sa-show="settings.show_highlight_links" x-sa-on:click="toggleLinkHighlights" :aria-label="settings.t_highlight_links" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : linkHighlights }" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-type sa-mx-auto"> <title>Highlight Links</title> <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path> <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path> </svg> <svg class="sa-svg-checked" x-sa-bind:style="linkHighlights && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span class="sa-no-track" x-sa-text="settings.t_highlight_links"> Highlight Links</span> </button> <button x-sa-show="settings.show_cursor" x-sa-on:click="toggleBigCursor" :aria-label="settings.t_cursor" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : enableBigCursor }" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-mouse-pointer sa-mx-auto"> <title>Change Cursor</title> <path d="M3 3l7.07 16.97 2.51-7.39 7.39-2.51L3 3z"></path> <path d="M13 13l6 6"></path> </svg> <svg class="sa-svg-checked" x-sa-bind:style="enableBigCursor && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span class="sa-no-track" x-sa-text="settings.t_cursor"> Cursor</span> </button> <button x-sa-show="settings.show_text_align" x-sa-data="{ level: $persist(0).as('text-align-level'), }" :aria-label="settings.t_text_align" x-sa-on:sa-reset-all.window="level = 0" x-sa-on:click="() => { if(level < 3) { level++; toggleTextAlign(level) } else { level = 0; resetTextAlign() } }" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : textAlign.isInitialised }" type="button"> <svg xmlns="http://www.w3.org/2000/svg" x-sa-show="level == 0 || level == 2" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto"> <title>Text align</title> <line x1="18" y1="10" x2="6" y2="10"></line> <line x1="21" y1="6" x2="3" y2="6"></line> <line x1="21" y1="14" x2="3" y2="14"></line> <line x1="18" y1="18" x2="6" y2="18"></line> </svg> <svg xmlns="http://www.w3.org/2000/svg" x-sa-show="level == 1" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto"> <title>Text left</title> <line x1="17" y1="10" x2="3" y2="10"></line> <line x1="21" y1="6" x2="3" y2="6"></line> <line x1="21" y1="14" x2="3" y2="14"></line> <line x1="17" y1="18" x2="3" y2="18"></line> </svg> <svg xmlns="http://www.w3.org/2000/svg" x-sa-show="level == 3" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto"> <title>Text right</title> <line x1="21" y1="10" x2="7" y2="10"></line> <line x1="21" y1="6" x2="3" y2="6"></line> <line x1="21" y1="14" x2="3" y2="14"></line> <line x1="21" y1="18" x2="7" y2="18"></line> </svg> <svg class="sa-svg-checked" x-sa-bind:style="textAlign.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span class="sa-no-track"> <span class="sa-no-track" x-sa-show="level == 0" x-sa-text="settings.t_text_align"> Text Align </span> <span class="sa-no-track" x-sa-show="level == 1" x-sa-text="settings.t_text_left"> Text Left </span> <span class="sa-no-track" x-sa-show="level == 2" x-sa-text="settings.t_text_center"> Text Center </span> <span class="sa-no-track" x-sa-show="level == 3" x-sa-text="settings.t_text_right"> Text Right </span> </span> <div class="sa-bar sa-no-track"> <div x-sa-show="level > 0" class="sa-bar__flex"> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span> </div> </div> </button> <button x-sa-show="settings.show_saturation" x-sa-data="{ level: $persist(0).as('saturation-level') }" x-sa-on:sa-reset-all.window="level = 0" :aria-label="settings.t_saturation" x-sa-on:click="() => { if(level < 3) { level++; toggleSaturation(level) } else { level = 0; resetSaturation() } }" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : saturation.isInitialised }" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 16 16" fill="currentColor" class="sa-icon sa-icon-droplet sa-mx-auto" style="fill: currentColor"> <title>Saturation icon</title> <path fill-rule="evenodd" d="M7.21.8C7.69.295 8 0 8 0c.109.363.234.708.371 1.038.812 1.946 2.073 3.35 3.197 4.6C12.878 7.096 14 8.345 14 10a6 6 0 0 1-12 0C2 6.668 5.58 2.517 7.21.8zm.413 1.021A31.25 31.25 0 0 0 5.794 3.99c-.726.95-1.436 2.008-1.96 3.07C3.304 8.133 3 9.138 3 10a5 5 0 0 0 10 0c0-1.201-.796-2.157-2.181-3.7l-.03-.032C9.75 5.11 8.5 3.72 7.623 1.82z"/> <path fill-rule="evenodd" d="M4.553 7.776c.82-1.641 1.717-2.753 2.093-3.13l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448z"/> </svg> <svg class="sa-svg-checked" x-sa-bind:style="saturation.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span class="sa-no-track" x-sa-show="level == 0" x-sa-text="settings.t_saturation"> Saturation</span> <span class="sa-no-track" x-sa-show="level == 1" x-sa-text="settings.t_low_saturation"> Low Saturation</span> <span class="sa-no-track" x-sa-show="level == 2" x-sa-text="settings.t_high_saturation"> High Saturation</span> <span class="sa-no-track" x-sa-show="level == 3" x-sa-text="settings.t_grayscale"> Grayscale</span> <div class="sa-bar sa-no-track"> <div x-sa-show="level > 0" class="sa-bar__flex"> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span> </div> </div> </button> <button x-sa-show="settings.show_line_height" x-sa-data="{ level: $persist(0).as('line-height-level'), }" x-sa-on:sa-reset-all.window="level = 0" :aria-label="settings.t_line_height" x-sa-on:click="() => { if(level < 4) { level++; toggleLineHeight(level) } else { level = 0; resetLineHeight() } }" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" class="widget__feature sa-no-track sa-relative sa-button" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-line-height sa-mx-auto"> <title>Line Height</title> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <polyline points="3 8 6 5 9 8" /> <polyline points="3 16 6 19 9 16" /> <line x1="6" y1="5" x2="6" y2="19" /> <line x1="13" y1="6" x2="20" y2="6" /> <line x1="13" y1="12" x2="20" y2="12" /> <line x1="13" y1="18" x2="20" y2="18" /> </svg> <svg class="sa-svg-checked" x-sa-bind:style="lineHeight.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span class="sa-no-track" x-sa-text="settings.t_line_height"> Line Height</span> <div class="sa-bar sa-no-track"> <div x-sa-show="level > 0" class="sa-bar__flex"> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 3 && { backgroundColor: settings.brand_color }"></span> </div> </div> </button> <button x-sa-show="settings.show_letter_spacing" x-sa-data="{ level: $persist(0).as('letter-spacing-level'), }" x-sa-on:sa-reset-all.window="level = 0" :aria-label="settings.t_letter_spacing" x-sa-on:click="() => { if(level < 4) { level++; toggleLetterSpacing(level) } else { level = 0; resetLetterSpacing() } }" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : letterSpacing.isInitialised }" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-letter-spacing sa-mx-auto"> <title>Letter Spacing</title> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M5 12v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5" /> <path d="M13 4l3 8l3 -8" /> <path d="M5 18h14" /> <path d="M17 20l2 -2l-2 -2" /> <path d="M7 16l-2 2l2 2" /> </svg> <svg class="sa-svg-checked" x-sa-bind:style="letterSpacing.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span class="sa-no-track" x-sa-text="settings.t_letter_spacing">Letter Spacing</span> <div class="sa-bar sa-no-track"> <div x-sa-show="level > 0" class="sa-bar__flex"> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 0 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 1 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 2 && { backgroundColor: settings.brand_color }"></span> <span class="sa-no-track sa-bar__flex-bar" x-sa-bind:style="level > 3 && { backgroundColor: settings.brand_color }"></span> </div> </div> </button> <button x-sa-show="settings.show_stop_animations" x-sa-on:click="toggleStopAnimations" :aria-label="settings.t_stop_animation" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : enableStopAnimations }" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto"> <title>Stop Animations</title> <circle cx="12" cy="12" r="10"></circle> <line x1="10" y1="15" x2="10" y2="9"></line> <line x1="14" y1="15" x2="14" y2="9"></line> </svg> <svg class="sa-svg-checked" x-sa-bind:style="enableStopAnimations && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span class="sa-no-track" x-sa-text="settings.t_stop_animation">Stop Animations</span> </button> <button x-sa-show="settings.show_mute_sounds" x-sa-on:click="toggleMuteSounds" :aria-label="settings.t_mute_sounds" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : enableMuteSounds }" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto"> <title>Mute sounds</title> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M6 10c0 -1.146 .277 -2.245 .78 -3.219m1.792 -2.208a7 7 0 0 1 10.428 9.027a10 10 0 0 1 -.633 .762m-2.045 1.96a8 8 0 0 0 -1.322 2.278a4.5 4.5 0 0 1 -6.8 1.4" /> <path d="M11.42 7.414a3 3 0 0 1 4.131 4.13" /> <line x1="3" y1="3" x2="21" y2="21" /> </svg> <svg class="sa-svg-checked" x-sa-bind:style="enableMuteSounds && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span class="sa-no-track" x-sa-text="settings.t_mute_sounds">Mute Sounds</span> </button> <button x-sa-show="settings.show_hide_images" x-sa-on:click="toggleHideImages" :aria-label="settings.t_hide_images" x-sa-bind:style="{ '--saShadowColor': settings.brand_color, borderColor: settings.brand_color }" class="widget__feature sa-no-track sa-relative sa-button" x-sa-bind:class="{ 'active' : hideImages }" type="button"> <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="sa-icon sa-icon-align sa-mx-auto"> <title>Hide Image</title> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <line x1="3" y1="3" x2="21" y2="21" /> <line x1="15" y1="8" x2="15.01" y2="8" /> <path d="M19.121 19.122a3 3 0 0 1 -2.121 .878h-10a3 3 0 0 1 -3 -3v-10c0 -.833 .34 -1.587 .888 -2.131m3.112 -.869h9a3 3 0 0 1 3 3v9" /> <path d="M4 15l4 -4c.928 -.893 2.072 -.893 3 0l5 5" /> <path d="M16.32 12.34c.577 -.059 1.162 .162 1.68 .66l2 2" /> </svg> <svg class="sa-svg-checked" x-sa-bind:style="hideImages && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <span class="sa-no-track" x-sa-text="settings.t_hide_images">Hide Images</span> </button> <div x-sa-show="settings.show_text_colors" class="widget__feature sa-no-track sa-text-center sa-relative sa-widget__col-2"> <div class="sa-no-track sa-text" x-sa-text="settings.t_text_colors">Adjust text colors</div> <svg class="sa-svg-checked" x-sa-bind:style="textColor.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <div class="sa-widget__flex sa-widget__gap sa-widget__justify-evenly sa-no-track"> <button class="sa-button sa-widget__swatch sa-bg-red" x-sa-bind:class="{ 'sa-active' : isTextColor('#dc2626') }" x-sa-on:click="setTextColor('#dc2626')" aria-label="Change text color to red" title="Change text color to red"></button> <button class="sa-button sa-widget__swatch sa-bg-blue" x-sa-bind:class="{ 'sa-active' : isTextColor('#2563eb') }" x-sa-on:click="setTextColor('#2563eb')" aria-label="Change text color to blue" title="Change text color to blue"></button> <button class="sa-button sa-widget__swatch sa-bg-green " x-sa-bind:class="{ 'sa-active' : isTextColor('#16a34a') }" x-sa-on:click="setTextColor('#16a34a')" aria-label="Change text color to green" title="Change text color to green"></button> <button class="sa-button sa-widget__swatch sa-bg-purple " x-sa-bind:class="{ 'sa-active' : isTextColor('#9333ea') }" x-sa-on:click="setTextColor('#9333ea')" aria-label="Change text color to purple" title="Change text color to purple"></button> <button class="sa-button sa-widget__swatch sa-bg-orange " x-sa-bind:class="{ 'sa-active' : isTextColor('#ea580c') }" x-sa-on:click="setTextColor('#ea580c')" aria-label="Change text color to orange" title="Change text color to orange"></button> <button class="sa-button sa-widget__swatch sa-bg-teal " x-sa-bind:class="{ 'sa-active' : isTextColor('#0d9488') }" x-sa-on:click="setTextColor('#0d9488')" aria-label="Change text color to teal" title="Change text color to teal"></button> <button class="sa-button sa-widget__swatch sa-bg-black " x-sa-bind:class="{ 'sa-active' : isTextColor('#000') }" x-sa-on:click="setTextColor('#000')" aria-label="Change text color to black" title="Change text color to black"></button> <button class="sa-button sa-widget__swatch sa-bg-white " x-sa-bind:class="{ 'sa-active' : isTextColor('#fff') }" x-sa-on:click="setTextColor('#fff')" aria-label="Change text color to white" title="Change text color to white"></button> </div> <button class="sa-widget__reset-btn sa-button sa-no-track" x-sa-on:click="resetTextColor()" x-sa-text="settings.t_reset">Reset</button> </div> <div x-sa-show="settings.show_heading_colors" class="widget__feature sa-no-track sa-text-center sa-relative sa-widget__col-2"> <div class="sa-no-track sa-text" x-sa-text="settings.t_heading_colors">Adjust heading colors</div> <svg class="sa-svg-checked" x-sa-bind:style="headingColor.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <div class="sa-widget__flex sa-widget__gap sa-widget__justify-evenly sa-no-track"> <button class="sa-button sa-widget__swatch sa-bg-red" x-sa-bind:class="{ 'sa-active' : isHeadingColor('#dc2626') }" x-sa-on:click="setHeadingColor('#dc2626')" aria-label="Change heading color to red" title="Change heading color to red"></button> <button class="sa-button sa-widget__swatch sa-bg-blue" x-sa-bind:class="{ 'sa-active' : isHeadingColor('#2563eb') }" x-sa-on:click="setHeadingColor('#2563eb')" aria-label="Change heading color to blue" title="Change heading color to blue"></button> <button class="sa-button sa-widget__swatch sa-bg-green " x-sa-bind:class="{ 'sa-active' : isHeadingColor('#16a34a') }" x-sa-on:click="setHeadingColor('#16a34a')" aria-label="Change heading color to green" title="Change heading color to green"></button> <button class="sa-button sa-widget__swatch sa-bg-purple " x-sa-bind:class="{ 'sa-active' : isHeadingColor('#9333ea') }" x-sa-on:click="setHeadingColor('#9333ea')" aria-label="Change heading color to purple" title="Change heading color to purple"></button> <button class="sa-button sa-widget__swatch sa-bg-orange " x-sa-bind:class="{ 'sa-active' : isHeadingColor('#ea580c') }" x-sa-on:click="setHeadingColor('#ea580c')" aria-label="Change heading color to orange" title="Change heading color to orange"></button> <button class="sa-button sa-widget__swatch sa-bg-teal " x-sa-bind:class="{ 'sa-active' : isHeadingColor('#0d9488') }" x-sa-on:click="setHeadingColor('#0d9488')" aria-label="Change heading color to teal" title="Change heading color to teal"></button> <button class="sa-button sa-widget__swatch sa-bg-black " x-sa-bind:class="{ 'sa-active' : isHeadingColor('#000') }" x-sa-on:click="setHeadingColor('#000')" aria-label="Change heading color to black" title="Change heading color to black"></button> <button class="sa-button sa-widget__swatch sa-bg-white " x-sa-bind:class="{ 'sa-active' : isHeadingColor('#fff') }" x-sa-on:click="setHeadingColor('#fff')" aria-label="Change heading color to white" title="Change heading color to white"></button> </div> <button class="sa-widget__reset-btn sa-button sa-no-track" x-sa-on:click="resetHeadingColor()" x-sa-text="settings.t_reset">Reset</button> </div> <div x-sa-show="settings.show_bg_colors" class="widget__feature sa-no-track sa-text-center sa-relative sa-widget__col-2"> <div class="sa-no-track sa-text" x-sa-text="settings.t_bg_colors">Adjust background colors</div> <svg class="sa-svg-checked" x-sa-bind:style="bgColor.isInitialised && { backgroundColor: settings.brand_color }" viewBox="0 0 20 20" fill="#fff"> <title>Checked mark</title> <path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> <div class="sa-widget__flex sa-widget__gap sa-widget__justify-evenly sa-no-track"> <button class="sa-button sa-widget__swatch sa-bg-red" x-sa-bind:class="{ 'sa-active' : isBgColor('#dc2626') }" x-sa-on:click="setBgColor('#dc2626')" aria-label="Change background color to red" title="Change background color to red"></button> <button class="sa-button sa-widget__swatch sa-bg-blue" x-sa-bind:class="{ 'sa-active' : isBgColor('#2563eb') }" x-sa-on:click="setBgColor('#2563eb')" aria-label="Change background color to blue" title="Change background color to blue"></button> <button class="sa-button sa-widget__swatch sa-bg-green " x-sa-bind:class="{ 'sa-active' : isBgColor('#16a34a') }" x-sa-on:click="setBgColor('#16a34a')" aria-label="Change background color to green" title="Change background color to green"></button> <button class="sa-button sa-widget__swatch sa-bg-purple " x-sa-bind:class="{ 'sa-active' : isBgColor('#9333ea') }" x-sa-on:click="setBgColor('#9333ea')" aria-label="Change background color to purple" title="Change background color to purple"></button> <button class="sa-button sa-widget__swatch sa-bg-orange " x-sa-bind:class="{ 'sa-active' : isBgColor('#ea580c') }" x-sa-on:click="setBgColor('#ea580c')" aria-label="Change background color to orange" title="Change background color to orange"></button> <button class="sa-button sa-widget__swatch sa-bg-teal " x-sa-bind:class="{ 'sa-active' : isBgColor('#0d9488') }" x-sa-on:click="setBgColor('#0d9488')" aria-label="Change background color to teal" title="Change background color to teal"></button> <button class="sa-button sa-widget__swatch sa-bg-black " x-sa-bind:class="{ 'sa-active' : isBgColor('#000') }" x-sa-on:click="setBgColor('#000')" aria-label="Change background color to black" title="Change background color to black"></button> <button class="sa-button sa-widget__swatch sa-bg-white " x-sa-bind:class="{ 'sa-active' : isBgColor('#fff') }" x-sa-on:click="setBgColor('#fff')" aria-label="Change background color to white" title="Change background color to white"></button> </div> <button class="sa-widget__reset-btn sa-button sa-no-track" x-sa-on:click="resetBgColor()" x-sa-text="settings.t_reset">Reset</button> </div> </div> <div x-sa-show="!settings.hide_powered_by" x-sa-bind:style="getBranding" class="sa-widget__header sa-no-track"> <div class="sa-widget__title sa-no-track sa-powered-by-text"> Powered by <a href="https://codeinspire.io/codeinspire-accesibility-tool" target="_blank" class="sa-no-track"> CodeInspire <span class="sa-arrow sa-font-system sa-no-track">↗</span> </a> </div> </div> </div> </div> <!--googleon: all--> </div><div id="shopify-block-2209279550302034861" class="shopify-block shopify-app-block"><!--<div> <div class="rh-quiz-list page-width"> <div class="rh-info-box mtop-20 mbot-20"> <p><b>Choose the ID of the Quiz you want to render (link popup, external link popup, email link popup):</b></p> <ul> <li style="margin-bottom: 15px;">Boku Quiz 1<br><b>#quiz-meHWpw</b> (internal) or <b>https://bokusuperfood.com/#quiz-meHWpw</b> (external, email)</li> <li style="margin-bottom: 15px;">Tutorial Quiz (copy)<br><b>#quiz-e4HMWY</b> (internal) or <b>https://bokusuperfood.com/#quiz-e4HMWY</b> (external, email)</li> </ul> </div> </div> </div>--> </div></body> </html>
