www.puravidabracelets.com
Open in
urlscan Pro
23.227.38.74
Public Scan
Submitted URL: https://trk.klclick.com/ls/click?upn=ALT6aJgQyBEcRGI5h7C3tN1prQmuNXopkWVZ5VKsNyCn8a3pwL-2BgnUAYZl2bMUIR6GMtl5v7Ln-2BI-2F...
Effective URL: https://www.puravidabracelets.com/collections/all-bracelets?utm_source=Klaviyo&utm_medium=email&utm_campaign=1.08.24.SignUpforSMS&...
Submission: On January 10 via api from BE — Scanned from DE
Effective URL: https://www.puravidabracelets.com/collections/all-bracelets?utm_source=Klaviyo&utm_medium=email&utm_campaign=1.08.24.SignUpforSMS&...
Submission: On January 10 via api from BE — Scanned from DE
Form analysis 50 forms found in the DOM
GET /collections/shop
<form action="/collections/shop" class="relative flex items-center flex-row-reverse h-16 px-6 border-b border-solid border-lightgray ng-pristine ng-valid ng-scope" method="get" role="search" data-search-form="" ss-nav="">
<label for="mobileSearch" class="sr-only">Search</label>
<input type="search" class="bg-white text-base w-full focus:outline-none placeholder:text-xxs placeholder:uppercase placeholder:tracking-widest placeholder:text-superdarkgray ng-scope" name="q" autocomplete="off" id="mobileSearch"
placeholder="Search jewelry, apparel, and more!" ss-nav-input="" ng-non-bindable="" spellcheck="false"><!-- ngIf: ac.ready -->
<button type="submit" class="p-3 pl-0" title="Search" aria-label="Submit search">
<svg class="w-4 h-4 block" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg">
<path fill="#000"
d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z"
transform="translate(0 .63782)"></path>
</svg>
</button>
</form>GET /collections/shop
<form class="relative p-8 ng-pristine ng-valid ng-scope" action="/collections/shop" method="get" role="search" data-search-form="" ss-nav="">
<label for="searchInput" class="sr-only">Search</label>
<input type="search" id="searchInput" class="appearance-none bg-white focus:outline-none w-full max-w-[800px] py-3 block mx-auto leading-7 text-base font-brandon-medium text-darkgray border-b border-solid border-superdarkgray ng-scope"
aria-label="Enter search term" value="" autocomplete="off" placeholder="Search jewelry, apparel, and more!" name="q" ss-nav-input="" ng-non-bindable="" spellcheck="false"><!-- ngIf: ac.ready -->
<input type="submit" class="sr-only" value="Search">
</form>GET /collections/shop
<form action="/collections/shop" class="relative p-2 border-b border-solid border-lightgray ng-pristine ng-valid ng-scope" method="get" role="search" ss-nav="">
<label for="mobileGlobalSearch" class="sr-only">Search</label>
<input type="search" isp_ignore=""
class="focus:outline-none appearance-none leading-none indent-10 text-base w-full py-2 border border-solid border-lightgray bg-superlightgray rounded-md placeholder:text-sm placeholder:text-black placeholder:opacity-100 ng-scope" name="q"
autocomplete="off" id="mobileGlobalSearch" placeholder="Search jewelry, apparel, and more!" ss-nav-input="" ng-non-bindable="" spellcheck="false"><!-- ngIf: ac.ready -->
<button type="submit" class="absolute left-4 top-1/2 -translate-y-2/4 p-2" title="Search" aria-label="Search submit button">
<svg class="w-[14px] h-auto" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg">
<path fill="#919191"
d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z"
transform="translate(0 .63782)"></path>
</svg>
</button>
<button type="reset" class="absolute left-4 top-1/2 -translate-y-2/4 p-2 hidden" title="Reset" aria-label="Reset search field" aria-hidden="true">
<svg class="w-[12px] h-auto" width="17px" height="17px" viewBox="0 0 17 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(-1172.000000, -64.000000)" fill="#919191" fill-rule="nonzero">
<g transform="translate(1172.000000, 64.000000)">
<path
d="M9.9010989,8.59340659 L16.7384615,1.75604396 C17.0934066,1.4010989 17.0934066,0.821978022 16.7384615,0.448351648 C16.3835165,0.0747252747 15.8043956,0.0934065934 15.4307692,0.448351648 L8.59340659,7.28571429 L1.75604396,0.448351648 C1.4010989,0.0934065934 0.821978022,0.0934065934 0.448351648,0.448351648 C0.0747252747,0.803296703 0.0934065934,1.38241758 0.448351648,1.75604396 L7.28571429,8.59340659 L0.448351648,15.4307692 C0.0934065934,15.7857143 0.0934065934,16.3648352 0.448351648,16.7384615 C0.635164835,16.9252747 0.859340659,17 1.1021978,17 C1.34505495,17 1.56923077,16.9065934 1.75604396,16.7384615 L8.59340659,9.9010989 L15.4307692,16.7384615 C15.6175824,16.9252747 15.8417582,17 16.0846154,17 C16.3274725,17 16.5516484,16.9065934 16.7384615,16.7384615 C17.0934066,16.3835165 17.0934066,15.8043956 16.7384615,15.4307692 L9.9010989,8.59340659 Z">
</path>
</g>
</g>
</g>
</svg>
</button>
</form><form id="product_grid_form_6962309955670" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="heart-strings-bracelet-pack" data-product-id="6962309955670"
data-product-type="Accessories" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/heart-strings-bracelet-pack" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--limited-edition" ng-class="{'product-badge--img': result.badge.image}"> Limited Edition <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/40196VALE_3_750x750_crop_center.jpg?v=1703199228" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/40196VALE_3_750x750_crop_center.jpg?v=1703199228"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/40196VALE_3_750x880_crop_center.jpg?v=1703199228"
alt="Heart Strings Bracelet Pack" class="product-card__img" data-product-card-img="" src="//cdn.shopify.com/s/files/1/0297/6313/files/40196VALE_3_750x880_crop_center.jpg?v=1703199228" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6962309955670-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Heart Strings Bracelet Pack</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6962309955670" data-variant-id="40520732442710" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="xhU316tG7eqkmv4j"
data-gip-original-value="20" data-gip-converted="true">€20.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6962309955670" data-bis-variant="40520732442710" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6956666880086" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="red-cross-three-hearts-charm-bracelet"
data-product-id="6956666880086" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/red-cross-three-hearts-charm-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39878VANL_1-min_750x750_crop_center.jpg?v=1703196626" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39878VANL_1-min_750x750_crop_center.jpg?v=1703196626"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39878VANL_1-min_750x880_crop_center.jpg?v=1703196626"
alt="Red Cross Three Hearts Charm Bracelet" class="product-card__img" data-product-card-img="" src="//cdn.shopify.com/s/files/1/0297/6313/files/39878VANL_1-min_750x880_crop_center.jpg?v=1703196626" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6956666880086-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Red Cross Three Hearts Charm Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6956666880086" data-variant-id="40505605587030" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="wDiPbnEJBzoVwwHc"
data-gip-original-value="16" data-gip-converted="true">€16.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6956666880086" data-bis-variant="40505605587030" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6956974964822" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="red-cross-valentines-day-style-pack"
data-product-id="6956974964822" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/red-cross-valentines-day-style-pack" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39879GOLD_1-min_750x750_crop_center.jpg?v=1703196703" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39879GOLD_1-min_750x750_crop_center.jpg?v=1703196703"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39879GOLD_1-min_750x880_crop_center.jpg?v=1703196703"
alt="Red Cross Valentine's Day Style Pack" class="product-card__img" data-product-card-img="" src="//cdn.shopify.com/s/files/1/0297/6313/files/39879GOLD_1-min_750x880_crop_center.jpg?v=1703196703" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6956974964822-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Red Cross Valentine's Day Style Pack</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6956974964822" data-variant-id="40507004256342" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="ZI8ODtQOdHZW2bZm"
data-gip-original-value="45" data-gip-converted="true">€44.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6956974964822" data-bis-variant="40507004256342" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6956648824918" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="vacation-vibes-pink-moment-stretch-bracelet-set-of-8"
data-product-id="6956648824918" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/vacation-vibes-pink-moment-stretch-bracelet-set-of-8" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/38872PNKM_1_1_750x750_crop_center.jpg?v=1703199123" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/38872PNKM_1_1_750x750_crop_center.jpg?v=1703199123"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/38872PNKM_1_1_750x880_crop_center.jpg?v=1703199123"
alt="Vacation Vibes Pink Moment Stretch Bracelet Set of 8" class="product-card__img" data-product-card-img="" src="//cdn.shopify.com/s/files/1/0297/6313/files/38872PNKM_1_1_750x880_crop_center.jpg?v=1703199123" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6956648824918-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Vacation Vibes Pink Moment Stretch Bracelet Set of 8</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6956648824918" data-variant-id="40505541525590" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="Y4ThkY3Cz2oNC7IR"
data-gip-original-value="48" data-gip-converted="true">€47.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6956648824918" data-bis-variant="40505541525590" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6843165835350" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="i-heart-malibu-charity-bracelet" data-product-id="6843165835350"
data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/i-heart-malibu-charity-bracelet?variant=40158172086358" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/products/37679_LIPIV1-min_750x750_crop_center.jpg?v=1672853875" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/products/37679_LIPIV1-min_750x750_crop_center.jpg?v=1672853875"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/products/37679_LIPIV1-min_750x880_crop_center.jpg?v=1672853875"
alt="I Heart Malibu Charity Bracelet" class="product-card__img" data-product-card-img="" src="//cdn.shopify.com/s/files/1/0297/6313/products/37679_LIPIV1-min_750x880_crop_center.jpg?v=1672853875" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson -->
<fieldset ng-if="result.hasJson" class="product__options ng-scope">
<legend class="sr-only ng-binding">I Heart Malibu Charity Bracelet Options</legend>
<div class="product__option-header ng-binding">Color</div> <!-- ngIf: result.variantSelected.handles.option !='finish' -->
<div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--color" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-light-pink-6843165835350grid" value="Light Pink"
name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-light-pink-6843165835350grid" title="Light Pink" aria-label="Color Light Pink"
class="swatch swatch--color swatch--light-pink" ng-class="{'unavailable': variant.available != 1}" data-swatch="light-pink"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Light Pink</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="color-brick-red-6843165835350grid" value="Brick Red" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-brick-red-6843165835350grid" title="Brick Red"
aria-label="Color Brick Red" class="swatch swatch--color swatch--brick-red" ng-class="{'unavailable': variant.available != 1}" data-swatch="brick-red"> <span ng-class="{'sr-clickable': variant.srClickable}"
class="ng-binding sr-clickable">Brick Red</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-vanilla-6843165835350grid" value="Vanilla" name="options[Color]"
ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-vanilla-6843165835350grid" title="Vanilla" aria-label="Color Vanilla"
class="swatch swatch--color swatch--vanilla" ng-class="{'unavailable': variant.available != 1}" data-swatch="vanilla"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Vanilla</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --> </div><!-- end ngIf: result.variantSelected.handles.option !='finish' -->
<!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue --> <!-- ngIf: result.variantSelectedValue -->
</fieldset><!-- end ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">I Heart Malibu Charity Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6843165835350" data-variant-id="40158172086358" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="IkQl1YZtDWtMxBoi"
data-gip-original-value="14" data-gip-converted="true">€14.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6843165835350" data-bis-variant="40158172086358" ng-disabled="result.ss_button_text == 'Out of Stock'"> </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6843165737046" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="blood-saves-lives-braided-bracelet"
data-product-id="6843165737046" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/blood-saves-lives-braided-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --> <!-- ngIf: result.imageDetails --><div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope"> <picture class="ss-image-active"> <source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1003_RCR2V1-min_750x750_crop_center.jpg?v=1672853347" data-product-card-img-large="" srcset="//cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1003_RCR2V1-min_750x750_crop_center.jpg?v=1672853347"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1003_RCR2V1-min_750x880_crop_center.jpg?v=1672853347" alt="Blood Saves Lives Braided Bracelet" class="product-card__img" data-product-card-img="" src="//cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1003_RCR2V1-min_750x880_crop_center.jpg?v=1672853347" style=""> </picture> </div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6843165737046-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off" class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope" ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div> <div class="product-card__title ng-binding">Blood Saves Lives Braided Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' --> <div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6843165737046" data-variant-id="40158171496534" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="OZEpIu3qrY37FJty" data-gip-original-value="15" data-gip-converted="true">€15.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a>
<!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6843165737046" data-bis-variant="40158171496534" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6956640174166" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="metal-heart-bead-stretch-bracelet"
data-product-id="6956640174166" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/metal-heart-bead-stretch-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39766GOLD_1-min_750x750_crop_center.jpg?v=1703195454" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39766GOLD_1-min_750x750_crop_center.jpg?v=1703195454"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39766GOLD_1-min_750x880_crop_center.jpg?v=1703195454"
alt="Metal Heart Bead Stretch Bracelet" class="product-card__img" data-product-card-img="" src="//cdn.shopify.com/s/files/1/0297/6313/files/39766GOLD_1-min_750x880_crop_center.jpg?v=1703195454" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6956640174166-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Metal Heart Bead Stretch Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6956640174166" data-variant-id="40505509478486" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="LiHE9WvfO8mhHWkt"
data-gip-original-value="20" data-gip-converted="true">€20.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6956640174166" data-bis-variant="40505509478486" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6957074612310" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="cuteness-tile-bead-stretch-bracelet-set"
data-product-id="6957074612310" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/cuteness-tile-bead-stretch-bracelet-set" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39880GOLD_1-min_750x750_crop_center.jpg?v=1703196294" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39880GOLD_1-min_750x750_crop_center.jpg?v=1703196294"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39880GOLD_1-min_750x880_crop_center.jpg?v=1703196294"
alt="Cuteness Tile Bead Stretch Bracelet" class="product-card__img" data-product-card-img="" src="//cdn.shopify.com/s/files/1/0297/6313/files/39880GOLD_1-min_750x880_crop_center.jpg?v=1703196294" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6957074612310-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Cuteness Tile Bead Stretch Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6957074612310" data-variant-id="40507637170262" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="bclEZFPCimenlBou"
data-gip-original-value="18" data-gip-converted="true">€18.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6957074612310" data-bis-variant="40507637170262" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6956987482198" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="red-cross-mixed-mini-braided-bracelet"
data-product-id="6956987482198" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/red-cross-mixed-mini-braided-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1040XOXO_1-min_750x750_crop_center.jpg?v=1703196140" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1040XOXO_1-min_750x750_crop_center.jpg?v=1703196140"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1040XOXO_1-min_750x880_crop_center.jpg?v=1703196140"
alt="Red Cross XOXO Mixed Mini Braided Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1040XOXO_1-min_750x880_crop_center.jpg?v=1703196140" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6956987482198-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Red Cross XOXO Mixed Mini Braided Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6956987482198" data-variant-id="40507076804694" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="GYAwxzfQjW2iCKbJ"
data-gip-original-value="10" data-gip-converted="true">€10.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6956987482198" data-bis-variant="40507076804694" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6957002457174" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="red-heart-charm-dainty-bracelet" data-product-id="6957002457174"
data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/red-heart-charm-dainty-bracelet?variant=40539627290710" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39747RED_1-min_750x750_crop_center.jpg?v=1703196470" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39747RED_1-min_750x750_crop_center.jpg?v=1703196470"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39747RED_1-min_750x880_crop_center.jpg?v=1703196470"
alt="Heart Bead Gold Dainty Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/39747RED_1-min_750x880_crop_center.jpg?v=1703196470" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson -->
<fieldset ng-if="result.hasJson" class="product__options ng-scope">
<legend class="sr-only ng-binding">Heart Bead Gold Dainty Bracelet Options</legend>
<div class="product__option-header ng-binding">Color</div> <!-- ngIf: result.variantSelected.handles.option !='finish' -->
<div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--color" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-red-6957002457174grid" value="Red" name="options[Color]"
ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-red-6957002457174grid" title="Red" aria-label="Color Red"
class="swatch swatch--color swatch--red" ng-class="{'unavailable': variant.available != 1}" data-swatch="red"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Red</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="color-natural-6957002457174grid" value="Natural" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-natural-6957002457174grid" title="Natural"
aria-label="Color Natural" class="swatch swatch--color swatch--natural" ng-class="{'unavailable': variant.available != 1}" data-swatch="natural"> <span ng-class="{'sr-clickable': variant.srClickable}"
class="ng-binding sr-clickable">Natural</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --> </div>
<!-- end ngIf: result.variantSelected.handles.option !='finish' --> <!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue --> <!-- ngIf: result.variantSelectedValue -->
</fieldset><!-- end ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Heart Bead Gold Dainty Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6957002457174" data-variant-id="40539627290710" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="YYtLfVoDP6EIWAdE"
data-gip-original-value="14" data-gip-converted="true">€14.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6957002457174" data-bis-variant="40539627290710" ng-disabled="result.ss_button_text == 'Out of Stock'"> </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6962755895382" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="red-cross-valentines-day-original-bracelet-card"
data-product-id="6962755895382" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/red-cross-valentines-day-original-bracelet-card?variant=40542814568534" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39992RCR2_1-min_750x750_crop_center.jpg?v=1703435112" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39992RCR2_1-min_750x750_crop_center.jpg?v=1703435112"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39992RCR2_1-min_750x880_crop_center.jpg?v=1703435112"
alt="Red Cross Valentine's Day Original Bracelet Card" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/39992RCR2_1-min_750x880_crop_center.jpg?v=1703435112" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson -->
<fieldset ng-if="result.hasJson" class="product__options ng-scope">
<legend class="sr-only ng-binding">Red Cross Valentine's Day Original Bracelet Card Options</legend>
<div class="product__option-header ng-binding">Quantity</div> <!-- ngIf: result.variantSelected.handles.option !='finish' -->
<div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--quantity" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="quantity-single-6962755895382grid" value="Single"
name="options[Quantity]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="quantity-single-6962755895382grid" title="Single" aria-label="Quantity Single"
class="swatch swatch--quantity swatch--single" ng-class="{'unavailable': variant.available != 1}" data-swatch="single"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding">Single</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="quantity-5-pack-6962755895382grid" value="5 Pack" name="options[Quantity]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="quantity-5-pack-6962755895382grid" title="5 Pack"
aria-label="Quantity 5 Pack" class="swatch swatch--quantity swatch--5-pack" ng-class="{'unavailable': variant.available != 1}" data-swatch="5-pack"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding">5 Pack</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --> </div><!-- end ngIf: result.variantSelected.handles.option !='finish' -->
<!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue --> <!-- ngIf: result.variantSelectedValue -->
</fieldset><!-- end ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Red Cross Valentine's Day Original Bracelet Card</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6962755895382" data-variant-id="40542814568534" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="l2xi7AouiX8rh5xY"
data-gip-original-value="8" data-gip-converted="true">€8.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6962755895382" data-bis-variant="40542814568534" ng-disabled="result.ss_button_text == 'Out of Stock'"> </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6949776228438" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="pink-red-two-toned-dainty-bracelet"
data-product-id="6949776228438" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/pink-red-two-toned-dainty-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39908GOLD_1-min_750x750_crop_center.jpg?v=1703195887" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39908GOLD_1-min_750x750_crop_center.jpg?v=1703195887"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39908GOLD_1-min_750x880_crop_center.jpg?v=1703195887"
alt="Pink & Red Two Toned Dainty Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/39908GOLD_1-min_750x880_crop_center.jpg?v=1703195887" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6949776228438-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Pink & Red Two Toned Dainty Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6949776228438" data-variant-id="40488783642710" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="ORV6QGxipgyXV5JC"
data-gip-original-value="14" data-gip-converted="true">€14.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6949776228438" data-bis-variant="40488783642710" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6949743034454" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="yours-to-keep-bracelet" data-product-id="6949743034454"
data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/yours-to-keep-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1021YRKP_1_750x750_crop_center.jpg?v=1703313088" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1021YRKP_1_750x750_crop_center.jpg?v=1703313088"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1021YRKP_1_750x880_crop_center.jpg?v=1703313088"
alt="Yours to Keep Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1021YRKP_1_750x880_crop_center.jpg?v=1703313088" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6949743034454-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Yours to Keep Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6949743034454" data-variant-id="40488749465686" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="6h6l5ZCDFezKqbvc"
data-gip-original-value="7" data-gip-converted="true">€7.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --><span ng-if="result.tags_bundle" class="ss-price-promo ng-binding ng-scope"
style="color: #4d4d4d;">or any 3 for $18</span><!-- end ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6949743034454" data-bis-variant="40488749465686" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6956982730838" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="red-cross-mixed-original-bracelet"
data-product-id="6956982730838" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/red-cross-mixed-original-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1001BEMN_1-min_750x750_crop_center.jpg?v=1703196207" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1001BEMN_1-min_750x750_crop_center.jpg?v=1703196207"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1001BEMN_1-min_750x880_crop_center.jpg?v=1703196207"
alt="Red Cross Be Mine Mixed Original Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1001BEMN_1-min_750x880_crop_center.jpg?v=1703196207" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6956982730838-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="//cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Red Cross Be Mine Mixed Original Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6956982730838" data-variant-id="40507046232150" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="TxUgG9uRqIRIKLw9"
data-gip-original-value="7" data-gip-converted="true">€7.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --><span ng-if="result.tags_bundle" class="ss-price-promo ng-binding ng-scope"
style="color: #4d4d4d;">or any 3 for $18</span><!-- end ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6956982730838" data-bis-variant="40507046232150" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6956986499158" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="besos-braided-bracelet" data-product-id="6956986499158"
data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/besos-braided-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1002BESO_1-min_750x750_crop_center.jpg?v=1703196930" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1002BESO_1-min_750x750_crop_center.jpg?v=1703196930"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1002BESO_1-min_750x880_crop_center.jpg?v=1703196930"
alt="Besos Braided Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1002BESO_1-min_750x880_crop_center.jpg?v=1703196930" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6956986499158-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Besos Braided Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6956986499158" data-variant-id="40507071397974" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="6q6Oq0ILhfX8iGyX"
data-gip-original-value="15" data-gip-converted="true">€15.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6956986499158" data-bis-variant="40507071397974" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6954395402326" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="valentines-day-friendship-10-pack"
data-product-id="6954395402326" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/valentines-day-friendship-10-pack" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--70-value" ng-class="{'product-badge--img': result.badge.image}"> $70 Value <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/37970VALE_1_9acfb851-f3bf-44c2-96ca-45c05b70d7d0_750x750_crop_center.jpg?v=1703199484" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/37970VALE_1_9acfb851-f3bf-44c2-96ca-45c05b70d7d0_750x750_crop_center.jpg?v=1703199484"> <img
ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/37970VALE_1_9acfb851-f3bf-44c2-96ca-45c05b70d7d0_750x880_crop_center.jpg?v=1703199484" alt="Valentines Day Friendship 10 Pack" class="product-card__img" data-product-card-img=""
loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/37970VALE_1_9acfb851-f3bf-44c2-96ca-45c05b70d7d0_750x880_crop_center.jpg?v=1703199484" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6954395402326-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Valentines Day Friendship 10 Pack</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6954395402326" data-variant-id="40500945649750" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="mw7nQuqXzipNBX50"
data-gip-original-value="48" data-gip-converted="true">€47.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6954395402326" data-bis-variant="40500945649750" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_4401463525462" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="engravable-bar-bracelet" data-product-id="4401463525462"
data-product-type="Engraving" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/engravable-bar-bracelet?variant=40165921849430" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--personalize" ng-class="{'product-badge--img': result.badge.image}"> Personalize <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/products/engraving-bar-blk-gold_750x750_crop_center.jpg?v=1700509483" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/products/engraving-bar-blk-gold_750x750_crop_center.jpg?v=1700509483"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/products/engraving-bar-blk-gold_750x880_crop_center.jpg?v=1700509483"
alt="Engravable Bar Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/products/engraving-bar-blk-gold_750x880_crop_center.jpg?v=1700509483" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson -->
<fieldset ng-if="result.hasJson" class="product__options ng-scope">
<legend class="sr-only ng-binding">Engravable Bar Bracelet Options</legend>
<div class="product__option-header ng-binding">Metal</div> <!-- ngIf: result.variantSelected.handles.option !='finish' -->
<div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--metal" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="metal-gold-4401463525462grid" value="Gold" name="options[Metal]"
ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="metal-gold-4401463525462grid" title="Gold" aria-label="Metal Gold"
class="swatch swatch--metal swatch--gold" ng-class="{'unavailable': variant.available != 1}" data-swatch="gold"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Gold</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="metal-silver-4401463525462grid" value="Silver" name="options[Metal]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="metal-silver-4401463525462grid" title="Silver" aria-label="Metal Silver"
class="swatch swatch--metal swatch--silver" ng-class="{'unavailable': variant.available != 1}" data-swatch="silver"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Silver</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="metal-rose-gold-4401463525462grid" value="Rose Gold" name="options[Metal]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="metal-rose-gold-4401463525462grid" title="Rose Gold"
aria-label="Metal Rose Gold" class="swatch swatch--metal swatch--rose-gold" ng-class="{'unavailable': variant.available != 1}" data-swatch="rose-gold"> <span ng-class="{'sr-clickable': variant.srClickable}"
class="ng-binding sr-clickable">Rose Gold</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --> </div>
<!-- end ngIf: result.variantSelected.handles.option !='finish' --> <!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue -->
<div ng-if="result.variantSelectedValue" class="product__option-header ng-binding ng-scope"> Color - <span data-option-header="Color" class="ng-binding">Black</span> </div><!-- end ngIf: result.variantSelectedValue -->
<!-- ngIf: result.variantSelectedValue -->
<div ng-if="result.variantSelectedValue" class="product__swatches product__swatches--color" role="radiogroup"> <!-- ngRepeat: variant in result.variantSelected.values | limitTo:variantsConfig.limitValues track by $index --><input
ng-repeat-start="variant in result.variantSelected.values | limitTo:variantsConfig.limitValues track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" data-swatch-input-group="Color" data-swatch-input="Black"
id="color-black-4401463525462grid" value="Black" name="options[Color]" ng-checked="result.variantSelectedValue && (result.variantSelectedValue.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('value'); variantsConfig.swapValues(result, variant); variantsConfig.setBtnText(result, variant);" for="color-black-4401463525462grid" title="Black" aria-label="Color Black"
class="swatch swatch--color swatch--black" ng-class="{'unavailable': variant.available != 1}" data-swatch="black"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Black</span>
</label><!-- end ngRepeat: variant in result.variantSelected.values | limitTo:variantsConfig.limitValues track by $index --><input ng-repeat-start="variant in result.variantSelected.values | limitTo:variantsConfig.limitValues track by $index"
type="checkbox" role="radio" class="swatch__input ng-scope" data-swatch-input-group="Color" data-swatch-input="White" id="color-white-4401463525462grid" value="White" name="options[Color]"
ng-checked="result.variantSelectedValue && (result.variantSelectedValue.handles.id == variant.handles.id)"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('value'); variantsConfig.swapValues(result, variant); variantsConfig.setBtnText(result, variant);" for="color-white-4401463525462grid" title="White" aria-label="Color White"
class="swatch swatch--color swatch--white" ng-class="{'unavailable': variant.available != 1}" data-swatch="white"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">White</span>
</label><!-- end ngRepeat: variant in result.variantSelected.values | limitTo:variantsConfig.limitValues track by $index --> <!-- ngIf: result.variantsRemainingValues > 0 --> </div><!-- end ngIf: result.variantSelectedValue -->
</fieldset><!-- end ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Engravable Bar Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="4401463525462" data-variant-id="40165921849430" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="ILCxywuySvpiXo3G"
data-gip-original-value="24" data-gip-converted="true">€24.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton -->
<div ng-if="!result.hasCtaButton" class="product-card__ctas ng-scope">
<!-- ngIf: !result.ss_variant_oos --><a ng-if="!result.ss_variant_oos" href="/products/engravable-bar-bracelet?variant=40165921849430" intellisuggest="" class="button button--teal button--full ng-binding ng-scope" ss-ps=""> Engrave Now </a><!-- end ngIf: !result.ss_variant_oos -->
<!-- ngIf: result.ss_variant_oos --> </div><!-- end ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6954391404630" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="yours-to-keep-friendship-10-pack"
data-product-id="6954391404630" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/yours-to-keep-friendship-10-pack" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--70-value" ng-class="{'product-badge--img': result.badge.image}"> $70 Value <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/37970YRKP_1_750x750_crop_center.jpg?v=1703199545" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/37970YRKP_1_750x750_crop_center.jpg?v=1703199545"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/37970YRKP_1_750x880_crop_center.jpg?v=1703199545"
alt="Yours to Keep Friendship 10 Pack" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/37970YRKP_1_750x880_crop_center.jpg?v=1703199545" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6954391404630-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Yours to Keep Friendship 10 Pack</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6954391404630" data-variant-id="40500927955030" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="l1uMmE4t9VA8Uk8X"
data-gip-original-value="48" data-gip-converted="true">€47.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6954391404630" data-bis-variant="40500927955030" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6954392354902" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="stone-enamel-heart-stretch-bracelet"
data-product-id="6954392354902" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/stone-enamel-heart-stretch-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39764SILV_1_750x750_crop_center.jpg?v=1703313758" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39764SILV_1_750x750_crop_center.jpg?v=1703313758"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39764SILV_1_750x880_crop_center.jpg?v=1703313758"
alt="Stone & Enamel Heart Stretch Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/39764SILV_1_750x880_crop_center.jpg?v=1703313758" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6954392354902-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Stone & Enamel Heart Stretch Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6954392354902" data-variant-id="40500929429590" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="WnKKb1lf4GdiEQ81"
data-gip-original-value="20" data-gip-converted="true">€20.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6954392354902" data-bis-variant="40500929429590" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6949861720150" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="pink-and-red-vinyl-disc-bead-stretch-bracelet-set"
data-product-id="6949861720150" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/pink-and-red-vinyl-disc-bead-stretch-bracelet-set" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39765GOLD_1-min_750x750_crop_center.jpg?v=1703195995" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39765GOLD_1-min_750x750_crop_center.jpg?v=1703195995"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39765GOLD_1-min_750x880_crop_center.jpg?v=1703195995"
alt="Pink and Red Vinyl Disc Bead Stretch Bracelet Set" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/39765GOLD_1-min_750x880_crop_center.jpg?v=1703195995" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6949861720150-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Pink and Red Vinyl Disc Bead Stretch Bracelet Set</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6949861720150" data-variant-id="40488934637654" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="DxiGiyzMGcXHddb0"
data-gip-original-value="20" data-gip-converted="true">€20.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6949861720150" data-bis-variant="40488934637654" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6962747801686" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="red-cross-friendship-5-pack" data-product-id="6962747801686"
data-product-type="Bundle" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/red-cross-friendship-5-pack" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--56-value" ng-class="{'product-badge--img': result.badge.image}"> $56 Value <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/Virtual5Pack_1-min_750x750_crop_center.jpg?v=1703361354" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/Virtual5Pack_1-min_750x750_crop_center.jpg?v=1703361354"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/Virtual5Pack_1-min_750x880_crop_center.jpg?v=1703361354"
alt="Red Cross Friendship 5 Pack" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/Virtual5Pack_1-min_750x880_crop_center.jpg?v=1703361354" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6962747801686-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Red Cross Friendship 5 Pack</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6962747801686" data-variant-id="40522957783126" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="yiCzEsoD0PAfBqKz"
data-gip-original-value="28" data-gip-converted="true">€27.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton -->
<div ng-if="!result.hasCtaButton" class="product-card__ctas ng-scope">
<!-- ngIf: !result.ss_variant_oos --><a ng-if="!result.ss_variant_oos" href="/products/red-cross-friendship-5-pack" intellisuggest="" class="button button--teal button--full ng-binding ng-scope" ss-ps=""> Shop Now </a><!-- end ngIf: !result.ss_variant_oos -->
<!-- ngIf: result.ss_variant_oos --> </div><!-- end ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_8116082512" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="customize-your-bracelet" data-product-id="8116082512"
data-product-type="Custom Bracelet" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/customize-your-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--25-minimum-order" ng-class="{'product-badge--img': result.badge.image}"> 25 Minimum Order <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/products/MakeitCustom_gif_option1_1_-min_750x750_crop_center.gif?v=1681160283" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/products/MakeitCustom_gif_option1_1_-min_750x750_crop_center.gif?v=1681160283"> <img
ng-src="//cdn.shopify.com/s/files/1/0297/6313/products/MakeitCustom_gif_option1_1_-min_750x880_crop_center.gif?v=1681160283" alt="Customize Your Bracelet" class="product-card__img" data-product-card-img="" loading="lazy"
src="//cdn.shopify.com/s/files/1/0297/6313/products/MakeitCustom_gif_option1_1_-min_750x880_crop_center.gif?v=1681160283" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-8116082512-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Customize Your Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="8116082512" data-variant-id="27310506768" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="gjBlDgYInET8I1PC"
data-gip-original-value="4" data-gip-converted="true">€4.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton -->
<div ng-if="!result.hasCtaButton" class="product-card__ctas ng-scope">
<!-- ngIf: !result.ss_variant_oos --><a ng-if="!result.ss_variant_oos" href="/products/customize-your-bracelet" intellisuggest="" class="button button--teal button--full ng-binding ng-scope" ss-ps=""> Shop Now </a><!-- end ngIf: !result.ss_variant_oos -->
<!-- ngIf: result.ss_variant_oos --> </div><!-- end ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_5420399557" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="pura-vida-monthly-club" data-product-id="5420399557"
data-product-type="Club" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/pura-vida-monthly-club" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --> <!-- ngIf: result.imageDetails --><div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope"> <picture class="ss-image-active"> <source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/JanuraryClub_PDP_BC_14-min_750x750_crop_center.jpg?v=1704313162" data-product-card-img-large="" srcset="//cdn.shopify.com/s/files/1/0297/6313/files/JanuraryClub_PDP_BC_14-min_750x750_crop_center.jpg?v=1704313162"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/JanuraryClub_PDP_BC_14-min_750x880_crop_center.jpg?v=1704313162" alt="Pura Vida Bracelet Club" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/JanuraryClub_PDP_BC_14-min_750x880_crop_center.jpg?v=1704313162" style=""> </picture> </div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-5420399557-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off" class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div> <div class="product-card__title ng-binding">Pura Vida Bracelet Club</div> <!-- ngIf: result.brand == 'Demi Fine' --> <div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="5420399557" data-variant-id="39348533231702" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="D9E1eWuiVPZM8IoL" data-gip-original-value="14.95" data-gip-converted="true">€15.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a>
<!-- ngIf: !result.hasCtaButton -->
<div ng-if="!result.hasCtaButton" class="product-card__ctas ng-scope">
<!-- ngIf: !result.ss_variant_oos --><a ng-if="!result.ss_variant_oos" href="/products/pura-vida-monthly-club" intellisuggest="" class="button button--teal button--full ng-binding ng-scope" ss-ps=""> Learn More </a><!-- end ngIf: !result.ss_variant_oos -->
<!-- ngIf: result.ss_variant_oos --> </div><!-- end ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6863314714710" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid" enctype="multipart/form-data" data-product-form="" data-product-handle="mens-carabiner-clasp-chain-bracelet"
data-product-id="6863314714710" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/mens-carabiner-clasp-chain-bracelet?variant=40331055464534" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer" ss-ps=""> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --> <!-- ngIf: result.imageDetails --><div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope"> <picture class="ss-image-active"> <source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39524GOLD_1-min_750x750_crop_center.jpg?v=1697687143" data-product-card-img-large="" srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39524GOLD_1-min_750x750_crop_center.jpg?v=1697687143"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39524GOLD_1-min_750x880_crop_center.jpg?v=1697687143" alt="Men's Carabiner Clasp Chain Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/39524GOLD_1-min_750x880_crop_center.jpg?v=1697687143" style=""> </picture> </div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --><fieldset ng-if="result.hasJson" class="product__options ng-scope"> <legend class="sr-only ng-binding">Men's Carabiner Clasp Chain Bracelet Options</legend> <div class="product__option-header ng-binding">Color</div> <!-- ngIf: result.variantSelected.handles.option !='finish' --><div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--color" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-gold-6863314714710grid" value="Gold" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-gold-6863314714710grid" title="Gold" aria-label="Color Gold" class="swatch swatch--color swatch--gold" ng-class="{'unavailable': variant.available != 1}" data-swatch="gold"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Gold</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-silver-6863314714710grid" value="Silver" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-silver-6863314714710grid" title="Silver" aria-label="Color Silver" class="swatch swatch--color swatch--silver" ng-class="{'unavailable': variant.available != 1}" data-swatch="silver"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Silver</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-black-6863314714710grid" value="Black" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-black-6863314714710grid" title="Black" aria-label="Color Black" class="swatch swatch--color swatch--black" ng-class="{'unavailable': variant.available != 1}" data-swatch="black"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Black</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --> </div><!-- end ngIf: result.variantSelected.handles.option !='finish' --> <!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue --> <!-- ngIf: result.variantSelectedValue --> </fieldset><!-- end ngIf: result.hasJson --> </div> <div class="product-card__title ng-binding">Men's Carabiner Clasp Chain Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' --> <div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6863314714710" data-variant-id="40331055464534" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="bp8Q4endd4xjenZP" data-gip-original-value="20" data-gip-converted="true">€20.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a>
<!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6863314714710" data-bis-variant="40331055464534" ng-disabled="result.ss_button_text == 'Out of Stock'"> </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6573477560406" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="solid-original" data-product-id="6573477560406"
data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/solid-original?variant=40140395479126" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--top-rated" ng-class="{'product-badge--img': result.badge.image}"> Top Rated <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/products/Solid_White_9a2e45a0-0be0-4673-b69b-9c69ba6da786_750x750_crop_center.jpg?v=1681676421" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/products/Solid_White_9a2e45a0-0be0-4673-b69b-9c69ba6da786_750x750_crop_center.jpg?v=1681676421"> <img
ng-src="//cdn.shopify.com/s/files/1/0297/6313/products/Solid_White_9a2e45a0-0be0-4673-b69b-9c69ba6da786_750x880_crop_center.jpg?v=1681676421" alt="Solid Original" class="product-card__img" data-product-card-img="" loading="lazy"
src="//cdn.shopify.com/s/files/1/0297/6313/products/Solid_White_9a2e45a0-0be0-4673-b69b-9c69ba6da786_750x880_crop_center.jpg?v=1681676421" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson -->
<fieldset ng-if="result.hasJson" class="product__options ng-scope">
<legend class="sr-only ng-binding">Solid Original Options</legend>
<div class="product__option-header ng-binding">Color</div> <!-- ngIf: result.variantSelected.handles.option !='finish' -->
<div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--color" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-white-6573477560406grid" value="White" name="options[Color]"
ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-white-6573477560406grid" title="White" aria-label="Color White"
class="swatch swatch--color swatch--white" ng-class="{'unavailable': variant.available != 1}" data-swatch="white"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">White</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="color-bubblegum-6573477560406grid" value="Bubblegum" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-bubblegum-6573477560406grid" title="Bubblegum"
aria-label="Color Bubblegum" class="swatch swatch--color swatch--bubblegum" ng-class="{'unavailable': variant.available != 1}" data-swatch="bubblegum"> <span ng-class="{'sr-clickable': variant.srClickable}"
class="ng-binding sr-clickable">Bubblegum</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-pink-6573477560406grid" value="Pink" name="options[Color]"
ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-pink-6573477560406grid" title="Pink" aria-label="Color Pink"
class="swatch swatch--color swatch--pink" ng-class="{'unavailable': variant.available != 1}" data-swatch="pink"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Pink</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="color-orange-6573477560406grid" value="Orange" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-orange-6573477560406grid" title="Orange" aria-label="Color Orange"
class="swatch swatch--color swatch--orange" ng-class="{'unavailable': variant.available != 1}" data-swatch="orange"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Orange</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="color-neon-yellow-6573477560406grid" value="Neon Yellow" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-neon-yellow-6573477560406grid" title="Neon Yellow"
aria-label="Color Neon Yellow" class="swatch swatch--color swatch--neon-yellow" ng-class="{'unavailable': variant.available != 1}" data-swatch="neon-yellow"> <span ng-class="{'sr-clickable': variant.srClickable}"
class="ng-binding sr-clickable">Neon Yellow</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --><span
ng-if="result.variantsRemaining > 0" ng-click="pura.goToUrl(result.url)" intellisuggest="" class="swatch__more-options ng-binding ng-scope"> +21 </span><!-- end ngIf: result.variantsRemaining > 0 --> </div>
<!-- end ngIf: result.variantSelected.handles.option !='finish' --> <!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue --> <!-- ngIf: result.variantSelectedValue -->
</fieldset><!-- end ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Solid Original</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6573477560406" data-variant-id="40140395479126" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="kujfTq8wsZoVH5Ah"
data-gip-original-value="7" data-gip-converted="true">€7.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --><span ng-if="result.tags_bundle" class="ss-price-promo ng-binding ng-scope"
style="color: #4d4d4d;">or any 3 for $18</span><!-- end ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6573477560406" data-bis-variant="40140395479126" ng-disabled="result.ss_button_text == 'Out of Stock'"> </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6843165835350" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="i-heart-malibu-charity-bracelet"
data-product-id="6843165835350" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/i-heart-malibu-charity-bracelet?variant=40158172086358" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/products/37679_LIPIV1-min_750x750_crop_center.jpg?v=1672853875" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/products/37679_LIPIV1-min_750x750_crop_center.jpg?v=1672853875"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/products/37679_LIPIV1-min_750x880_crop_center.jpg?v=1672853875"
alt="I Heart Malibu Charity Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/products/37679_LIPIV1-min_750x880_crop_center.jpg?v=1672853875" style="">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson -->
<fieldset ng-if="result.hasJson" class="product__options ng-scope">
<legend class="sr-only ng-binding">I Heart Malibu Charity Bracelet Options</legend>
<div class="product__option-header ng-binding">Color</div> <!-- ngIf: result.variantSelected.handles.option !='finish' -->
<div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--color" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-light-pink-6843165835350grid" value="Light Pink"
name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-light-pink-6843165835350grid" title="Light Pink" aria-label="Color Light Pink"
class="swatch swatch--color swatch--light-pink" ng-class="{'unavailable': variant.available != 1}" data-swatch="light-pink"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Light Pink</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="color-brick-red-6843165835350grid" value="Brick Red" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-brick-red-6843165835350grid" title="Brick Red"
aria-label="Color Brick Red" class="swatch swatch--color swatch--brick-red" ng-class="{'unavailable': variant.available != 1}" data-swatch="brick-red"> <span ng-class="{'sr-clickable': variant.srClickable}"
class="ng-binding sr-clickable">Brick Red</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-vanilla-6843165835350grid" value="Vanilla" name="options[Color]"
ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-vanilla-6843165835350grid" title="Vanilla" aria-label="Color Vanilla"
class="swatch swatch--color swatch--vanilla" ng-class="{'unavailable': variant.available != 1}" data-swatch="vanilla"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Vanilla</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --> </div><!-- end ngIf: result.variantSelected.handles.option !='finish' -->
<!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue --> <!-- ngIf: result.variantSelectedValue -->
</fieldset><!-- end ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">I Heart Malibu Charity Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6843165835350" data-variant-id="40158172086358" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="IkQl1YZtDWtMxBoi"
data-gip-original-value="14" data-gip-converted="true">€14.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6843165835350" data-bis-variant="40158172086358" ng-disabled="result.ss_button_text == 'Out of Stock'"> </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6843165802582" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="blood-saves-lives-original-bracelet"
data-product-id="6843165802582" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/blood-saves-lives-original-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --> <!-- ngIf: result.imageDetails --><div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope"> <picture class="ss-image-active"> <source media="(min-width: 992px)" ng-srcset="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1001_RCR2V1-min_750x750_crop_center.jpg?v=1679077445" data-product-card-img-large="" srcset="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1001_RCR2V1-min_750x750_crop_center.jpg?v=1679077445"> <img ng-src="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1001_RCR2V1-min_750x880_crop_center.jpg?v=1679077445" alt="Blood Saves Lives Original Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1001_RCR2V1-min_750x880_crop_center.jpg?v=1679077445" style=""> </picture> </div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6843165802582-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off" class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope" ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div> <div class="product-card__title ng-binding">Blood Saves Lives Original Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' --> <div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6843165802582" data-variant-id="40158171758678" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="fh8oRsiABEz2Zmob" data-gip-original-value="7" data-gip-converted="true">€7.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --><span ng-if="result.tags_bundle" class="ss-price-promo ng-binding ng-scope" style="color: #4d4d4d;">or any 3 for $18</span><!-- end ngIf: result.tags_bundle --> </div> </a>
<!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6843165802582" data-bis-variant="40158171758678" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6956982730838" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="red-cross-mixed-original-bracelet"
data-product-id="6956982730838" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/red-cross-mixed-original-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1001BEMN_1-min_750x750_crop_center.jpg?v=1703196207" data-product-card-img-large=""
srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1001BEMN_1-min_750x750_crop_center.jpg?v=1703196207"> <img ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1001BEMN_1-min_750x880_crop_center.jpg?v=1703196207"
alt="Red Cross Be Mine Mixed Original Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="https://cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1001BEMN_1-min_750x880_crop_center.jpg?v=1703196207"
style="visibility: hidden;">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6956982730838-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Red Cross Be Mine Mixed Original Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6956982730838" data-variant-id="40507046232150" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="TxUgG9uRqIRIKLw9"
data-gip-original-value="7" data-gip-converted="true">€7.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --><span ng-if="result.tags_bundle" class="ss-price-promo ng-binding ng-scope"
style="color: #4d4d4d;">or any 3 for $18</span><!-- end ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6956982730838" data-bis-variant="40507046232150" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_4401463525462" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="engravable-bar-bracelet"
data-product-id="4401463525462" data-product-type="Engraving" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/engravable-bar-bracelet?variant=40165921849430" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--personalize" ng-class="{'product-badge--img': result.badge.image}"> Personalize <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/products/engraving-bar-blk-gold_750x750_crop_center.jpg?v=1700509483" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/products/engraving-bar-blk-gold_750x750_crop_center.jpg?v=1700509483"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/products/engraving-bar-blk-gold_750x880_crop_center.jpg?v=1700509483"
alt="Engravable Bar Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/products/engraving-bar-blk-gold_750x880_crop_center.jpg?v=1700509483" style="visibility: hidden;">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson -->
<fieldset ng-if="result.hasJson" class="product__options ng-scope">
<legend class="sr-only ng-binding">Engravable Bar Bracelet Options</legend>
<div class="product__option-header ng-binding">Metal</div> <!-- ngIf: result.variantSelected.handles.option !='finish' -->
<div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--metal" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="metal-gold-4401463525462grid" value="Gold" name="options[Metal]"
ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="metal-gold-4401463525462grid" title="Gold" aria-label="Metal Gold"
class="swatch swatch--metal swatch--gold" ng-class="{'unavailable': variant.available != 1}" data-swatch="gold"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Gold</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="metal-silver-4401463525462grid" value="Silver" name="options[Metal]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="metal-silver-4401463525462grid" title="Silver" aria-label="Metal Silver"
class="swatch swatch--metal swatch--silver" ng-class="{'unavailable': variant.available != 1}" data-swatch="silver"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Silver</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="metal-rose-gold-4401463525462grid" value="Rose Gold" name="options[Metal]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="metal-rose-gold-4401463525462grid" title="Rose Gold"
aria-label="Metal Rose Gold" class="swatch swatch--metal swatch--rose-gold" ng-class="{'unavailable': variant.available != 1}" data-swatch="rose-gold"> <span ng-class="{'sr-clickable': variant.srClickable}"
class="ng-binding sr-clickable">Rose Gold</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --> </div>
<!-- end ngIf: result.variantSelected.handles.option !='finish' --> <!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue -->
<div ng-if="result.variantSelectedValue" class="product__option-header ng-binding ng-scope"> Color - <span data-option-header="Color" class="ng-binding">Black</span> </div><!-- end ngIf: result.variantSelectedValue -->
<!-- ngIf: result.variantSelectedValue -->
<div ng-if="result.variantSelectedValue" class="product__swatches product__swatches--color" role="radiogroup"> <!-- ngRepeat: variant in result.variantSelected.values | limitTo:variantsConfig.limitValues track by $index --><input
ng-repeat-start="variant in result.variantSelected.values | limitTo:variantsConfig.limitValues track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" data-swatch-input-group="Color" data-swatch-input="Black"
id="color-black-4401463525462grid" value="Black" name="options[Color]" ng-checked="result.variantSelectedValue && (result.variantSelectedValue.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('value'); variantsConfig.swapValues(result, variant); variantsConfig.setBtnText(result, variant);" for="color-black-4401463525462grid" title="Black" aria-label="Color Black"
class="swatch swatch--color swatch--black" ng-class="{'unavailable': variant.available != 1}" data-swatch="black"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Black</span>
</label><!-- end ngRepeat: variant in result.variantSelected.values | limitTo:variantsConfig.limitValues track by $index --><input ng-repeat-start="variant in result.variantSelected.values | limitTo:variantsConfig.limitValues track by $index"
type="checkbox" role="radio" class="swatch__input ng-scope" data-swatch-input-group="Color" data-swatch-input="White" id="color-white-4401463525462grid" value="White" name="options[Color]"
ng-checked="result.variantSelectedValue && (result.variantSelectedValue.handles.id == variant.handles.id)"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('value'); variantsConfig.swapValues(result, variant); variantsConfig.setBtnText(result, variant);" for="color-white-4401463525462grid" title="White" aria-label="Color White"
class="swatch swatch--color swatch--white" ng-class="{'unavailable': variant.available != 1}" data-swatch="white"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">White</span>
</label><!-- end ngRepeat: variant in result.variantSelected.values | limitTo:variantsConfig.limitValues track by $index --> <!-- ngIf: result.variantsRemainingValues > 0 --> </div><!-- end ngIf: result.variantSelectedValue -->
</fieldset><!-- end ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Engravable Bar Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="4401463525462" data-variant-id="40165921849430" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="ILCxywuySvpiXo3G"
data-gip-original-value="24" data-gip-converted="true">€24.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton -->
<div ng-if="!result.hasCtaButton" class="product-card__ctas ng-scope">
<!-- ngIf: !result.ss_variant_oos --><a ng-if="!result.ss_variant_oos" href="/products/engravable-bar-bracelet?variant=40165921849430" intellisuggest="" class="button button--teal button--full ng-binding ng-scope"> Engrave Now </a><!-- end ngIf: !result.ss_variant_oos -->
<!-- ngIf: result.ss_variant_oos --> </div><!-- end ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6956987482198" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="red-cross-mixed-mini-braided-bracelet"
data-product-id="6956987482198" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/red-cross-mixed-mini-braided-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1040XOXO_1-min_750x750_crop_center.jpg?v=1703196140" data-product-card-img-large=""
srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1040XOXO_1-min_750x750_crop_center.jpg?v=1703196140"> <img ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1040XOXO_1-min_750x880_crop_center.jpg?v=1703196140"
alt="Red Cross XOXO Mixed Mini Braided Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="https://cdn.shopify.com/s/files/1/0297/6313/files/10BRCH1040XOXO_1-min_750x880_crop_center.jpg?v=1703196140"
style="visibility: hidden;">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6956987482198-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Red Cross XOXO Mixed Mini Braided Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6956987482198" data-variant-id="40507076804694" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="GYAwxzfQjW2iCKbJ"
data-gip-original-value="10" data-gip-converted="true">€10.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6956987482198" data-bis-variant="40507076804694" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6956666880086" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="red-cross-three-hearts-charm-bracelet"
data-product-id="6956666880086" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/red-cross-three-hearts-charm-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/39878VANL_1-min_750x750_crop_center.jpg?v=1703196626" data-product-card-img-large=""
srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/39878VANL_1-min_750x750_crop_center.jpg?v=1703196626"> <img ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/39878VANL_1-min_750x880_crop_center.jpg?v=1703196626"
alt="Red Cross Three Hearts Charm Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="https://cdn.shopify.com/s/files/1/0297/6313/files/39878VANL_1-min_750x880_crop_center.jpg?v=1703196626"
style="visibility: hidden;">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6956666880086-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Red Cross Three Hearts Charm Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6956666880086" data-variant-id="40505605587030" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="wDiPbnEJBzoVwwHc"
data-gip-original-value="16" data-gip-converted="true">€16.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6956666880086" data-bis-variant="40505605587030" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6843165737046" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="blood-saves-lives-braided-bracelet"
data-product-id="6843165737046" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/blood-saves-lives-braided-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --> <!-- ngIf: result.imageDetails --><div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope"> <picture class="ss-image-active"> <source media="(min-width: 992px)" ng-srcset="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1003_RCR2V1-min_750x750_crop_center.jpg?v=1672853347" data-product-card-img-large="" srcset="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1003_RCR2V1-min_750x750_crop_center.jpg?v=1672853347"> <img ng-src="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1003_RCR2V1-min_750x880_crop_center.jpg?v=1672853347" alt="Blood Saves Lives Braided Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1003_RCR2V1-min_750x880_crop_center.jpg?v=1672853347" style="visibility: hidden;"> </picture> </div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6843165737046-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off" class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope" ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div> <div class="product-card__title ng-binding">Blood Saves Lives Braided Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' --> <div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6843165737046" data-variant-id="40158171496534" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="OZEpIu3qrY37FJty" data-gip-original-value="15" data-gip-converted="true">€15.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a>
<!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6843165737046" data-bis-variant="40158171496534" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6863314714710" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="mens-carabiner-clasp-chain-bracelet"
data-product-id="6863314714710" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/mens-carabiner-clasp-chain-bracelet?variant=40331055464534" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --> <!-- ngIf: result.imageDetails --><div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope"> <picture class="ss-image-active"> <source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39524GOLD_1-min_750x750_crop_center.jpg?v=1697687143" data-product-card-img-large="" srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39524GOLD_1-min_750x750_crop_center.jpg?v=1697687143"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39524GOLD_1-min_750x880_crop_center.jpg?v=1697687143" alt="Men's Carabiner Clasp Chain Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/39524GOLD_1-min_750x880_crop_center.jpg?v=1697687143" style="visibility: hidden;"> </picture> </div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --><fieldset ng-if="result.hasJson" class="product__options ng-scope"> <legend class="sr-only ng-binding">Men's Carabiner Clasp Chain Bracelet Options</legend> <div class="product__option-header ng-binding">Color</div> <!-- ngIf: result.variantSelected.handles.option !='finish' --><div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--color" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-gold-6863314714710grid" value="Gold" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-gold-6863314714710grid" title="Gold" aria-label="Color Gold" class="swatch swatch--color swatch--gold" ng-class="{'unavailable': variant.available != 1}" data-swatch="gold"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Gold</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-silver-6863314714710grid" value="Silver" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-silver-6863314714710grid" title="Silver" aria-label="Color Silver" class="swatch swatch--color swatch--silver" ng-class="{'unavailable': variant.available != 1}" data-swatch="silver"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Silver</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-black-6863314714710grid" value="Black" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-black-6863314714710grid" title="Black" aria-label="Color Black" class="swatch swatch--color swatch--black" ng-class="{'unavailable': variant.available != 1}" data-swatch="black"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Black</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --> </div><!-- end ngIf: result.variantSelected.handles.option !='finish' --> <!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue --> <!-- ngIf: result.variantSelectedValue --> </fieldset><!-- end ngIf: result.hasJson --> </div> <div class="product-card__title ng-binding">Men's Carabiner Clasp Chain Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' --> <div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6863314714710" data-variant-id="40331055464534" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="bp8Q4endd4xjenZP" data-gip-original-value="20" data-gip-converted="true">€20.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a>
<!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6863314714710" data-bis-variant="40331055464534" ng-disabled="result.ss_button_text == 'Out of Stock'"> </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6863308095574" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="multi-mini-braided-bracelet"
data-product-id="6863308095574" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/multi-mini-braided-bracelet?variant=40265943482454" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--save-30" ng-class="{'product-badge--img': result.badge.image}"> Save 30% <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1196MYTS_1_1_750x750_crop_center.jpg?v=1691516725" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1196MYTS_1_1_750x750_crop_center.jpg?v=1691516725"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1196MYTS_1_1_750x880_crop_center.jpg?v=1691516725"
alt="Multi Mini Braided Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1196MYTS_1_1_750x880_crop_center.jpg?v=1691516725" style="visibility: hidden;">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson -->
<fieldset ng-if="result.hasJson" class="product__options ng-scope">
<legend class="sr-only ng-binding">Multi Mini Braided Bracelet Options</legend>
<div class="product__option-header ng-binding">Color</div> <!-- ngIf: result.variantSelected.handles.option !='finish' -->
<div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--color" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-mystics-6863308095574grid" value="Mystics" name="options[Color]"
ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-mystics-6863308095574grid" title="Mystics" aria-label="Color Mystics"
class="swatch swatch--color swatch--mystics" ng-class="{'unavailable': variant.available != 1}" data-swatch="mystics"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Mystics</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="color-steel-6863308095574grid" value="Steel" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-steel-6863308095574grid" title="Steel" aria-label="Color Steel"
class="swatch swatch--color swatch--steel" ng-class="{'unavailable': variant.available != 1}" data-swatch="steel"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Steel</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="color-tropic-6863308095574grid" value="Tropic" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-tropic-6863308095574grid" title="Tropic" aria-label="Color Tropic"
class="swatch swatch--color swatch--tropic" ng-class="{'unavailable': variant.available != 1}" data-swatch="tropic"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Tropic</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="color-tides-6863308095574grid" value="Tides" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-tides-6863308095574grid" title="Tides" aria-label="Color Tides"
class="swatch swatch--color swatch--tides" ng-class="{'unavailable': variant.available != 1}" data-swatch="tides"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Tides</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="color-cool-shoreline-6863308095574grid" value="Cool Shoreline" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)">
<label ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-cool-shoreline-6863308095574grid" title="Cool Shoreline"
aria-label="Color Cool Shoreline" class="swatch swatch--color swatch--cool-shoreline" ng-class="{'unavailable': variant.available != 1}" data-swatch="cool-shoreline"> <span ng-class="{'sr-clickable': variant.srClickable}"
class="ng-binding sr-clickable">Cool Shoreline</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --><span
ng-if="result.variantsRemaining > 0" ng-click="pura.goToUrl(result.url)" intellisuggest="" class="swatch__more-options ng-binding ng-scope"> +2 </span><!-- end ngIf: result.variantsRemaining > 0 --> </div>
<!-- end ngIf: result.variantSelected.handles.option !='finish' --> <!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue --> <!-- ngIf: result.variantSelectedValue -->
</fieldset><!-- end ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Multi Mini Braided Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price on-sale" ng-class="{'on-sale': result.hasSale}" data-product-id="6863308095574" data-variant-id="40265943482454" data-product-price=""> <span class="money ng-binding notranslate"
data-gip-price-id="3sq8jyZUsWu2L1HL" data-gip-original-value="7" data-gip-converted="true">€7.00 EUR</span> </span> <!-- ngIf: result.hasSale --><span ng-if="result.hasSale" class="compare-price ng-scope" data-product-id="6863308095574"
data-variant-id="40265943482454:compare" data-compare-price=""> <span class="money ng-binding notranslate" data-gip-price-id="nCXw2dMdoUkTtpIN" data-gip-original-value="10" data-gip-converted="true">€10.00 EUR</span>
</span><!-- end ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6863308095574" data-bis-variant="40265943482454" ng-disabled="result.ss_button_text == 'Out of Stock'"> </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_5420399557" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="pura-vida-monthly-club" data-product-id="5420399557"
data-product-type="Club" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/pura-vida-monthly-club" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --> <!-- ngIf: result.imageDetails --><div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope"> <picture class="ss-image-active"> <source media="(min-width: 992px)" ng-srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/JanuraryClub_PDP_BC_14-min_750x750_crop_center.jpg?v=1704313162" data-product-card-img-large="" srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/JanuraryClub_PDP_BC_14-min_750x750_crop_center.jpg?v=1704313162"> <img ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/JanuraryClub_PDP_BC_14-min_750x880_crop_center.jpg?v=1704313162" alt="Pura Vida Bracelet Club" class="product-card__img" data-product-card-img="" loading="lazy" src="https://cdn.shopify.com/s/files/1/0297/6313/files/JanuraryClub_PDP_BC_14-min_750x880_crop_center.jpg?v=1704313162" style="visibility: hidden;"> </picture> </div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-5420399557-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off" class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div> <div class="product-card__title ng-binding">Pura Vida Bracelet Club</div> <!-- ngIf: result.brand == 'Demi Fine' --> <div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="5420399557" data-variant-id="39348533231702" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="D9E1eWuiVPZM8IoL" data-gip-original-value="14.95" data-gip-converted="true">€15.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a>
<!-- ngIf: !result.hasCtaButton -->
<div ng-if="!result.hasCtaButton" class="product-card__ctas ng-scope">
<!-- ngIf: !result.ss_variant_oos --><a ng-if="!result.ss_variant_oos" href="/products/pura-vida-monthly-club" intellisuggest="" class="button button--teal button--full ng-binding ng-scope"> Learn More </a><!-- end ngIf: !result.ss_variant_oos -->
<!-- ngIf: result.ss_variant_oos --> </div><!-- end ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6723776741462" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="ocean-conservation-bracelet"
data-product-id="6723776741462" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/ocean-conservation-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --> <!-- ngIf: result.imageDetails --><div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope"> <picture class="ss-image-active"> <source media="(min-width: 992px)" ng-srcset="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1001OCCOV1_750x750_crop_center.jpg?v=1647061387" data-product-card-img-large="" srcset="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1001OCCOV1_750x750_crop_center.jpg?v=1647061387"> <img ng-src="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1001OCCOV1_750x880_crop_center.jpg?v=1647061387" alt="Ocean Conservation Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRCH1001OCCOV1_750x880_crop_center.jpg?v=1647061387" style="visibility: hidden;"> </picture> </div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6723776741462-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off" class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope" ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/surfrider_541f0c8c-a47d-42a2-b935-23f8e84d3eaf.png?v=1592860295" alt="Charity Partner Badge" src="https://cdn.shopify.com/s/files/1/0297/6313/files/surfrider_541f0c8c-a47d-42a2-b935-23f8e84d3eaf.png?v=1592860295" style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div> <div class="product-card__title ng-binding">Ocean Conservation Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' --> <div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6723776741462" data-variant-id="39758373879894" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="xHsbhBxJP0LKusjP" data-gip-original-value="7" data-gip-converted="true">€7.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --><span ng-if="result.tags_bundle" class="ss-price-promo ng-binding ng-scope" style="color: #4d4d4d;">or any 3 for $18</span><!-- end ngIf: result.tags_bundle --> </div> </a>
<!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6723776741462" data-bis-variant="39758373879894" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6949743034454" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="yours-to-keep-bracelet" data-product-id="6949743034454"
data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/yours-to-keep-bracelet" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1021YRKP_1_750x750_crop_center.jpg?v=1703313088" data-product-card-img-large=""
srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1021YRKP_1_750x750_crop_center.jpg?v=1703313088"> <img ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1021YRKP_1_750x880_crop_center.jpg?v=1703313088"
alt="Yours to Keep Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="https://cdn.shopify.com/s/files/1/0297/6313/files/10BRXX1021YRKP_1_750x880_crop_center.jpg?v=1703313088" style="visibility: hidden;">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6949743034454-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Yours to Keep Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6949743034454" data-variant-id="40488749465686" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="6h6l5ZCDFezKqbvc"
data-gip-original-value="7" data-gip-converted="true">€7.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --><span ng-if="result.tags_bundle" class="ss-price-promo ng-binding ng-scope"
style="color: #4d4d4d;">or any 3 for $18</span><!-- end ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6949743034454" data-bis-variant="40488749465686" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6962755895382" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="red-cross-valentines-day-original-bracelet-card"
data-product-id="6962755895382" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/red-cross-valentines-day-original-bracelet-card?variant=40542814568534" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39992RCR2_1-min_750x750_crop_center.jpg?v=1703435112" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39992RCR2_1-min_750x750_crop_center.jpg?v=1703435112"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39992RCR2_1-min_750x880_crop_center.jpg?v=1703435112"
alt="Red Cross Valentine's Day Original Bracelet Card" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/39992RCR2_1-min_750x880_crop_center.jpg?v=1703435112"
style="visibility: hidden;">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson -->
<fieldset ng-if="result.hasJson" class="product__options ng-scope">
<legend class="sr-only ng-binding">Red Cross Valentine's Day Original Bracelet Card Options</legend>
<div class="product__option-header ng-binding">Quantity</div> <!-- ngIf: result.variantSelected.handles.option !='finish' -->
<div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--quantity" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="quantity-single-6962755895382grid" value="Single"
name="options[Quantity]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="quantity-single-6962755895382grid" title="Single" aria-label="Quantity Single"
class="swatch swatch--quantity swatch--single" ng-class="{'unavailable': variant.available != 1}" data-swatch="single"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding">Single</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="quantity-5-pack-6962755895382grid" value="5 Pack" name="options[Quantity]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="quantity-5-pack-6962755895382grid" title="5 Pack"
aria-label="Quantity 5 Pack" class="swatch swatch--quantity swatch--5-pack" ng-class="{'unavailable': variant.available != 1}" data-swatch="5-pack"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding">5 Pack</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --> </div><!-- end ngIf: result.variantSelected.handles.option !='finish' -->
<!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue --> <!-- ngIf: result.variantSelectedValue -->
</fieldset><!-- end ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Red Cross Valentine's Day Original Bracelet Card</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6962755895382" data-variant-id="40542814568534" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="l2xi7AouiX8rh5xY"
data-gip-original-value="8" data-gip-converted="true">€8.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6962755895382" data-bis-variant="40542814568534" ng-disabled="result.ss_button_text == 'Out of Stock'"> </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6858836639830" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="harper-paperclip-chain-bracelet"
data-product-id="6858836639830" data-product-type="Harper Charm Base" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓"
autocomplete="off"> <!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/harper-paperclip-chain-bracelet?variant=40218036404310" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --> <!-- ngIf: result.imageDetails --><div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope"> <picture class="ss-image-active"> <source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/products/38940_GOLDV1-min_750x750_crop_center.jpg?v=1680200730" data-product-card-img-large="" srcset="//cdn.shopify.com/s/files/1/0297/6313/products/38940_GOLDV1-min_750x750_crop_center.jpg?v=1680200730"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/products/38940_GOLDV1-min_750x880_crop_center.jpg?v=1680200730" alt="Harper Paperclip Chain Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/products/38940_GOLDV1-min_750x880_crop_center.jpg?v=1680200730" style="visibility: hidden;"> </picture> </div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --><fieldset ng-if="result.hasJson" class="product__options ng-scope"> <legend class="sr-only ng-binding">Harper Paperclip Chain Bracelet Options</legend> <div class="product__option-header ng-binding">Color</div> <!-- ngIf: result.variantSelected.handles.option !='finish' --><div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--color" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-gold-6858836639830grid" value="Gold" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-gold-6858836639830grid" title="Gold" aria-label="Color Gold" class="swatch swatch--color swatch--gold" ng-class="{'unavailable': variant.available != 1}" data-swatch="gold"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Gold</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-silver-6858836639830grid" value="Silver" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-silver-6858836639830grid" title="Silver" aria-label="Color Silver" class="swatch swatch--color swatch--silver" ng-class="{'unavailable': variant.available != 1}" data-swatch="silver"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Silver</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --> </div><!-- end ngIf: result.variantSelected.handles.option !='finish' --> <!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue --> <!-- ngIf: result.variantSelectedValue --> </fieldset><!-- end ngIf: result.hasJson --> </div> <div class="product-card__title ng-binding">Harper Paperclip Chain Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' --> <div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6858836639830" data-variant-id="40218036404310" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="BYp44YvXKGbViLfQ" data-gip-original-value="14" data-gip-converted="true">€14.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a>
<!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6858836639830" data-bis-variant="40218036404310" ng-disabled="result.ss_button_text == 'Out of Stock'"> </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6957002457174" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="red-heart-charm-dainty-bracelet"
data-product-id="6957002457174" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/red-heart-charm-dainty-bracelet?variant=40539627290710" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39747RED_1-min_750x750_crop_center.jpg?v=1703196470" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/files/39747RED_1-min_750x750_crop_center.jpg?v=1703196470"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/files/39747RED_1-min_750x880_crop_center.jpg?v=1703196470"
alt="Heart Bead Gold Dainty Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/files/39747RED_1-min_750x880_crop_center.jpg?v=1703196470" style="visibility: hidden;">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson -->
<fieldset ng-if="result.hasJson" class="product__options ng-scope">
<legend class="sr-only ng-binding">Heart Bead Gold Dainty Bracelet Options</legend>
<div class="product__option-header ng-binding">Color</div> <!-- ngIf: result.variantSelected.handles.option !='finish' -->
<div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--color" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-red-6957002457174grid" value="Red" name="options[Color]"
ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-red-6957002457174grid" title="Red" aria-label="Color Red"
class="swatch swatch--color swatch--red" ng-class="{'unavailable': variant.available != 1}" data-swatch="red"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Red</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="color-natural-6957002457174grid" value="Natural" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-natural-6957002457174grid" title="Natural"
aria-label="Color Natural" class="swatch swatch--color swatch--natural" ng-class="{'unavailable': variant.available != 1}" data-swatch="natural"> <span ng-class="{'sr-clickable': variant.srClickable}"
class="ng-binding sr-clickable">Natural</span> </label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --> </div>
<!-- end ngIf: result.variantSelected.handles.option !='finish' --> <!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue --> <!-- ngIf: result.variantSelectedValue -->
</fieldset><!-- end ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Heart Bead Gold Dainty Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6957002457174" data-variant-id="40539627290710" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="YYtLfVoDP6EIWAdE"
data-gip-original-value="14" data-gip-converted="true">€14.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6957002457174" data-bis-variant="40539627290710" ng-disabled="result.ss_button_text == 'Out of Stock'"> </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6734002192470" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="brighter-days" data-product-id="6734002192470"
data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/brighter-days" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --> <!-- ngIf: result.imageDetails --><div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope"> <picture class="ss-image-active"> <source media="(min-width: 992px)" ng-srcset="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRXX1021BRDAV1_750x750_crop_center.jpg?v=1649123118" data-product-card-img-large="" srcset="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRXX1021BRDAV1_750x750_crop_center.jpg?v=1649123118"> <img ng-src="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRXX1021BRDAV1_750x880_crop_center.jpg?v=1649123118" alt="Brighter Days" class="product-card__img" data-product-card-img="" loading="lazy" src="https://cdn.shopify.com/s/files/1/0297/6313/products/10BRXX1021BRDAV1_750x880_crop_center.jpg?v=1649123118" style="visibility: hidden;"> </picture> </div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6734002192470-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off" class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div> <div class="product-card__title ng-binding">Brighter Days</div> <!-- ngIf: result.brand == 'Demi Fine' --> <div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6734002192470" data-variant-id="39784306114646" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="q2EBQbuMYGKpW5lX" data-gip-original-value="7" data-gip-converted="true">€7.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --><span ng-if="result.tags_bundle" class="ss-price-promo ng-binding ng-scope" style="color: #4d4d4d;">or any 3 for $18</span><!-- end ngIf: result.tags_bundle --> </div> </a>
<!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6734002192470" data-bis-variant="39784306114646" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_4503365025878" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="save-the-sloths-charm" data-product-id="4503365025878"
data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off"> <!-- ngIf: result.hasBogo -->
<!-- ngIf: result.hasPreorder -->
<a href="/products/save-the-sloths-charm?variant=31761708220502" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--top-rated" ng-class="{'product-badge--img': result.badge.image}"> Top Rated <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="//cdn.shopify.com/s/files/1/0297/6313/products/Save_the_Sloths_Charm_750x750_crop_center.jpg?v=1619730896" data-product-card-img-large=""
srcset="//cdn.shopify.com/s/files/1/0297/6313/products/Save_the_Sloths_Charm_750x750_crop_center.jpg?v=1619730896"> <img ng-src="//cdn.shopify.com/s/files/1/0297/6313/products/Save_the_Sloths_Charm_750x880_crop_center.jpg?v=1619730896"
alt="Save the Sloths Charm" class="product-card__img" data-product-card-img="" loading="lazy" src="//cdn.shopify.com/s/files/1/0297/6313/products/Save_the_Sloths_Charm_750x880_crop_center.jpg?v=1619730896" style="visibility: hidden;">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/rft-logo-30th.png?v=1580324925" alt="Charity Partner Badge" src="https://cdn.shopify.com/s/files/1/0297/6313/files/rft-logo-30th.png?v=1580324925"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson -->
<fieldset ng-if="result.hasJson" class="product__options ng-scope">
<legend class="sr-only ng-binding">Save the Sloths Charm Options</legend>
<div class="product__option-header ng-binding">Color</div> <!-- ngIf: result.variantSelected.handles.option !='finish' -->
<div ng-if="result.variantSelected.handles.option !='finish'" class="product__swatches product__swatches--color" role="radiogroup"> <!-- ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input
ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox" role="radio" class="swatch__input ng-scope" id="color-dark-green-4503365025878grid" value="Dark Green"
name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)" checked="checked"> <label ng-repeat-end=""
ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-dark-green-4503365025878grid" title="Dark Green" aria-label="Color Dark Green"
class="swatch swatch--color swatch--dark-green" ng-class="{'unavailable': variant.available != 1}" data-swatch="dark-green"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Dark Green</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --><input ng-repeat-start="variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index" type="checkbox"
role="radio" class="swatch__input ng-scope" id="color-black-4503365025878grid" value="Black" name="options[Color]" ng-checked="result.variantSelected && (result.variantSelected.handles.id == variant.handles.id)"> <label
ng-repeat-end="" ng-click="variantsConfig.swapClick('variant'); variantsConfig.swapVariants(result, variant, 'click'); variantsConfig.setBtnText(result, variant);" for="color-black-4503365025878grid" title="Black" aria-label="Color Black"
class="swatch swatch--color swatch--black unavailable" ng-class="{'unavailable': variant.available != 1}" data-swatch="black"> <span ng-class="{'sr-clickable': variant.srClickable}" class="ng-binding sr-clickable">Black</span>
</label><!-- end ngRepeat: variant in result[variantsConfig.field] | limitTo:variantsConfig.limit track by $index --> <!-- ngIf: result.variantsRemaining > 0 --> </div><!-- end ngIf: result.variantSelected.handles.option !='finish' -->
<!-- ngIf: result.variantSelected.handles.option =='finish' --> <!-- ngIf: result.variantSelectedValue --> <!-- ngIf: result.variantSelectedValue -->
</fieldset><!-- end ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Save the Sloths Charm</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="4503365025878" data-variant-id="31761708220502" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="SrMMTztrZuqIuGmC"
data-gip-original-value="1" data-gip-converted="true">€1.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="4503365025878" data-bis-variant="31761708220502" ng-disabled="result.ss_button_text == 'Out of Stock'"> </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6957074612310" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="cuteness-tile-bead-stretch-bracelet-set"
data-product-id="6957074612310" data-product-type="Bracelets" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/cuteness-tile-bead-stretch-bracelet-set" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/39880GOLD_1-min_750x750_crop_center.jpg?v=1703196294" data-product-card-img-large=""
srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/39880GOLD_1-min_750x750_crop_center.jpg?v=1703196294"> <img ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/39880GOLD_1-min_750x880_crop_center.jpg?v=1703196294"
alt="Cuteness Tile Bead Stretch Bracelet" class="product-card__img" data-product-card-img="" loading="lazy" src="https://cdn.shopify.com/s/files/1/0297/6313/files/39880GOLD_1-min_750x880_crop_center.jpg?v=1703196294"
style="visibility: hidden;">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6957074612310-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Cuteness Tile Bead Stretch Bracelet</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6957074612310" data-variant-id="40507637170262" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="bclEZFPCimenlBou"
data-gip-original-value="18" data-gip-converted="true">€18.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6957074612310" data-bis-variant="40507637170262" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form><form id="product_grid_form_6956974964822" accept-charset="UTF-8" class="product-card__form ng-pristine ng-valid ng-scope" enctype="multipart/form-data" data-product-form="" data-product-handle="red-cross-valentines-day-style-pack"
data-product-id="6956974964822" data-product-type="Charity" ng-mouseover="variantsConfig.setBtnText(result)"> <input type="hidden" name="form_type" value="product" autocomplete="off"> <input type="hidden" name="utf8" value="✓" autocomplete="off">
<!-- ngIf: result.hasBogo --> <!-- ngIf: result.hasPreorder -->
<a href="/products/red-cross-valentines-day-style-pack" ng-click="pura.productClick($event)" intellisuggest="" class="product-card__link ss-pointer"> <div class="product-card__img-wrap"> <div class="product-card__img-inner"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="ss-product-badge ss-targeted ng-scope"> <!-- ngIf: result.badge --><div ng-if="result.badge" class="product-badge product-badge--new" ng-class="{'product-badge--img': result.badge.image}"> New <!-- ngIf: result.badge.image --> </div><!-- end ngIf: result.badge --><!-- No Results --><script type="text/ss-template" name="No Results" target=".ss-no-results"> <div class="ss-no-results-inner"> <div class="ss-no-results-container"> <p class="ss-suggestions"> <strong>Tip:</strong> Check for misspellings, remove possible redundant keywords (ie. "products"), or use other words to describe what you are searching for. </p> </div> <div ng-if="merchandising.content.banner.length > 0" id="ss-merch-banner" class="ss-merchandising" ss-merchandising="banner"></div> <div class="ss-no-results-search search__wrap"> <form class="search__form hide-labels" action="/collections/shop" method="get" role="search"> <label for="ss-searchInput">Search</label> <input type="search" id="ss-searchInput" class="search__input" value="" name="q" autocomplete="off" placeholder="Search..." isp_ignore> <button type="button" title="Search" aria-label="Submit Search"> <svg class="icon-search" height="19" viewBox="0 0 18 19" width="18" xmlns="http://www.w3.org/2000/svg"> <title>Search Magnifying Glass Icon</title> <path fill="#000" d="m7.34175639.08577947c-4.04629815 0-7.34175213 3.29542816-7.34175213 7.34175237 0 4.04630766 3.29544924 7.34175236 7.34175213 7.34175236 1.76654843 0 3.39404921-.6207158 4.66259921-1.6652131l4.7810132 4.7736236c.2774605.2774369.7290947.2774606 1.0065315 0 .2774606-.2774605.2774606-.7216815 0-.9991421l-4.7884026-4.7810131c0-.0023684 0-.0059211 0-.0073421 1.0462737-1.2690711 1.6800158-2.89440003 1.6800158-4.66259451 0-4.04632421-3.2954684-7.34175236-7.34175711-7.34175236zm0 1.42098395c3.27832821 0 5.92077551 2.64241658 5.92077551 5.92076842 0 3.27832346-2.6424473 5.92077076-5.92077551 5.92077076-3.27833289 0-5.92076842-2.6424473-5.92076842-5.92077076 0-3.27835184 2.64243079-5.92076842 5.92076842-5.92076842z" transform="translate(0 .63782)" /> </svg> </button> </form> </div> <div class="ss-no-results-container"> <p>Still can't find what you're looking for? <a href="//puravidabracelets.kustomer.help/contact/contact-us-rk7ekve4L">Contact us</a>
or <a href="//puravidabracelets.kustomer.help">search our knowledgebase</a> for more help.</p>
</div>
<div ng-if="merchandising.content.footer.length > 0" id="ss-merch-footer" class="ss-merchandising" ss-merchandising="footer"></div>
</div>
<div ss-personalized-recommendations profile="no-results"></div>
</script>
</div><!-- end ngIf: result.badge --> <!-- ngIf: result.imageDetails -->
<div ng-if="result.imageDetails" class="product-card__slider ss-no-slider ng-scope">
<picture class="ss-image-active">
<source media="(min-width: 992px)" ng-srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/39879GOLD_1-min_750x750_crop_center.jpg?v=1703196703" data-product-card-img-large=""
srcset="https://cdn.shopify.com/s/files/1/0297/6313/files/39879GOLD_1-min_750x750_crop_center.jpg?v=1703196703"> <img ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/39879GOLD_1-min_750x880_crop_center.jpg?v=1703196703"
alt="Red Cross Valentine's Day Style Pack" class="product-card__img" data-product-card-img="" loading="lazy" src="https://cdn.shopify.com/s/files/1/0297/6313/files/39879GOLD_1-min_750x880_crop_center.jpg?v=1703196703"
style="visibility: hidden;">
</picture>
</div><!-- end ngIf: result.imageDetails --> </div> <!-- ngIf: !result.hasJson --><input ng-if="!result.hasJson" type="hidden" id="Option1-6956974964822-grid" name="options[Title]" value="Default Title" checked="" autocomplete="off"
class="ng-scope"><!-- end ngIf: !result.hasJson --> <!-- ngIf: result.mfield_puravida_charity_logo --><img ng-if="result.mfield_puravida_charity_logo" class="product-card__charity-logo ng-scope"
ng-src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493" alt="Charity Partner Badge" src="https://cdn.shopify.com/s/files/1/0297/6313/files/ARC_Logo_Bttn_HorizStkd_RGB.png?v=1672853493"
style=""><!-- end ngIf: result.mfield_puravida_charity_logo --> <!-- ngIf: result.hasJson --> </div>
<div class="product-card__title ng-binding">Red Cross Valentine's Day Style Pack</div> <!-- ngIf: result.brand == 'Demi Fine' -->
<div class="prices"> <span class="price" ng-class="{'on-sale': result.hasSale}" data-product-id="6956974964822" data-variant-id="40507004256342" data-product-price=""> <span class="money ng-binding notranslate" data-gip-price-id="ZI8ODtQOdHZW2bZm"
data-gip-original-value="45" data-gip-converted="true">€44.00 EUR</span> </span> <!-- ngIf: result.hasSale --> <!-- ngIf: result.tags_bundle --> </div> </a> <!-- ngIf: !result.hasCtaButton --> <!-- ngIf: result.hasCtaButton -->
<div ng-if="result.hasCtaButton" class="product-card__ctas ng-scope" ng-class="{'unavailable': !result.hasAvailability, 'preorder': result.hasAvailability && result.hasPreorder}"> <button intellisuggest="" type="submit"
class="button button--teal button--full add-to-cart" data-add-to-cart="" ng-click="pura.addToCart(result, recommendations.profile.tag)" ng-disabled="!result.hasAvailability"> <!-- ngIf: result.hasAvailability --><span
ng-if="result.hasAvailability" data-add-to-cart-text="" class="ng-binding ng-scope">Add to Cart</span><!-- end ngIf: result.hasAvailability --> <!-- ngIf: !result.hasAvailability --> </button> <button intellisuggest="" type="button"
class="button button--black button--full notify ng-binding" data-bis-trigger="" data-bis-product="6956974964822" data-bis-variant="40507004256342" ng-disabled="result.ss_button_text == 'Out of Stock'"> Notify Me </button> </div>
<!-- end ngIf: result.hasCtaButton -->
</form>POST false
<form method="post" action="false" data-email-form="Footer Newsletter Signup" data-klaviyo-list="MprPx6">
<div class="newsletter__inputs hide-labels">
<label for="newsletterEmailInput">Enter your email</label>
<input type="email" class="newsletter__input rounded-none" id="newsletterEmailInput" name="email" title="Email for Newsletter" placeholder="Email" required="">
<input type="submit" class="button button--black rounded-none" name="subscribe" value="Sign Me Up!">
</div>
<div class="newsletter__consent">
<label for="email-consent">
<input type="checkbox" id="email-consent" name="$consent" value="email" required="">
<span> By submitting your email address you consent to marketing and online advertising by Pura Vida. Please <a href="/pages/privacy-policy">click here</a> for a link to our privacy notice. </span>
</label>
</div>
<span class="newsletter__success" data-newsletter-message="">Success!</span>
</form>POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" 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="/collections/all-bracelets?utm_source=Klaviyo&utm_medium=email&utm_campaign=1.08.24.SignUpforSMS&utm_content=broadcast&nb_klid=01HAS9F9T64840MQ92WQZBVMPW&utm_klaviyo_id=01HAS9F9T64840MQ92WQZBVMPW&_kx=wDOGtC8uVR5OxQnGyzmKtwssMGlcaBqWqp9WxkFBg-qTjZHvioG4nlTFHp5tXefW.JpiXrs">
<label for="CountryList">Currency Selector</label>
<select name="country_code" id="CountryList" data-currency-select="">
<option value="AI">Anguilla (USD $)</option>
<option value="AG">Antigua & Barbuda (USD $)</option>
<option value="AR">Argentina (USD $)</option>
<option value="AW">Aruba (USD $)</option>
<option value="AU">Australia (USD $)</option>
<option value="AZ">Azerbaijan (USD $)</option>
<option value="BS">Bahamas (USD $)</option>
<option value="BD">Bangladesh (USD $)</option>
<option value="BB">Barbados (USD $)</option>
<option value="BZ">Belize (USD $)</option>
<option value="BM">Bermuda (USD $)</option>
<option value="BT">Bhutan (USD $)</option>
<option value="BO">Bolivia (USD $)</option>
<option value="BR">Brazil (USD $)</option>
<option value="VG">British Virgin Islands (USD $)</option>
<option value="BN">Brunei (USD $)</option>
<option value="KH">Cambodia (USD $)</option>
<option value="CA">Canada (CAD $)</option>
<option value="KY">Cayman Islands (USD $)</option>
<option value="CL">Chile (USD $)</option>
<option value="CN">China (USD $)</option>
<option value="CX">Christmas Island (USD $)</option>
<option value="CC">Cocos (Keeling) Islands (USD $)</option>
<option value="CO">Colombia (USD $)</option>
<option value="KM">Comoros (USD $)</option>
<option value="CK">Cook Islands (USD $)</option>
<option value="CR">Costa Rica (USD $)</option>
<option value="CI">Côte d’Ivoire (USD $)</option>
<option value="CW">Curaçao (USD $)</option>
<option value="DM">Dominica (USD $)</option>
<option value="DO">Dominican Republic (USD $)</option>
<option value="EC">Ecuador (USD $)</option>
<option value="SV">El Salvador (USD $)</option>
<option value="SZ">Eswatini (USD $)</option>
<option value="FK">Falkland Islands (USD $)</option>
<option value="FJ">Fiji (USD $)</option>
<option value="GF">French Guiana (USD $)</option>
<option value="PF">French Polynesia (USD $)</option>
<option value="GD">Grenada (USD $)</option>
<option value="GT">Guatemala (USD $)</option>
<option value="GY">Guyana (USD $)</option>
<option value="HT">Haiti (USD $)</option>
<option value="HN">Honduras (USD $)</option>
<option value="HK">Hong Kong SAR (USD $)</option>
<option value="IN">India (USD $)</option>
<option value="ID">Indonesia (USD $)</option>
<option value="JM">Jamaica (USD $)</option>
<option value="JP">Japan (USD $)</option>
<option value="KZ">Kazakhstan (USD $)</option>
<option value="KI">Kiribati (USD $)</option>
<option value="KG">Kyrgyzstan (USD $)</option>
<option value="LA">Laos (USD $)</option>
<option value="MO">Macao SAR (USD $)</option>
<option value="MY">Malaysia (USD $)</option>
<option value="MV">Maldives (USD $)</option>
<option value="MQ">Martinique (USD $)</option>
<option value="MX">Mexico (USD $)</option>
<option value="MN">Mongolia (USD $)</option>
<option value="MS">Montserrat (USD $)</option>
<option value="MM">Myanmar (Burma) (USD $)</option>
<option value="NR">Nauru (USD $)</option>
<option value="NP">Nepal (USD $)</option>
<option value="NC">New Caledonia (USD $)</option>
<option value="NZ">New Zealand (USD $)</option>
<option value="NI">Nicaragua (USD $)</option>
<option value="NU">Niue (USD $)</option>
<option value="NF">Norfolk Island (USD $)</option>
<option value="PK">Pakistan (USD $)</option>
<option value="PS">Palestinian Territories (USD $)</option>
<option value="PA">Panama (USD $)</option>
<option value="PY">Paraguay (USD $)</option>
<option value="PE">Peru (USD $)</option>
<option value="PN">Pitcairn Islands (USD $)</option>
<option value="WS">Samoa (USD $)</option>
<option value="ST">São Tomé & Príncipe (USD $)</option>
<option value="SG">Singapore (USD $)</option>
<option value="SX">Sint Maarten (USD $)</option>
<option value="SB">Solomon Islands (USD $)</option>
<option value="GS">South Georgia & South Sandwich Islands (USD $)</option>
<option value="KR">South Korea (USD $)</option>
<option value="LK">Sri Lanka (USD $)</option>
<option value="BL">St. Barthélemy (USD $)</option>
<option value="SH">St. Helena (USD $)</option>
<option value="KN">St. Kitts & Nevis (USD $)</option>
<option value="LC">St. Lucia (USD $)</option>
<option value="MF">St. Martin (USD $)</option>
<option value="PM">St. Pierre & Miquelon (USD $)</option>
<option value="VC">St. Vincent & Grenadines (USD $)</option>
<option value="SR">Suriname (USD $)</option>
<option value="SE">Sweden (USD $)</option>
<option value="TW">Taiwan (USD $)</option>
<option value="TJ">Tajikistan (USD $)</option>
<option value="TH">Thailand (USD $)</option>
<option value="TL">Timor-Leste (USD $)</option>
<option value="TK">Tokelau (USD $)</option>
<option value="TO">Tonga (USD $)</option>
<option value="TT">Trinidad & Tobago (USD $)</option>
<option value="TM">Turkmenistan (USD $)</option>
<option value="TC">Turks & Caicos Islands (USD $)</option>
<option value="TV">Tuvalu (USD $)</option>
<option value="UM">U.S. Outlying Islands (USD $)</option>
<option value="US" selected="">United States (USD $)</option>
<option value="UY">Uruguay (USD $)</option>
<option value="UZ">Uzbekistan (USD $)</option>
<option value="VU">Vanuatu (USD $)</option>
<option value="VE">Venezuela (USD $)</option>
<option value="VN">Vietnam (USD $)</option>
<option value="WF">Wallis & Futuna (USD $)</option>
<option value="EH">Western Sahara (USD $)</option>
</select>
</form>false
<form class="bis__form hidden" action="false" data-bis-form="">
<div class="bis__header">SOLD OUT<br>(BUT NOT FOR LONG!)</div>
<p class="bis__body">Leave us your email address, and you’ll be the first to know when it’s back in stock. Pinky promise.</p>
<input class="bis__input" name="bis_input" data-bis-input="" data-variant="" data-product="" type="email" id="bisInputDialog" autocomplete="off" autofocus="" required="">
<label class="bis__label" for="bisInputDialog">Email Address</label>
<input type="submit" class="bis__submit button button--black button--small" value="Submit">
<div class="bis__message" data-bis-message=""></div>
<label class="bis__newsletter" for="bisNewsletterDialog">
<input class="bis__checkbox" value="email" name="$consent" type="checkbox" id="bisNewsletterDialog" data-bis-newsletter="">
<span>Sign me up for Pura Vida emails! I love hearing about new products, cool events, the latest sales and more.</span>
</label>
</form>Text Content
Press Alt+1 for screen-reader mode, Alt+0 to cancelAccessibility Screen-Reader
Guide, Feedback, and Issue Reporting
Skip to main content
stop animationstop
slide 2 of 2
Free Shipping on all orders €38.36 EUR+
Shop the New Valentine’s Day Collection
Search
* New Arrivals
* Trending
* Shop All
* Valentine's Day Collection|new
* Men's Collection
* Friendship Packs
* $15 & Under Bracelets
* Best Sellers
* Bracelets
* Shop All
* Originals
* Friendship Packs|new
* Stretch
* Charity
* Style Packs
* Braided
* Metal
* Charms
* Rings
* Jewelry
* Shop All
* Bracelets
* Anklets
* Necklaces
* Earrings
* Jewelry Sets
* Charity
* Harper Charm Bar|new
* Engraving
* Men's
* Custom
* Engraving|new
* Build your Own Bracelets | 40% off
* Harper Charm Bar|new
* Demi-Fine
* Sale
* Other
* Charity
* Clothing
* Jewelry Cases|new
* Bags
* Stickers
* Collaborations
* Subscriptions
* Store Locator
* Account
* Earn rewards
* Live Free Tour
* New Arrivals
* Trending
* Shop All
* Valentine's Day Collection|new
* Men's Collection
* Friendship Packs
* $15 & Under Bracelets
* Best Sellers
* Bracelets
* Shop All
* Originals
* Friendship Packs|new
* Stretch
* Charity
* Style Packs
* Braided
* Metal
* Charms
* Rings
* Jewelry
* Shop All
* Bracelets
* Anklets
* Necklaces
* Earrings
* Jewelry Sets
* Charity
* Harper Charm Bar|new
* Engraving
* Men's
* Custom
* Engraving|new
* Build your Own Bracelets | 40% off
* Harper Charm Bar|new
* Demi-Fine
* Sale
* Other
* Charity
* Clothing
* Jewelry Cases|new
* Bags
* Stickers
* Collaborations
* Subscriptions
* Store Locator
* Account
* Earn rewards
* Live Free Tour
*
*
*
*
*
* New Arrivals
* Shop
Trending
* Shop All
* Valentine’s Day Collection new
* Friendship Packs
* The Men's Collection
* $15 & Under Bracelets
* Best Sellers
Gifts
* E-Gift Cards
* Engraved Gifts
* Harper Charm Bar new
* Demi-Fine new
* Gifts Under $15
* Gifts Under $25
* Bridal Gifts
Jewelry
* Shop All
* Bracelets
* Rings
* Anklets
* Necklaces
* Earrings
* Harper Charm Bar new
* Engravables
Men's
* Shop All
* Bracelets
* Rings
* Necklaces
* Anklets
Clothing & Accessories
* Shop All
* Clothing
* Jewelry Cases new
* Stickers
Charities new
* Shop All
* Health new
* Mental Health
* Humanitarian
* Environmental
* Animal
* Cancer Awareness
* Custom Fundraising
Collaborations
* Shop All
* Harry Potter™
* Crumbl
* Outdoorsy Gals™
* Shark Week
* Custom
* Harper Charm Bar
* Engraving
* Build Your Own Bracelets
* Subscriptions
* Pura Vida Bracelet Club
* Pura Vida Jewelry Club
*
* Sale
* Brand
Brand
* Our Story
* Giving Back + Doing Good
* Earn Rewards
* Our Impact
* Brand Ambassadors
* Store Locator
* Wholesale
* Blog
* Our Story
* Pura Vida IRL
* The Shore Club
*
*
* * Log in
* Create account
* Earn rewards
*
Search
Search
BRACELETS
New Best Sellers Originals Friendship Packs Charity Style Packs Stretch Braided
Metal Charms
* Jewelry
* Bracelets
Jewelry
Filter/Sort +
Filter / Sort +
Color
* multi
* blue
* black
* white
* pink
* red
* green
* purple
* yellow
* grey
* brown
* orange
Style
* originals
* sets
* charity
* charms
* beaded
* stretch
* metals
* braided
* engravable
finish
* silver
* gold
* rose gold
Metal
* .925 sterling silver
* 18K gold plated sterling silver
* plated gold
* plated brass
* plated rose gold
* all hypoallergenic
* stainless steel
Charity
* humanitarian
* health
* animal
* cancer awareness
* environmental
Collaborations
* Harry Potter™
* Charli D'amelio
* Crumbl Cookies
Sort By
* Best Selling
* Price (Highest First)
* Price (Lowest First)
* Title (A - Z)
* Title (Z - A)
* New Arrivals
Clear All Apply (24 Results)
Limited Edition
Heart Strings Bracelet Pack
€20.00 EUR
Add to Cart Notify Me
New
Red Cross Three Hearts Charm Bracelet
€16.00 EUR
Add to Cart Notify Me
New
Red Cross Valentine's Day Style Pack
€44.00 EUR
Add to Cart Notify Me
New
Vacation Vibes Pink Moment Stretch Bracelet Set of 8
€47.00 EUR
Add to Cart Notify Me
New
I Heart Malibu Charity Bracelet Options
Color
Light Pink Brick Red Vanilla
I Heart Malibu Charity Bracelet
€14.00 EUR
Add to Cart
Blood Saves Lives Braided Bracelet
€15.00 EUR
Add to Cart Notify Me
New
Metal Heart Bead Stretch Bracelet
€20.00 EUR
Add to Cart Notify Me
New
Cuteness Tile Bead Stretch Bracelet
€18.00 EUR
Add to Cart Notify Me
New
Red Cross XOXO Mixed Mini Braided Bracelet
€10.00 EUR
Add to Cart Notify Me
New
Heart Bead Gold Dainty Bracelet Options
Color
Red Natural
Heart Bead Gold Dainty Bracelet
€14.00 EUR
Add to Cart
New
Red Cross Valentine's Day Original Bracelet Card Options
Quantity
Single 5 Pack
Red Cross Valentine's Day Original Bracelet Card
€8.00 EUR
Add to Cart
New
Pink & Red Two Toned Dainty Bracelet
€14.00 EUR
Add to Cart Notify Me
New
Yours to Keep Bracelet
€7.00 EUR or any 3 for $18
Add to Cart Notify Me
New
Red Cross Be Mine Mixed Original Bracelet
€7.00 EUR or any 3 for $18
Add to Cart Notify Me
New
Besos Braided Bracelet
€15.00 EUR
Add to Cart Notify Me
$70 Value
Valentines Day Friendship 10 Pack
€47.00 EUR
Add to Cart Notify Me
Personalize
Engravable Bar Bracelet Options
Metal
Gold Silver Rose Gold
Color - Black
Black White
Engravable Bar Bracelet
€24.00 EUR
Engrave Now
$70 Value
Yours to Keep Friendship 10 Pack
€47.00 EUR
Add to Cart Notify Me
New
Stone & Enamel Heart Stretch Bracelet
€20.00 EUR
Add to Cart Notify Me
New
Pink and Red Vinyl Disc Bead Stretch Bracelet Set
€20.00 EUR
Add to Cart Notify Me
$56 Value
Red Cross Friendship 5 Pack
€27.00 EUR
Shop Now
25 Minimum Order
Customize Your Bracelet
€4.00 EUR
Shop Now
Pura Vida Bracelet Club
€15.00 EUR
Learn More
Men's Carabiner Clasp Chain Bracelet Options
Color
Gold Silver Black
Men's Carabiner Clasp Chain Bracelet
€20.00 EUR
Add to Cart
Trending Now
slide 1 to 3 of 20
Top Rated
Solid Original Options
Color
White Bubblegum Pink Orange Neon Yellow +21
Solid Original
€7.00 EUR or any 3 for $18
Add to Cart
New
I Heart Malibu Charity Bracelet Options
Color
Light Pink Brick Red Vanilla
I Heart Malibu Charity Bracelet
€14.00 EUR
Add to Cart
Blood Saves Lives Original Bracelet
€7.00 EUR or any 3 for $18
Add to Cart Notify Me
New
Red Cross Be Mine Mixed Original Bracelet
€7.00 EUR or any 3 for $18
Add to Cart Notify Me
Personalize
Engravable Bar Bracelet Options
Metal
Gold Silver Rose Gold
Color - Black
Black White
Engravable Bar Bracelet
€24.00 EUR
Engrave Now
New
Red Cross XOXO Mixed Mini Braided Bracelet
€10.00 EUR
Add to Cart Notify Me
New
Red Cross Three Hearts Charm Bracelet
€16.00 EUR
Add to Cart Notify Me
Blood Saves Lives Braided Bracelet
€15.00 EUR
Add to Cart Notify Me
Men's Carabiner Clasp Chain Bracelet Options
Color
Gold Silver Black
Men's Carabiner Clasp Chain Bracelet
€20.00 EUR
Add to Cart
Save 30%
Multi Mini Braided Bracelet Options
Color
Mystics Steel Tropic Tides Cool Shoreline +2
Multi Mini Braided Bracelet
€7.00 EUR €10.00 EUR
Add to Cart
Pura Vida Bracelet Club
€15.00 EUR
Learn More
Ocean Conservation Bracelet
€7.00 EUR or any 3 for $18
Add to Cart Notify Me
New
Yours to Keep Bracelet
€7.00 EUR or any 3 for $18
Add to Cart Notify Me
New
Red Cross Valentine's Day Original Bracelet Card Options
Quantity
Single 5 Pack
Red Cross Valentine's Day Original Bracelet Card
€8.00 EUR
Add to Cart
Harper Paperclip Chain Bracelet Options
Color
Gold Silver
Harper Paperclip Chain Bracelet
€14.00 EUR
Add to Cart
New
Heart Bead Gold Dainty Bracelet Options
Color
Red Natural
Heart Bead Gold Dainty Bracelet
€14.00 EUR
Add to Cart
Brighter Days
€7.00 EUR or any 3 for $18
Add to Cart Notify Me
Top Rated
Save the Sloths Charm Options
Color
Dark Green Black
Save the Sloths Charm
€1.00 EUR
Add to Cart
New
Cuteness Tile Bead Stretch Bracelet
€18.00 EUR
Add to Cart Notify Me
New
Red Cross Valentine's Day Style Pack
€44.00 EUR
Add to Cart Notify Me
Left Arrow Icon Right Arrow Icon
Looking for the perfect gift for your bestie? Want to treat yourself to some new
wrist candy? Our unique, handmade bracelets are a great choice for any occasion.
Explore all our stunning artisan bracelets today!
Read More
SHOP THE MOST UNIQUE HANDMADE BRACELETS ONLINE AT PURA VIDA!
Here at Pura Vida, we believe the simple things in life are meant to be
celebrated. In a fast-paced world that never seems to stop, it can be tough to
take moments throughout your day to appreciate life’s simple pleasures: the warm
sun on your skin, human connection, etc. Let our unique, handmade bracelets
serve as a reminder of how life should be lived!
With a seemingly endless selection of artisan bracelets to choose from, you’re
going to have a hard time picking just one. But the good news? You don’t have
to! Grab a few of your favorites and you’ll have a perfectly unique bracelet for
any occasion. Want to learn what makes our collection of artisan bracelets so
special? Keep reading!
WHAT MAKES OUR UNIQUE BRACELETS SO SPECIAL?
It’s easy to see why we have earned the reputation as the #1 place to find
unique bracelets online. Our bracelets are crafted by hand using the finest
materials available to produce stunning works of art, every time. Your new Pura
Vida bracelets are going to turn heads and catch eyes. With over 460,000
five-star reviews, you can rest assured the quality is going to exceed your
expectations.
But the bracelets themselves are just part of the reason shopping here with us
is so special. We’re building for something bigger than ourselves. Pura Vida
originated with the goal to help a few struggling local artisans in Costa Rica.
These days, we’re working hard to take this to the next level - by providing
sustainable employment to artisan communities around the globe. But that’s not
all - we also strive to protect our planet with eco-friendly initiatives and
partnerships with amazing charities. We’re proud of the $4 million we’ve donated
and the 200+ charities we’ve supported - but we’re just getting started!
All of this is to say that when you buy artisan-crafted bracelets at Pura Vida,
you get more than an amazing bracelet you’ll wear for years to come. You get the
warm, fuzzy feeling inside knowing you’re helping a greater cause.
ALL THE DIFFERENT TYPES OF ARTISAN BRACELETS WE MAKE BY HAND:
When we say you can’t beat the Pura Vida selection, we mean it! We’ve got so
many different styles of handcrafted bracelets to choose from. We’ve got the
basics, like our simple beaded bracelets, string bracelets, or braided
bracelets. You’ll also find metal bracelets that will shimmer in the light. For
something a bit more personalized, consider our engraved bracelets as a
heartfelt personal gift. You can narrow your choices by exploring our bracelets
for men or bracelets for women, too.
UNIQUE HANDMADE BRACELETS AREN’T ALL WE OFFER - EXPLORE OUR FULL CATALOG TODAY!
What are you waiting for?! Treat yourself or that special someone to unique
bracelets from Pura Vida today! While you’re here, explore our other types of
handmade jewlery. We’ve got some super unique handmade anklets or artisan rings
that you’re sure to love!
Want more Pura Vida? Get 20% OFF your first order when you sign up for email or
SMS!
Enter your email
By submitting your email address you consent to marketing and online advertising
by Pura Vida. Please click here for a link to our privacy notice.
Success!
TEXT PURAVIDA TO 38817 FOR 20% OFF!
By signing up via text, you agree to receive recurring automated promotional and
personalized marketing text messages (e.g. cart reminders) from Pura Vida at the
cell number used when signing up. Consent is not a condition of any purchase.
Reply HELP for help and STOP to cancel. Msg frequency varies. Msg & data rates
may apply. View Terms & Privacy.
* Shop
* Bracelets
* Best Sellers
* Jewelry
* Charity
* Sale
* Custom Bracelets
* Gift Cards
* Brand
* Our Story
* Our Impact
* Earn Rewards
* Brand Ambassador
* Refer-a-Friend
* Affiliate Program
* Wholesale
* Careers
* Blog
* Help
* Help & FAQ
* Track My Order
* Returns & Exchanges
* Store Locator
* Accessibility
* Afterpay
* Check Gift Card Balance
* Jewelry Care
* More Info
* Privacy Policy
* Terms of Use
* Disclaimer
* Legal
* Media Inquiries
* Partnership Inquiry
* Do Not Sell My Information
* Get 20% OFF
Follow Our Journey
*
*
*
*
*
Need to get in touch?
info@puravidabracelets.com
Currency Selector Anguilla (USD $) Antigua & Barbuda (USD $) Argentina (USD $)
Aruba (USD $) Australia (USD $) Azerbaijan (USD $) Bahamas (USD $) Bangladesh
(USD $) Barbados (USD $) Belize (USD $) Bermuda (USD $) Bhutan (USD $) Bolivia
(USD $) Brazil (USD $) British Virgin Islands (USD $) Brunei (USD $) Cambodia
(USD $) Canada (CAD $) Cayman Islands (USD $) Chile (USD $) China (USD $)
Christmas Island (USD $) Cocos (Keeling) Islands (USD $) Colombia (USD $)
Comoros (USD $) Cook Islands (USD $) Costa Rica (USD $) Côte d’Ivoire (USD $)
Curaçao (USD $) Dominica (USD $) Dominican Republic (USD $) Ecuador (USD $) El
Salvador (USD $) Eswatini (USD $) Falkland Islands (USD $) Fiji (USD $) French
Guiana (USD $) French Polynesia (USD $) Grenada (USD $) Guatemala (USD $) Guyana
(USD $) Haiti (USD $) Honduras (USD $) Hong Kong SAR (USD $) India (USD $)
Indonesia (USD $) Jamaica (USD $) Japan (USD $) Kazakhstan (USD $) Kiribati (USD
$) Kyrgyzstan (USD $) Laos (USD $) Macao SAR (USD $) Malaysia (USD $) Maldives
(USD $) Martinique (USD $) Mexico (USD $) Mongolia (USD $) Montserrat (USD $)
Myanmar (Burma) (USD $) Nauru (USD $) Nepal (USD $) New Caledonia (USD $) New
Zealand (USD $) Nicaragua (USD $) Niue (USD $) Norfolk Island (USD $) Pakistan
(USD $) Palestinian Territories (USD $) Panama (USD $) Paraguay (USD $) Peru
(USD $) Pitcairn Islands (USD $) Samoa (USD $) São Tomé & Príncipe (USD $)
Singapore (USD $) Sint Maarten (USD $) Solomon Islands (USD $) South Georgia &
South Sandwich Islands (USD $) South Korea (USD $) Sri Lanka (USD $) St.
Barthélemy (USD $) St. Helena (USD $) St. Kitts & Nevis (USD $) St. Lucia (USD
$) St. Martin (USD $) St. Pierre & Miquelon (USD $) St. Vincent & Grenadines
(USD $) Suriname (USD $) Sweden (USD $) Taiwan (USD $) Tajikistan (USD $)
Thailand (USD $) Timor-Leste (USD $) Tokelau (USD $) Tonga (USD $) Trinidad &
Tobago (USD $) Turkmenistan (USD $) Turks & Caicos Islands (USD $) Tuvalu (USD
$) U.S. Outlying Islands (USD $) United States (USD $) Uruguay (USD $)
Uzbekistan (USD $) Vanuatu (USD $) Venezuela (USD $) Vietnam (USD $) Wallis &
Futuna (USD $) Western Sahara (USD $)
My Shopping Cart
Your cart looks a little empty!
Start your Pura Vida journey here...
* Shop New Arrivals
* Shop Best Sellers
* Shop Bracelets
* $10 & Under Deals
SOLD OUT
(BUT NOT FOR LONG!)
Leave us your email address, and you’ll be the first to know when it’s back in
stock. Pinky promise.
Email Address
Sign me up for Pura Vida emails! I love hearing about new products, cool events,
the latest sales and more.
Visit us at our Pura Vida store in Westfield UTC, La Jolla!
See store details
Hey! We think you’re in Germany! Shop There Stay Here