drinkolipop.com Open in urlscan Pro
23.227.38.65  Public Scan

Submitted URL: https://elevator.cmail20.com/t/t-l-qtuuudl-jljinuyll-k/
Effective URL: https://drinkolipop.com/products/best-sellers-pack?utm_source=podcast&utm_medium=ELEVATOR&utm_campaign=may22
Submission: On May 11 via api from US — Scanned from DE

Form analysis 19 forms found in the DOM

<form id="bis_form">
  <div class="tw-flex tw-flex-col">
    <input type="email" name="emailInput" class="tw-text-base-md-d tw-border tw-border-gray-200 tw-rounded-sm tw-my-4 tw-px-1 tw-py-2" placeholder="Email Address" style="border: 1px solid grey;" required="">
    <div class="tw-flex tw-flex-row tw-items-center tw-mb-4">
      <input id="emailList" name="emailList" type="checkbox">
      <label for="emailList" class="tw-pl-2">Add me to the store mailing list</label>
    </div>
    <button id="submitBtn"
      class="tw-mb-2 tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
      type="submit" aria-label="Email me when available">
      <span id="modal-btn-spinner" style="display: none;"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" viewBox="0 0 20 20">
          <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
        </svg></span>
      <span id="modal-btn-label">Submit</span>
    </button>
  </div>
</form>

GET /search

