www.naturesbakery.com
Open in
urlscan Pro
151.101.129.124
Public Scan
Submitted URL: http://www.naturesbakery.ca/
Effective URL: https://www.naturesbakery.com/
Submission: On August 11 via api from US — Scanned from CA
Effective URL: https://www.naturesbakery.com/
Submission: On August 11 via api from US — Scanned from CA
Form analysis 7 forms found in the DOM
GET https://www.naturesbakery.com/catalogsearch/result/
<form class="form minisearch ml-4" id="search_mini_form" action="https://www.naturesbakery.com/catalogsearch/result/" method="get">
<label class="hidden" for="search" data-role="minisearch-label">
<span>Search</span>
</label>
<input id="search" x-ref="searchInput" type="search" autocomplete="off" name="q" value="" placeholder="Search entire store here..." maxlength="128" class="w-full py-1 px-2 pr-7 text-lg leading-normal transition appearance-none text-grey-800
focus:outline-none border border-fig focus:border-none focus:border-fig-light focus:ring-fig-light" @keydown.arrow-down.prevent="focusElement($el.querySelector('[tabindex]'))">
<button type="submit" title="Search" class="action search sr-only" aria-label="Search"> Search </button>
</form>POST
<form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form">
<div class="control">
<input type="hidden" value="" class="form-input" name="g-recaptcha-response">
</div>
<div class="fieldset login">
<div class="field email required">
<label class="label" for="customer-email">
<span>Email</span>
</label>
<div class="control">
<input name="username" x-ref="customer-email" @change="errors = 0" type="email" required="" class="form-input input-text">
</div>
</div>
<div class="field password required">
<label for="pass" class="label">
<span>Password</span>
</label>
<div class="control">
<input name="password" type="password" class="form-input input-text" required="" x-ref="customer-password" @change="errors = 0">
</div>
</div>
<input name="context" type="hidden" value="checkout">
<div class="pb-2 mt-2 text-center">
<button type="submit" class="inline-flex w-full btn btn-primary btn-size-md"> Sign In </button>
<a class="text-sm text-fig inline-block mt-4 p-0.5" href="https://www.naturesbakery.com/customer/account/forgotpassword/">
Forgot Your Password? </a>
</div>
</div>
</form>GET https://www.naturesbakery.com/catalogsearch/result/
<form class="relative form minisearch" id="mobile_search_mini_form" action="https://www.naturesbakery.com/catalogsearch/result/" method="get">
<label class="hidden" for="search" data-role="minisearch-label">
<span>Search</span>
</label>
<input id="mobile_search" x-ref="searchInput" type="search" autocomplete="off" name="q" value="" placeholder="Search our catalog" maxlength="128"
class="w-full p-1 text-lg leading-normal border-black rounded-full appearance-none pl-9 focus:outline-none focus:border-transparent focus:ring-fig">
<button type="submit" title="Search" class="absolute left-0 top-1 left-1 action search" aria-label="Search">
<i class="text-2xl font-icon text-fig"></i>
</button>
</form>POST https://www.naturesbakery.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cubmF0dXJlc2Jha2VyeS5jb20v/product/660/
<form method="post" action="https://www.naturesbakery.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cubmF0dXJlc2Jha2VyeS5jb20v/product/660/" class="item product product-item product_addtocart_form flex flex-col w-full " @mouseover="open = true"
@mouseleave="open = false" @submit.prevent="submit('#addtocart-button-660');" @private-content-loaded.window="getData($event.detail.data);" x-data="initAddCart('hungry_for_more', 'Hungry for More')"
@click="gtmSelectItem({"item_name":"Double Chocolate Brownie","item_id":"1503100490","item_variant":"6 count (1.59 oz) Twin Pack Box","price":7,"item_list_id":"hungry_for_more","item_list_name":"Hungry for More"});">
<input name="form_key" type="hidden" value="Wh54nOHzxXFCfp4Y"> <input type="hidden" name="product" value="660">
<input type="hidden" name="item_list_name" value="Hungry for More">
<input type="hidden" name="item_list_id" value="hungry_for_more">
<a href="https://www.naturesbakery.com/double-chocolate-brownie" class="overflow-hidden product photo product-item-photo block mx-auto " tabindex="-1">
<img class="transition transform" loading="lazy" alt="Double Chocolate Brownie" title="Double Chocolate Brownie" src="https://www.naturesbakery.com/media/catalog/product/cache/5e23092ef3a7dbbf3512d8cdb07ca031/n/b/nb_brownie_1_59oz_doublechocolate_2d_1_.png" :class="{ 'scale-110': open }">
</a>
<div class="relative flex flex-col flex-grow product-info">
<div class="items-center justify-center mt-2 mb-1 text-primary">
<a href="https://www.naturesbakery.com/double-chocolate-brownie">
<div class="text-base text-gray-500">
Brownie Bars </div>
<div class="text-xl font-semibold">
Double Chocolate </div>
</a>
</div>
<div class="py-1">
<div data-bv-show="rating_summary" data-bv-product-id="1503100490" data-bv-ready="true">
<div class="bv_main_container" itemprop="aggregateRating" itemscope="" itemtype="https://schema.org/AggregateRating">
<meta itemprop="bestRating" content="5"><span itemprop="itemReviewed" itemscope="true" itemtype="https://schema.org/IndividualProduct" class="bv_microdata_hidden"><span itemprop="name">Double Chocolate Brownie</span></span>
<style>
/* == START CLEANSLATE == */
/*!
* This includes a subset of CleanSlate.
*
* ***IMPORTANT*** The only modifications to this code should be adding,
* removing or namespacing rules.
*
* CleanSlate
* github.com/premasagar/cleanslate
*
* An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
*
* by Premasagar Rose
* dharmafly.com
*
* license
* opensource.org/licenses/mit-license.php
*
* v0.10.1
*/
[data-bv-show="rating_summary"] a,
[data-bv-show="rating_summary"] span,
[data-bv-show="rating_summary"] div,
[data-bv-show="rating_summary"] svg,
[data-bv-show="rating_summary"] path,
[data-bv-show="rating_summary"] polygon,
[data-bv-show="rating_summary"] button {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
/* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
background-position: 0 0 !important;
background-repeat: repeat !important;
border-color: black !important;
border-color: currentColor !important;
/* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
border-radius: 0 !important;
border-style: none !important;
border-width: medium !important;
bottom: auto !important;
clear: none !important;
clip: auto !important;
color: inherit !important;
counter-increment: none !important;
counter-reset: none !important;
cursor: auto !important;
direction: inherit !important;
display: inline !important;
float: none !important;
font-family: inherit !important;
/* As with other inherit values, this needs to be set on the root container element */
font-size: inherit !important;
font-style: inherit !important;
font-variant: normal !important;
font-weight: inherit !important;
height: auto !important;
left: auto !important;
letter-spacing: normal !important;
line-height: inherit !important;
list-style-type: inherit !important;
/* Could set list-style-type to none */
list-style-position: outside !important;
list-style-image: none !important;
margin: 0 !important;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
opacity: 1;
outline: invert none medium !important;
overflow: visible !important;
padding: 0 !important;
position: static !important;
quotes: "" "" !important;
right: auto !important;
table-layout: auto !important;
text-align: inherit !important;
text-decoration: inherit !important;
text-indent: 0 !important;
text-transform: none !important;
top: auto !important;
unicode-bidi: normal !important;
vertical-align: baseline !important;
visibility: inherit !important;
white-space: normal !important;
width: auto !important;
word-spacing: normal !important;
z-index: auto !important;
/* CSS3 */
/* Including all prefixes according to http://caniuse.com/ */
/* CSS Animations don't cascade, so don't require resetting */
-webkit-background-origin: padding-box !important;
background-origin: padding-box !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-background-size: auto !important;
-moz-background-size: auto !important;
background-size: auto !important;
-webkit-border-image: none !important;
-moz-border-image: none !important;
-o-border-image: none !important;
border-image: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
-webkit-column-count: auto !important;
-moz-column-count: auto !important;
column-count: auto !important;
-webkit-column-gap: normal !important;
-moz-column-gap: normal !important;
column-gap: normal !important;
-webkit-column-rule: medium none black !important;
-moz-column-rule: medium none black !important;
column-rule: medium none black !important;
-webkit-column-span: 1 !important;
-moz-column-span: 1 !important;
/* doesn't exist yet but probably will */
column-span: 1 !important;
-webkit-column-width: auto !important;
-moz-column-width: auto !important;
column-width: auto !important;
font-feature-settings: normal !important;
overflow-x: visible !important;
overflow-y: visible !important;
-webkit-hyphens: manual !important;
-moz-hyphens: manual !important;
hyphens: manual !important;
-webkit-perspective: none !important;
-moz-perspective: none !important;
-ms-perspective: none !important;
-o-perspective: none !important;
perspective: none !important;
-webkit-perspective-origin: 50% 50% !important;
-moz-perspective-origin: 50% 50% !important;
-ms-perspective-origin: 50% 50% !important;
-o-perspective-origin: 50% 50% !important;
perspective-origin: 50% 50% !important;
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
text-shadow: none !important;
-webkit-transition: all 0s ease 0s !important;
transition: all 0s ease 0s !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
-webkit-transform-origin: 50% 50% !important;
-moz-transform-origin: 50% 50% !important;
-ms-transform-origin: 50% 50% !important;
-o-transform-origin: 50% 50% !important;
transform-origin: 50% 50% !important;
-webkit-transform-style: flat !important;
-moz-transform-style: flat !important;
-ms-transform-style: flat !important;
-o-transform-style: flat !important;
transform-style: flat !important;
word-break: normal !important;
}
/* Necessary because cursor: auto breaks our hover styling */
[data-bv-show="rating_summary"] svg,
[data-bv-show="rating_summary"] polygon {
cursor: inherit !important;
}
[data-bv-show="rating_summary"] div {
display: block !important;
}
[data-bv-show="rating_summary"] a {
color: blue !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] a:visited {
color: #529 !important;
}
[data-bv-show="rating_summary"] a,
[data-bv-show="rating_summary"] a * {
cursor: pointer !important;
}
[data-bv-show="rating_summary"] path,
[data-bv-show="rating_summary"] polygon {
fill: currentColor !important;
}
/* == ROOT CONTAINER ELEMENT == */
/* This contains default values for child elements to inherit */
[data-bv-show="rating_summary"] {
font-size: medium !important;
line-height: 1 !important;
direction: ltr !important;
text-align: left !important;
/* for IE, Opera */
text-align: start !important;
/* recommended W3C Spec */
color: black !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
list-style-type: disc !important;
}
/* == END CLEANSLATE == */
[data-bv-show="rating_summary"] .bv_main_container {
display: inline-flex !important;
flex-wrap: wrap !important;
background-color: transparent !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
margin-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
border-bottom-style: none !important;
border-bottom-color: transparent !important;
border-bottom-width: 0px !important;
border-left-style: none !important;
border-left-color: transparent !important;
border-left-width: 0px !important;
border-right-style: none !important;
border-right-color: transparent !important;
border-right-width: 0px !important;
border-top-style: none !important;
border-top-color: transparent !important;
border-top-width: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex {
display: inline-flex !important;
align-items: center !important;
padding-right: 1em !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_normal {
width: 100% !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_CTA_row {
display: inline-flex !important;
padding-top: 0.5em !important;
width: 100% !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_line_break {
margin-top: 0.5em !important;
width: 100% !important;
max-width: 24em !important;
border-bottom: 1px solid #CECECE !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_microdata_hidden {
display: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container {
display: flex !important;
align-items: center !important;
padding-right: 0.1em !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container {
display: flex !important;
align-items: center !important;
white-space: nowrap !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_delimeter {
padding-right: 0.1em !important;
color: #ccc !important;
font-size: 12.8px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text {
white-space: nowrap !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_percentRecommend_component_container {
padding-top: 0.5em !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_incentivized_component_container {
padding-top: 0.5em !important;
padding-bottom: 0.3em !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container {
padding-top: 0.5em !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button {
padding: 0 !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:hover,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:visited,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable>a:focus,
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable button:focus {
border: 1px solid blue !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container {
display: flex !important;
align-items: center !important;
overflow: hidden !important;
white-space: nowrap !important;
padding-right: 1em !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container span {
display: inherit !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container svg:not(:last-child) {
padding-right: 1px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container:hover {
cursor: pointer !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull {
padding: 0.5em 1em 0.5em 1em !important;
align-self: center !important;
border: none !important;
text-align: center !important;
text-decoration: none !important;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
color: #282828 !important;
font-size: 16px !important;
background-color: transparent !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
border-bottom-style: none !important;
border-bottom-color: #282828 !important;
border-bottom-width: 1px !important;
border-left-style: none !important;
border-left-color: #282828 !important;
border-left-width: 1px !important;
border-right-style: none !important;
border-right-color: #282828 !important;
border-right-width: 1px !important;
border-top-style: none !important;
border-top-color: #282828 !important;
border-top-width: 1px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull:hover {
cursor: pointer !important;
background-image: none !important;
box-shadow: none !important;
background-color: transparent !important;
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 16px !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist {
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable:focus {
border: 1px solid blue !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_offscreen_text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px 1px 1px 1px) !important;
padding: 0 !important;
border: 0 !important;
}
div.bv_modal_component_container[data-bv-modal] {
display: flex !important;
flex-wrap: wrap !important;
position: absolute !important;
z-index: 1000 !important;
background-color: #ffffff !important;
}
div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content:before {
content: '';
display: inline-flex !important;
position: absolute !important;
left: 45% !important;
top: -5px !important;
width: 10px !important;
height: 10px !important;
border-right: 1px solid black !important;
border-bottom: 1px solid black !important;
transform: rotate(-135deg) !important;
background-color: #ffffff !important;
}
div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content {
margin: 0 auto !important;
display: inline-flex !important;
flex-wrap: wrap !important;
padding: 2em !important;
border: 1px solid black !important;
max-width: 270px !important;
}
.bv_histogram_component_container {
min-width: 200px !important;
}
.bv_histogram_row_prefix {
display: table-cell !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
.bv_histogram_row_container {
min-width: 200px !important;
height: 25px !important;
padding: 0px !important;
margin: 0px !important;
display: table-row !important;
cursor: pointer !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_histogram_row_container:hover {
background-color: #F7F7F7 !important;
}
.bv_histogram_row_bar_empty {
border-radius: 2px !important;
height: 10px !important;
display: block !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%) !important;
background-color: #ccc !important;
background-color: #F4EEEC !important;
}
.bv_histogram_row_bar_filled {
border-radius: 2px !important;
height: 10px !important;
display: block !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%) !important;
background-color: #762058 !important;
}
.bv_histogram_row_full_bar {
display: table-cell !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: 100% !important;
vertical-align: middle !important;
}
.bv_histogram_row_rating {
display: table-cell !important;
vertical-align: middle !important;
text-align: center !important;
}
.bv_histogram_row_star {
display: table-cell !important;
vertical-align: middle !important;
}
.bv_button_buttonFull {
padding: 0.5em 1em 0.5em 1em !important;
align-self: center !important;
border: none !important;
text-align: center !important;
text-decoration: none !important;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
color: #282828 !important;
font-size: 16px !important;
background-color: transparent !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
border-bottom-style: none !important;
border-bottom-color: #282828 !important;
border-bottom-width: 1px !important;
border-left-style: none !important;
border-left-color: #282828 !important;
border-left-width: 1px !important;
border-right-style: none !important;
border-right-color: #282828 !important;
border-right-width: 1px !important;
border-top-style: none !important;
border-top-color: #282828 !important;
border-top-width: 1px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
.bv_button_buttonFull:hover {
cursor: pointer !important;
background-image: none !important;
box-shadow: none !important;
background-color: transparent !important;
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 16px !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist {
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_ms_focusable:focus {
border: 1px solid blue !important;
}
.bv_offscreen_text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px 1px 1px 1px) !important;
padding: 0 !important;
border: 0 !important;
}
.bv_ms_focusable:focus {
border: 1px solid blue !important;
}
</style><button id="ratings-summary" class="bv_main_container_row_flex" role="link" type="button" aria-expanded="false"><span class="bv_offscreen_text"> 4.5 out of 5 stars. Read reviews for average rating value is 4.5 of 5. Read 228 Reviews
Same page link.</span>
<div class="bv_stars_component_container"><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_1_0_99.99_1503100490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_1_0_99.99_1503100490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_1_0_99.99_1503100490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_1_1_99.99_1503100490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_1_1_99.99_1503100490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_1_1_99.99_1503100490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_1_2_99.99_1503100490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_1_2_99.99_1503100490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_1_2_99.99_1503100490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_1_3_99.99_1503100490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_1_3_99.99_1503100490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_1_3_99.99_1503100490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_1_4_49.56_1503100490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_1_4_49.56_1503100490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_1_4_49.56_1503100490" x1="49.56%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg></div>
<div itemprop="ratingValue" class="bv_avgRating_component_container notranslate">4.5</div>
<div class="bv_numReviews_component_container">
<meta itemprop="reviewCount" content="228"> <div class="bv_numReviews_text">(228)</div>
</div>
</button>
<div class="bv_main_container_row_flex">
<div class="bv_main_container_row_flex">
<div class="bv_button_component_container" style=""><button aria-label="Write a Review (opens pop-up)" type="button" class="bv_button_buttonMinimalist " id="WAR">Write a review </button></div>
</div>
</div>
</div>
</div>
</div>
<script>
function initPriceBox__64d5eacbd68a3() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div x-data="initPriceBox__64d5eacbd68a3()" @update-prices-660.window="updatePrice($event.detail);" class="pb-16">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="660" data-price-box="product-id-660">
<span class="price-container price-final_price tax weee">
<span id="product-price-660" data-price-amount="7" data-price-type="finalPrice" class="price-wrapper "><span class="price">$7.00</span></span>
</span>
</div> <span class="text-sm text-gray-500">6 count (1.59 oz) Twin Pack Box</span>
</div>
<div class="absolute bottom-0 text-center transition transform -translate-x-1/2 left-1/2 lg:invisible" :class="{
'lg:invisible': !open,
'lg:visible': open }">
<button class="justify-center w-auto btn btn-primary md:btn-size-md btn-size-sm" id="addtocart-button-660" aria-label="Add to Cart">
<span>Add to Cart</span>
</button>
</div>
</div>
</form>POST https://www.naturesbakery.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cubmF0dXJlc2Jha2VyeS5jb20v/product/626/
<form method="post" action="https://www.naturesbakery.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cubmF0dXJlc2Jha2VyeS5jb20v/product/626/" class="item product product-item product_addtocart_form flex flex-col w-full " @mouseover="open = true"
@mouseleave="open = false" @submit.prevent="submit('#addtocart-button-626');" @private-content-loaded.window="getData($event.detail.data);" x-data="initAddCart('hungry_for_more', 'Hungry for More')"
@click="gtmSelectItem({"item_name":"Baked-Ins Chocolate Oat","item_id":"1509220490","item_variant":"6 count (1.3oz) Single Pack Box","price":7,"item_list_id":"hungry_for_more","item_list_name":"Hungry for More"});">
<input name="form_key" type="hidden" value="Wh54nOHzxXFCfp4Y"> <input type="hidden" name="product" value="626">
<input type="hidden" name="item_list_name" value="Hungry for More">
<input type="hidden" name="item_list_id" value="hungry_for_more">
<a href="https://www.naturesbakery.com/baked-ins-chocolate-oat-bars" class="overflow-hidden product photo product-item-photo block mx-auto " tabindex="-1">
<img class="transition transform" loading="lazy" alt="Baked-Ins Chocolate Oat" title="Baked-Ins Chocolate Oat" src="https://www.naturesbakery.com/media/catalog/product/cache/5e23092ef3a7dbbf3512d8cdb07ca031/b/a/bakedinschocolateoat_bar.jpg" :class="{ 'scale-110': open }">
</a>
<div class="relative flex flex-col flex-grow product-info">
<div class="items-center justify-center mt-2 mb-1 text-primary">
<a href="https://www.naturesbakery.com/baked-ins-chocolate-oat-bars">
<div class="text-base text-gray-500">
Baked-Ins </div>
<div class="text-xl font-semibold">
Chocolate Oat </div>
</a>
</div>
<div class="py-1">
<div data-bv-show="rating_summary" data-bv-product-id="1509220490" data-bv-ready="true">
<div class="bv_main_container" itemprop="aggregateRating" itemscope="" itemtype="https://schema.org/AggregateRating">
<meta itemprop="bestRating" content="5"><span itemprop="itemReviewed" itemscope="true" itemtype="https://schema.org/IndividualProduct" class="bv_microdata_hidden"><span itemprop="name">Chocolate Oat Baked-Ins</span></span>
<style>
/* == START CLEANSLATE == */
/*!
* This includes a subset of CleanSlate.
*
* ***IMPORTANT*** The only modifications to this code should be adding,
* removing or namespacing rules.
*
* CleanSlate
* github.com/premasagar/cleanslate
*
* An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
*
* by Premasagar Rose
* dharmafly.com
*
* license
* opensource.org/licenses/mit-license.php
*
* v0.10.1
*/
[data-bv-show="rating_summary"] a,
[data-bv-show="rating_summary"] span,
[data-bv-show="rating_summary"] div,
[data-bv-show="rating_summary"] svg,
[data-bv-show="rating_summary"] path,
[data-bv-show="rating_summary"] polygon,
[data-bv-show="rating_summary"] button {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
/* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
background-position: 0 0 !important;
background-repeat: repeat !important;
border-color: black !important;
border-color: currentColor !important;
/* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
border-radius: 0 !important;
border-style: none !important;
border-width: medium !important;
bottom: auto !important;
clear: none !important;
clip: auto !important;
color: inherit !important;
counter-increment: none !important;
counter-reset: none !important;
cursor: auto !important;
direction: inherit !important;
display: inline !important;
float: none !important;
font-family: inherit !important;
/* As with other inherit values, this needs to be set on the root container element */
font-size: inherit !important;
font-style: inherit !important;
font-variant: normal !important;
font-weight: inherit !important;
height: auto !important;
left: auto !important;
letter-spacing: normal !important;
line-height: inherit !important;
list-style-type: inherit !important;
/* Could set list-style-type to none */
list-style-position: outside !important;
list-style-image: none !important;
margin: 0 !important;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
opacity: 1;
outline: invert none medium !important;
overflow: visible !important;
padding: 0 !important;
position: static !important;
quotes: "" "" !important;
right: auto !important;
table-layout: auto !important;
text-align: inherit !important;
text-decoration: inherit !important;
text-indent: 0 !important;
text-transform: none !important;
top: auto !important;
unicode-bidi: normal !important;
vertical-align: baseline !important;
visibility: inherit !important;
white-space: normal !important;
width: auto !important;
word-spacing: normal !important;
z-index: auto !important;
/* CSS3 */
/* Including all prefixes according to http://caniuse.com/ */
/* CSS Animations don't cascade, so don't require resetting */
-webkit-background-origin: padding-box !important;
background-origin: padding-box !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-background-size: auto !important;
-moz-background-size: auto !important;
background-size: auto !important;
-webkit-border-image: none !important;
-moz-border-image: none !important;
-o-border-image: none !important;
border-image: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
-webkit-column-count: auto !important;
-moz-column-count: auto !important;
column-count: auto !important;
-webkit-column-gap: normal !important;
-moz-column-gap: normal !important;
column-gap: normal !important;
-webkit-column-rule: medium none black !important;
-moz-column-rule: medium none black !important;
column-rule: medium none black !important;
-webkit-column-span: 1 !important;
-moz-column-span: 1 !important;
/* doesn't exist yet but probably will */
column-span: 1 !important;
-webkit-column-width: auto !important;
-moz-column-width: auto !important;
column-width: auto !important;
font-feature-settings: normal !important;
overflow-x: visible !important;
overflow-y: visible !important;
-webkit-hyphens: manual !important;
-moz-hyphens: manual !important;
hyphens: manual !important;
-webkit-perspective: none !important;
-moz-perspective: none !important;
-ms-perspective: none !important;
-o-perspective: none !important;
perspective: none !important;
-webkit-perspective-origin: 50% 50% !important;
-moz-perspective-origin: 50% 50% !important;
-ms-perspective-origin: 50% 50% !important;
-o-perspective-origin: 50% 50% !important;
perspective-origin: 50% 50% !important;
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
text-shadow: none !important;
-webkit-transition: all 0s ease 0s !important;
transition: all 0s ease 0s !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
-webkit-transform-origin: 50% 50% !important;
-moz-transform-origin: 50% 50% !important;
-ms-transform-origin: 50% 50% !important;
-o-transform-origin: 50% 50% !important;
transform-origin: 50% 50% !important;
-webkit-transform-style: flat !important;
-moz-transform-style: flat !important;
-ms-transform-style: flat !important;
-o-transform-style: flat !important;
transform-style: flat !important;
word-break: normal !important;
}
/* Necessary because cursor: auto breaks our hover styling */
[data-bv-show="rating_summary"] svg,
[data-bv-show="rating_summary"] polygon {
cursor: inherit !important;
}
[data-bv-show="rating_summary"] div {
display: block !important;
}
[data-bv-show="rating_summary"] a {
color: blue !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] a:visited {
color: #529 !important;
}
[data-bv-show="rating_summary"] a,
[data-bv-show="rating_summary"] a * {
cursor: pointer !important;
}
[data-bv-show="rating_summary"] path,
[data-bv-show="rating_summary"] polygon {
fill: currentColor !important;
}
/* == ROOT CONTAINER ELEMENT == */
/* This contains default values for child elements to inherit */
[data-bv-show="rating_summary"] {
font-size: medium !important;
line-height: 1 !important;
direction: ltr !important;
text-align: left !important;
/* for IE, Opera */
text-align: start !important;
/* recommended W3C Spec */
color: black !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
list-style-type: disc !important;
}
/* == END CLEANSLATE == */
[data-bv-show="rating_summary"] .bv_main_container {
display: inline-flex !important;
flex-wrap: wrap !important;
background-color: transparent !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
margin-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
border-bottom-style: none !important;
border-bottom-color: transparent !important;
border-bottom-width: 0px !important;
border-left-style: none !important;
border-left-color: transparent !important;
border-left-width: 0px !important;
border-right-style: none !important;
border-right-color: transparent !important;
border-right-width: 0px !important;
border-top-style: none !important;
border-top-color: transparent !important;
border-top-width: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex {
display: inline-flex !important;
align-items: center !important;
padding-right: 1em !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_normal {
width: 100% !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_CTA_row {
display: inline-flex !important;
padding-top: 0.5em !important;
width: 100% !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_line_break {
margin-top: 0.5em !important;
width: 100% !important;
max-width: 24em !important;
border-bottom: 1px solid #CECECE !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_microdata_hidden {
display: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container {
display: flex !important;
align-items: center !important;
padding-right: 0.1em !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container {
display: flex !important;
align-items: center !important;
white-space: nowrap !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_delimeter {
padding-right: 0.1em !important;
color: #ccc !important;
font-size: 12.8px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text {
white-space: nowrap !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_percentRecommend_component_container {
padding-top: 0.5em !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_incentivized_component_container {
padding-top: 0.5em !important;
padding-bottom: 0.3em !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container {
padding-top: 0.5em !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button {
padding: 0 !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:hover,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:visited,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable>a:focus,
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable button:focus {
border: 1px solid blue !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container {
display: flex !important;
align-items: center !important;
overflow: hidden !important;
white-space: nowrap !important;
padding-right: 1em !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container span {
display: inherit !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container svg:not(:last-child) {
padding-right: 1px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container:hover {
cursor: pointer !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull {
padding: 0.5em 1em 0.5em 1em !important;
align-self: center !important;
border: none !important;
text-align: center !important;
text-decoration: none !important;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
color: #282828 !important;
font-size: 16px !important;
background-color: transparent !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
border-bottom-style: none !important;
border-bottom-color: #282828 !important;
border-bottom-width: 1px !important;
border-left-style: none !important;
border-left-color: #282828 !important;
border-left-width: 1px !important;
border-right-style: none !important;
border-right-color: #282828 !important;
border-right-width: 1px !important;
border-top-style: none !important;
border-top-color: #282828 !important;
border-top-width: 1px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull:hover {
cursor: pointer !important;
background-image: none !important;
box-shadow: none !important;
background-color: transparent !important;
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 16px !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist {
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable:focus {
border: 1px solid blue !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_offscreen_text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px 1px 1px 1px) !important;
padding: 0 !important;
border: 0 !important;
}
div.bv_modal_component_container[data-bv-modal] {
display: flex !important;
flex-wrap: wrap !important;
position: absolute !important;
z-index: 1000 !important;
background-color: #ffffff !important;
}
div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content:before {
content: '';
display: inline-flex !important;
position: absolute !important;
left: 45% !important;
top: -5px !important;
width: 10px !important;
height: 10px !important;
border-right: 1px solid black !important;
border-bottom: 1px solid black !important;
transform: rotate(-135deg) !important;
background-color: #ffffff !important;
}
div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content {
margin: 0 auto !important;
display: inline-flex !important;
flex-wrap: wrap !important;
padding: 2em !important;
border: 1px solid black !important;
max-width: 270px !important;
}
.bv_histogram_component_container {
min-width: 200px !important;
}
.bv_histogram_row_prefix {
display: table-cell !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
.bv_histogram_row_container {
min-width: 200px !important;
height: 25px !important;
padding: 0px !important;
margin: 0px !important;
display: table-row !important;
cursor: pointer !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_histogram_row_container:hover {
background-color: #F7F7F7 !important;
}
.bv_histogram_row_bar_empty {
border-radius: 2px !important;
height: 10px !important;
display: block !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%) !important;
background-color: #ccc !important;
background-color: #F4EEEC !important;
}
.bv_histogram_row_bar_filled {
border-radius: 2px !important;
height: 10px !important;
display: block !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%) !important;
background-color: #762058 !important;
}
.bv_histogram_row_full_bar {
display: table-cell !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: 100% !important;
vertical-align: middle !important;
}
.bv_histogram_row_rating {
display: table-cell !important;
vertical-align: middle !important;
text-align: center !important;
}
.bv_histogram_row_star {
display: table-cell !important;
vertical-align: middle !important;
}
.bv_button_buttonFull {
padding: 0.5em 1em 0.5em 1em !important;
align-self: center !important;
border: none !important;
text-align: center !important;
text-decoration: none !important;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
color: #282828 !important;
font-size: 16px !important;
background-color: transparent !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
border-bottom-style: none !important;
border-bottom-color: #282828 !important;
border-bottom-width: 1px !important;
border-left-style: none !important;
border-left-color: #282828 !important;
border-left-width: 1px !important;
border-right-style: none !important;
border-right-color: #282828 !important;
border-right-width: 1px !important;
border-top-style: none !important;
border-top-color: #282828 !important;
border-top-width: 1px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
.bv_button_buttonFull:hover {
cursor: pointer !important;
background-image: none !important;
box-shadow: none !important;
background-color: transparent !important;
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 16px !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist {
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_ms_focusable:focus {
border: 1px solid blue !important;
}
.bv_offscreen_text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px 1px 1px 1px) !important;
padding: 0 !important;
border: 0 !important;
}
.bv_ms_focusable:focus {
border: 1px solid blue !important;
}
</style><button id="ratings-summary" class="bv_main_container_row_flex" role="link" type="button" aria-expanded="false"><span class="bv_offscreen_text"> 4.2 out of 5 stars. Read reviews for average rating value is 4.2 of 5. Read 239 Reviews
Same page link.</span>
<div class="bv_stars_component_container"><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_2_0_99.99_1509220490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_2_0_99.99_1509220490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_2_0_99.99_1509220490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_2_1_99.99_1509220490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_2_1_99.99_1509220490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_2_1_99.99_1509220490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_2_2_99.99_1509220490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_2_2_99.99_1509220490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_2_2_99.99_1509220490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_2_3_99.99_1509220490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_2_3_99.99_1509220490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_2_3_99.99_1509220490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_2_4_23.85_1509220490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_2_4_23.85_1509220490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_2_4_23.85_1509220490" x1="23.85%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg></div>
<div itemprop="ratingValue" class="bv_avgRating_component_container notranslate">4.2</div>
<div class="bv_numReviews_component_container">
<meta itemprop="reviewCount" content="239"> <div class="bv_numReviews_text">(239)</div>
</div>
</button>
<div class="bv_main_container_row_flex">
<div class="bv_main_container_row_flex">
<div class="bv_button_component_container" style=""><button aria-label="Write a Review (opens pop-up)" type="button" class="bv_button_buttonMinimalist " id="WAR">Write a review </button></div>
</div>
</div>
</div>
</div>
</div>
<script>
function initPriceBox__64d5eacbeadff() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div x-data="initPriceBox__64d5eacbeadff()" @update-prices-626.window="updatePrice($event.detail);" class="pb-16">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="626" data-price-box="product-id-626">
<span class="price-container price-final_price tax weee">
<span id="product-price-626" data-price-amount="7" data-price-type="finalPrice" class="price-wrapper "><span class="price">$7.00</span></span>
</span>
</div> <span class="text-sm text-gray-500">6 count (1.3oz) Single Pack Box</span>
</div>
<div class="absolute bottom-0 text-center transition transform -translate-x-1/2 left-1/2 lg:invisible" :class="{
'lg:invisible': !open,
'lg:visible': open }">
<button class="justify-center w-auto btn btn-primary md:btn-size-md btn-size-sm" id="addtocart-button-626" aria-label="Add to Cart">
<span>Add to Cart</span>
</button>
</div>
</div>
</form>POST https://www.naturesbakery.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cubmF0dXJlc2Jha2VyeS5jb20v/product/605/
<form method="post" action="https://www.naturesbakery.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cubmF0dXJlc2Jha2VyeS5jb20v/product/605/" class="item product product-item product_addtocart_form flex flex-col w-full " @mouseover="open = true"
@mouseleave="open = false" @submit.prevent="submit('#addtocart-button-605');" @private-content-loaded.window="getData($event.detail.data);" x-data="initAddCart('hungry_for_more', 'Hungry for More')"
@click="gtmSelectItem({"item_name":"Baked-Ins Banana Chocolate Chip","item_id":"1509210490","item_variant":"6 count (1.3oz) Single Pack Box","price":7,"item_list_id":"hungry_for_more","item_list_name":"Hungry for More"});">
<input name="form_key" type="hidden" value="Wh54nOHzxXFCfp4Y"> <input type="hidden" name="product" value="605">
<input type="hidden" name="item_list_name" value="Hungry for More">
<input type="hidden" name="item_list_id" value="hungry_for_more">
<a href="https://www.naturesbakery.com/baked-ins-banana-chocolate-chip" class="overflow-hidden product photo product-item-photo block mx-auto " tabindex="-1">
<img class="transition transform" loading="lazy" alt="Baked-Ins Banana Chocolate Chip" title="Baked-Ins Banana Chocolate Chip" src="https://www.naturesbakery.com/media/catalog/product/cache/5e23092ef3a7dbbf3512d8cdb07ca031/b/i/bibccc_edit_1.jpg" :class="{ 'scale-110': open }">
</a>
<div class="relative flex flex-col flex-grow product-info">
<div class="items-center justify-center mt-2 mb-1 text-primary">
<a href="https://www.naturesbakery.com/baked-ins-banana-chocolate-chip">
<div class="text-base text-gray-500">
Baked-Ins </div>
<div class="text-xl font-semibold">
Banana Chocolate Chip </div>
</a>
</div>
<div class="py-1">
<div data-bv-show="rating_summary" data-bv-product-id="1509210490" data-bv-ready="true">
<div class="bv_main_container" itemprop="aggregateRating" itemscope="" itemtype="https://schema.org/AggregateRating">
<meta itemprop="bestRating" content="5"><span itemprop="itemReviewed" itemscope="true" itemtype="https://schema.org/IndividualProduct" class="bv_microdata_hidden"><span itemprop="name">Banana Chocolate Chip Baked-Ins</span></span>
<style>
/* == START CLEANSLATE == */
/*!
* This includes a subset of CleanSlate.
*
* ***IMPORTANT*** The only modifications to this code should be adding,
* removing or namespacing rules.
*
* CleanSlate
* github.com/premasagar/cleanslate
*
* An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
*
* by Premasagar Rose
* dharmafly.com
*
* license
* opensource.org/licenses/mit-license.php
*
* v0.10.1
*/
[data-bv-show="rating_summary"] a,
[data-bv-show="rating_summary"] span,
[data-bv-show="rating_summary"] div,
[data-bv-show="rating_summary"] svg,
[data-bv-show="rating_summary"] path,
[data-bv-show="rating_summary"] polygon,
[data-bv-show="rating_summary"] button {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
/* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
background-position: 0 0 !important;
background-repeat: repeat !important;
border-color: black !important;
border-color: currentColor !important;
/* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
border-radius: 0 !important;
border-style: none !important;
border-width: medium !important;
bottom: auto !important;
clear: none !important;
clip: auto !important;
color: inherit !important;
counter-increment: none !important;
counter-reset: none !important;
cursor: auto !important;
direction: inherit !important;
display: inline !important;
float: none !important;
font-family: inherit !important;
/* As with other inherit values, this needs to be set on the root container element */
font-size: inherit !important;
font-style: inherit !important;
font-variant: normal !important;
font-weight: inherit !important;
height: auto !important;
left: auto !important;
letter-spacing: normal !important;
line-height: inherit !important;
list-style-type: inherit !important;
/* Could set list-style-type to none */
list-style-position: outside !important;
list-style-image: none !important;
margin: 0 !important;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
opacity: 1;
outline: invert none medium !important;
overflow: visible !important;
padding: 0 !important;
position: static !important;
quotes: "" "" !important;
right: auto !important;
table-layout: auto !important;
text-align: inherit !important;
text-decoration: inherit !important;
text-indent: 0 !important;
text-transform: none !important;
top: auto !important;
unicode-bidi: normal !important;
vertical-align: baseline !important;
visibility: inherit !important;
white-space: normal !important;
width: auto !important;
word-spacing: normal !important;
z-index: auto !important;
/* CSS3 */
/* Including all prefixes according to http://caniuse.com/ */
/* CSS Animations don't cascade, so don't require resetting */
-webkit-background-origin: padding-box !important;
background-origin: padding-box !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-background-size: auto !important;
-moz-background-size: auto !important;
background-size: auto !important;
-webkit-border-image: none !important;
-moz-border-image: none !important;
-o-border-image: none !important;
border-image: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
-webkit-column-count: auto !important;
-moz-column-count: auto !important;
column-count: auto !important;
-webkit-column-gap: normal !important;
-moz-column-gap: normal !important;
column-gap: normal !important;
-webkit-column-rule: medium none black !important;
-moz-column-rule: medium none black !important;
column-rule: medium none black !important;
-webkit-column-span: 1 !important;
-moz-column-span: 1 !important;
/* doesn't exist yet but probably will */
column-span: 1 !important;
-webkit-column-width: auto !important;
-moz-column-width: auto !important;
column-width: auto !important;
font-feature-settings: normal !important;
overflow-x: visible !important;
overflow-y: visible !important;
-webkit-hyphens: manual !important;
-moz-hyphens: manual !important;
hyphens: manual !important;
-webkit-perspective: none !important;
-moz-perspective: none !important;
-ms-perspective: none !important;
-o-perspective: none !important;
perspective: none !important;
-webkit-perspective-origin: 50% 50% !important;
-moz-perspective-origin: 50% 50% !important;
-ms-perspective-origin: 50% 50% !important;
-o-perspective-origin: 50% 50% !important;
perspective-origin: 50% 50% !important;
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
text-shadow: none !important;
-webkit-transition: all 0s ease 0s !important;
transition: all 0s ease 0s !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
-webkit-transform-origin: 50% 50% !important;
-moz-transform-origin: 50% 50% !important;
-ms-transform-origin: 50% 50% !important;
-o-transform-origin: 50% 50% !important;
transform-origin: 50% 50% !important;
-webkit-transform-style: flat !important;
-moz-transform-style: flat !important;
-ms-transform-style: flat !important;
-o-transform-style: flat !important;
transform-style: flat !important;
word-break: normal !important;
}
/* Necessary because cursor: auto breaks our hover styling */
[data-bv-show="rating_summary"] svg,
[data-bv-show="rating_summary"] polygon {
cursor: inherit !important;
}
[data-bv-show="rating_summary"] div {
display: block !important;
}
[data-bv-show="rating_summary"] a {
color: blue !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] a:visited {
color: #529 !important;
}
[data-bv-show="rating_summary"] a,
[data-bv-show="rating_summary"] a * {
cursor: pointer !important;
}
[data-bv-show="rating_summary"] path,
[data-bv-show="rating_summary"] polygon {
fill: currentColor !important;
}
/* == ROOT CONTAINER ELEMENT == */
/* This contains default values for child elements to inherit */
[data-bv-show="rating_summary"] {
font-size: medium !important;
line-height: 1 !important;
direction: ltr !important;
text-align: left !important;
/* for IE, Opera */
text-align: start !important;
/* recommended W3C Spec */
color: black !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
list-style-type: disc !important;
}
/* == END CLEANSLATE == */
[data-bv-show="rating_summary"] .bv_main_container {
display: inline-flex !important;
flex-wrap: wrap !important;
background-color: transparent !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
margin-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
border-bottom-style: none !important;
border-bottom-color: transparent !important;
border-bottom-width: 0px !important;
border-left-style: none !important;
border-left-color: transparent !important;
border-left-width: 0px !important;
border-right-style: none !important;
border-right-color: transparent !important;
border-right-width: 0px !important;
border-top-style: none !important;
border-top-color: transparent !important;
border-top-width: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex {
display: inline-flex !important;
align-items: center !important;
padding-right: 1em !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_normal {
width: 100% !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_CTA_row {
display: inline-flex !important;
padding-top: 0.5em !important;
width: 100% !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_line_break {
margin-top: 0.5em !important;
width: 100% !important;
max-width: 24em !important;
border-bottom: 1px solid #CECECE !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_microdata_hidden {
display: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container {
display: flex !important;
align-items: center !important;
padding-right: 0.1em !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container {
display: flex !important;
align-items: center !important;
white-space: nowrap !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_delimeter {
padding-right: 0.1em !important;
color: #ccc !important;
font-size: 12.8px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text {
white-space: nowrap !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_percentRecommend_component_container {
padding-top: 0.5em !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_incentivized_component_container {
padding-top: 0.5em !important;
padding-bottom: 0.3em !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container {
padding-top: 0.5em !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button {
padding: 0 !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:hover,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:visited,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable>a:focus,
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable button:focus {
border: 1px solid blue !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container {
display: flex !important;
align-items: center !important;
overflow: hidden !important;
white-space: nowrap !important;
padding-right: 1em !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container span {
display: inherit !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container svg:not(:last-child) {
padding-right: 1px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container:hover {
cursor: pointer !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull {
padding: 0.5em 1em 0.5em 1em !important;
align-self: center !important;
border: none !important;
text-align: center !important;
text-decoration: none !important;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
color: #282828 !important;
font-size: 16px !important;
background-color: transparent !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
border-bottom-style: none !important;
border-bottom-color: #282828 !important;
border-bottom-width: 1px !important;
border-left-style: none !important;
border-left-color: #282828 !important;
border-left-width: 1px !important;
border-right-style: none !important;
border-right-color: #282828 !important;
border-right-width: 1px !important;
border-top-style: none !important;
border-top-color: #282828 !important;
border-top-width: 1px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull:hover {
cursor: pointer !important;
background-image: none !important;
box-shadow: none !important;
background-color: transparent !important;
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 16px !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist {
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable:focus {
border: 1px solid blue !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_offscreen_text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px 1px 1px 1px) !important;
padding: 0 !important;
border: 0 !important;
}
div.bv_modal_component_container[data-bv-modal] {
display: flex !important;
flex-wrap: wrap !important;
position: absolute !important;
z-index: 1000 !important;
background-color: #ffffff !important;
}
div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content:before {
content: '';
display: inline-flex !important;
position: absolute !important;
left: 45% !important;
top: -5px !important;
width: 10px !important;
height: 10px !important;
border-right: 1px solid black !important;
border-bottom: 1px solid black !important;
transform: rotate(-135deg) !important;
background-color: #ffffff !important;
}
div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content {
margin: 0 auto !important;
display: inline-flex !important;
flex-wrap: wrap !important;
padding: 2em !important;
border: 1px solid black !important;
max-width: 270px !important;
}
.bv_histogram_component_container {
min-width: 200px !important;
}
.bv_histogram_row_prefix {
display: table-cell !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
.bv_histogram_row_container {
min-width: 200px !important;
height: 25px !important;
padding: 0px !important;
margin: 0px !important;
display: table-row !important;
cursor: pointer !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_histogram_row_container:hover {
background-color: #F7F7F7 !important;
}
.bv_histogram_row_bar_empty {
border-radius: 2px !important;
height: 10px !important;
display: block !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%) !important;
background-color: #ccc !important;
background-color: #F4EEEC !important;
}
.bv_histogram_row_bar_filled {
border-radius: 2px !important;
height: 10px !important;
display: block !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%) !important;
background-color: #762058 !important;
}
.bv_histogram_row_full_bar {
display: table-cell !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: 100% !important;
vertical-align: middle !important;
}
.bv_histogram_row_rating {
display: table-cell !important;
vertical-align: middle !important;
text-align: center !important;
}
.bv_histogram_row_star {
display: table-cell !important;
vertical-align: middle !important;
}
.bv_button_buttonFull {
padding: 0.5em 1em 0.5em 1em !important;
align-self: center !important;
border: none !important;
text-align: center !important;
text-decoration: none !important;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
color: #282828 !important;
font-size: 16px !important;
background-color: transparent !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
border-bottom-style: none !important;
border-bottom-color: #282828 !important;
border-bottom-width: 1px !important;
border-left-style: none !important;
border-left-color: #282828 !important;
border-left-width: 1px !important;
border-right-style: none !important;
border-right-color: #282828 !important;
border-right-width: 1px !important;
border-top-style: none !important;
border-top-color: #282828 !important;
border-top-width: 1px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
.bv_button_buttonFull:hover {
cursor: pointer !important;
background-image: none !important;
box-shadow: none !important;
background-color: transparent !important;
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 16px !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist {
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_ms_focusable:focus {
border: 1px solid blue !important;
}
.bv_offscreen_text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px 1px 1px 1px) !important;
padding: 0 !important;
border: 0 !important;
}
.bv_ms_focusable:focus {
border: 1px solid blue !important;
}
</style><button id="ratings-summary" class="bv_main_container_row_flex" role="link" type="button" aria-expanded="false"><span class="bv_offscreen_text"> 4.4 out of 5 stars. Read reviews for average rating value is 4.4 of 5. Read 245 Reviews
Same page link.</span>
<div class="bv_stars_component_container"><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_3_0_99.99_1509210490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_3_0_99.99_1509210490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_3_0_99.99_1509210490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_3_1_99.99_1509210490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_3_1_99.99_1509210490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_3_1_99.99_1509210490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_3_2_99.99_1509210490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_3_2_99.99_1509210490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_3_2_99.99_1509210490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_3_3_99.99_1509210490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_3_3_99.99_1509210490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_3_3_99.99_1509210490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_3_4_39.59_1509210490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_3_4_39.59_1509210490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_3_4_39.59_1509210490" x1="39.59%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg></div>
<div itemprop="ratingValue" class="bv_avgRating_component_container notranslate">4.4</div>
<div class="bv_numReviews_component_container">
<meta itemprop="reviewCount" content="245"> <div class="bv_numReviews_text">(245)</div>
</div>
</button>
<div class="bv_main_container_row_flex">
<div class="bv_main_container_row_flex">
<div class="bv_button_component_container" style=""><button aria-label="Write a Review (opens pop-up)" type="button" class="bv_button_buttonMinimalist " id="WAR">Write a review </button></div>
</div>
</div>
</div>
</div>
</div>
<script>
function initPriceBox__64d5eacc04291() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div x-data="initPriceBox__64d5eacc04291()" @update-prices-605.window="updatePrice($event.detail);" class="pb-16">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="605" data-price-box="product-id-605">
<span class="price-container price-final_price tax weee">
<span id="product-price-605" data-price-amount="7" data-price-type="finalPrice" class="price-wrapper "><span class="price">$7.00</span></span>
</span>
</div> <span class="text-sm text-gray-500">6 count (1.3oz) Single Pack Box</span>
</div>
<div class="absolute bottom-0 text-center transition transform -translate-x-1/2 left-1/2 lg:invisible" :class="{
'lg:invisible': !open,
'lg:visible': open }">
<button class="justify-center w-auto btn btn-primary md:btn-size-md btn-size-sm" id="addtocart-button-605" aria-label="Add to Cart">
<span>Add to Cart</span>
</button>
</div>
</div>
</form>POST https://www.naturesbakery.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cubmF0dXJlc2Jha2VyeS5jb20v/product/130/
<form method="post" action="https://www.naturesbakery.com/checkout/cart/add/uenc/aHR0cHM6Ly93d3cubmF0dXJlc2Jha2VyeS5jb20v/product/130/" class="item product product-item product_addtocart_form flex flex-col w-full " @mouseover="open = true"
@mouseleave="open = false" @submit.prevent="submit('#addtocart-button-130');" @private-content-loaded.window="getData($event.detail.data);" x-data="initAddCart('hungry_for_more', 'Hungry for More')"
@click="gtmSelectItem({"item_name":"Oatmeal Crumble Bars Strawberry","item_id":"1506090490","item_variant":"6 count (1.4oz) Single Pack Box","price":7,"item_list_id":"hungry_for_more","item_list_name":"Hungry for More"});">
<input name="form_key" type="hidden" value="Wh54nOHzxXFCfp4Y"> <input type="hidden" name="product" value="130">
<input type="hidden" name="item_list_name" value="Hungry for More">
<input type="hidden" name="item_list_id" value="hungry_for_more">
<a href="https://www.naturesbakery.com/oatmeal-crumble-bars-strawberry" class="overflow-hidden product photo product-item-photo block mx-auto " tabindex="-1">
<img class="transition transform" loading="lazy" alt="Oatmeal Crumble Bars Strawberry" title="Oatmeal Crumble Bars Strawberry" src="https://www.naturesbakery.com/media/catalog/product/cache/5e23092ef3a7dbbf3512d8cdb07ca031/o/c/oc_straw_resize.jpg" :class="{ 'scale-110': open }">
</a>
<div class="relative flex flex-col flex-grow product-info">
<div class="items-center justify-center mt-2 mb-1 text-primary">
<a href="https://www.naturesbakery.com/oatmeal-crumble-bars-strawberry">
<div class="text-base text-gray-500">
Oatmeal Crumble Bars </div>
<div class="text-xl font-semibold">
Strawberry </div>
</a>
</div>
<div class="py-1">
<div data-bv-show="rating_summary" data-bv-product-id="1506090490" data-bv-ready="true">
<div class="bv_main_container" itemprop="aggregateRating" itemscope="" itemtype="https://schema.org/AggregateRating">
<meta itemprop="bestRating" content="5"><span itemprop="itemReviewed" itemscope="true" itemtype="https://schema.org/IndividualProduct" class="bv_microdata_hidden"><span itemprop="name">Strawberry Oatmeal Crumble Bars</span></span>
<style>
/* == START CLEANSLATE == */
/*!
* This includes a subset of CleanSlate.
*
* ***IMPORTANT*** The only modifications to this code should be adding,
* removing or namespacing rules.
*
* CleanSlate
* github.com/premasagar/cleanslate
*
* An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.
*
* by Premasagar Rose
* dharmafly.com
*
* license
* opensource.org/licenses/mit-license.php
*
* v0.10.1
*/
[data-bv-show="rating_summary"] a,
[data-bv-show="rating_summary"] span,
[data-bv-show="rating_summary"] div,
[data-bv-show="rating_summary"] svg,
[data-bv-show="rating_summary"] path,
[data-bv-show="rating_summary"] polygon,
[data-bv-show="rating_summary"] button {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none !important;
/* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
background-position: 0 0 !important;
background-repeat: repeat !important;
border-color: black !important;
border-color: currentColor !important;
/* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
border-radius: 0 !important;
border-style: none !important;
border-width: medium !important;
bottom: auto !important;
clear: none !important;
clip: auto !important;
color: inherit !important;
counter-increment: none !important;
counter-reset: none !important;
cursor: auto !important;
direction: inherit !important;
display: inline !important;
float: none !important;
font-family: inherit !important;
/* As with other inherit values, this needs to be set on the root container element */
font-size: inherit !important;
font-style: inherit !important;
font-variant: normal !important;
font-weight: inherit !important;
height: auto !important;
left: auto !important;
letter-spacing: normal !important;
line-height: inherit !important;
list-style-type: inherit !important;
/* Could set list-style-type to none */
list-style-position: outside !important;
list-style-image: none !important;
margin: 0 !important;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
opacity: 1;
outline: invert none medium !important;
overflow: visible !important;
padding: 0 !important;
position: static !important;
quotes: "" "" !important;
right: auto !important;
table-layout: auto !important;
text-align: inherit !important;
text-decoration: inherit !important;
text-indent: 0 !important;
text-transform: none !important;
top: auto !important;
unicode-bidi: normal !important;
vertical-align: baseline !important;
visibility: inherit !important;
white-space: normal !important;
width: auto !important;
word-spacing: normal !important;
z-index: auto !important;
/* CSS3 */
/* Including all prefixes according to http://caniuse.com/ */
/* CSS Animations don't cascade, so don't require resetting */
-webkit-background-origin: padding-box !important;
background-origin: padding-box !important;
-webkit-background-clip: border-box !important;
background-clip: border-box !important;
-webkit-background-size: auto !important;
-moz-background-size: auto !important;
background-size: auto !important;
-webkit-border-image: none !important;
-moz-border-image: none !important;
-o-border-image: none !important;
border-image: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
box-sizing: content-box !important;
-webkit-column-count: auto !important;
-moz-column-count: auto !important;
column-count: auto !important;
-webkit-column-gap: normal !important;
-moz-column-gap: normal !important;
column-gap: normal !important;
-webkit-column-rule: medium none black !important;
-moz-column-rule: medium none black !important;
column-rule: medium none black !important;
-webkit-column-span: 1 !important;
-moz-column-span: 1 !important;
/* doesn't exist yet but probably will */
column-span: 1 !important;
-webkit-column-width: auto !important;
-moz-column-width: auto !important;
column-width: auto !important;
font-feature-settings: normal !important;
overflow-x: visible !important;
overflow-y: visible !important;
-webkit-hyphens: manual !important;
-moz-hyphens: manual !important;
hyphens: manual !important;
-webkit-perspective: none !important;
-moz-perspective: none !important;
-ms-perspective: none !important;
-o-perspective: none !important;
perspective: none !important;
-webkit-perspective-origin: 50% 50% !important;
-moz-perspective-origin: 50% 50% !important;
-ms-perspective-origin: 50% 50% !important;
-o-perspective-origin: 50% 50% !important;
perspective-origin: 50% 50% !important;
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
-o-backface-visibility: visible !important;
backface-visibility: visible !important;
text-shadow: none !important;
-webkit-transition: all 0s ease 0s !important;
transition: all 0s ease 0s !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
-webkit-transform-origin: 50% 50% !important;
-moz-transform-origin: 50% 50% !important;
-ms-transform-origin: 50% 50% !important;
-o-transform-origin: 50% 50% !important;
transform-origin: 50% 50% !important;
-webkit-transform-style: flat !important;
-moz-transform-style: flat !important;
-ms-transform-style: flat !important;
-o-transform-style: flat !important;
transform-style: flat !important;
word-break: normal !important;
}
/* Necessary because cursor: auto breaks our hover styling */
[data-bv-show="rating_summary"] svg,
[data-bv-show="rating_summary"] polygon {
cursor: inherit !important;
}
[data-bv-show="rating_summary"] div {
display: block !important;
}
[data-bv-show="rating_summary"] a {
color: blue !important;
text-decoration: underline !important;
}
[data-bv-show="rating_summary"] a:visited {
color: #529 !important;
}
[data-bv-show="rating_summary"] a,
[data-bv-show="rating_summary"] a * {
cursor: pointer !important;
}
[data-bv-show="rating_summary"] path,
[data-bv-show="rating_summary"] polygon {
fill: currentColor !important;
}
/* == ROOT CONTAINER ELEMENT == */
/* This contains default values for child elements to inherit */
[data-bv-show="rating_summary"] {
font-size: medium !important;
line-height: 1 !important;
direction: ltr !important;
text-align: left !important;
/* for IE, Opera */
text-align: start !important;
/* recommended W3C Spec */
color: black !important;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
list-style-type: disc !important;
}
/* == END CLEANSLATE == */
[data-bv-show="rating_summary"] .bv_main_container {
display: inline-flex !important;
flex-wrap: wrap !important;
background-color: transparent !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
margin-top: 0px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important;
border-bottom-style: none !important;
border-bottom-color: transparent !important;
border-bottom-width: 0px !important;
border-left-style: none !important;
border-left-color: transparent !important;
border-left-width: 0px !important;
border-right-style: none !important;
border-right-color: transparent !important;
border-right-width: 0px !important;
border-top-style: none !important;
border-top-color: transparent !important;
border-top-width: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex {
display: inline-flex !important;
align-items: center !important;
padding-right: 1em !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_normal {
width: 100% !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_CTA_row {
display: inline-flex !important;
padding-top: 0.5em !important;
width: 100% !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_main_container_line_break {
margin-top: 0.5em !important;
width: 100% !important;
max-width: 24em !important;
border-bottom: 1px solid #CECECE !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_microdata_hidden {
display: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container {
display: flex !important;
align-items: center !important;
padding-right: 0.1em !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container {
display: flex !important;
align-items: center !important;
white-space: nowrap !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_delimeter {
padding-right: 0.1em !important;
color: #ccc !important;
font-size: 12.8px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text {
white-space: nowrap !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_percentRecommend_component_container {
padding-top: 0.5em !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_incentivized_component_container {
padding-top: 0.5em !important;
padding-bottom: 0.3em !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container {
padding-top: 0.5em !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button {
padding: 0 !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:hover,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:visited,
[data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable>a:focus,
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable button:focus {
border: 1px solid blue !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container {
display: flex !important;
align-items: center !important;
overflow: hidden !important;
white-space: nowrap !important;
padding-right: 1em !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container span {
display: inherit !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container svg:not(:last-child) {
padding-right: 1px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container:hover {
cursor: pointer !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull {
padding: 0.5em 1em 0.5em 1em !important;
align-self: center !important;
border: none !important;
text-align: center !important;
text-decoration: none !important;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
color: #282828 !important;
font-size: 16px !important;
background-color: transparent !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
border-bottom-style: none !important;
border-bottom-color: #282828 !important;
border-bottom-width: 1px !important;
border-left-style: none !important;
border-left-color: #282828 !important;
border-left-width: 1px !important;
border-right-style: none !important;
border-right-color: #282828 !important;
border-right-width: 1px !important;
border-top-style: none !important;
border-top-color: #282828 !important;
border-top-width: 1px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull:hover {
cursor: pointer !important;
background-image: none !important;
box-shadow: none !important;
background-color: transparent !important;
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 16px !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist {
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable:focus {
border: 1px solid blue !important;
}
[data-bv-show="rating_summary"] .bv_main_container .bv_offscreen_text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px 1px 1px 1px) !important;
padding: 0 !important;
border: 0 !important;
}
div.bv_modal_component_container[data-bv-modal] {
display: flex !important;
flex-wrap: wrap !important;
position: absolute !important;
z-index: 1000 !important;
background-color: #ffffff !important;
}
div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content:before {
content: '';
display: inline-flex !important;
position: absolute !important;
left: 45% !important;
top: -5px !important;
width: 10px !important;
height: 10px !important;
border-right: 1px solid black !important;
border-bottom: 1px solid black !important;
transform: rotate(-135deg) !important;
background-color: #ffffff !important;
}
div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content {
margin: 0 auto !important;
display: inline-flex !important;
flex-wrap: wrap !important;
padding: 2em !important;
border: 1px solid black !important;
max-width: 270px !important;
}
.bv_histogram_component_container {
min-width: 200px !important;
}
.bv_histogram_row_prefix {
display: table-cell !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
.bv_histogram_row_container {
min-width: 200px !important;
height: 25px !important;
padding: 0px !important;
margin: 0px !important;
display: table-row !important;
cursor: pointer !important;
color: #212529 !important;
font-size: 16px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_histogram_row_container:hover {
background-color: #F7F7F7 !important;
}
.bv_histogram_row_bar_empty {
border-radius: 2px !important;
height: 10px !important;
display: block !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%) !important;
background-color: #ccc !important;
background-color: #F4EEEC !important;
}
.bv_histogram_row_bar_filled {
border-radius: 2px !important;
height: 10px !important;
display: block !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%) !important;
background-color: #762058 !important;
}
.bv_histogram_row_full_bar {
display: table-cell !important;
padding-left: 10px !important;
padding-right: 10px !important;
width: 100% !important;
vertical-align: middle !important;
}
.bv_histogram_row_rating {
display: table-cell !important;
vertical-align: middle !important;
text-align: center !important;
}
.bv_histogram_row_star {
display: table-cell !important;
vertical-align: middle !important;
}
.bv_button_buttonFull {
padding: 0.5em 1em 0.5em 1em !important;
align-self: center !important;
border: none !important;
text-align: center !important;
text-decoration: none !important;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
color: #282828 !important;
font-size: 16px !important;
background-color: transparent !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
border-bottom-style: none !important;
border-bottom-color: #282828 !important;
border-bottom-width: 1px !important;
border-left-style: none !important;
border-left-color: #282828 !important;
border-left-width: 1px !important;
border-right-style: none !important;
border-right-color: #282828 !important;
border-right-width: 1px !important;
border-top-style: none !important;
border-top-color: #282828 !important;
border-top-width: 1px !important;
border-bottom-left-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
}
.bv_button_buttonFull:hover {
cursor: pointer !important;
background-image: none !important;
box-shadow: none !important;
background-color: transparent !important;
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: capitalize !important;
font-weight: normal !important;
font-style: normal !important;
font-size: 16px !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist {
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist:hover {
cursor: pointer !important;
color: #282828 !important;
font-size: 12.8px !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_button_buttonMinimalist:visited {
color: #282828 !important;
font-family: Poppins, sans-serif !important;
text-transform: none !important;
font-weight: normal !important;
font-style: normal !important;
text-decoration: none !important;
}
.bv_ms_focusable:focus {
border: 1px solid blue !important;
}
.bv_offscreen_text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(1px 1px 1px 1px) !important;
padding: 0 !important;
border: 0 !important;
}
.bv_ms_focusable:focus {
border: 1px solid blue !important;
}
</style><button id="ratings-summary" class="bv_main_container_row_flex" role="link" type="button" aria-expanded="false"><span class="bv_offscreen_text"> 4.6 out of 5 stars. Read reviews for average rating value is 4.6 of 5. Read 343 Reviews
Same page link.</span>
<div class="bv_stars_component_container"><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_4_0_99.99_1506090490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_4_0_99.99_1506090490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_4_0_99.99_1506090490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_4_1_99.99_1506090490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_4_1_99.99_1506090490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_4_1_99.99_1506090490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_4_2_99.99_1506090490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_4_2_99.99_1506090490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_4_2_99.99_1506090490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_4_3_99.99_1506090490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_4_3_99.99_1506090490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_4_3_99.99_1506090490" x1="99.99%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 25 25" focusable="false" style="width: 20px !important; height: 20px !important;">
<polygon points="" style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_4_4_62.10_1506090490") !important;"></polygon>
<path
d="M24.8676481,9.0008973 C24.7082329,8.54565507 24.2825324,8.23189792 23.7931772,8.20897226 L16.1009423,8.20897226 L13.658963,0.793674161 C13.4850788,0.296529881 12.9965414,-0.0267985214 12.4623931,0.00174912135 L12.4623931,0.00174912135 C11.9394964,-0.00194214302 11.4747239,0.328465149 11.3146628,0.81767189 L8.87268352,8.23296999 L1.20486846,8.23296999 C0.689809989,8.22949161 0.230279943,8.55030885 0.0640800798,9.0294023 C-0.102119784,9.50849575 0.0623083246,10.0383495 0.472274662,10.3447701 L6.69932193,14.9763317 L4.25734261,22.4396253 C4.08483744,22.9295881 4.25922828,23.4727606 4.68662933,23.7767181 C5.11403038,24.0806756 5.69357086,24.0736812 6.11324689,23.7595003 L12.6333317,18.9599546 L19.1778362,23.7595003 C19.381674,23.9119158 19.6299003,23.9960316 19.8860103,23.9994776 C20.2758842,24.0048539 20.6439728,23.8232161 20.8724402,23.5127115 C21.1009077,23.202207 21.1610972,22.8017824 21.0337405,22.4396253 L18.5917612,14.9763317 L24.6967095,10.3207724 C25.0258477,9.95783882 25.0937839,9.43328063 24.8676481,9.0008973 Z"
style="fill: url("https://www.naturesbakery.com/#bv_rating_summary_star_filled_4_4_62.10_1506090490") !important;"></path>
<defs>
<linearGradient id="bv_rating_summary_star_filled_4_4_62.10_1506090490" x1="62.10%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: rgb(118, 32, 88); stop-opacity: 1;"></stop>
<stop offset="1%" style="stop-color: rgb(244, 238, 236); stop-opacity: 1;"></stop>
</linearGradient>
</defs>
</svg></div>
<div itemprop="ratingValue" class="bv_avgRating_component_container notranslate">4.6</div>
<div class="bv_numReviews_component_container">
<meta itemprop="reviewCount" content="343"> <div class="bv_numReviews_text">(343)</div>
</div>
</button>
<div class="bv_main_container_row_flex">
<div class="bv_main_container_row_flex">
<div class="bv_button_component_container" style=""><button aria-label="Write a Review (opens pop-up)" type="button" class="bv_button_buttonMinimalist " id="WAR">Write a review </button></div>
</div>
</div>
</div>
</div>
</div>
<script>
function initPriceBox__64d5eacc0b62e() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div x-data="initPriceBox__64d5eacc0b62e()" @update-prices-130.window="updatePrice($event.detail);" class="pb-16">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="130" data-price-box="product-id-130">
<span class="price-container price-final_price tax weee">
<span id="product-price-130" data-price-amount="7" data-price-type="finalPrice" class="price-wrapper "><span class="price">$7.00</span></span>
</span>
</div> <span class="text-sm text-gray-500">6 count (1.4oz) Single Pack Box</span>
</div>
<div class="absolute bottom-0 text-center transition transform -translate-x-1/2 left-1/2 lg:invisible" :class="{
'lg:invisible': !open,
'lg:visible': open }">
<button class="justify-center w-auto btn btn-primary md:btn-size-md btn-size-sm" id="addtocart-button-130" aria-label="Add to Cart">
<span>Add to Cart</span>
</button>
</div>
</div>
</form>Text Content
BROWNIE BLISS - Shop our NEW Brownie Now!
Skip to Content
* Shop Snacks
* Whole Wheat Fig Bars
* Baked-Ins
* Oatmeal Crumble Bars
* Gluten Free Fig Bars
* New!
Brownie Bars
* Build Your Box
* Our Mission
* Store Locator
Sign In Create an Account
Search
Search Search
Cart 0
MY CART
Spend more for Free Shipping
Your order qualifies for free shipping
Updating...
Quantity
Remove
Cart Total
Checkout
View and Edit Cart
PLEASE LOGIN TO YOUR ACCOUNT
Email
Password
Sign In Forgot Your Password?
This form is protected by reCAPTCHA - the Google Privacy Policy and Terms of
Service apply.
DON'T HAVE AN ACCOUNT?
Recurring subscription orders require an account. Please create an account to
see your order history and shipping status, manage your subscriptions and check
out faster.
Create an Account
Search
* Shop Snacks
* * All Products
* Whole Wheat Fig Bars
* Baked-Ins Bars
* Oatmeal Crumble Bars
* Gluten Free Fig Bars
* Brownie Bars
* Build a Box
* Subscriptions
* Our Mission
* Store Locator
* Snack Squad
* Snack Hacks
* Downloads
* Account
* FAQ
* Careers
* Press Room
* Contact Us
BAKED FOR THE WIN!
GET READY TO FUEL THE SCHOOL YEAR AND DISCOVER WHOLESOME SNACKS THAT ARE PERFECT
FOR EVERY ADVENTURE IN THE CLASSROOM AND BEYOND.
Shop Now
* Whole Wheat Fig Bars
* Baked-Ins
* Oatmeal Crumble Bars
* Gluten Free Fig Bars
* New!
Brownie Bars
* Build Your Box
WHOLESOME BAKED IN.
Here at Nature’s Bakery, we promise to always bring you soft baked goodness that
tastes great and makes you feel good. From hearty whole grains to sun-ripened
fruit, what we bake in is as important as what we leave out.
Learn More
BAKED FOR THE WIN™
Our family-founded bakery believes that simple snacks made with real ingredients
are the best fuel for active, joyful lives. We bake 'em with a smile, and pass
that smile along to you and your family, wherever your snacking adventures may
take you. And when you need that extra oomph (or MMMph) to win the day, we’ve
got your back with delicious, soft-baked, real fruit-fueled goodness.
About Us
BROWNIE POINTS
Make every pantry re-stock a sweet one with delightfully dairy-free Brownies
that are guaranteed to spread smiles. Deliciously fudgy to satisfy every soft
baked snack break, our new Brownie made with whole grains, vegan chocolate, real
cocoa and dates is the tasty retreat you need. Plant based, GMO-free,
nut-free—and 100% delicious!
Shop BROWNIE
HUNGRY FOR MORE?
Brownie Bars
Double Chocolate
Double Chocolate Brownie 4.5 out of 5 stars. Read reviews for average rating
value is 4.5 of 5. Read 228 Reviews Same page link.
4.5
(228)
Write a review
$7.00
6 count (1.59 oz) Twin Pack Box
Add to Cart
Baked-Ins
Chocolate Oat
Chocolate Oat Baked-Ins 4.2 out of 5 stars. Read reviews for average rating
value is 4.2 of 5. Read 239 Reviews Same page link.
4.2
(239)
Write a review
$7.00
6 count (1.3oz) Single Pack Box
Add to Cart
Baked-Ins
Banana Chocolate Chip
Banana Chocolate Chip Baked-Ins 4.4 out of 5 stars. Read reviews for average
rating value is 4.4 of 5. Read 245 Reviews Same page link.
4.4
(245)
Write a review
$7.00
6 count (1.3oz) Single Pack Box
Add to Cart
Oatmeal Crumble Bars
Strawberry
Strawberry Oatmeal Crumble Bars 4.6 out of 5 stars. Read reviews for average
rating value is 4.6 of 5. Read 343 Reviews Same page link.
4.6
(343)
Write a review
$7.00
6 count (1.4oz) Single Pack Box
Add to Cart
FIND YOUR FAVORITE SNACKS AT YOUR FAVORITE STORES.
Locate Nature's Bakery snacks near you.
Find in Store
JOIN. EARN. REDEEM.
Meet the rewards program that’ll keep your pantry—and your family—happy. Start
snacking, start earning!
Join Now
SNACK-SIZED ADVENTURES.
We’ve got the snacks—and the adventures! Ready for a feel-good dose of tech-free
fun? Check out our activity generator filled with bite-sized family activities
built to fit into your already jam-packed life.
Get Started
JOIN PANTRY PERKS
Become a Nature's Bakery Pantry Perks member today and earn points for signing
up, making purchases and much more. learn more
1-866-luv-figs
SHOP PRODUCTS
* All Products
* Whole Wheat Fig Bars
* Baked-Ins Bars
* Oatmeal Crumble Bars
* Gluten Free Fig Bars
* Brownie Bars
* Subscriptions
* Build Your Box
ABOUT US
* Our Mission
* Store Locator
* Careers
* Nutrition
* Snack Squad
* Snack Hacks
* Downloads
* Press Room
HELP
* Contact Us
* FAQs
* Shipping, Returns & Refunds
* Privacy Statement
* Legal Information
* Cookie Notice
* Accessibility
* Modern Slavery Act
* CA Supply Chain
* Ad Choices
© 2023 Mars Incorporated and its affiliates. All Rights Reserved.
We use cookies to personalize content and ads, to provide social media features
and to analyze our traffic. See ourcookie policy(opens in a new tab). You can
use cookie settings to change your preferences.
Cookie Settings
PRIVACY PREFERENCE CENTER
* YOUR PRIVACY
* STRICTLY NECESSARY COOKIES
* PERFORMANCE COOKIES
* FUNCTIONAL COOKIES
* TARGETING COOKIES
YOUR PRIVACY
When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
STRICTLY NECESSARY COOKIES
Always Active
"These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms."
"You can set your browser to block or alert you about these cookies, but some
parts of the site will not then work. These cookies do not store any personally
identifiable information."
Cookies Details
PERFORMANCE COOKIES
Performance Cookies
These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site. All
information these cookies collect is aggregated and therefore anonymous. If you
do not allow these cookies we will not know when you have visited our site, and
will not be able to monitor its performance.
Cookies Details
FUNCTIONAL COOKIES
Functional Cookies
These cookies enable the website to provide enhanced functionality and
personalisation. They may be set by us or by third party providers whose
services we have added to our pages. If you do not allow these cookies then some
or all of these services may not function properly.
Cookies Details
TARGETING COOKIES
Targeting Cookies
These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites. They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.
Cookies Details
Back Button
COOKIE LIST
Filter Button
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label
Clear
checkbox label label
Apply Cancel
Confirm My Choices
Allow All
Pantry Perks
✕
x
Become a Pantry Perks member today and earn perks for signing up, making
purchases and more.
Find Out More