في كانون الأول (ديسمبر) ... بوكو يمنح سانتا استراحة! </ifushttps> Decoration line؛ "> <strong> تسوّق الآن! </ strong> </span> </a> </p> <p> </p> <p> * صالح على الطلبات الأمريكية فقط </ p></div> <div class="article__footer"><p class="share-links"><a aria-label="تويتر" title="تويتر" target="_blank" rel="noopener" href="//twitter.com/intent/tweet?text=%D9%81%D9%8A%20%D9%83%D8%A7%D9%86%D9%88%D9%86%20%D8%A7%D9%84%D8%A3%D9%88%D9%84%20(%D8%AF%D9%8A%D8%B3%D9%85%D8%A8%D8%B1)%20...%20%D8%A8%D9%88%D9%83%D9%88%20%D9%8A%D9%85%D9%86%D8%AD%20%D8%B3%D8%A7%D9%86%D8%AA%D8%A7%20%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AD%D8%A9!%20-%20BoKU%C2%AE%20Superfood&url=https://bokusuperfood.com/ar/blogs/all/this-december-boku-is-giving-santa-a-break" class="share-link" data-network="twitter"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-twitter-share" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 01-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"/></svg>سقسقة</a><a aria-label="فيسبوك" title="فيسبوك" target="_blank" rel="noopener" href="//www.facebook.com/sharer.php?u=https://bokusuperfood.com/ar/blogs/all/this-december-boku-is-giving-santa-a-break" class="share-link" data-network="facebook"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook-share" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48A48 48 0 000 80v352a48 48 0 0048 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0048-48V80a48 48 0 00-48-48z"/></svg>يشارك</a><a aria-label="بينتيريست" title="بينتيريست" target="_blank" rel="noopener" href="//pinterest.com/pin/create/button/?description=%D9%81%D9%8A%20%D9%83%D8%A7%D9%86%D9%88%D9%86%20%D8%A7%D9%84%D8%A3%D9%88%D9%84%20(%D8%AF%D9%8A%D8%B3%D9%85%D8%A8%D8%B1)%20...%20%D8%A8%D9%88%D9%83%D9%88%20%D9%8A%D9%85%D9%86%D8%AD%20%D8%B3%D8%A7%D9%86%D8%AA%D8%A7%20%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AD%D8%A9!%20-%20BoKU%C2%AE%20Superfood&url=https://bokusuperfood.com/ar/blogs/all/this-december-boku-is-giving-santa-a-break&media=//bokusuperfood.com/cdn/shop/articles/Screen_Shot_2019-11-22_at_9.33.24_AM.png?v=1588196254" class="share-link" data-network="pinterest"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest-share" viewBox="0 0 448 512"><path fill="currentColor" d="M448 80v352c0 26.5-21.5 48-48 48H154.4c9.8-16.4 22.4-40 27.4-59.3 3-11.5 15.3-58.4 15.3-58.4 8 15.3 31.4 28.2 56.3 28.2 74.1 0 127.4-68.1 127.4-152.7 0-81.1-66.2-141.8-151.4-141.8-106 0-162.2 71.1-162.2 148.6 0 36 19.2 80.8 49.8 95.1 4.7 2.2 7.1 1.2 8.2-3.3.8-3.4 5-20.1 6.8-27.8.6-2.5.3-4.6-1.7-7-10.1-12.3-18.3-34.9-18.3-56 0-54.2 41-106.6 110.9-106.6 60.3 0 102.6 41.1 102.6 99.9 0 66.4-33.5 112.4-77.2 112.4-24.1 0-42.1-19.9-36.4-44.4 6.9-29.2 20.3-60.7 20.3-81.8 0-53-75.5-45.7-75.5 25 0 21.7 7.3 36.5 7.3 36.5-31.4 132.8-36.1 134.5-29.6 192.6l2.2.8H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z"/></svg>دبوس</a></p><p class="article__controls"><a href="/ar/blogs/all/5-tips-to-staying-healthy-during-thanksgiving" class="article__control article__control--prev"><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>المنشور السابق</a><a href="/ar/blogs/all/december-newsletter-2019" class="article__control article__control--next">القادم بوست<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></a></p></div></div> </div> </div> </article> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Article", "articleBody": " Decoration line؛ \"\u003e تسوّق الآن! \n \n * صالح على الطلبات الأمريكية فقط ", "mainEntityOfPage": { "@type": "WebPage", "@id": "https:\/\/bokusuperfood.com" }, "headline": "في كانون الأول (ديسمبر) ... بوكو يمنح سانتا استراحة!", "image": [ "https:\/\/bokusuperfood.com\/cdn\/shop\/articles\/Screen_Shot_2019-11-22_at_9.33.24_AM_1534x.png?v=1588196254" ], "datePublished": "2019-12-01T00:00:00Z", "dateCreated": "2019-11-20T14:14:16Z", "author": { "@type": "Person", "name": "Amy Price" }, "publisher": { "@type": "Organization", "name": "BoKU® Superfood" } } </script> </section> </div> </main><!-- BEGIN sections: footer-group --> <div id="shopify-section-sections--17868350259386__3d8f657e-6da3-4353-bf05-ddf70dd6ffdf" class="shopify-section shopify-section-group-footer-group"> <section class="custom-code-section section-padding" data-section-id="sections--17868350259386__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--17868350259386__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--17868350259386__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="/ar" 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="/ar/collections/superfoods">صحة الأمعاء والهضم</a> </li><li class="footer__block__menu-link"> <a href="/ar/collections/best-selling-wellness-essentials">أفضل البائعين</a> </li><li class="footer__block__menu-link"> <a href="/ar/collections/supplements">أُوكَازيُون</a> </li><li class="footer__block__menu-link"> <a href="/ar/collections/digestion">الوجبة الكاملة</a> </li><li class="footer__block__menu-link"> <a href="/ar/collections/fitness-protein">اللياقة البدنية والبروتين</a> </li><li class="footer__block__menu-link"> <a href="/ar/collections/personal-care">رعاية شخصية</a> </li><li class="footer__block__menu-link"> <a href="/ar/collections/all">تسوق كل شيء</a> </li></ul></div></div><div class="footer__block footer__block--menus " ><div class="footer__block-menu" ><p class="footer__block__title">حول Boku</p><ul><li class="footer__block__menu-link"> <a href="/ar/pages/about-boku">قصتنا</a> </li><li class="footer__block__menu-link"> <a href="/ar/pages/why-us">لماذا Boku</a> </li><li class="footer__block__menu-link"> <a href="/ar/pages/sustainability">الاستدامة</a> </li><li class="footer__block__menu-link"> <a href="/ar/blogs/all">مدونة</a> </li><li class="footer__block__menu-link"> <a href="/ar/pages/press">يضعط</a> </li><li class="footer__block__menu-link"> <a href="/ar/blogs/recipes">وصفات</a> </li><li class="footer__block__menu-link"> <a href="/ar/pages/reviews">المراجعات</a> </li><li class="footer__block__menu-link"> <a href="/ar/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="/ar/pages/cafe">كافيه</a> </li><li class="footer__block__menu-link"> <a href="/ar/pages/testimonials-58">الشهادات - التوصيات</a> </li><li class="footer__block__menu-link"> <a href="/ar/policies/privacy-policy">سياسة الخصوصية</a> </li><li class="footer__block__menu-link"> <a href="/ar/policies/terms-of-service">شروط الخدمة</a> </li><li class="footer__block__menu-link"> <a href="/ar/policies/shipping-policy">سياسة الشحن</a> </li><li class="footer__block__menu-link"> <a href="/ar/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">انستغرام</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">فيسبوك</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_DStG0i4o.en.esm.js"></script> <script defer="defer" async type="module" src="//bokusuperfood.com/cdn/shopifycloud/shop-js/modules/chunk.common_DCmY8Zac.esm.js"></script> <script type="module"> await import("//bokusuperfood.com/cdn/shopifycloud/shop-js/modules/client.login-button_DStG0i4o.en.esm.js"); await import("//bokusuperfood.com/cdn/shopifycloud/shop-js/modules/chunk.common_DCmY8Zac.esm.js"); </script> <shop-login-button action="follow" proxy="true"></shop-login-button> </div></div> </div> <div class="footer__bottom__left"><form method="post" action="/ar/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="/ar/blogs/all/this-december-boku-is-giving-santa-a-break" /><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 "> <a class="popout-list__option" href="#" lang="" data-value="zh-CN" data-popout-option> <span>简体中文</span> </a> </li> <li class="popout-list__item popout-list__item--current"> <a class="popout-list__option" href="#" lang="" aria-current="true" 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="ar" 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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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> <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="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="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="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="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="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="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="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="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="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="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="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="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="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="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 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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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 "> <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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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></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--17868350259386__popup" class="shopify-section shopify-section-group-footer-group"><!-- /snippets/popup.liquid --><div data-section-id="sections--17868350259386__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-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-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-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><div id="shopify-block-6610233760104865948" class="shopify-block shopify-app-block"><script> window.pushowlSubdomain = "bokusuperfood.myshopify.com".split(".")[0] window.isPushowlThemeAppExtentionEnabled = true window.pushowlGUID = "cfb87ccd-b22c-46b5-be39-a53a124d15ee" window.pushowlEnvironment = "production" </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-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 resetMetafields = false || {}; const {integration: avadaCbIntegration} = cookieBarMetaFields; const shopNameCookie = 'BoKU® Superfood'; window.AVADA_COOKIES_BAR = { shopName: shopNameCookie, 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 }, reset: resetMetafields, brandData: { primaryBackground: "#277d70", primaryForeground: "#ffffff", secondaryBackground: null, secondaryForeground: null, logo: "\/\/bokusuperfood.com\/cdn\/shop\/files\/Screenshot_2024-01-17_at_10.38.14_AM.png?v=1705516756" } }; (() => { 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></body> </html>