<form class="search-form search-bar__form" action="/search" method="get" role="search">
  <div class="search-form__input-wrapper">
    <input type="text" name="q" placeholder="Search" role="combobox" aria-autocomplete="list" aria-owns="predictive-search-results" aria-expanded="false" aria-label="Search" aria-haspopup="listbox" class="search-form__input search-bar__input"
      data-predictive-search-drawer-input="" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <input type="hidden" name="options[prefix]" value="last" aria-hidden="true">
    <div class="predictive-search-wrapper predictive-search-wrapper--drawer" data-predictive-search-mount="drawer"></div>
    <div style="position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0;" data-search-announcer="" aria-live="polite" aria-atomic="true"></div>
  </div>
  <button class="search-bar__submit search-form__submit" type="submit" data-search-form-submit="">
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 37 40">
      <path
        d="M35.6 36l-9.8-9.8c4.1-5.4 3.6-13.2-1.3-18.1-5.4-5.4-14.2-5.4-19.7 0-5.4 5.4-5.4 14.2 0 19.7 2.6 2.6 6.1 4.1 9.8 4.1 3 0 5.9-1 8.3-2.8l9.8 9.8c.4.4.9.6 1.4.6s1-.2 1.4-.6c.9-.9.9-2.1.1-2.9zm-20.9-8.2c-2.6 0-5.1-1-7-2.9-3.9-3.9-3.9-10.1 0-14C9.6 9 12.2 8 14.7 8s5.1 1 7 2.9c3.9 3.9 3.9 10.1 0 14-1.9 1.9-4.4 2.9-7 2.9z">
      </path>
    </svg>
    <span class="icon__fallback-text">Submit</span>
  </button>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_7323931246751" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="7323931246751" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-ptribmlk1" value="week">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/tropical-punch">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="41999551889567">41999551889567</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-97gxippgq" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-97gxippgq" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-gbalrmi3h" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-gbalrmi3h" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-vn0npa1fv" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-vn0npa1fv" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo0" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox0" class="input-wrapper"><input aria-activedescendant="combo0-0" aria-autocomplete="none" id="combo0" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox0">
                <div role="option" id="combo0-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo0-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo0-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 7323931246751,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            41922380824735: '41999551889567',
          },
          variant_to_price: {
            41922380824735: '3599',
          },
          duplicate_to_price: {
            41999551889567: '3059',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="41922380824735" data-inventory="188" data-recharge-id="41999551889567" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var41922380824735" name="var_7323931246751" value="41922380824735" data-inventory="188" checked="checked" class="pdp-select__option"><label for="var41922380824735">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-41922380824735" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #eaf5f6">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-41922380824735" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-tropical-punch" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-tropical-punch" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-tropical-punch" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-tropical-punch"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-tropical-punch" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-tropical-punch" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-tropical-punch" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-tropical-punch" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-tropical-punch" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="41922380824735"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:41922380824735,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_6604538577055" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="6604538577055" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <div class="radio-input active">
    <label>
      <input style="display:none;" type="radio" data-subscribe="no" name="subscribe" value="no" checked="">
      <div class="design"></div>
      <span class="radio-input--text">One-time order</span>
      <span class="radio-input--price">$35.99</span>
    </label>
  </div>
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="39569001578655" data-inventory="-209" data-recharge-id="" data-recharge-price="" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var39569001578655" name="var_6604538577055" value="39569001578655" data-inventory="-209" checked="checked" class="pdp-select__option"><label for="var39569001578655">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-39569001578655" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #ffeecc">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-39569001578655" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-orange-cream" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-orange-cream" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-orange-cream" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-orange-cream"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-orange-cream" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-orange-cream" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-orange-cream" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-orange-cream" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-orange-cream" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="39569001578655"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:39569001578655,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_4350717460544" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="4350717460544" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-i1xmud76q" value="Weeks">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/classic-root-beer">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="34883055026335">34883055026335</option>
      <option value="34883054993567">34883054993567</option>
      <option value="34883055059103">34883055059103</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-gdruwliwr" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-gdruwliwr" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-4nemgvoep" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-4nemgvoep" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-g29chm387" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-g29chm387" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo1" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox1" class="input-wrapper"><input aria-activedescendant="combo1-0" aria-autocomplete="none" id="combo1" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox1">
                <div role="option" id="combo1-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo1-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo1-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 4350717460544,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            31199447711808: '34883055026335',
            31199447679040: '34883054993567',
            31199447744576: '34883055059103',
          },
          variant_to_price: {
            31199447679040: '3599',
          },
          duplicate_to_price: {
            34883055026335: '5949',
            34883054993567: '3059',
            34883055059103: '8414',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="31199447679040" data-inventory="473" data-recharge-id="34883054993567" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var31199447679040" name="var_4350717460544" value="31199447679040" data-inventory="473" checked="checked" class="pdp-select__option"><label for="var31199447679040">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-31199447679040" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #fceae0">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-31199447679040" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-classic-root-beer" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-classic-root-beer" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-classic-root-beer" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner"
                viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-classic-root-beer"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-classic-root-beer" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-classic-root-beer" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-classic-root-beer" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-classic-root-beer" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-classic-root-beer" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="31199447679040"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:31199447679040,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_3818023125062" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="3818023125062" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-ia3sc35s4" value="week">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/vintage-cola">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="35153220010143">35153220010143</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-bizgx7l6c" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-bizgx7l6c" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-vfqoidcfm" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-vfqoidcfm" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-r7qokt1ro" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-r7qokt1ro" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo2" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox2" class="input-wrapper"><input aria-activedescendant="combo2-0" aria-autocomplete="none" id="combo2" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox2">
                <div role="option" id="combo2-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo2-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo2-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 3818023125062,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            30315238260806: '35153220010143',
          },
          variant_to_price: {
            30315238260806: '3599',
          },
          duplicate_to_price: {
            35153220010143: '3059',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="30315238260806" data-inventory="-634" data-recharge-id="35153220010143" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var30315238260806" name="var_3818023125062" value="30315238260806" data-inventory="-634" checked="checked" class="pdp-select__option"><label for="var30315238260806">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-30315238260806" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #ffdbda">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-30315238260806" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-vintage-cola" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-vintage-cola" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-vintage-cola" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-vintage-cola"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-vintage-cola" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-vintage-cola" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-vintage-cola" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-vintage-cola" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-vintage-cola" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="30315238260806"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:30315238260806,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_3818021027910" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="3818021027910" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-55tr2nhvy" value="week">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/strawberry-vanilla">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="35153220436127">35153220436127</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-otld22wz8" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-otld22wz8" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-49addgcb5" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-49addgcb5" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-9y9uvoucl" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-9y9uvoucl" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo3" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox3" class="input-wrapper"><input aria-activedescendant="combo3-0" aria-autocomplete="none" id="combo3" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox3">
                <div role="option" id="combo3-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo3-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo3-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 3818021027910,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            30315220959302: '35153220436127',
          },
          variant_to_price: {
            30315220959302: '3599',
          },
          duplicate_to_price: {
            35153220436127: '3059',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="30315220959302" data-inventory="1052" data-recharge-id="35153220436127" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var30315220959302" name="var_3818021027910" value="30315220959302" data-inventory="1052" checked="checked" class="pdp-select__option"><label for="var30315220959302">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-30315220959302" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #ffe1d9">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-30315220959302" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-strawberry-vanilla" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-strawberry-vanilla" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-strawberry-vanilla" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner"
                viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-strawberry-vanilla"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-strawberry-vanilla" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-strawberry-vanilla" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-strawberry-vanilla" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-strawberry-vanilla" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-strawberry-vanilla" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="30315220959302"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:30315220959302,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_6866436948127" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="6866436948127" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-ll8svd0ju" value="week">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/classic-grape">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="40534625845407">40534625845407</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-e0jafwrm3" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-e0jafwrm3" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-a0en5x9by" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-a0en5x9by" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-xgsatsctf" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-xgsatsctf" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo4" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox4" class="input-wrapper"><input aria-activedescendant="combo4-0" aria-autocomplete="none" id="combo4" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox4">
                <div role="option" id="combo4-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo4-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo4-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 6866436948127,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            40304921542815: '40534625845407',
          },
          variant_to_price: {
            40304921542815: '3599',
          },
          duplicate_to_price: {
            40534625845407: '3059',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="40304921542815" data-inventory="895" data-recharge-id="40534625845407" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var40304921542815" name="var_6866436948127" value="40304921542815" data-inventory="895" checked="checked" class="pdp-select__option"><label for="var40304921542815">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-40304921542815" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #e9daf1">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-40304921542815" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-classic-grape" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-classic-grape" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-classic-grape" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-classic-grape"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-classic-grape" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-classic-grape" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-classic-grape" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-classic-grape" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-classic-grape" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="40304921542815"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:40304921542815,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_5538631712927" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="5538631712927" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-2v7aei7b1" value="week">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/orange-squeeze">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="35769225773215">35769225773215</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-3v3eamvl4" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-3v3eamvl4" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-5m982q0vr" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-5m982q0vr" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-a97nza1yr" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-a97nza1yr" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo5" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox5" class="input-wrapper"><input aria-activedescendant="combo5-0" aria-autocomplete="none" id="combo5" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox5">
                <div role="option" id="combo5-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo5-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo5-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 5538631712927,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            35768781111455: '35769225773215',
          },
          variant_to_price: {
            35768781111455: '3599',
          },
          duplicate_to_price: {
            35769225773215: '3059',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="35768781111455" data-inventory="897" data-recharge-id="35769225773215" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var35768781111455" name="var_5538631712927" value="35768781111455" data-inventory="897" checked="checked" class="pdp-select__option"><label for="var35768781111455">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-35768781111455" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #ffe8da">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-35768781111455" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-orange-squeeze" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-orange-squeeze" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-orange-squeeze" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-orange-squeeze"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-orange-squeeze" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-orange-squeeze" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-orange-squeeze" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-orange-squeeze" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-orange-squeeze" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="35768781111455"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:35768781111455,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_4452820189248" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="4452820189248" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-9dlyj2l91" value="week">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/cherry-vanilla">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="35154039767199">35154039767199</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-t6isbyjsa" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-t6isbyjsa" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-81xb4sboa" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-81xb4sboa" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-fk1e55y8s" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-fk1e55y8s" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo6" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox6" class="input-wrapper"><input aria-activedescendant="combo6-0" aria-autocomplete="none" id="combo6" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox6">
                <div role="option" id="combo6-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo6-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo6-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 4452820189248,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            31667872464960: '35154039767199',
          },
          variant_to_price: {
            31667872464960: '3599',
          },
          duplicate_to_price: {
            35154039767199: '3059',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="31667872464960" data-inventory="490" data-recharge-id="35154039767199" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var31667872464960" name="var_4452820189248" value="31667872464960" data-inventory="490" checked="checked" class="pdp-select__option"><label for="var31667872464960">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-31667872464960" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #ffe0ea">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-31667872464960" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-cherry-vanilla" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-cherry-vanilla" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-cherry-vanilla" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-cherry-vanilla"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-cherry-vanilla" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-cherry-vanilla" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-cherry-vanilla" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-cherry-vanilla" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-cherry-vanilla" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="31667872464960"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:31667872464960,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_7359020171423" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="7359020171423" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-ntrbly22p" value="week">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/best-sellers-pack">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="42092563792031">42092563792031</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-ul688mm30" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-ul688mm30" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-e61353e9w" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-e61353e9w" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-5v2ynspgs" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-5v2ynspgs" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo7" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox7" class="input-wrapper"><input aria-activedescendant="combo7-0" aria-autocomplete="none" id="combo7" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox7">
                <div role="option" id="combo7-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo7-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo7-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 7359020171423,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            42069980414111: '42092563792031',
          },
          variant_to_price: {
            42069980414111: '3599',
          },
          duplicate_to_price: {
            42092563792031: '3059',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="42069980414111" data-inventory="-68" data-recharge-id="42092563792031" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var42069980414111" name="var_7359020171423" value="42069980414111" data-inventory="-68" checked="checked" class="pdp-select__option"><label for="var42069980414111">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-42069980414111" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #deddf0">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-42069980414111" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-best-sellers-pack" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" style="opacity: 1; height: auto;">
      <div class="tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
        <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
          <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
              <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
              <path fill-rule="evenodd" clip-rule="evenodd"
                d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
                fill="#14433D"></path>
            </svg>
          </div>
          <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
            <div class="tw-w-full md:tw-max-w-75 tw-relative">
              <p id="ohi-message-best-sellers-pack" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 1;">Same day delivery is unavailable in 60311, Frankfurt am Main. Try
                entering another zip code or enjoy free shipping on orders over $50!</p>
              <div id="ohi-spinner-best-sellers-pack" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full" style="opacity: 0;"> <svg aria-hidden="true" focusable="false" role="presentation"
                  class="icon icon-spinner" viewBox="0 0 20 20">
                  <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
                </svg></div>
            </div>
            <span role="button" aria-pressed="false" id="ohi-toggle-best-sellers-pack"
              class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 1;">Edit
              Location</span>
          </div>
          <div id="ohi-inputContainer-best-sellers-pack" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
            <div id="ohi-submit-best-sellers-pack" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-best-sellers-pack" tabindex="0"
              class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
              style="border: 2px solid;">
              <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
                <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
                <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
              </svg>
            </div>
            <label class="visually-hidden" for="ohi-zip">Zipcode</label>
            <input id="ohi-input-best-sellers-pack" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
              style="border: 1px solid;">
            <div id="ohi-error-best-sellers-pack" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
          </div>
        </div>
      </div>
    </div>
    <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
    <div class="hc-shop-pay-banner">
      <shopify-payment-terms variant-id="42069980414111"
        shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:42069980414111,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
    </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_4364492341312" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="4364492341312" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-rqwhfhv3h" value="week">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/variety-12-pack">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="41214231281823">41214231281823</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-2l5qz11pk" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-2l5qz11pk" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-l7aysn1ox" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-l7aysn1ox" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-85gv4acqj" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-85gv4acqj" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo8" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox8" class="input-wrapper"><input aria-activedescendant="combo8-0" aria-autocomplete="none" id="combo8" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox8">
                <div role="option" id="combo8-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo8-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo8-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 4364492341312,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            31294500864064: '41214231281823',
          },
          variant_to_price: {
            31294500864064: '3599',
          },
          duplicate_to_price: {
            41214231281823: '3059',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="31294500864064" data-inventory="-23584" data-recharge-id="41214231281823" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var31294500864064" name="var_4364492341312" value="31294500864064" data-inventory="-23584" checked="checked" class="pdp-select__option"><label for="var31294500864064">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-31294500864064" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #e2f2e9">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-31294500864064" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-variety-12-pack" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-variety-12-pack" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-variety-12-pack" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-variety-12-pack"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-variety-12-pack" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-variety-12-pack" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-variety-12-pack" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-variety-12-pack" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-variety-12-pack" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="31294500864064"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:31294500864064,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_6726959562911" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="6726959562911" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-0ugbg2ua7" value="week">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/soda-lovers-12-pack">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="41214229119135">41214229119135</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-pa0u46sup" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-pa0u46sup" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-ixi77s5e4" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-ixi77s5e4" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-61htxz7gd" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-61htxz7gd" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo9" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox9" class="input-wrapper"><input aria-activedescendant="combo9-0" aria-autocomplete="none" id="combo9" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox9">
                <div role="option" id="combo9-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo9-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo9-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 6726959562911,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            40043138941087: '41214229119135',
          },
          variant_to_price: {
            40043138941087: '3599',
          },
          duplicate_to_price: {
            41214229119135: '3059',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="40043138941087" data-inventory="45" data-recharge-id="41214229119135" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var40043138941087" name="var_6726959562911" value="40043138941087" data-inventory="45" checked="checked" class="pdp-select__option"><label for="var40043138941087">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-40043138941087" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #f7e8e7">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-40043138941087" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-soda-lovers-12-pack" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-soda-lovers-12-pack" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-soda-lovers-12-pack" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner"
                viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-soda-lovers-12-pack"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-soda-lovers-12-pack" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-soda-lovers-12-pack" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-soda-lovers-12-pack" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-soda-lovers-12-pack" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-soda-lovers-12-pack" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="40043138941087"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:40043138941087,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_7058876989599" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="7058876989599" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-e5lb1i2h2" value="week">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/fruity-variety-pack">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="41353823486111">41353823486111</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-thfxnywby" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-thfxnywby" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-lxew4pd5h" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-lxew4pd5h" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-k1pqod4or" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-k1pqod4or" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo10" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox10" class="input-wrapper"><input aria-activedescendant="combo10-0" aria-autocomplete="none" id="combo10" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox10">
                <div role="option" id="combo10-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo10-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo10-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 7058876989599,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            41251909304479: '41353823486111',
          },
          variant_to_price: {
            41251909304479: '3599',
          },
          duplicate_to_price: {
            41353823486111: '3059',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="41251909304479" data-inventory="206" data-recharge-id="41353823486111" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var41251909304479" name="var_7058876989599" value="41251909304479" data-inventory="206" checked="checked" class="pdp-select__option"><label for="var41251909304479">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-41251909304479" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #fbe3dd">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-41251909304479" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-fruity-variety-pack" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-fruity-variety-pack" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-fruity-variety-pack" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner"
                viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-fruity-variety-pack"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-fruity-variety-pack" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-fruity-variety-pack" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-fruity-variety-pack" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-fruity-variety-pack" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-fruity-variety-pack" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="41251909304479"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:41251909304479,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_6130071863455" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="6130071863455" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-71kyp6bjp" value="week">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/pink-pop-12-pack">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="41214227480735">41214227480735</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-bit0iou5b" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-bit0iou5b" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-lw8szrjzo" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-lw8szrjzo" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-hh99jn3ca" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-hh99jn3ca" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo11" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox11" class="input-wrapper"><input aria-activedescendant="combo11-0" aria-autocomplete="none" id="combo11" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox11">
                <div role="option" id="combo11-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo11-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo11-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 6130071863455,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            39945455599775: '41214227480735',
          },
          variant_to_price: {
            39945455599775: '3599',
          },
          duplicate_to_price: {
            41214227480735: '3059',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="39945455599775" data-inventory="276" data-recharge-id="41214227480735" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var39945455599775" name="var_6130071863455" value="39945455599775" data-inventory="276" checked="checked" class="pdp-select__option"><label for="var39945455599775">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-39945455599775" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #ffeae8">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-39945455599775" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-pink-pop-12-pack" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-pink-pop-12-pack" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-pink-pop-12-pack" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner"
                viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-pink-pop-12-pack"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-pink-pop-12-pack" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-pink-pop-12-pack" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-pink-pop-12-pack" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-pink-pop-12-pack" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-pink-pop-12-pack" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="39945455599775"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:39945455599775,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_3818021912646" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="3818021912646" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
  <!--
	Subscription Product
	http://rechargepayments.com: v3.5.4
-->
  <!-- Subscriptions Powered by ReCharge Payments: CSS -->
  <link href="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/css/rcWidget.css" rel="stylesheet" type="text/css">
  <style>
    /* Widget: Purchase options */
    label.rc_label {
      color: #000000;
    }

    div.rc_block__type--active {
      background-color: #f2f2f2;
    }

    div.rc_block__type--active label.rc_label {
      color: #676767;
    }

    /* Widget: Popup */
    div.rc_popup__block {
      z-index: 56;
    }

    div.rc_popup__block:before {
      border-bottom-color: #424242;
    }

    div.rc_popup__block {
      background-color: #424242 !important;
    }

    div.rc_popup__close,
    div.rc_popup__block__content,
    div.rc_popup__block__content strong {
      color: #FFFFFF !important;
    }

    div.rc_popup__block__content a {
      color: #cfebf4 !important;
    }

    /* ReCharge CSS */
    /* Add Custom CSS Below */
  </style>
  <!-- Subscriptions Powered by ReCharge Payments: HTML -->
  <div id="rc_container" style="display: block;">
    <!-- <input type="hidden" name="" id="rc_subscription_id" value="1"> --> <!-- note: subscription_id property no longer required -->
    <input type="hidden" name="" id="rc_shipping_interval_unit_type-n1rwyjird" value="week">
    <input type="hidden" name="properties[_original_product_link]" id="original_product_link" value="/products/ginger-lemon">
    <select id="rc_duplicate_selector" aria-hidden="true" class="styled replaced no-js" style="display: none;" name="">
      <option value="35153220173983">35153220173983</option>
    </select>
    <div id="rc_radio_options" role="radiogroup" aria-labelledby="Purchase options">
      <span class="select-plan">Select your plan</span>
      <div class="rc_block rc_block__type rc_block__type__onetime rc_block__type--active">
        <label for="rc_purchase_type_onetime-vcsu79cm1" class="rc_label__onetime">
          <input type="radio" id="rc_purchase_type_onetime-vcsu79cm1" name="purchase_type" value="onetime" checked="" class="rc_radio rc_radio__onetime">
          <span class="design"></span>
          <span class="text">One-time order</span>
          <span id="rc_price_onetime" class="rc_price rc_price__onetime" aria-label="original price">$35.99</span>
        </label>
      </div>
      <div class="rc_block rc_block__type rc_block__type__autodeliver ">
        <label for="rc_purchase_type_autodeliver-io8i7zs6w" class="rc_label__autodeliver">
          <input type="radio" name="purchase_type" id="rc_purchase_type_autodeliver-io8i7zs6w" value="autodeliver" class="rc_radio rc_radio__autodeliver">
          <span class="design"></span>
          <span class="text">Subscribe &amp; Save</span>
          <!--                       <span class="rc_label__discount" aria-label="subscription discount"><span class=desk> - </span>15%</span> -->
          <span id="rc_price_autodeliver" class="rc_price rc_price__autodeliver" aria-label="recurring price">$30.59</span>
          <span class="rc_label__discount" aria-label="subscription discount">Save 15%</span>
        </label>
        <div id="rc_autodeliver_options" class="rc_block rc_block__type__options">
          <label style="display:none;" for="rc_shipping_interval_frequency-vpevkyw4j" class="rc_label rc_label__deliver_every" aria-label="Subscription frequency options">
            <!-- 						<span class="rc_label__delivery">Deliver every</span> -->
            <select style="display:none;" name="" id="rc_shipping_interval_frequency-vpevkyw4j" class="rc_select rc_select__frequency js-combobox">
              <option value="2"> Delivery every 2 weeks </option>
              <option value="4"> Delivery every 4 weeks </option>
              <option value="8"> Delivery every 8 weeks </option>
            </select>
          </label><label for="combo12" aria-label="Subscription frequency options" class="combo-label"></label>
          <div class="combo js-aria11">
            <div role="combobox" aria-haspopup="listbox" aria-expanded="false" aria-owns="listbox12" class="input-wrapper"><input aria-activedescendant="combo12-0" aria-autocomplete="none" id="combo12" class="combo-input" readonly="" type="text">
              <div class="combo-menu" role="listbox" id="listbox12">
                <div role="option" id="combo12-0" class="combo-option option-current" aria-selected="true">Delivery every 2 weeks</div>
                <div role="option" id="combo12-1" class="combo-option" aria-selected="false">Delivery every 4 weeks</div>
                <div role="option" id="combo12-2" class="combo-option" aria-selected="false">Delivery every 8 weeks</div>
              </div>
            </div>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>No commitment, cancel anytime</span>
          </div>
          <div class="subscription-labels">
            <span class="check-icon"><svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M13 1L4.49978 9.49996L1 6" stroke="#14433D" stroke-width="2" stroke-linecap="round"></path>
              </svg>
            </span>
            <span>Free shipping in the contiguous US</span>
          </div>
        </div>
      </div>
    </div>
    <div class="rc_popup">
      <div class="rc_popup__hover"> Subscription details <div class="rc_popup__block">
          <div class="rc_popup__block__content">
            <div class="rc_popup__close" style="display: none;">x</div>
            <strong>How subscriptions work</strong><br><br>Products are automatically delivered on your schedule. No obligation, modify or cancel your subscription anytime.
            <br><a href="http://rechargepayments.com/subscribe-with-recharge?utm_source=shopify%20store&amp;utm_medium=customer%20link&amp;utm_campaign=Shopify%20store%20back%20link&amp;shop_name=OLIPOP&amp;shop=olipop-store.myshopify.com" target="_blank" aria-label="Learn more about ReCharge Payments" aria-describedby="a11y-new-window-external-message" rel="noopener">Learn more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Subscriptions Powered by ReCharge Payments: JS -->
  <script src="//rechargeassets-bootstrapheroes-rechargeapps.netdna-ssl.com/static/js/rcWidget.js"></script>
  <script>
    (function() {
      var options = {
          active: true,
          select_subscription_first: false,
          money_format: '${{amount}}',
          disable_duplicates: false,
        },
        myProduct = {
          id: 3818021912646,
          subscription_only: false,
          discount_percentage: 15,
          variant_to_duplicate: {
            30315236851782: '35153220173983',
          },
          variant_to_price: {
            30315236851782: '3599',
          },
          duplicate_to_price: {
            35153220173983: '3059',
          },
        };
      if (document.readyState === "complete" || document.readyState === "loaded") {
        if (!window.ReCharge) {
          window.ReCharge = new rcWidget(options);
        }
        ReCharge.addProduct(myProduct);
      } else {
        document.addEventListener("DOMContentLoaded", function() {
          if (!window.ReCharge) {
            window.ReCharge = new rcWidget(options);
          }
          ReCharge.addProduct(myProduct);
        });
      }
      window.addEventListener('pageshow', function(event) {
        if (event.persisted || window.performance && window.performance.navigation.type === 2) {
          window.location.reload();
        }
      }, false);
    })();
  </script>
  <!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="30315236851782" data-inventory="1172" data-recharge-id="35153220173983" data-recharge-price="30.59" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var30315236851782" name="var_3818021912646" value="30315236851782" data-inventory="1172" checked="checked" class="pdp-select__option"><label for="var30315236851782">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity ">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-30315236851782" aria-label="Add to cart" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #fef3d4">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-30315236851782" data-add-to-cart="" style="visibility: visible;">
        <span data-submit-button-text=""> Add to cart </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-ginger-lemon" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-ginger-lemon" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-ginger-lemon" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner" viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-ginger-lemon"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-ginger-lemon" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-ginger-lemon" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-ginger-lemon" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-ginger-lemon" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-ginger-lemon" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="30315236851782"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:30315236851782,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_5871016640671" accept-charset="UTF-8" class="tw-grid tw-gap-2 tw-w-full" enctype="multipart/form-data" data-productid="5871016640671" novalidate="novalidate" data-product-form=""><input
    type="hidden" name="form_type" value="product"><input type="hidden" name="utf8" value="✓">
  <div class="tw-hidden">
    <select id="product-select-slide" name="id" class="pdp-variant-select varselect hide" js-variant-select="">
      <option value="37114287784095" data-inventory="-5" data-recharge-id="" data-recharge-price="" selected="selected">12</option>
    </select>
    <label class="pdp-label-center">Cans</label>
    <div class="variants-wrapper">
      <div class="round-variants">
        <input type="radio" id="var37114287784095" name="var_5871016640671" value="37114287784095" data-inventory="-5" checked="checked" class="pdp-select__option"><label for="var37114287784095">12</label>
      </div>
    </div>
  </div>
  <div class="tw-flex tw-my-4">
    <div class="tw-text-center tw-mr-2">
      <div class="input-single product-quantity tw-opacity-25">
        <button aria-label="Remove Case" class="minus">-</button>
        <input type="number" aria-label="Item Quantity" id="Quantity" name="quantity" value="1" class="quantity__input" min="1" data-quantity-input="" readonly="">
        <button aria-label="Add Case" class="plus">+</button>
      </div>
      <div class="tw-text-xs">12 cans/case</div>
    </div>
    <div class="tw-text-center tw-w-full">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-37114287784095" aria-disabled="true" disabled="disabled" aria-label="Sold out" data-add-to-cart="" style="display: none; visibility: visible;">
        <span data-submit-button-text=""> Sold out </span>
      </button>
      <button
        class="tw-hidden tw-my-0 tw-font-body tw-whitespace-nowrap tw-border-3 tw-border-primary-green tw-border-solid tw-rounded-btn tw-box-border tw-bg-transparent hover:tw-bg-primary-green focus:tw-bg-primary-green tw-text-primary-green hover:tw-text-white focus:tw-text-white tw-text-base-md-d md:tw-text-base-lg-d tw-font-bold tw-capitalize tw-w-full tw-py-2 tw-px-8"
        data-bis-id="37114287784095" style="display: inline-block;"> Email When Available </button>
    </div>
    <div class="add-to-cart-sticky tw-z-10 tw-fixed tw-left-0 tw-right-0 tw-bottom-[-95px] tw-px-[15px] tw-pt-[15px] tw-pb-[30px] tw-transition-bottom tw-w-full md:tw-hidden" style="background-color: #f9f0f7">
      <button type="submit" name="add"
        class="tw-text-base-md-d md:tw-text-base-lg-d tw-font-body tw-font-bold tw-inline-block tw-rounded-btn tw-bg-primary-green tw-text-white tw-border-primary-green tw-border-3 tw-box-border tw-border-solid tw-whitespace-nowrap tw-py-2 tw-px-8 tw-w-full hover:tw-bg-transparent hover:tw-text-primary-green focus:tw-bg-transparent focus:tw-text-primary-green disabled:tw-opacity-25 disabled:tw-bg-primary-green disabled:tw-text-white"
        id="AddToCart-37114287784095" data-add-to-cart="" disabled="disabled" style="visibility: visible;">
        <span data-submit-button-text=""> Sold out </span>
      </button>
    </div>
    <script>
      jQuery(document).ready(function() {
        $(window).on('scroll', function() {
          var ingredientsSection = $('[id^="product-section-"]:not(.tw-hidden) .js-product-ingredients').offset().top - 150;
          var footerSection = $('#shopify-section-footer').offset().top - $(window).height();
          var y = $(this).scrollTop();
          $('.add-to-cart-sticky').toggleClass('tw-bottom-0', y > ingredientsSection && y < footerSection)
        });
      });
    </script>
  </div>
  <div class="tw-block tw-w-full tw-text-center">
    <div id="ohi-pdp-container-blackberry-vanilla" class=" tw-relative tw-mb-6 md:tw-mb-8 tw-transition-all tw-ease-ease tw-duration-300" "="">
  <div class=" tw-rounded-ohi-widget tw-bg-primary-green-faded tw-w-full tw-px-8 tw-py-5">
      <div class="tw-grid tw-grid-flow-row tw-items-center tw-relative" style="grid-template-columns: 40px 1fr 75px; ">
        <div class="tw-col-span-1 tw-row-span-1"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
            <circle cx="20" cy="20" r="20" fill="#14433D" fill-opacity="0.1"></circle>
            <path fill-rule="evenodd" clip-rule="evenodd"
              d="M12.5 13.71C11.6716 13.71 11 14.3815 11 15.21C11 15.4861 10.7761 15.71 10.5 15.71C10.2239 15.71 10 15.4861 10 15.21C10 13.8292 11.1193 12.71 12.5 12.71H25.5C26.8807 12.71 28 13.8292 28 15.21V15.71C30.7614 15.71 33 17.9485 33 20.71V24.71H33.5C33.7761 24.71 34 24.9338 34 25.21C34 25.4861 33.7761 25.71 33.5 25.71H33H32.5H31.9646C31.9879 25.5467 32 25.3797 32 25.21C32 23.277 30.433 21.71 28.5 21.71C27.9632 21.71 27.4546 21.8308 27 22.0468V20.71V16.21V15.71V15.21C27 14.3815 26.3284 13.71 25.5 13.71H12.5ZM28 20.71V16.71C30.2091 16.71 32 18.5008 32 20.71H28ZM14.5 22.71C13.1193 22.71 12 23.8292 12 25.21C12 26.5907 13.1193 27.71 14.5 27.71C15.8807 27.71 17 26.5907 17 25.21C17 23.8292 15.8807 22.71 14.5 22.71ZM14.5 23.71C13.6716 23.71 13 24.3815 13 25.21C13 26.0384 13.6716 26.71 14.5 26.71C15.3284 26.71 16 26.0384 16 25.21C16 24.3815 15.3284 23.71 14.5 23.71ZM28.5 22.71C27.1193 22.71 26 23.8292 26 25.21C26 26.5907 27.1193 27.71 28.5 27.71C29.8807 27.71 31 26.5907 31 25.21C31 23.8292 29.8807 22.71 28.5 22.71ZM28.5 23.71C27.6716 23.71 27 24.3815 27 25.21C27 26.0384 27.6716 26.71 28.5 26.71C29.3284 26.71 30 26.0384 30 25.21C30 24.3815 29.3284 23.71 28.5 23.71ZM11 23.71C11 23.4338 10.7761 23.21 10.5 23.21C10.2239 23.21 10 23.4338 10 23.71V24.71H9C8.72386 24.71 8.5 24.9338 8.5 25.21C8.5 25.4861 8.72386 25.71 9 25.71H10.5C10.7761 25.71 11 25.4861 11 25.21V23.71ZM18 25.21C18 24.9338 18.2239 24.71 18.5 24.71H24.5C24.7761 24.71 25 24.9338 25 25.21C25 25.4861 24.7761 25.71 24.5 25.71H18.5C18.2239 25.71 18 25.4861 18 25.21ZM7.18959 17.1107C7.18959 16.9073 7.33511 16.71 7.56228 16.71H7.58425C7.80047 16.71 7.97906 16.8955 7.97906 17.1107C7.97906 17.3259 7.80048 17.5115 7.58425 17.5115C7.36814 17.5115 7.18959 17.3259 7.18959 17.1107ZM8.11456 17.1107C8.11456 16.8955 8.29314 16.71 8.50937 16.71H8.75167C8.96789 16.71 9.14648 16.8955 9.14648 17.1107C9.14648 17.3259 8.9679 17.5115 8.75167 17.5115H8.50937C8.29324 17.5115 8.11477 17.3258 8.11456 17.1107ZM9.72087 16.7101L12.9588 16.71C13.175 16.71 13.3536 16.8955 13.3536 17.1107C13.3536 17.3259 13.175 17.5115 12.9588 17.5115H9.72088C9.50488 17.5115 9.32607 17.326 9.32607 17.1109C9.32607 16.8957 9.50465 16.7101 9.72087 16.7101ZM8.53151 18.3965L11.7693 18.3963C11.9855 18.3963 12.1641 18.5818 12.1641 18.7971C12.1641 19.0122 11.9855 19.1978 11.7694 19.1978L8.53151 19.198C8.31529 19.198 8.1367 19.0124 8.1367 18.7972C8.1367 18.582 8.31528 18.3965 8.53151 18.3965ZM6 18.8196C6 18.6101 6.15123 18.4189 6.39481 18.4189C6.61093 18.4189 6.78941 18.6045 6.78962 18.8195C6.78962 19.0348 6.61104 19.2204 6.39481 19.2204C6.17858 19.2204 6 19.0349 6 18.8196ZM6.94714 18.8196C6.94714 18.6044 7.12572 18.4189 7.34195 18.4189H7.58425C7.80043 18.4189 7.97906 18.6044 7.97906 18.8195C7.97906 19.0347 7.80052 19.2202 7.58432 19.2203L7.34202 19.2204C7.12579 19.2204 6.94714 19.0349 6.94714 18.8196ZM8.02656 20.2585C8.02656 20.0433 8.20514 19.8577 8.42137 19.8577H8.66367C8.8799 19.8577 9.05848 20.0433 9.05848 20.2585C9.05848 20.4737 8.8799 20.6592 8.66367 20.6592H8.42137C8.20515 20.6592 8.02656 20.4737 8.02656 20.2585ZM9.61074 19.8579L12.8487 19.8577C13.0649 19.8577 13.2435 20.0433 13.2435 20.2585C13.2435 20.4737 13.0649 20.6592 12.8487 20.6592H9.61074C9.39465 20.6592 9.21614 20.4737 9.21593 20.2587C9.21593 20.0435 9.39451 19.8579 9.61074 19.8579ZM7.0575 20.2586C7.0575 20.0552 7.20302 19.8579 7.43019 19.8579H7.45216C7.66838 19.8579 7.84697 20.0434 7.84697 20.2586C7.84697 20.4737 7.66838 20.6592 7.45242 20.6594C7.23619 20.6594 7.0575 20.4739 7.0575 20.2586ZM8.13655 21.9224C8.13655 21.7072 8.31513 21.5217 8.53136 21.5217L11.7693 21.5218C11.9855 21.5218 12.1641 21.7073 12.1641 21.9226C12.1639 22.1375 11.9854 22.3232 11.7693 22.3232H8.53136C8.31513 22.3232 8.13655 22.1376 8.13655 21.9224ZM6.00004 21.945C6.00004 21.7354 6.15127 21.5442 6.39485 21.5442C6.61097 21.5442 6.78944 21.7298 6.78965 21.9449C6.78965 22.1601 6.61108 22.3458 6.39485 22.3458C6.17862 22.3458 6.00004 22.1602 6.00004 21.945ZM6.9471 21.945C6.9471 21.7298 7.12568 21.5442 7.34191 21.5442H7.58421C7.80039 21.5442 7.97902 21.7297 7.97902 21.9448C7.97902 22.16 7.80048 22.3456 7.58428 22.3456L7.34198 22.3458C7.12575 22.3458 6.9471 22.1602 6.9471 21.945Z"
              fill="#14433D"></path>
          </svg>
        </div>
        <div class="tw-pl-4 md:tw-pl-5 tw-row-span-1 tw-gap-2 tw-col-span-2 tw-text-left tw-flex tw-flex-col md:tw-flex-row tw-items-start md:tw-items-center tw-justify-between">
          <div class="tw-w-full md:tw-max-w-75 tw-relative">
            <p id="ohi-message-blackberry-vanilla" class=" tw-text-sm lg:tw-text-base tw-leading-relaxed tw-transition-opacity tw-ease-ease tw-duration-300" style="opacity: 0;"></p>
            <div id="ohi-spinner-blackberry-vanilla" class="tw-absolute tw-w-full tw-flex tw-items-center tw-justify-center tw-top-0 tw-h-full"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-spinner"
                viewBox="0 0 20 20">
                <path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z" fill="#919EAB"></path>
              </svg></div>
          </div>
          <span role="button" aria-pressed="false" id="ohi-toggle-blackberry-vanilla"
            class="tw-transition-opacity tw-ease-ease tw-duration-300 md:tw-min-w-25 tw-text-right tw-block tw-relative tw-font-bold tw-underline tw-cursor-pointer tw-whitespace-nowrap tw-text-sm lg:tw-text-base" style="opacity: 0;">Edit
            Location</span>
        </div>
        <div id="ohi-inputContainer-blackberry-vanilla" class="tw-block tw-relative tw-col-start-1 tw-col-end-4 tw-overflow-hidden tw-top-3 tw-transition-all tw-ease-ease tw-duration-300" style="height: 0px; opacity: 0;">
          <div id="ohi-submit-blackberry-vanilla" role="button" aria-expanded="false" aria-label="Submit" aria-controls="ohi-zip-blackberry-vanilla" tabindex="0"
            class="tw-transition tw-ease-in-out tw-duration-200 tw-absolute tw-group tw-right-0.75 tw-top-0.75 border-2 tw-border-transparent hover:tw-border-primary-green tw-bg-primary-green hover:tw-bg-transparent tw-w-9.5 tw-h-9.5 tw-cursor-pointer tw-flex tw-items-center tw-justify-center tw-rounded-full"
            style="border: 2px solid;">
            <svg xmlns="http://www.w3.org/2000/svg" class="tw-transition tw-ease-in-out tw-duration-200 tw-stroke-white group-hover:tw-stroke-primary-green" width="15" height="16" viewBox="0 0 15 16" fill="none">
              <path d="M7.46143 2L12.9999 8L7.46143 14" stroke-width="2" stroke-linecap="square"></path>
              <path d="M1 8H12.0769" stroke-width="2" stroke-linecap="square"></path>
            </svg>
          </div>
          <label class="visually-hidden" for="ohi-zip">Zipcode</label>
          <input id="ohi-input-blackberry-vanilla" name="zip" type="text" placeholder="Zip Code" class="tw-w-full tw-text-tiny tw-border tw-border-primary-green tw-rounded-btn tw-text-primary-green tw-h-11 tw-pl-5 tw-placeholder-primary-green"
            style="border: 1px solid;">
          <div id="ohi-error-blackberry-vanilla" class="tw-text-very-tiny tw-mt-2 tw-text-left tw-pl-5"></div>
        </div>
      </div>
    </div>
  </div>
  <a href="/pages/faq#FAQSet11" class="settings-text-base-sm tw-font-bold tw-mb-2">30 Day Money-Back Guarantee</a>
  <div class="hc-shop-pay-banner">
    <shopify-payment-terms variant-id="37114287784095"
      shopify-meta="{&quot;type&quot;:&quot;product&quot;,&quot;variants&quot;:[{&quot;id&quot;:37114287784095,&quot;price&quot;:&quot;$8.99&quot;,&quot;eligible&quot;:false,&quot;available_loan_types&quot;:[]}],&quot;min_price&quot;:&quot;$50&quot;,&quot;max_price&quot;:&quot;$3000&quot;,&quot;number_of_payment_terms&quot;:4}"></shopify-payment-terms>
  </div>
  </div>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-XDiTGu" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; border-radius: 2px; border-style: none; border-width: 0px; border-color: rgb(20, 67, 61); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 10px 5px;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input class="needsclick go3439074225 kl-private-reset-css-Xuajs1" type="email" name="email" tabindex="0"
            placeholder="Your Email Address" aria-label="Your Email Address" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 38px; text-align: left; color: rgb(255, 255, 255); font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0px; background-color: rgba(255, 255, 255, 0); border: 1px solid rgba(180, 187, 195, 0);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px; position: relative; flex: 0 1 auto;"><button
          class="needsclick go3061778534 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(20, 67, 61); border-radius: 2px; border-style: none; border-color: rgb(20, 67, 61); border-width: 0px; color: rgb(255, 255, 255); font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0px; line-height: 1; white-space: normal; padding: 11px 10px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: auto;">Subscribe</button>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_3 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-XEQyfy" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; overflow: hidden; width: 550px; min-width: 200px; max-width: 1000px; border-radius: 4px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(255, 224, 234); background-image: url(&quot;https://d3k81ch9hvuctc.cloudfront.net/company/PbvgDc/images/c7b561fd-7b96-4a04-a135-4af3cee51e5e.jpeg&quot;); background-repeat: no-repeat; background-size: 550px; background-position: 50% 0%; padding: 20px 15px;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 280px 6px 5px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 kl-private-quill-wrapper-Lkqws1" style="width: 100%;">
          <div class="ql-snow ql-container ql-disabled">
            <div class="ql-editor" data-gramm="false" contenteditable="false">
              <p style="text-align: center;"><strong class="ql-font-windsoref-ultraheavy" style="color: rgb(20, 67, 69); font-size: 36px;">Add a Little Pop to Your Inbox</strong></p>
            </div>
            <div class="ql-clipboard" contenteditable="true" tabindex="-1"></div>
          </div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1"
        style="display: flex; justify-content: flex-start; padding: 10px 40px 0px; position: relative; background-color: rgba(237, 227, 236, 0); flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 kl-private-quill-wrapper-Lkqws1" style="width: 100%;">
          <div class="ql-snow ql-container ql-disabled">
            <div class="ql-editor" data-gramm="false" contenteditable="false">
              <p style="text-align: center;"><span style="color: rgb(19, 67, 60); font-size: 24px;" class="ql-font-ano">Drop your email below to sign up for our newsletter &amp; </span><strong class="ql-font-ano"
                  style="color: rgb(19, 67, 60); font-size: 24px;">get 10% off your first order</strong><span class="ql-font-ano" style="color: rgb(19, 67, 60); font-size: 24px;">.</span></p>
              <p style="text-align: center;"><br></p>
            </div>
            <div class="ql-clipboard" contenteditable="true" tabindex="-1"></div>
          </div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 50px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input class="needsclick go2849122205 kl-private-reset-css-Xuajs1" type="email" name="email" tabindex="0"
            placeholder="✉️  Your email address" aria-label="✉️  Your email address" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 45px; text-align: left; color: rgb(0, 0, 0); font-family: Ano, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(96, 106, 114);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1"
        style="display: flex; justify-content: flex-start; padding: 10px 100px; position: relative; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;"><button class="needsclick go952291206 kl-private-reset-css-Xuajs1" type="button"
          tabindex="0"
          style="background: rgb(19, 67, 60); border-radius: 30px; border-style: solid; border-color: rgb(23, 107, 229); border-width: 0px; color: rgb(255, 255, 255); font-family: Ano, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 1px; line-height: 1; white-space: normal; padding-top: 11px; padding-bottom: 11px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: auto; width: 100%;">SUBSCRIBE</button>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px; position: relative; flex: 1 0 0px;"><button
          class="needsclick go952291206 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgba(237, 227, 236, 0); border-radius: 2px; border-style: none; border-color: rgb(255, 255, 255); border-width: 0px; color: rgb(19, 67, 60); font-family: Ano, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 11px; padding-bottom: 11px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: auto; width: 100%;">no
          thanks!</button></div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

Text Content

We use cookies to ensure that we give you the best experience on our website. If
you continue, we'll assume that you understand this. Learn more
Accept
Skip to content


Awh, Shucks! We're out of that flavor!

Drop your email address below & we'll let you know as soon as it's back in
stock!

Add me to the store mailing list
Submit



We'll notify you when this product is in sotck. We won't share your address with
anybody else.


Submit
Close search
Become a subscriber and receive 15% off + free shipping! Subscribe Today
$3.99 flat rate shipping • Free shipping on orders $50+ (Cont. US)
Your summertime squeeze is here! Try Orange Cream
Become a subscriber and receive 15% off + free shipping! Subscribe Today
$3.99 flat rate shipping • Free shipping on orders $50+ (Cont. US)
Your summertime squeeze is here! Try Orange Cream
Become a subscriber and receive 15% off + free shipping! Subscribe Today
$3.99 flat rate shipping • Free shipping on orders $50+ (Cont. US)
 * Shop
 * Learn
 * Subscribe


 * Try Best Sellers

Log in

 * Flavors
    * Orange
      Cream
    * Classic
      Grape
    * Classic
      Root Beer
    * Ginger
      Lemon
    * Tropical
      Punch
    * Vintage
      Cola
    * Cherry
      Vanilla
    * Strawberry
      Vanilla

 * Variety Packs
    * Best Sellers Pack
    * The Sampler
    * Old School Classics
    * Fruity Variety Pack

 * Gift Card
 * Shop All

 * Our Story
 * Digestive Health
 * Ingredients
 * FAQ
 * OLIPOP Digest

 * Shop All
 * Flavors
   * Orange Cream
   * Tropical Punch
   * Classic Grape
   * Classic Root Beer
   * Vintage Cola
   * Cherry Vanilla
   * Ginger Lemon
   * Strawberry Vanilla
 * Variety Packs
   * Best Sellers Pack
   * The Sampler
   * Old School Classics
   * Fruity Variety Pack
 * Try our Best Sellers
 * Subscribe
 * Our Story
 * Digestive Health
 * Ingredients
 * FAQs
 * OLIPOP Digest (Blog)
 * Create Account
 * Login

Close



BEST SELLERS PACK

Filled star
Filled star
Filled star
Filled star
Filled star
(79)
Filled star
Filled star
Filled star
Filled star
Filled star
(182)
Filled star
Filled star
Filled star
Filled star
Half star
(820)
Filled star
Filled star
Filled star
Filled star
Half star
(586)
Filled star
Filled star
Filled star
Filled star
Half star
(859)
Filled star
Filled star
Filled star
Filled star
Filled star
(220)
Filled star
Filled star
Filled star
Filled star
Half star
(529)
Filled star
Filled star
Filled star
Filled star
Half star
(696)
Filled star
Filled star
Filled star
Filled star
Filled star
(9)
Filled star
Filled star
Filled star
Filled star
Half star
(1322)
Filled star
Filled star
Filled star
Filled star
Filled star
(110)
Filled star
Filled star
Filled star
Filled star
Filled star
(119)
Filled star
Filled star
Filled star
Filled star
Half star
(53)
Filled star
Filled star
Filled star
Filled star
Half star
(871)
Filled star
Filled star
Filled star
Filled star
Filled star
(158)
12-pack
9g Fiber Non-GMO 3g Sugar
12-pack
9g Fiber Non-GMO 5g Sugar
12-pack
9g Fiber Non-GMO 2g Sugar
12-pack
9g Fiber Non-GMO 2g Sugar
12-pack
9g Fiber Non-GMO 3g Sugar
12-pack
9g Fiber Non-GMO 4g Sugar
12-pack
9g Fiber Non-GMO 5g Sugar
12-pack
9g Fiber Non-GMO 5g Sugar
12-pack
9g Fiber Non-GMO 2-5g Sugar
12-pack
9g Fiber Non-GMO 2-5g Sugar
12-pack
9g Fiber Non-GMO 2g Sugar
12-pack
9g Fiber Non-GMO 3-5g Sugar
12-pack
9g Fiber Non-GMO 3-5g Sugar
12-pack
9g Fiber Non-GMO 2g Sugar
12-pack
10g Fiber Non-GMO 5g Sugar
Flavors Tropical Punch Orange Cream Classic Root Beer Vintage Cola Strawberry
Vanilla Classic Grape Orange Squeeze Cherry Vanilla Ginger Lemon Blackberry
Vanilla

Multi-Packs Best Sellers Pack The Sampler Old School Classics Fruity Variety
Pack Pink Pops

41999551889567
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee


One-time order $35.99
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee

34883055026335 34883054993567 34883055059103
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee

35153220010143
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee

35153220436127
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee

40534625845407
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee

35769225773215
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee

35154039767199
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee

42092563792031
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart

Same day delivery is unavailable in 60311, Frankfurt am Main. Try entering
another zip code or enjoy free shipping on orders over $50!


Edit Location

Zipcode

30 Day Money-Back Guarantee

41214231281823
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee

41214229119135
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee

41353823486111
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee

41214227480735
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee

35153220173983
Select your plan
One-time order $35.99
Subscribe & Save $30.59 Save 15%
Delivery every 2 weeks Delivery every 4 weeks Delivery every 8 weeks
Delivery every 2 weeks
Delivery every 4 weeks
Delivery every 8 weeks
No commitment, cancel anytime
Free shipping in the contiguous US
Subscription details
x
How subscriptions work

Products are automatically delivered on your schedule. No obligation, modify or
cancel your subscription anytime.
Learn more...
12 Cans
12
- +
12 cans/case
Add to cart
Add to cart


Edit Location

Zipcode

30 Day Money-Back Guarantee

12 Cans
12
- +
12 cans/case
Sold out Email When Available
Sold out


Edit Location

Zipcode

30 Day Money-Back Guarantee

Can't decide?
Try them all!
- The Sampler


TROPICAL PUNCH



Like a vacation for your tastebuds, Tropical Punch perfectly balances pineapple,
passion fruit, mandarine, and apple juices for a crisp, juicy and nostalgic
flavor reminiscent of your favorite childhood fruit punch.



Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Lemon Juice, Pineapple Juice
Concentrate, Passion Fruit Juice Concentrate, Apple Juice Concentrate, Cassava
Root Syrup, Mandarin Juice Concentrate, Stevia Leaf*, Himalayan Pink Salt,
Natural Fruit Punch Flavor

*Extract

Contains 8% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 35mg 2%
Total Carbohydrate 13g 5% Dietary Fiber 9g 32% Total Sugars 3g Includes 3g Added
Sugars 6% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.89
Filled star
Filled star
Filled star
Filled star
Filled star
79 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
KF
KATHY F
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Outline star
4 days ago
Mild Tropical Flavoring
We like the mildness of Oli Pop. Tropical Punch has at the front, the taste of
pineapple but other flavors come through after that. Simply a nice smooth cool
drink.
Review left on: Tropical Punch - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
CK
Cory K
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
5 days ago
The best Olipop flavor yet!
The best Olipop yet, and that’s saying something! i love the subtle tropical
flavors, and that it’s clear! i wish they were all clear. ;)
Review left on: Tropical Punch - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
AW
AMANDA W
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
5 days ago
warm weather vibes
so YUMMY! I felt like a dummy though and was expecting it to taste like Hawaiian
punch but was pleasantly surprised by this! I love this and great for spring and
summer vibes :)
Review left on: Tropical Punch - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
TT
thomas t
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
6 days ago
Two thumbs up 👍👍
Two thumbs up 👍👍
Review left on: Tropical Punch - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
LD
Lisa D
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Outline star
Outline star
8 days ago
Expected More Sweet Fruit Flavor
I am a big fan of Olipop, but I expected more tropical punch flavor. It’s good
and refreshing but not great. Maybe some red fruit will enhance the flavor.
Review left on: Tropical Punch - 12
Was this review helpful?
Review vote up
1
Review vote down
0
 
