orgain.com
Open in
urlscan Pro
23.227.38.32
Public Scan
URL:
https://orgain.com/collections/bars
Submission: On March 17 via manual from US — Scanned from CA
Submission: On March 17 via manual from US — Scanned from CA
Form analysis
4 forms found in the DOMPOST /cart
<form action="/cart" id="CartDrawer-Form" class="cart-drawer__form" method="post">
<div id="CartDrawer-CartItems" class="drawer__contents"></div>
<div id="CartDrawer-CartErrors" role="alert"></div>
</form>
GET /pages/search-results-page
<form action="/pages/search-results-page" method="get" role="search" class="header-search__form flex w-full rounded overflow-hidden tabletl:rounded-none">
<input type="search" class="header-search__form-input w-full py-12 tabletl:py-sm px-md tabletl:px-xl bg-gray snize-input-style" name="q" id="Search" value="" placeholder="Search our store" autocomplete="off">
<button type="submit" class="btn py-sm px-md rounded-none" aria-label="Submit search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>Search</title>
<g id="icon-search">
<path id="Shape" fill-rule="evenodd" clip-rule="evenodd"
d="M4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11C18 12.8858 17.2543 14.5974 16.0417 15.8561C16.0073 15.8825 15.9743 15.9114 15.9428 15.9429C15.9113 15.9744 15.8824 16.0074 15.856 16.0418C14.5973 17.2543 12.8857 18 11 18C7.13401 18 4 14.866 4 11ZM16.6176 18.0319C15.078 19.2635 13.125 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11C20 13.125 19.2635 15.0781 18.0319 16.6177L21.707 20.2929C22.0975 20.6834 22.0975 21.3166 21.707 21.7071C21.3165 22.0976 20.6833 22.0976 20.2928 21.7071L16.6176 18.0319Z"
fill="white"></path>
</g>
</svg>
</button>
</form>
<form class="filter-sort__form flex flex-col justify-between h-[calc(100%-92px)] tabletl:block tabletl:h-auto" js-filter-form="">
<div class="filter-sort__filters-container">
<s-accordion data-manual-collapse="false" js-accordion="">
<h3 class="mb-md">Sort:</h3>
<div class="filter-sort accordion-item mt-md mb-lg" js-accordion-item="">
<button type="button" class="filter-sort__label accordion-header link w-full flex justify-between items-center relative bg-gray p-md" aria-expanded="false" aria-controls="sort-master-filter" js-accordion-header=""> Best selling <div
class="filter-sort__label-icon w-24 h-24 p-xs absolute top-1/2 right-md flex justify-center items-center transform -translate-y-1/2">
<svg class="icon icon--caret-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8">
<title>Caret - Down</title>
<path d="m1.71.29C1.32-.1.68-.1.29.29-.1.68-.1,1.32.29,1.71l6,6c.39.39,1.02.39,1.41,0L13.71,1.71c.39-.39.39-1.02,0-1.41-.39-.39-1.02-.39-1.41,0l-5.29,5.29L1.71.29Z"></path>
</svg>
</div>
</button>
<div id="sort-master-filter" class="filter-sort__values-container accordion-content bg-gray mt-[1px] mb-md" aria-hidden="true" js-accordion-content="" style="--max-height: 336px;">
<div class="filter-sort__container">
<label for="SortBy" class="filter-sort__label hidden">Sort By:</label>
<select name="sort_by" class="filter-sort__selec visually-hidden" id="SortBy" aria-describedby="a11y-refresh-page-message" js-filter-form-sort="">
<option value="manual">Featured</option>
<option value="best-selling" selected="selected">Best selling</option>
<option value="title-ascending">Alphabetically, A-Z</option>
<option value="title-descending">Alphabetically, Z-A</option>
<option value="price-ascending">Price, low to high</option>
<option value="price-descending">Price, high to low</option>
<option value="created-ascending">Date, old to new</option>
<option value="created-descending">Date, new to old</option>
</select>
<ul class="filter-sort__values grid gap-md p-md" role="list">
<li class="filter-sort__value">
<div class="filter-value">
<input type="radio" name="SortOptions" value="manual" id="Sort-manual-1" class="filter-value__input visually-hidden" js-sort="">
<label for="Sort-manual-1" class="filter-value__label flex justify-start items-center gap-sm">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Featured</span>
</label>
</div>
</li>
<li class="filter-sort__value">
<div class="filter-value">
<input type="radio" name="SortOptions" value="best-selling" id="Sort-best-selling-2" class="filter-value__input visually-hidden" checked="" js-sort="">
<label for="Sort-best-selling-2" class="filter-value__label flex justify-start items-center gap-sm">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Best selling</span>
</label>
</div>
</li>
<li class="filter-sort__value">
<div class="filter-value">
<input type="radio" name="SortOptions" value="title-ascending" id="Sort-title-ascending-3" class="filter-value__input visually-hidden" js-sort="">
<label for="Sort-title-ascending-3" class="filter-value__label flex justify-start items-center gap-sm">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Alphabetically, A-Z</span>
</label>
</div>
</li>
<li class="filter-sort__value">
<div class="filter-value">
<input type="radio" name="SortOptions" value="title-descending" id="Sort-title-descending-4" class="filter-value__input visually-hidden" js-sort="">
<label for="Sort-title-descending-4" class="filter-value__label flex justify-start items-center gap-sm">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Alphabetically, Z-A</span>
</label>
</div>
</li>
<li class="filter-sort__value">
<div class="filter-value">
<input type="radio" name="SortOptions" value="price-ascending" id="Sort-price-ascending-5" class="filter-value__input visually-hidden" js-sort="">
<label for="Sort-price-ascending-5" class="filter-value__label flex justify-start items-center gap-sm">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Price, low to high</span>
</label>
</div>
</li>
<li class="filter-sort__value">
<div class="filter-value">
<input type="radio" name="SortOptions" value="price-descending" id="Sort-price-descending-6" class="filter-value__input visually-hidden" js-sort="">
<label for="Sort-price-descending-6" class="filter-value__label flex justify-start items-center gap-sm">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Price, high to low</span>
</label>
</div>
</li>
<li class="filter-sort__value">
<div class="filter-value">
<input type="radio" name="SortOptions" value="created-ascending" id="Sort-created-ascending-7" class="filter-value__input visually-hidden" js-sort="">
<label for="Sort-created-ascending-7" class="filter-value__label flex justify-start items-center gap-sm">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Date, old to new</span>
</label>
</div>
</li>
<li class="filter-sort__value">
<div class="filter-value">
<input type="radio" name="SortOptions" value="created-descending" id="Sort-created-descending-8" class="filter-value__input visually-hidden" js-sort="">
<label for="Sort-created-descending-8" class="filter-value__label flex justify-start items-center gap-sm">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Date, new to old</span>
</label>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="flex justify-between items-center mb-md" js-filter="">
<h3>Flavor:</h3>
<div class="active-filters list-none" role="list">
<button type="button" class="active-filters__remove text-blue-light link hidden " data-name="" js-remove=""> Clear <span class="visually-hidden">Clear Filter</span>
</button>
</div>
</div>
<div class="filter-sort accordion-item" data-index="1" js-accordion-item="" js-filter="">
<button type="button" class="filter-sort__label accordion-header link w-full flex justify-between items-center relative bg-gray p-md" aria-expanded="false" aria-controls="flavor-master-filter" js-accordion-header=""> Please select <div
class="filter-sort__label-icon w-24 h-24 p-xs absolute top-1/2 right-md flex justify-center items-center transform -translate-y-1/2">
<svg class="icon icon--caret-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8">
<title>Caret - Down</title>
<path d="m1.71.29C1.32-.1.68-.1.29.29-.1.68-.1,1.32.29,1.71l6,6c.39.39,1.02.39,1.41,0L13.71,1.71c.39-.39.39-1.02,0-1.41-.39-.39-1.02-.39-1.41,0l-5.29,5.29L1.71.29Z"></path>
</svg>
</div>
</button>
<div id="flavor-master-filter" class="filter-sort__values-container accordion-content bg-gray mt-[1px] mb-xl" aria-hidden="true" js-accordion-content="" style="--max-height: 136px;">
<ul class="filter-sort__values grid gap-md p-md" role="list">
<li class="filter-sort__value">
<div class="filter-value">
<input type="checkbox" name="filter.v.option.flavor" value="Chocolate" id="FilterSort-Flavor-1" class="filter-value__input visually-hidden">
<label for="FilterSort-Flavor-1" class="filter-value__label flex justify-start items-center gap-sm ">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Chocolate</span>
</label>
</div>
</li>
<li class="filter-sort__value">
<div class="filter-value">
<input type="checkbox" name="filter.v.option.flavor" value="Chocolate Coconut" id="FilterSort-Flavor-2" class="filter-value__input visually-hidden">
<label for="FilterSort-Flavor-2" class="filter-value__label flex justify-start items-center gap-sm ">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Chocolate Coconut</span>
</label>
</div>
</li>
<li class="filter-sort__value">
<div class="filter-value">
<input type="checkbox" name="filter.v.option.flavor" value="Peanut Butter" id="FilterSort-Flavor-3" class="filter-value__input visually-hidden">
<label for="FilterSort-Flavor-3" class="filter-value__label flex justify-start items-center gap-sm ">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Peanut Butter</span>
</label>
</div>
</li>
</ul>
</div><!-- .filter-sort__values-container -->
</div>
<div class="flex justify-between items-center mb-md" js-filter="">
<h3>Certifications:</h3>
<div class="active-filters list-none" role="list">
<button type="button" class="active-filters__remove text-blue-light link hidden " data-name="" js-remove=""> Clear <span class="visually-hidden">Clear Filter</span>
</button>
</div>
</div>
<div class="filter-sort accordion-item" data-index="2" js-accordion-item="" js-filter="">
<button type="button" class="filter-sort__label accordion-header link w-full flex justify-between items-center relative bg-gray p-md" aria-expanded="false" aria-controls="certifications-master-filter" js-accordion-header=""> Please select
<div class="filter-sort__label-icon w-24 h-24 p-xs absolute top-1/2 right-md flex justify-center items-center transform -translate-y-1/2">
<svg class="icon icon--caret-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8">
<title>Caret - Down</title>
<path d="m1.71.29C1.32-.1.68-.1.29.29-.1.68-.1,1.32.29,1.71l6,6c.39.39,1.02.39,1.41,0L13.71,1.71c.39-.39.39-1.02,0-1.41-.39-.39-1.02-.39-1.41,0l-5.29,5.29L1.71.29Z"></path>
</svg>
</div>
</button>
<div id="certifications-master-filter" class="filter-sort__values-container accordion-content bg-gray mt-[1px] mb-xl" aria-hidden="true" js-accordion-content="" style="--max-height: 96px;">
<ul class="filter-sort__values grid gap-md p-md" role="list">
<li class="filter-sort__value">
<div class="filter-value">
<input type="checkbox" name="filter.p.m.product-filters.certifications" value="USDA Certified Organic" id="FilterSort-Certifications-1" class="filter-value__input visually-hidden">
<label for="FilterSort-Certifications-1" class="filter-value__label flex justify-start items-center gap-sm ">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">USDA Certified Organic</span>
</label>
</div>
</li>
<li class="filter-sort__value">
<div class="filter-value">
<input type="checkbox" name="filter.p.m.product-filters.certifications" value="Certified Plant-based" id="FilterSort-Certifications-2" class="filter-value__input visually-hidden">
<label for="FilterSort-Certifications-2" class="filter-value__label flex justify-start items-center gap-sm ">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Certified Plant-based</span>
</label>
</div>
</li>
</ul>
</div><!-- .filter-sort__values-container -->
</div>
<div class="flex justify-between items-center mb-md" js-filter="">
<h3>Sweetener:</h3>
<div class="active-filters list-none" role="list">
<button type="button" class="active-filters__remove text-blue-light link hidden " data-name="" js-remove=""> Clear <span class="visually-hidden">Clear Filter</span>
</button>
</div>
</div>
<div class="filter-sort accordion-item" data-index="3" js-accordion-item="" js-filter="">
<button type="button" class="filter-sort__label accordion-header link w-full flex justify-between items-center relative bg-gray p-md" aria-expanded="false" aria-controls="sweetener-master-filter" js-accordion-header=""> Please select <div
class="filter-sort__label-icon w-24 h-24 p-xs absolute top-1/2 right-md flex justify-center items-center transform -translate-y-1/2">
<svg class="icon icon--caret-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8">
<title>Caret - Down</title>
<path d="m1.71.29C1.32-.1.68-.1.29.29-.1.68-.1,1.32.29,1.71l6,6c.39.39,1.02.39,1.41,0L13.71,1.71c.39-.39.39-1.02,0-1.41-.39-.39-1.02-.39-1.41,0l-5.29,5.29L1.71.29Z"></path>
</svg>
</div>
</button>
<div id="sweetener-master-filter" class="filter-sort__values-container accordion-content bg-gray mt-[1px] mb-xl" aria-hidden="true" js-accordion-content="" style="--max-height: 96px;">
<ul class="filter-sort__values grid gap-md p-md" role="list">
<li class="filter-sort__value">
<div class="filter-value">
<input type="checkbox" name="filter.p.m.product-filters.sweetener" value="Organic Erythritol" id="FilterSort-Sweetener-1" class="filter-value__input visually-hidden">
<label for="FilterSort-Sweetener-1" class="filter-value__label flex justify-start items-center gap-sm ">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Organic Erythritol</span>
</label>
</div>
</li>
<li class="filter-sort__value">
<div class="filter-value">
<input type="checkbox" name="filter.p.m.product-filters.sweetener" value="Organic Tapioca Syrup" id="FilterSort-Sweetener-2" class="filter-value__input visually-hidden">
<label for="FilterSort-Sweetener-2" class="filter-value__label flex justify-start items-center gap-sm ">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Organic Tapioca Syrup</span>
</label>
</div>
</li>
</ul>
</div><!-- .filter-sort__values-container -->
</div>
<div class="flex justify-between items-center mb-md" js-filter="">
<h3>Availability:</h3>
<div class="active-filters list-none" role="list">
<button type="button" class="active-filters__remove text-blue-light link hidden " data-name="" js-remove=""> Clear <span class="visually-hidden">Clear Filter</span>
</button>
</div>
</div>
<div class="filter-sort accordion-item" data-index="4" js-accordion-item="" js-filter="">
<button type="button" class="filter-sort__label accordion-header link w-full flex justify-between items-center relative bg-gray p-md" aria-expanded="false" aria-controls="availability-master-filter" js-accordion-header=""> Please select <div
class="filter-sort__label-icon w-24 h-24 p-xs absolute top-1/2 right-md flex justify-center items-center transform -translate-y-1/2">
<svg class="icon icon--caret-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8">
<title>Caret - Down</title>
<path d="m1.71.29C1.32-.1.68-.1.29.29-.1.68-.1,1.32.29,1.71l6,6c.39.39,1.02.39,1.41,0L13.71,1.71c.39-.39.39-1.02,0-1.41-.39-.39-1.02-.39-1.41,0l-5.29,5.29L1.71.29Z"></path>
</svg>
</div>
</button>
<div id="availability-master-filter" class="filter-sort__values-container accordion-content bg-gray mt-[1px] mb-xl" aria-hidden="true" js-accordion-content="" style="--max-height: 96px;">
<ul class="filter-sort__values grid gap-md p-md" role="list">
<li class="filter-sort__value">
<div class="filter-value">
<input type="checkbox" name="filter.v.availability" value="1" id="FilterSort-Availability-1" class="filter-value__input visually-hidden">
<label for="FilterSort-Availability-1" class="filter-value__label flex justify-start items-center gap-sm ">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">In stock</span>
</label>
</div>
</li>
<li class="filter-sort__value">
<div class="filter-value">
<input type="checkbox" name="filter.v.availability" value="0" id="FilterSort-Availability-2" class="filter-value__input visually-hidden" disabled="">
<label for="FilterSort-Availability-2" class="filter-value__label flex justify-start items-center gap-sm disabled opacity-30 pointer-events-none ">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Out of stock</span>
</label>
</div>
</li>
</ul>
</div><!-- .filter-sort__values-container -->
</div>
<div class="flex justify-between items-center mb-md" js-filter="">
<h3>Life Stage:</h3>
<div class="active-filters list-none" role="list">
<button type="button" class="active-filters__remove text-blue-light link hidden " data-name="" js-remove=""> Clear <span class="visually-hidden">Clear Filter</span>
</button>
</div>
</div>
<div class="filter-sort accordion-item" data-index="6" js-accordion-item="" js-filter="">
<button type="button" class="filter-sort__label accordion-header link w-full flex justify-between items-center relative bg-gray p-md" aria-expanded="false" aria-controls="life-stage-master-filter" js-accordion-header=""> Please select <div
class="filter-sort__label-icon w-24 h-24 p-xs absolute top-1/2 right-md flex justify-center items-center transform -translate-y-1/2">
<svg class="icon icon--caret-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8">
<title>Caret - Down</title>
<path d="m1.71.29C1.32-.1.68-.1.29.29-.1.68-.1,1.32.29,1.71l6,6c.39.39,1.02.39,1.41,0L13.71,1.71c.39-.39.39-1.02,0-1.41-.39-.39-1.02-.39-1.41,0l-5.29,5.29L1.71.29Z"></path>
</svg>
</div>
</button>
<div id="life-stage-master-filter" class="filter-sort__values-container accordion-content bg-gray mt-[1px] mb-xl" aria-hidden="true" js-accordion-content="" style="--max-height: 56px;">
<ul class="filter-sort__values grid gap-md p-md" role="list">
<li class="filter-sort__value">
<div class="filter-value">
<input type="checkbox" name="filter.p.m.product-filters.life_stage" value="Adult" id="FilterSort-Life Stage-1" class="filter-value__input visually-hidden">
<label for="FilterSort-Life Stage-1" class="filter-value__label flex justify-start items-center gap-sm ">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Adult</span>
</label>
</div>
</li>
</ul>
</div><!-- .filter-sort__values-container -->
</div>
<div class="flex justify-between items-center mb-md" js-filter="">
<h3>Form:</h3>
<div class="active-filters list-none" role="list">
<button type="button" class="active-filters__remove text-blue-light link hidden " data-name="" js-remove=""> Clear <span class="visually-hidden">Clear Filter</span>
</button>
</div>
</div>
<div class="filter-sort accordion-item" data-index="7" js-accordion-item="" js-filter="">
<button type="button" class="filter-sort__label accordion-header link w-full flex justify-between items-center relative bg-gray p-md" aria-expanded="false" aria-controls="form-master-filter" js-accordion-header=""> Please select <div
class="filter-sort__label-icon w-24 h-24 p-xs absolute top-1/2 right-md flex justify-center items-center transform -translate-y-1/2">
<svg class="icon icon--caret-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8">
<title>Caret - Down</title>
<path d="m1.71.29C1.32-.1.68-.1.29.29-.1.68-.1,1.32.29,1.71l6,6c.39.39,1.02.39,1.41,0L13.71,1.71c.39-.39.39-1.02,0-1.41-.39-.39-1.02-.39-1.41,0l-5.29,5.29L1.71.29Z"></path>
</svg>
</div>
</button>
<div id="form-master-filter" class="filter-sort__values-container accordion-content bg-gray mt-[1px] mb-xl" aria-hidden="true" js-accordion-content="" style="--max-height: 56px;">
<ul class="filter-sort__values grid gap-md p-md" role="list">
<li class="filter-sort__value">
<div class="filter-value">
<input type="checkbox" name="filter.p.m.product-filters.form" value="Bar" id="FilterSort-Form-1" class="filter-value__input visually-hidden">
<label for="FilterSort-Form-1" class="filter-value__label flex justify-start items-center gap-sm ">
<span class="filter-value__label-checkbox w-24 h-24 rounded-[100%] relative bg-gray-dark relative">
<div class="filter-sort__label-icon w-24 h-24 p-[6px] absolute top-1/2 right-1/2 z-[1] hidden justify-center items-center transform -translate-y-1/2 translate-x-1/2 text-white">
<svg class="icon icon--check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 13">
<title>Checkmark</title>
<path d="m17.71.29c.39.39.39,1.02,0,1.41L6.71,12.71c-.39.39-1.02.39-1.41,0L.29,7.71c-.39-.39-.39-1.02,0-1.41.39-.39,1.02-.39,1.41,0l4.29,4.29L16.29.29c.39-.39,1.02-.39,1.41,0Z"></path>
</svg>
</div>
</span>
<span class="filter-value__label-text">Bar</span>
</label>
</div>
</li>
</ul>
</div><!-- .filter-sort__values-container -->
</div>
</s-accordion>
</div><!-- .filter-sort__filters-container -->
<div class="filter-sort__footer pt-sm text-center tabletl:text-left">
<button type="button" class="active-filters__remove text-blue-light link" js-clear-all=""> Clear All Selections </button>
<button class="no-js-hidden hidden" js-filter-sort-close="">Apply</button>
</div>
</form>
<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-MBe4pd" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; float: left; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 20px 0px 20px 10px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 0px; justify-content: center;">
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 10px 0px 20px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-95311892" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-helvetica"
style="color: #ffffff; font-size: 28px; font-family: Helvetica, Arial, sans-serif; font-weight: bold;">Join the Email List</span></p>
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-helvetica"
style="color: #ffffff; font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: 400;"><span style="font-size: 16px;">Sign up to receive exclusive discounts, recipes, giveaways and more.</span><br></span></p>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 20px 20px 0px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_95311893" class="needsclick go2479206104 kl-private-reset-css-Xuajs1" type="email"
autocomplete="email" name="email" tabindex="0" placeholder="Email Address" aria-label="Email Address" aria-invalid="false" options="[object Object]"
style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(0, 0, 0); font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 1px; background-color: rgb(255, 255, 255); border: 1px solid rgb(245, 245, 245);">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</div>
</div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 20px 20px; position: relative; flex: 1 0 0px;"><button
class="needsclick go1321768988 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
style="background: rgb(38, 135, 3); border-radius: 0px; border-style: solid; border-color: rgb(255, 255, 255); border-width: 3px; color: rgb(255, 255, 255); font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 1px; line-height: 1; white-space: normal; padding-top: 11px; padding-bottom: 11px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: auto; width: 100%;">SIGN
UP</button></div>
</div>
<div data-testid="form-row" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
<div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 2px 10px 20px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-95311895" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; line-height: 110%; text-align: left;"><span
style="color: #000000; font-size: 12px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span style="color: #ffffff;">* By submitting your email address, you agree to receive email marketing from Orgain.
You may opt-out at any time. </span></span><span
style="color: #000000; font-size: 11px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><a href="https://orgain.com/policies/privacy-policy"><span style="text-decoration: underline;"><span style="color: #ffffff; text-decoration: underline;"> Privacy Policy</span></span></a></span>
</p>
</div>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>
Text Content
Skip to content LIMITED BATCH! Better Whey Lactose Free Protein Powder Available Now! Menu Bell 2unread notifications Shop Plus Loyalty Plus Learn Plus Orgain Logotype Search Bell 2unread notifications Account Cart CLOSE Shop by: Category Benefit Powders Collagen Drinks Kids Bars New Arrivals Seasonal Supplements Shop All Vegan Protein Powder Superfoods & Greens Ready To Go Meal Replacements Hair, Skin, Nails & Joint Performance Build Muscle Gut Health Looking for delicious & nutritious?Explore Recipes NEW! Shop Better Whey Today! Available Now - Supreme Greens! CLOSE Subscribe & Save Shakeup Rewards Become a Brand Ambassador CLOSE Our Story Recipes Feel Good Food The Good Clean Nutrition Podcast Orgain Quizzes Blog Become a Brand Ambassador Become a Healthcare Ambassador Offers NEW! Shop Better Whey Today! Available Now - Supreme Greens! Our Story Close Shop Plus Shop by: Category Benefit Powders Collagen Drinks Kids Bars New Arrivals Seasonal Supplements Shop All Vegan Protein Powder Superfoods & Greens Ready To Go Meal Replacements Hair, Skin, Nails & Joint Performance Build Muscle Gut Health Looking for delicious & nutritious?Explore Recipes Loyalty Plus Subscribe & Save Shakeup Rewards Become a Brand Ambassador Learn Plus Our Story Recipes Feel Good Food The Good Clean Nutrition Podcast Orgain Quizzes Blog Become a Brand Ambassador Become a Healthcare Ambassador Offers Sign In / Register Support Close Your Cart Your cart is empty, continue shopping. Search Close REFINE Apply Selection Clear Selection BARS THESE GRAB AND GO BARS ARE AN EASY WAY TO TAKE CLEAN NUTRITION WITH YOU ANYWHERE. THESE BARS WILL FIT IN YOUR POCKET AND YOUR SCHEDULE, IT'S A PROTEIN SNACK ON THE GO. Shop by: Category Benefit Shop All Powders Drinks Kids Bars New Arrivals Seasonal Supplements Bars Caret - Down Shop All Powders Drinks Kids Bars New Arrivals Seasonal Supplements Shop All Vegan Protein Powder Superfoods & Greens Hair, Skin, Nails & Joint Meal Replacements Ready-To-Go Performance Build Muscle Gut Health Please select Caret - Down Shop All Vegan Protein Powder Superfoods & Greens Hair, Skin, Nails & Joint Meal Replacements Ready-To-Go Performance Build Muscle Gut Health Refine Filters Close REFINE SORT: Best selling Caret - Down Sort By: FeaturedBest sellingAlphabetically, A-ZAlphabetically, Z-APrice, low to highPrice, high to lowDate, old to newDate, new to old * Checkmark Featured * Checkmark Best selling * Checkmark Alphabetically, A-Z * Checkmark Alphabetically, Z-A * Checkmark Price, low to high * Checkmark Price, high to low * Checkmark Date, old to new * Checkmark Date, new to old FLAVOR: Clear Clear Filter Please select Caret - Down * Checkmark Chocolate * Checkmark Chocolate Coconut * Checkmark Peanut Butter CERTIFICATIONS: Clear Clear Filter Please select Caret - Down * Checkmark USDA Certified Organic * Checkmark Certified Plant-based SWEETENER: Clear Clear Filter Please select Caret - Down * Checkmark Organic Erythritol * Checkmark Organic Tapioca Syrup AVAILABILITY: Clear Clear Filter Please select Caret - Down * Checkmark In stock * Checkmark Out of stock LIFE STAGE: Clear Clear Filter Please select Caret - Down * Checkmark Adult FORM: Clear Clear Filter Please select Caret - Down * Checkmark Bar Clear All Selections Apply * ORGANIC PROTEIN BAR S'Mores * USDA Organic * Certified Plant Based $23.99 4.5 out of 5 star rating 4.5 * ORGANIC PROTEIN BAR Peanut Butter Chocolate Chunk * USDA Organic * Certified Plant Based $23.99 4.5 out of 5 star rating 4.5 * ORGANIC PROTEIN BAR Chocolate Chip Cookie Dough * USDA Organic * Certified Plant Based $23.99 4.5 out of 5 star rating 4.5 * ORGANIC PROTEIN BAR Chocolate Coconut * USDA Organic * Certified Plant Based $23.99 4.5 out of 5 star rating 4.5 * ORGANIC PROTEIN BAR Peanut Butter * USDA Organic * Certified Plant Based $23.99 4.5 out of 5 star rating 4.5 * ORGANIC PROTEIN BAR Chocolate Brownie * USDA Organic * Certified Plant Based $23.99 4.5 out of 5 star rating 4.5 Join the Email List Sign up to receive exclusive discounts, recipes, giveaways and more. SIGN UP * By submitting your email address, you agree to receive email marketing from Orgain. You may opt-out at any time. Privacy Policy Connect Plus Instagram Facebook Pinterest Twitter Pinterest Collaborations Plus Orgain Ambassadors Healthcare Ambassadors Our Brand Plus Our Story Blog Buzz Subscribe & Save Careers Help Plus Quiz Help Center & FAQ Costco Recall Contact Returns & Exchanges Track My Order Store Locator Legal Plus Refund Policy Shipping Policy Privacy Policy Do Not Sell or Share My Personal Information Terms & Conditions Supply Chain Act Digital Accessibility Policy Cigna MRF Orgain Logotype Contact Us | Privacy Policy | Terms & Conditions | Do Not Sell or Share My Personal Information ©2024 Orgain, Inc. All rights reserved. § Free Shipping & Handling offer is available on single orders totaling $75 or more after any other discounts (before any applicable taxes). A flat rate of $9.95 will apply for shipping & handling on orders under $75. Offer valid on ground shipping and only in the continental U.S.; not valid on other shipment methods. * Choosing a selection results in a full page refresh. Earn Rewards