See more reviews
Reviewed on
 


ORANGE CREAM

Creamy, vanilla goodness and a bright pop of tangerine and mandarin citrus join
forces to bring back this iconic childhood treat.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Clementine Juice Concentrate,
Cassava Root Syrup, Mandarin Juice Concentrate, Apple Juice Concentrate, Lemon
Juice, Stevia Leaf*, Himalayan Pink Salt, Natural Dark Vanilla Flavor*, Natural
Orange Flavor*

Contains 12% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 50 % Daily Value* Total Fat 0g 0% Sodium 35mg 2%
Total Carbohydrate 16g 6% Dietary Fiber 9g 32% Total Sugars 5g Includes 5g Added
Sugars 10% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.





RATINGS & REVIEWS

4.88
Filled star
Filled star
Filled star
Filled star
Filled star
182 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
RH
Rhonda H
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
10 hours ago
Juicy citrus
Fun citrus flavor, but just a touch sherbet that makes a refreshing treat!
Review left on: Orange Cream - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
KD
Karla D
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a day ago
Orange Cream is FANTASTIC!
This is absolutely delicious! I have been raving about it to all my friends!
Review left on: Orange Cream - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
CB
Corrine B
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a day ago
Love it !
Refreshing !!! It’s my new go to drink that’s healthy .
Review left on: Orange Cream - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
PY
patricia y
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a day ago
The flavor is sooo...
The flavor is sooo good!
Review left on: Orange Cream - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
SR
Shanna R
Verified checkmark
Verified Buyer
Filled star
Filled star
Outline star
Outline star
Outline star
a day ago
Meh.
Didn’t love it.
Review left on: Orange Cream - 12
Was this review helpful?
Review vote up
0
Review vote down
1
 
See more reviews
Reviewed on
 


CLASSIC ROOT BEER

Our botanically driven Root Beer marries a classic bite with a creamy sweetness
with extracts of sweet birch, smooth-vanilla bean and naturally sourced burdock
root. We recommend pairing it with your favorite ice-cream.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Cassava Root Syrup, Apple Juice
Concentrate, Organic Natural Root Beer Flavor, Lemon Juice, Burdock Root*,
Stevia Leaf*, Himalayan Pink Salt, Natural Vanilla Flavor*, Sweet Birch*
*Extract




Contains 3% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 2g Includes 2g Added
Sugars 4% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.56
Filled star
Filled star
Filled star
Filled star
Half star
820 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
KF
KATHY F
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
4 days ago
Bold Root Beer Taste
It has bold root beer flavor. Everyone I gave some to, to try, loved it. I have
it on autoship. I love being able to drink "pop", knowing its actually good for
me, since I haven't drank what they sell as "pop" for a very long time.
Review left on: Classic Root Beer - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
MT
Melissa T
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Outline star
5 days ago
One of my favorites
This doesn’t taste like the root beer soda I’m used to drinking but it has grown
on me and become one of my favorites. This will be a regular part of my
subscription.
Review left on: Classic Root Beer - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
DM
Dena M
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
6 days ago
New addiction!
I am a HUGE rootbeer fan... And this blows any of the big name brands out of the
water. You will not catch another brand in my hand after try Olipop this week!
Was this review helpful?
Review vote up
0
Review vote down
0
 
JS
Julian S
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
11 days ago
Better than than any root beer I have ever had!
Better than IBC, Barqs! You name it this one is better!
Review left on: Classic Root Beer - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
MO
Michael O
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
12 days ago
New addict
I’m addicted! ‘Nuff said!
Review left on: Classic Root Beer - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
See more reviews
Reviewed on
 


VINTAGE COLA

Our small batch prebiotic Cola has the same old-fashioned taste you grew up
loving but is naturally enhanced with distinct notes of vanilla, cinnamon and
caramel. It strikes a delicate and delicious balance between healthy and
crave-able.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Cassava Root Syrup, Apple Juice
Concentrate, Lime Juice, Organic Natural Cola Flavor, Alpha Galangal Root*,
Stevia Leaf*, Himalayan Pink Salt, Green Tea Caffeine*, Natural Vanilla Flavor*,
Natural Caramel Flavor*, Cinnamon*
*Extract




Contains 3% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 2g Includes 2g Added
Sugars 4% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
Contains 50mg of natural caffeine from Green Tea
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.46
Filled star
Filled star
Filled star
Filled star
Half star
586 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
PP
patricia p
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
2 days ago
Love Vintage Cola!!
Love the refreshing satisfying taste!!
Review left on: Vintage Cola - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
C
Caitlyn
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
4 days ago
Amazing !!!
I love to be healthy and I hate wasting my calories on sugary drinks, but I do
love a soda every one e in a while . I’m obsessed with olipop. The vintage cola
is amazing ! I usually buy zevia but after trying these I am hooked . I just
wish they lasted a little longer .
Was this review helpful?
Review vote up
0
Review vote down
0
 
BH
Bonnie H
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
5 days ago
Great health tonic!
I enjoy the complex flavors in the cola!
Review left on: Vintage Cola - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
AG
Audrey G
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
5 days ago
Really like the taste,...
Really like the taste, wish it was more carbonated.
Review left on: Vintage Cola - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
RS
Rhonda S
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
7 days ago
As Close To A Cola As You Can Get
I haven't had a cola in years. Cut out sugar & caffeine. Vintage Cola is so
good, tastes just like a cola, brings back memories of why I loved it but so
much better for you. So glad I found this!
Review left on: Vintage Cola - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
See more reviews
Reviewed on
 


STRAWBERRY VANILLA

Strawberry Vanilla is a modern take on a classic cream soda. We use real
strawberry juice, fresh lemon and pink rock salt to round out what is a
naturally sweet, refreshing treat.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Strawberry Juice Concentrate,
Cassava Root Syrup, Apple Juice Concentrate, Lemon Juice, Stevia Leaf*,
Himalayan Pink Salt, Natural Vanilla Flavor*, Natural Strawberry Flavor*
*Extract




Contains 7% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 3g Includes 3g Added
Sugars 6% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.52
Filled star
Filled star
Filled star
Filled star
Half star
859 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
LS
Laurice S
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
8 days ago
Sweet dring without sugar
My husband can't have sugar. This is the first time we have been able to enjoy a
'soft drink'.
Review left on: Strawberry Vanilla - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
MS
Matt S
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
14 days ago
Absolutely obsessed
Absolutely obsessed with this, it tastes amazing and has helped me a lot with my
recent digestion issues. Will be subscribed for as long as they allow!
Review left on: Strawberry Vanilla - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
MM
Megan M
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
19 days ago
Great afternoon pick me up!
Its a delicious and healthy morning pick me up
Review left on: Strawberry Vanilla - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
BE
Bethany E
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a month ago
Amazing and refreshing
I love this product. Love!!!
Review left on: Strawberry Vanilla - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
KD
Keren d
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a month ago
Great flavor without being too sweet
My favorite flavor. Not too sweet and a perfect mix of strawberry and vanilla.
Review left on: Strawberry Vanilla - 12
Was this review helpful?
Review vote up
1
Review vote down
0
 
See more reviews
Reviewed on
 


CLASSIC GRAPE



We’re giving grape an upgrade. Made from real concord grape juice with a hint of
lime to create the perfect blend of sweet and tart, our Classic Grape is the
nostalgic flavor you know and love—all grown up.



Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Concord Grape Juice Concentrate,
Lime Juice, Apple Juice Concentrate, Cassava Root Syrup, Tartaric Acid, Stevia
Leaf*, Himalayan Pink Salt, Natural Grape Flavor* *Extract

Contains 9% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 45 % Daily Value* Total Fat 0g 0% Sodium 35mg 2%
Total Carbohydrate 15g 5% Dietary Fiber 9g 32% Total Sugars 4g Includes 4g Added
Sugars 8% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.85
Filled star
Filled star
Filled star
Filled star
Filled star
220 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
SR
Sandy R
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
6 days ago
Grape Popsicle
The grape is at the top of list, followed by Orange. So good, taste like a grape
popsicle!
Review left on: Classic Grape - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
AQ
Andrea Q
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
8 days ago
It’s delicious!
It’s delicious!
Review left on: Classic Grape - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
NA
Natalie A
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
9 days ago
Delicious and helping me break the unhealthy soda habit
I'm so glad I've found Classic Grape Oli Pop so I can break my addiction to
sugary soda! I need to increase my subscription frequency so I don't run out!
Review left on: Classic Grape - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
BC
Bobby C
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
13 days ago
Delicious Flavor
Absolutely delicious. My 8 year old asks for this all the time and has no clue
how good it is for him. I find myself constantly drinking them as well.
Review left on: Classic Grape - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
TK
Teresa K
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
13 days ago
Love it!!
It’s really nice. And refreshing!!
Review left on: Classic Grape - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
See more reviews
Reviewed on
 


ORANGE SQUEEZE

Our Orange Squeeze reinvents orange soda with a citrusy, vitamin C rich blend of
natural ingredients. Clementine and mandarin juices collide with a hint of lemon
to produce a bright twist on the nostalgic classic.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Lemon Juice, Apple Juice
Concentrate, Mandarin Juice Concentrate, Cassava Root Syrup, Clementine Juice
Concentrate, Rose Hip*, Acerola Cherry*, Stevia Leaf*, Himalayan Pink Salt,
Natural Orange Flavor*
*Extract

Contains 13% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 45 % Daily Value* Total Fat 0g 0% Sodium 35mg 1%
Total Carbohydrate 16g 5% Dietary Fiber 9g 32% Total Sugars 5g Includes 5g Added
Sugars 10% Protein 0g Vitamin C 160%

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.48
Filled star
Filled star
Filled star
Filled star
Half star
529 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
CA
Claire A
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
10 days ago
Great flavor and good...
Great flavor and good for you too
Review left on: Orange Squeeze - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
JF
Jillana F
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
14 days ago
Orange deliciousness
This soda is so delicious, the perfect orange yummy flavor. A new favorite in my
house!
Review left on: Orange Squeeze - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
AR
Amber R
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
24 days ago
Bright and yummy!
The flavor is bright and yummy! I really enjoy this drink!
Review left on: Orange Squeeze - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
SW
sean w
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a month ago
Good stuff !
Good stuff !
Review left on: Orange Squeeze - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
AH
Anjanette H
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Outline star
a month ago
Really Good!
This would be 5 stars and the only thing standing in the way of that is how much
I love the orange cream. This one however is fabulous! It brings to mind
drinking a really good fizzy orange juice. A nice wake up the mouth flavor.
Review left on: Orange Squeeze - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
See more reviews
Reviewed on
 


CHERRY VANILLA

We pinpointed the cherry pie flavor we were craving with a careful combination
of tart morello cherries and the sweet tang of rainier cherries, then rounded
things out with the soft and sumptuous taste of vanilla bean.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Tart Cherry Juice Concentrate,
Cassava Root Syrup, Apple Juice Concentrate, Lime Juice, Stevia Leaf*, Himalayan
Pink Salt, Natural White Cherry Flavor*, Natural Vanilla Flavor*
*Extract

Contains 10% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 45 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 6% Dietary Fiber 9g 32% Total Sugars 5g Includes 5g Added
Sugars 10% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.49
Filled star
Filled star
Filled star
Filled star
Half star
696 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
JZ
Joshua Z
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
18 days ago
Canned Cherry Pie
The best one. Basically a healthy cherry pie in a can...this was the one that
got me to subscribe.
Review left on: Cherry Vanilla - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
EG
Erin G
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
20 days ago
New favorite drink!
I am so in love with this product! I get the satisfaction of a soda but not the
calories or the sugars. Love all the natural ingredients. Looking forward to
trying more flavors!
Review left on: Cherry Vanilla - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
SG
Shannon G
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
25 days ago
I will never drink...
I will never drink any other sweet drink again. Absolutely the best.
Review left on: Cherry Vanilla - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
BW
Brooke W
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
25 days ago
Cherry pie in soda form
I love this flavor!!
Review left on: Cherry Vanilla - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
TB
Timothy B
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a month ago
Perfect blend of flavors...
Perfect blend of flavors
Review left on: Cherry Vanilla - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
See more reviews
Reviewed on
 
What's Inside?

These are our best sellers for a reason. From nostalgic flavors to fruity
favorites, it's an epic journey for your taste buds when you try them all.

Orange Squeeze

2 cans included

Our Orange Squeeze reinvents orange soda with a citrusy, vitamin C rich blend of
natural ingredients. Clementine and mandarin juices collide with a hint of lemon
to produce a bright twist on the nostalgic classic.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Lemon Juice, Apple Juice
Concentrate, Mandarin Juice Concentrate, Cassava Root Syrup, Clementine Juice
Concentrate, Rose Hip*, Acerola Cherry*, Stevia Leaf*, Himalayan Pink Salt,
Natural Orange Flavor*
*Extract

Contains 13% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 45 % Daily Value* Total Fat 0g 0% Sodium 35mg 1%
Total Carbohydrate 16g 5% Dietary Fiber 9g 32% Total Sugars 5g Includes 5g Added
Sugars 10% Protein 0g Vitamin C 160%

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Strawberry Vanilla

2 cans included

Strawberry Vanilla is a modern take on a classic cream soda. We use real
strawberry juice, fresh lemon and pink rock salt to round out what is a
naturally sweet, refreshing treat.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Strawberry Juice Concentrate,
Cassava Root Syrup, Apple Juice Concentrate, Lemon Juice, Stevia Leaf*,
Himalayan Pink Salt, Natural Vanilla Flavor*, Natural Strawberry Flavor*
*Extract




Contains 7% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 3g Includes 3g Added
Sugars 6% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Classic Root Beer

2 cans included

Our botanically driven Root Beer marries a classic bite with a creamy sweetness
with extracts of sweet birch, smooth-vanilla bean and naturally sourced burdock
root. We recommend pairing it with your favorite ice-cream.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Cassava Root Syrup, Apple Juice
Concentrate, Organic Natural Root Beer Flavor, Lemon Juice, Burdock Root*,
Stevia Leaf*, Himalayan Pink Salt, Natural Vanilla Flavor*, Sweet Birch*
*Extract




Contains 3% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 2g Includes 2g Added
Sugars 4% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Classic Grape

2 cans included

We’re giving grape an upgrade. Made from real concord grape juice with a hint of
lime to create the perfect blend of sweet and tart, our Classic Grape is the
nostalgic flavor you know and love—all grown up.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Concord Grape Juice Concentrate,
Lime Juice, Apple Juice Concentrate, Cassava Root Syrup, Tartaric Acid, Stevia
Leaf*, Himalayan Pink Salt, Natural Grape Flavor* *Extract

Contains 9% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 45 % Daily Value* Total Fat 0g 0% Sodium 35mg 2%
Total Carbohydrate 15g 5% Dietary Fiber 9g 32% Total Sugars 4g Includes 4g Added
Sugars 8% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Tropical Punch

2 cans included


Like a vacation for your tastebuds, Tropical Punch perfectly balances pineapple,
passion fruit, mandarine, and apple juices for a crisp, juicy and nostalgic
flavor reminiscent of your favorite childhood fruit punch.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Lemon Juice, Pineapple Juice
Concentrate, Passion Fruit Juice Concentrate, Apple Juice Concentrate, Cassava
Root Syrup, Mandarin Juice Concentrate, Stevia Leaf*, Himalayan Pink Salt,
Natural Fruit Punch Flavor

*Extract

Contains 8% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 35mg 2%
Total Carbohydrate 13g 5% Dietary Fiber 9g 32% Total Sugars 3g Includes 3g Added
Sugars 6% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Vintage Cola

2 cans included

Our small batch prebiotic Cola has the same old-fashioned taste you grew up
loving but is naturally enhanced with distinct notes of vanilla, cinnamon and
caramel. It strikes a delicate and delicious balance between healthy and
crave-able.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Cassava Root Syrup, Apple Juice
Concentrate, Lime Juice, Organic Natural Cola Flavor, Alpha Galangal Root*,
Stevia Leaf*, Himalayan Pink Salt, Green Tea Caffeine*, Natural Vanilla Flavor*,
Natural Caramel Flavor*, Cinnamon*
*Extract




Contains 3% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 2g Includes 2g Added
Sugars 4% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
Contains 50mg of natural caffeine from Green Tea
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.89
Filled star
Filled star
Filled star
Filled star
Filled star
9 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
EL
Erika L
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a day ago
Great variety pack!
Refreshing & tasty! My favorites so far are the vintage cola, strawberry vanilla
& orange. Wasn’t a fan of the root beer or tropical punch, cherry vanilla was
decent.
Review left on: Best Sellers Pack - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
CG
Cathy G
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
4 days ago
Good healthy alternative
Good flavors. Just the right amount of sweetness. Appreciate the ingredients.
Review left on: Best Sellers Pack - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
RM
Rikki M
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
4 days ago
Delicious and good for you yoo
Olipop soda has a wide variety of bright refreshing flavors and each can
contains Probiotics, Botanicals and Plant Fiber. With 35 calories per can you
can't go wrong with these delicious drinks.

Review left on: Best Sellers Pack - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
AB
Amy B
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Outline star
5 days ago
Loved most flavors in this pack!
Loved most flavors. Did not receive the grape but was refunded a small amount to
account for this. The root beer and cola are excellent. Not a big fan of the
cherry vanilla or strawberry vanilla. Orange is fantastic! Great drink - not
quite a seltzer water, not quite a soda.
Review left on: Best Sellers Pack - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
AW
AMANDA W
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
5 days ago
LOVED all these flavors...
LOVED all these flavors except the strawberry vanilla. I am not a big fan of
strawberry sodas so that's on me! I love the variety!
Review left on: Best Sellers Pack - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
See more reviews
Reviewed on
 
What's Inside?

Our Sampler gives you, and your tastebuds, a chance to experience six of our
flavors. Inside you’ll find the following assortment:

Orange Squeeze

2 cans included

Our Orange Squeeze reinvents orange soda with a citrusy, vitamin C rich blend of
natural ingredients. Clementine and mandarin juices collide with a hint of lemon
to produce a bright twist on the nostalgic classic.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Lemon Juice, Apple Juice
Concentrate, Mandarin Juice Concentrate, Cassava Root Syrup, Clementine Juice
Concentrate, Rose Hip*, Acerola Cherry*, Stevia Leaf*, Himalayan Pink Salt,
Natural Orange Flavor*
*Extract

Contains 13% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 45 % Daily Value* Total Fat 0g 0% Sodium 35mg 1%
Total Carbohydrate 16g 5% Dietary Fiber 9g 32% Total Sugars 5g Includes 5g Added
Sugars 10% Protein 0g Vitamin C 160%

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Strawberry Vanilla

2 cans included

Strawberry Vanilla is a modern take on a classic cream soda. We use real
strawberry juice, fresh lemon and pink rock salt to round out what is a
naturally sweet, refreshing treat.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Strawberry Juice Concentrate,
Cassava Root Syrup, Apple Juice Concentrate, Lemon Juice, Stevia Leaf*,
Himalayan Pink Salt, Natural Vanilla Flavor*, Natural Strawberry Flavor*
*Extract




Contains 7% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 3g Includes 3g Added
Sugars 6% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Classic Root Beer

2 cans included

Our botanically driven Root Beer marries a classic bite with a creamy sweetness
with extracts of sweet birch, smooth-vanilla bean and naturally sourced burdock
root. We recommend pairing it with your favorite ice-cream.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Cassava Root Syrup, Apple Juice
Concentrate, Organic Natural Root Beer Flavor, Lemon Juice, Burdock Root*,
Stevia Leaf*, Himalayan Pink Salt, Natural Vanilla Flavor*, Sweet Birch*
*Extract




Contains 3% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 2g Includes 2g Added
Sugars 4% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Cherry Vanilla

2 cans included

We pinpointed the cherry pie flavor we were craving with a careful combination
of tart morello cherries and the sweet tang of rainier cherries, then rounded
things out with the soft and sumptuous taste of vanilla bean.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Tart Cherry Juice Concentrate,
Cassava Root Syrup, Apple Juice Concentrate, Lime Juice, Stevia Leaf*, Himalayan
Pink Salt, Natural White Cherry Flavor*, Natural Vanilla Flavor*
*Extract

Contains 10% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 45 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 6% Dietary Fiber 9g 32% Total Sugars 5g Includes 5g Added
Sugars 10% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Ginger Lemon

2 cans included

Our sweet and tart Ginger Lemon combines both Caribbean and European mulling
spices to create a complex flavor that manages to remain perfectly balanced.
Enjoy a delightful kick of ginger followed by a tangy hint of lemon juice.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Ginger Juice, Lemon Juice,
Cassava Root Syrup, Apple Juice Concentrate, Ginger*, Himalayan Pink Salt,
Stevia Leaf*, Organic Natural Mulling Spice Flavor, Cinnamon*
*Extract

Contains 6% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 2g Includes 2g Added
Sugars 4% Protein g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Vintage Cola

2 cans included

Our small batch prebiotic Cola has the same old-fashioned taste you grew up
loving but is naturally enhanced with distinct notes of vanilla, cinnamon and
caramel. It strikes a delicate and delicious balance between healthy and
crave-able.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Cassava Root Syrup, Apple Juice
Concentrate, Lime Juice, Organic Natural Cola Flavor, Alpha Galangal Root*,
Stevia Leaf*, Himalayan Pink Salt, Green Tea Caffeine*, Natural Vanilla Flavor*,
Natural Caramel Flavor*, Cinnamon*
*Extract




Contains 3% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 2g Includes 2g Added
Sugars 4% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
Contains 50mg of natural caffeine from Green Tea
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.46
Filled star
Filled star
Filled star
Filled star
Half star
1322 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
JR
Jeri R
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a day ago
Great sodas! I like...
Great sodas! I like that these have healthy ingredients. And they taste good ❤️
Review left on: The Sampler - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
CB
Cameron B
Verified checkmark
Verified Buyer
Filled star
Filled star
Filled star
Filled star
Outline star
4 days ago
Try it all!
Value was there for the variety, just personally didn't like all of them which
was a shame.
Review left on: The Sampler - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
CL
Carolyn L
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
4 days ago
I love this soda!
I love this soda, I feel so happy to have something other than sparkling water
to drink. It’s flavorful and delicious. The Lemon Ginger flavor is my favorite!
Review left on: The Sampler - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
LD
Lise D
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
6 days ago
Yummy
Delicious and good to know it's better for you than regular soda. Would be
better if they were just a tad less sweet.
Review left on: The Sampler - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
CS
Carol S
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
6 days ago
Glad I tried it!
Delicious and healthier than regular soda.
Review left on: The Sampler - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
See more reviews
Reviewed on
 
What's Inside?

We heard you: picking between creamy Vintage Cola and crisp Classic Root Beer is
a hard decision. The truth is, you can't go wrong with either, but you can go
right with both. That's why we made this old school classics pack: two classics,
together at last.

Vintage Cola

6 cans included

Our small batch prebiotic Cola has the same old-fashioned taste you grew up
loving but is naturally enhanced with distinct notes of vanilla, cinnamon and
caramel. It strikes a delicate and delicious balance between healthy and
crave-able.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Cassava Root Syrup, Apple Juice
Concentrate, Lime Juice, Organic Natural Cola Flavor, Alpha Galangal Root*,
Stevia Leaf*, Himalayan Pink Salt, Green Tea Caffeine*, Natural Vanilla Flavor*,
Natural Caramel Flavor*, Cinnamon*
*Extract




Contains 3% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 2g Includes 2g Added
Sugars 4% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
Contains 50mg of natural caffeine from Green Tea

Classic Root Beer

6 cans included

Our botanically driven Root Beer marries a classic bite with a creamy sweetness
with extracts of sweet birch, smooth-vanilla bean and naturally sourced burdock
root. We recommend pairing it with your favorite ice-cream.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Cassava Root Syrup, Apple Juice
Concentrate, Organic Natural Root Beer Flavor, Lemon Juice, Burdock Root*,
Stevia Leaf*, Himalayan Pink Salt, Natural Vanilla Flavor*, Sweet Birch*
*Extract




Contains 3% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 2g Includes 2g Added
Sugars 4% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.76
Filled star
Filled star
Filled star
Filled star
Filled star
110 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
GC
Glenville C
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
2 days ago
Great taste
I love the cola and root beer. Even with little sugar, it still tastes great!
Review left on: Old School Classics - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
DK
Dana K
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
5 days ago
You love pop, this pop loves you
As someone with an unashamed sweet tooth, I adore sodas. The taste, the rush of
flavor, the rearranging of nerve ends at the behest of carbonation, they are a
wonderful beverage. However as humans create a society where even bread has
sugar content equivalent to cake, these delightful beverages are basically drain
clog solutions for your teeth and gut. Olipop truly brings back the “old-timey”
feel of when sodas were originally marketed as medicinal tonics. The bold
chicory root in the cola adds a flavor profile reminiscent of dark chocolate,
while the mild sweetness and smooth finish absolutely destroy standard cola’s
feel of drinking straight syrup. The Root Beer is truly a “root” beer and the
blend is simply sublime to anyone’s inner child. With the probiotics and plant
fiber you can rest assured this won’t exacerbate anyone with heartburn or GERD
problems. A wonderful and guilt free beverage!
Review left on: Old School Classics - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
BB
Billie jo B
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
10 days ago
Treat yourself
It’s a wonderful treat after a long day! I just love them…. Especially in a
fancy glass…
Review left on: Old School Classics - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
OR
Olga R
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
10 days ago
Fresh, crisp, healthy
Fresh, crisp flavors. Glad to drink something good and healthy!
Review left on: Old School Classics - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
AS
Alexandria S
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
11 days ago
Oldies but goldie’s!
Who put the new spin on the oldies but goldie’s? Olipop did! These taste
delicious on their own or made into an amazing ice cream float.
Review left on: Old School Classics - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
See more reviews
Reviewed on
 
What's Inside?

Our most popular fruit flavors in one deliciously bright pack! Fan-favorite
Strawberry Vanilla, citrus-forward Orange Squeeze, and here by popular demand
Classic Grape Soda together at last for a juicy, fruity adventure.

Orange Squeeze

4 cans included

Our Orange Squeeze reinvents orange soda with a citrusy, vitamin C rich blend of
natural ingredients. Clementine and mandarin juices collide with a hint of lemon
to produce a bright twist on the nostalgic classic.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Lemon Juice, Apple Juice
Concentrate, Mandarin Juice Concentrate, Cassava Root Syrup, Clementine Juice
Concentrate, Rose Hip*, Acerola Cherry*, Stevia Leaf*, Himalayan Pink Salt,
Natural Orange Flavor*
*Extract

Contains 13% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 45 % Daily Value* Total Fat 0g 0% Sodium 35mg 1%
Total Carbohydrate 16g 5% Dietary Fiber 9g 32% Total Sugars 5g Includes 5g Added
Sugars 10% Protein 0g Vitamin C 160%

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Classic Grape

4 cans included

We’re giving grape an upgrade. Made from real concord grape juice with a hint of
lime to create the perfect blend of sweet and tart, our Classic Grape is the
nostalgic flavor you know and love—all grown up.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Concord Grape Juice Concentrate,
Lime Juice, Apple Juice Concentrate, Cassava Root Syrup, Tartaric Acid, Stevia
Leaf*, Himalayan Pink Salt, Natural Grape Flavor* *Extract

Contains 9% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 45 % Daily Value* Total Fat 0g 0% Sodium 35mg 2%
Total Carbohydrate 15g 5% Dietary Fiber 9g 32% Total Sugars 4g Includes 4g Added
Sugars 8% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Strawberry Vanilla

4 cans included

Strawberry Vanilla is a modern take on a classic cream soda. We use real
strawberry juice, fresh lemon and pink rock salt to round out what is a
naturally sweet, refreshing treat.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Strawberry Juice Concentrate,
Cassava Root Syrup, Apple Juice Concentrate, Lemon Juice, Stevia Leaf*,
Himalayan Pink Salt, Natural Vanilla Flavor*, Natural Strawberry Flavor*
*Extract




Contains 7% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 3g Includes 3g Added
Sugars 6% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.82
Filled star
Filled star
Filled star
Filled star
Filled star
119 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
GC
Glenville C
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
2 days ago
Awesome flavors
All these flavors taste great! I will be ordering again soon.
Review left on: Fruity Variety Pack - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
MC
Mandi C
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
5 days ago
A great alternative to soda
Delicious! :)
Review left on: Fruity Variety Pack - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
SB
Stanley B
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
6 days ago
Outstanding health drink
Loved the grape flavor...Will try them all before it is over.!
Review left on: Fruity Variety Pack - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
LB
Lisa B
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
6 days ago
Delicious!
Delicious!
Review left on: Fruity Variety Pack - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
ML
Mariel L
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
6 days ago
Wonderful flavors.
These drinks are an answer to my prayer of finding a low calorie, sugar free
drink. So far, all the flavors are excellent. The grape takes me back to my
childhood.
Review left on: Fruity Variety Pack - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
See more reviews
Reviewed on
 
What's Inside?

Two flavors, one deliciously pink pack! Our Pink Pop Pack lets you enjoy our
signature Strawberry Vanilla and Cherry Vanilla flavors with a sweet, sweet
combo that will have you feeling tickled pink.

Strawberry Vanilla

6 cans included

Strawberry Vanilla is a modern take on a classic cream soda. We use real
strawberry juice, fresh lemon and pink rock salt to round out what is a
naturally sweet, refreshing treat.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Strawberry Juice Concentrate,
Cassava Root Syrup, Apple Juice Concentrate, Lemon Juice, Stevia Leaf*,
Himalayan Pink Salt, Natural Vanilla Flavor*, Natural Strawberry Flavor*
*Extract




Contains 7% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 3g Includes 3g Added
Sugars 6% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.

Cherry Vanilla

6 cans included

We pinpointed the cherry pie flavor we were craving with a careful combination
of tart morello cherries and the sweet tang of rainier cherries, then rounded
things out with the soft and sumptuous taste of vanilla bean.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Tart Cherry Juice Concentrate,
Cassava Root Syrup, Apple Juice Concentrate, Lime Juice, Stevia Leaf*, Himalayan
Pink Salt, Natural White Cherry Flavor*, Natural Vanilla Flavor*
*Extract

Contains 10% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 45 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 6% Dietary Fiber 9g 32% Total Sugars 5g Includes 5g Added
Sugars 10% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.66
Filled star
Filled star
Filled star
Filled star
Half star
53 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
LH
Lynn H
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
7 days ago
Truly Amazing beverage and it's all good for you!
these two are by far my favorite flavors. The cherry is tart and tangy and sweet
all together. the strawberry is a softer flavor, but the strawberry is very
evident.
Review left on: Pink Pops - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
VE
Vivian E
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
8 days ago
Yes. Just yes.
It tastes like I'm drinking a soda without all of the added sugar and guilt! I
absolutely love the strawberry vanilla. Classic and their newest, grape! I
recommend this product to everyone witj a listening ear.
Review left on: Pink Pops - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
EP
Emily P
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
11 days ago
LOVE Olipops so much!!...
LOVE Olipops so much!!
Review left on: Pink Pops - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
RA
Robin A
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a month ago
Great Taste
I love all the flavors olipop has! There isn’t one that I don’t like. I am so
happy to find that I can order online!
Review left on: Pink Pops - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
BS
Brittany S
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a month ago
Bright & fruity
I love these bright and fruity flavors! The strawberry is my favorite, and the
cherry is great when I want something that really POPS!
Review left on: Pink Pops - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
See more reviews
Reviewed on
 


GINGER LEMON

Our sweet and tart Ginger Lemon combines both Caribbean and European mulling
spices to create a complex flavor that manages to remain perfectly balanced.
Enjoy a delightful kick of ginger followed by a tangy hint of lemon juice.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Ginger Juice, Lemon Juice,
Cassava Root Syrup, Apple Juice Concentrate, Ginger*, Himalayan Pink Salt,
Stevia Leaf*, Organic Natural Mulling Spice Flavor, Cinnamon*
*Extract

Contains 6% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 35 % Daily Value* Total Fat 0g 0% Sodium 25mg 1%
Total Carbohydrate 16g 4% Dietary Fiber 9g 32% Total Sugars 2g Includes 2g Added
Sugars 4% Protein g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.51
Filled star
Filled star
Filled star
Filled star
Half star
871 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
M
Meg
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
14 days ago
I love this flavor!...
I love this flavor! It is my favorite Olipop flavor. I really like the ginger
that comes through. This one tastes more herbaceous to me than the others.
Perhaps because it isn’t to sweet. Maybe reminiscent of a kombucha without the
vinegar flavor. Whatever the reason, I love it and it tastes like nothing else
I’ve ever tried.
Was this review helpful?
Review vote up
0
Review vote down
0
 
EC
Erika C
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
25 days ago
Delicious 🤤
we loved the taste and flavor
Review left on: Ginger Lemon - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
MM
Melinda M
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a month ago
Yummy
This tastes delicious! Not too sweet and not too spicy!
Review left on: Ginger Lemon - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
CP
Chrissy P
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a month ago
Addicted to Olipop!
Safe to say I'm addicted to OLIPOP! The Ginger Lemon flavor is the perfect
refreshing healthy alternative to ginger ale, and the best part is feeling that
I'm supporting my digestive health in the most enjoyable way!
Review left on: Ginger Lemon - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
SW
sean w
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
a month ago
Good stuff
Good stuff
Review left on: Ginger Lemon - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
See more reviews
Reviewed on
 


BLACKBERRY VANILLA

Inspired by autumnal blackberry cobblers and jams, our Blackberry Vanilla
combines deep dark blackberry juice, rich in phytonutrients, with bright tangy
citrus and sumptuous vanilla notes.

Ingredients: Carbonated Water, OLISMART (Cassava Root Fiber, Chicory Root
Inulin, Jerusalem Artichoke Inulin, Nopal Cactus*, Calendula Flower*, Kudzu
Root*, Marshmallow Root*, Slippery Elm Bark*), Blackberry Juice Concentrate,
Lemon Juice, Apple Juice Concentrate, Cassava Root Syrup, Mandarin Juice
Concentrate, Stevia Leaf*, Himalayan Pink Salt, Natural Vanilla Flavor*, Natural
Blackberry Flavor* *Extract

Contains 15% Juice
Nutrition Facts
1 serving per container

Serving size 1 Can (355mL)



Amount per serving Calories 50 % Daily Value* Total Fat 0g 0% Sodium 40mg 2%
Total Carbohydrate 18g 7% Dietary Fiber 10g 36% Total Sugars 5g Includes 5g
Added Sugars 10% Protein 0g

Not a significant source of saturated fat, trans fat, cholesterol, vitamin A,
vitamin D, calcium and iron.
 * 
 * 
 * 
 * 
 * 
 * 
 * 





RATINGS & REVIEWS

4.79
Filled star
Filled star
Filled star
Filled star
Filled star
158 reviews
5
 
4
 
3
 
2
 
1
 
Write a review
 
Sort & Filter
Most recentOldestHighest ratedLowest ratedMost helpful
Sort by
All1 star2 stars3 stars4 stars5 stars
Rating
With media
EQ
Emilio Q
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
6 days ago
The best of any soda on the market
My favorite flavor I only would buy besides the cherry vanilla. Oh well
Review left on: Blackberry Vanilla - 12
Was this review helpful?
Review vote up
0
Review vote down
0
 
T
Tina
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
16 days ago
Favorite flavor and now it’s gone 😭
This is my favorite flavor. Please, please, please bring it back….
Review left on: Blackberry Vanilla - 12
Was this review helpful?
Review vote up
4
Review vote down
0
 
LM
Lori M
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Outline star
3 months ago
I finally have enough...
I finally have enough money to try/buy a case of Blackberry Vanilla Olipop. I
click on the link in the text you sent, and bam!... a double-whammy shock ~ you
are sold out! The one store here that carries Olipop did not stock that flavor.
I'm so sad. With so many comments on your website attesting to its greatness, it
seems you would keep it available year round. I know I will like it as I love
all blackberry infused foods/beverages. Any chance you'll be having more
available soon?
Review left on: Blackberry Vanilla - 12
Was this review helpful?
Review vote up
7
Review vote down
0
 
AW
Abigail W
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
3 months ago
Love Olipop sodas
I love all the Olipop drinks but the Blackberry Vanilla and Strawberry Vanilla
are by far my favorite flavors. They drink like a cream soda but don’t make you
feel guilty. My daughter and I split one once a day!
Review left on: Blackberry Vanilla - 12
Was this review helpful?
Review vote up
2
Review vote down
0
 
CB
Christina B
Verified checkmark
Verified Buyer
Recommend checkmark I recommend this product
Filled star
Filled star
Filled star
Filled star
Filled star
3 months ago
Dark, Fruity & Sweet
Delish! Perfect flavor combo — worthy of year-round refreshment!
Review left on: Blackberry Vanilla - 12
Was this review helpful?
Review vote up
1
Review vote down
0
 
See more reviews
Reviewed on
 

SHOP

 * Drinks
 * Gift Cards
 * Store Locator
 * Refer a Friend

HELP

 * Contact Us
 * FAQ
 * Accessibility

ABOUT

 * Our Story
 * OLIPOP Digest
 * Ingredients
 * Digestive Health
 * Wholesale
 * Press
 * Careers

SIGN UP TO GET 10% OFF YOUR FIRST ORDER

Subscribe
 * Instagram
 * Facebook
 * Twitter
 * LinkedIn

© 2022 Olipop, Inc. All Rights Reserved
 * Terms of Service
 * Privacy Policy
 * Do Not Sell My Information

Use left/right arrows to navigate the slideshow or swipe left/right if using a
mobile device
 * Choosing a selection results in a full page refresh.
 * Press the space key then arrow keys to make a selection.


 * Opens in a new window.
 * Opens external website.
 * Opens external website in a new window.






YOUR BAG

Your cart is empty.

Worker Mode


Close form

Add a Little Pop to Your Inbox



Drop your email below to sign up for our newsletter & get 10% off your first
order.






SUBSCRIBE
no thanks!