Citrus Bandana

<!DOCTYPE html> <html id="template-product-single" class="template-product-citrus-bandana template-suffix-merch" lang="en-US"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"> <link rel="canonical" href="https://aurabora.com/products/citrus-bandana"> <link rel="icon" type="image/png" href="//aurabora.com/cdn/shop/t/225/assets/favicon.png?v=30363784693586350241728957820" /> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> <link rel="preload" href="//aurabora.com/cdn/shop/t/225/assets/js-initialize.min.js?v=100078549067876833441728958917" as="script"> <link rel="preload" href="//aurabora.com/cdn/shop/t/225/assets/styles.min.css?v=180725629171488056341737494932" as="style"> <script> // site variables const siteUrl = 'https://aurabora.com'; const root = document.documentElement; // prevent safari to load from cache window.onpageshow = function (event) { if (event.persisted) { window.location.reload(); } }; // prevent chrome to load from cache const perfEntries = performance.getEntriesByType("navigation"); if (typeof (perfEntries[0]) != 'undefined') { if (perfEntries[0].type === "back_forward") { location.reload(true) } } </script> <script src="//aurabora.com/cdn/shop/t/225/assets/js-initialize.min.js?v=100078549067876833441728958917" type="text/javascript"></script>  <meta name="referrer" content="no-referrer-when-downgrade"/>  <meta name="google-site-verification" content="ookoVKYEo_D8e12Y6ERcJijO1QIiecFJCMsqd5QWyMY" />  <meta name="p:domain_verify" content="b65268ffc85082979ed85929d8a5f39d"/> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="ztY6TV9zVD434KUb70lXa-bplvNB13EYVJ2KK8CzhPs"> <meta name="facebook-domain-verification" content="vv7rskp9k6jpolmhpb4gh5z74ptgfm"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/24606212145/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="9e9b54c9e60c15ddb9da03a4c0666201"> <meta id="in-context-paypal-metadata" data-shop-id="24606212145" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <link rel="alternate" type="application/json+oembed" href="https://aurabora.com/products/citrus-bandana.oembed"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=24606212145" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":24606212145,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/24606212145","merchantName":"Aura Bora","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Aura Bora","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"9e9b54c9e60c15ddb9da03a4c0666201","betas":["rich-media-storefront-analytics"],"domain":"aurabora.com","predictiveSearch":true,"shopId":24606212145,"smart_payment_buttons_url":"https:\/\/aurabora.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/aurabora.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "aura-bora-llc.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"VS 🌵 Aura Bora 3️⃣.2️⃣ [Cart Popup]","id":124642852913,"schema_name":"Aura Bora","schema_version":"2.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "aurabora.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_Du5arOYD.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"init-windoid":["modules/v2/client.init-windoid_B1zFqa1f.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_DR-sDkvx.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_CyYBBpqj.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"pay-button":["modules/v2/client.pay-button_BEilT4zo.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_mUqnK3_l.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_DBhvlVth.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_0djZK60j.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_SlQzAw-F.en.esm.js","modules/v2/client.shop-login-button_dgqwI6ey.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_BxBHMaJ9.en.esm.js","modules/v2/client.shop-login-button_dgqwI6ey.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_Cx_hclyV.en.esm.js","modules/v2/client.shop-login-button_dgqwI6ey.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_dgqwI6ey.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"lead-capture":["modules/v2/client.lead-capture_YfYzyquM.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DD2ElmYe.en.esm.js","modules/v2/chunk.common_BDIyw9dd.esm.js","modules/v2/chunk.modal_BQGdgqVX.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/d3hw6dc1ow8pp2.cloudfront.net\/reviewsWidget.min.js?shop=aura-bora-llc.myshopify.com","https:\/\/d23dclunsivw3h.cloudfront.net\/redirect-app.js?shop=aura-bora-llc.myshopify.com","https:\/\/static.shareasale.com\/json\/shopify\/deduplication.js?shop=aura-bora-llc.myshopify.com","https:\/\/tools.luckyorange.com\/core\/lo.js?site-id=e683c101\u0026shop=aura-bora-llc.myshopify.com","https:\/\/str.rise-ai.com\/?shop=aura-bora-llc.myshopify.com","https:\/\/strn.rise-ai.com\/?shop=aura-bora-llc.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=aura-bora-llc.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":24606212145,"offset":-25200,"reqid":"c648073a-f1db-4d71-8701-f541f8b45e25-1742916625","pageurl":"aurabora.com\/products\/citrus-bandana","u":"b70789a622ea","p":"product","rtyp":"product","rid":6728248393777};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//aurabora.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//aurabora.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//aurabora.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <link rel="stylesheet" media="screen" href="https://aurabora.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <title>Citrus Bandana</title> <meta name="description" content="Crown yourself with this rare collector’s item — a wearable, hangable, hand-illustrated and soft-as-a-salamander scarf."> <meta property="og:site_name" content="Aura Bora"> <meta property="og:url" content="https://aurabora.com/products/citrus-bandana"> <meta property="og:title" content="Citrus Bandana"> <meta property="og:type" content="product"> <meta property="og:description" content="Crown yourself with this rare collector’s item — a wearable, hangable, hand-illustrated and soft-as-a-salamander scarf."> <meta property="og:image" content="https://aurabora.com/cdn/shop/files/siteimage_bandana_1_1_1_1200x1200.jpg?v=1702672139"> <meta property="og:image" content="https://aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-2_1200x1200.jpg?v=1702672139"> <meta property="og:image" content="https://aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-4_1200x1200.jpg?v=1702672139"> <meta property="og:image:secure_url" content="https://aurabora.com/cdn/shop/files/siteimage_bandana_1_1_1_1200x1200.jpg?v=1702672139"> <meta property="og:image:secure_url" content="https://aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-2_1200x1200.jpg?v=1702672139"> <meta property="og:image:secure_url" content="https://aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-4_1200x1200.jpg?v=1702672139"> <meta property="og:price:amount" content="25.00"> <meta property="og:price:currency" content="USD"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Citrus Bandana"> <meta name="twitter:description" content="Crown yourself with this rare collector’s item — a wearable, hangable, hand-illustrated and soft-as-a-salamander scarf."> <link href="//aurabora.com/cdn/shop/t/225/assets/styles.min.css?v=180725629171488056341737494932" rel="stylesheet" type="text/css" media="all" />  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MG25MVT');</script>      <script src="https://klaviyo.com/media/js/public/klaviyo_subscribe.js"></script> <script> window.Shopify = window.Shopify || {theme: {id: 124642852913, role: 'main' } }; window._template = { directory: "", name: "product", suffix: "merch" } </script> <script src="https://cdn.intelligems.io/d1da7d658fb9.js"></script>   <script id="mntn_tracking_pixel" type="text/javascript"> const isUSShopper = window.Shopify && window.Shopify.country === "US"; if (!window.Shopify || isUSShopper) { (function(){"use strict";var e=null,b="4.0.0", n="37920", additional="term=value", t,r,i;try{t=top.document.referer!==""?encodeURIComponent(top.document.referrer.substring(0,2048)):""}catch(o){t=document.referrer!==null?document.referrer.toString().substring(0,2048):""}try{r=window&&window.top&&document.location&&window.top.location===document.location?document.location:window&&window.top&&window.top.location&&""!==window.top.location?window.top.location:document.location}catch(u){r=document.location}try{i=parent.location.href!==""?encodeURIComponent(parent.location.href.toString().substring(0,2048)):""}catch(a){try{i=r!==null?encodeURIComponent(r.toString().substring(0,2048)):""}catch(f){i=""}}var l,c=document.createElement("script"),h=null,p=document.getElementsByTagName("script"),d=Number(p.length)-1,v=document.getElementsByTagName("script")[d];if(typeof l==="undefined"){l=Math.floor(Math.random()*1e17)}h="dx.mountain.com/spx?"+"dxver="+b+"&shaid="+n+"&tdr="+t+"&plh="+i+"&cb="+l+additional;c.type="text/javascript";c.src=("https:"===document.location.protocol?"https://":"http://")+h;v.parentNode.insertBefore(c,v)})() } </script>   <script id="mntn_datalayer" type="text/javascript" async> let mntn_product_name = "Citrus Bandana"; let mntn_product_price = "$25"; let mntn_product_image = "\/\/aurabora.com\/cdn\/shop\/files\/siteimage_bandana_1_1_1.jpg?v=1702672139"; let mntn_product_sku = 6728248393777; let mntn_product_in_stock = true; let mntn_product_data = {"id":6728248393777,"title":"Citrus Bandana","handle":"citrus-bandana","description":"\u003cmeta charset=\"utf-8\"\u003eCrown yourself with this rare collector’s item — a wearable, hangable, hand-illustrated and soft-as-a-salamander scarf.\u003cmeta charset=\"utf-8\"\u003e","published_at":"2022-08-23T15:12:23-07:00","created_at":"2022-08-23T15:12:22-07:00","vendor":"Aura Bora","type":"Merch - Bandana","tags":[],"price":2500,"price_min":2500,"price_max":2500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":39749842337841,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"ABOR-BANDANA-001-MCF","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Citrus Bandana","public_title":null,"options":["Default Title"],"price":2500,"weight":454,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/aurabora.com\/cdn\/shop\/files\/siteimage_bandana_1_1_1.jpg?v=1702672139","\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-2.jpg?v=1702672139","\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-4.jpg?v=1702672139","\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-3.jpg?v=1702672139"],"featured_image":"\/\/aurabora.com\/cdn\/shop\/files\/siteimage_bandana_1_1_1.jpg?v=1702672139","options":["Title"],"media":[{"alt":null,"id":21746222465073,"position":1,"preview_image":{"aspect_ratio":1.0,"height":2480,"width":2480,"src":"\/\/aurabora.com\/cdn\/shop\/files\/siteimage_bandana_1_1_1.jpg?v=1702672139"},"aspect_ratio":1.0,"height":2480,"media_type":"image","src":"\/\/aurabora.com\/cdn\/shop\/files\/siteimage_bandana_1_1_1.jpg?v=1702672139","width":2480},{"alt":null,"id":21292630605873,"position":2,"preview_image":{"aspect_ratio":1.0,"height":960,"width":960,"src":"\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-2.jpg?v=1702672139"},"aspect_ratio":1.0,"height":960,"media_type":"image","src":"\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-2.jpg?v=1702672139","width":960},{"alt":null,"id":21292630671409,"position":3,"preview_image":{"aspect_ratio":1.0,"height":960,"width":960,"src":"\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-4.jpg?v=1702672139"},"aspect_ratio":1.0,"height":960,"media_type":"image","src":"\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-4.jpg?v=1702672139","width":960},{"alt":null,"id":21292630638641,"position":4,"preview_image":{"aspect_ratio":1.0,"height":960,"width":960,"src":"\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-3.jpg?v=1702672139"},"aspect_ratio":1.0,"height":960,"media_type":"image","src":"\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-3.jpg?v=1702672139","width":960}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cmeta charset=\"utf-8\"\u003eCrown yourself with this rare collector’s item — a wearable, hangable, hand-illustrated and soft-as-a-salamander scarf.\u003cmeta charset=\"utf-8\"\u003e"}; let mntn_cart_quantity = 0; let mntn_cart_value = "$0"; let mntn_cart_data = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; </script>   <script id="inveterate-app-embed-log-script" async> console.log('Inveterate: PSB: hardcode'); </script> <style> .inveterate__popup { display: none; } </style> <script id="inveterate-theme-snippets-script" async src="https://d1mopl5xgcax3e.cloudfront.net/js/aura-bora-llc.inveterate.js"></script> <script id="inveterate-app-embed-script" async> (function() { try { var count = 0; const executeScriptWhenReady = function () { if (!window?.inveterate?.scripts) { let i = setInterval(function() { if(window?.inveterate?.scripts) { window.inveterate.scripts.run(); clearInterval(i); } }, 50); return; } window.inveterate.scripts.run(); } var interval = setInterval(function(){ if (!window.inveterate || !window.inveterate.fileLoaded) return; clearInterval(interval); window.inveterate.merchantId = 'aura-bora-llc'; const localizationFromLiquid = { shopCurrency: 'USD', localCurrency: 'USD', country: 'US', language: 'en', lnName: 'English', countryName: 'United States', } window.inveterate.properties.localization = localizationFromLiquid; window.inveterate.properties.page = { type: 'product', product: {"id":6728248393777,"title":"Citrus Bandana","handle":"citrus-bandana","description":"\u003cmeta charset=\"utf-8\"\u003eCrown yourself with this rare collector’s item — a wearable, hangable, hand-illustrated and soft-as-a-salamander scarf.\u003cmeta charset=\"utf-8\"\u003e","published_at":"2022-08-23T15:12:23-07:00","created_at":"2022-08-23T15:12:22-07:00","vendor":"Aura Bora","type":"Merch - Bandana","tags":[],"price":2500,"price_min":2500,"price_max":2500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":39749842337841,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"ABOR-BANDANA-001-MCF","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Citrus Bandana","public_title":null,"options":["Default Title"],"price":2500,"weight":454,"compare_at_price":null,"inventory_management":"shopify","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/aurabora.com\/cdn\/shop\/files\/siteimage_bandana_1_1_1.jpg?v=1702672139","\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-2.jpg?v=1702672139","\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-4.jpg?v=1702672139","\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-3.jpg?v=1702672139"],"featured_image":"\/\/aurabora.com\/cdn\/shop\/files\/siteimage_bandana_1_1_1.jpg?v=1702672139","options":["Title"],"media":[{"alt":null,"id":21746222465073,"position":1,"preview_image":{"aspect_ratio":1.0,"height":2480,"width":2480,"src":"\/\/aurabora.com\/cdn\/shop\/files\/siteimage_bandana_1_1_1.jpg?v=1702672139"},"aspect_ratio":1.0,"height":2480,"media_type":"image","src":"\/\/aurabora.com\/cdn\/shop\/files\/siteimage_bandana_1_1_1.jpg?v=1702672139","width":2480},{"alt":null,"id":21292630605873,"position":2,"preview_image":{"aspect_ratio":1.0,"height":960,"width":960,"src":"\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-2.jpg?v=1702672139"},"aspect_ratio":1.0,"height":960,"media_type":"image","src":"\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-2.jpg?v=1702672139","width":960},{"alt":null,"id":21292630671409,"position":3,"preview_image":{"aspect_ratio":1.0,"height":960,"width":960,"src":"\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-4.jpg?v=1702672139"},"aspect_ratio":1.0,"height":960,"media_type":"image","src":"\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-4.jpg?v=1702672139","width":960},{"alt":null,"id":21292630638641,"position":4,"preview_image":{"aspect_ratio":1.0,"height":960,"width":960,"src":"\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-3.jpg?v=1702672139"},"aspect_ratio":1.0,"height":960,"media_type":"image","src":"\/\/aurabora.com\/cdn\/shop\/products\/1_1Carouselimage-Bandana-3.jpg?v=1702672139","width":960}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cmeta charset=\"utf-8\"\u003eCrown yourself with this rare collector’s item — a wearable, hangable, hand-illustrated and soft-as-a-salamander scarf.\u003cmeta charset=\"utf-8\"\u003e"}, collections: [{"id":261236293681,"handle":"all","title":"All","updated_at":"2025-03-25T07:05:08-07:00","body_html":"","published_at":"2021-06-19T16:52:11-07:00","sort_order":"best-selling","template_suffix":"","disjunctive":false,"rules":[{"column":"title","relation":"not_equals","condition":"Carbon Neutral Order"},{"column":"title","relation":"not_equals","condition":"[dev] Basil Berry"},{"column":"title","relation":"not_equals","condition":"[dev] \"Taste and See\" Hat"},{"column":"title","relation":"not_equals","condition":"[cdf] Sample Pack"},{"column":"title","relation":"not_equals","condition":"Variety Pack + Hat"},{"column":"title","relation":"not_equals","condition":"Banana Bergamot"},{"column":"title","relation":"not_equals","condition":"Guava Eucalyptus"},{"column":"title","relation":"not_equals","condition":"Mango Chili"},{"column":"title","relation":"not_contains","condition":"test"}],"published_scope":"web"},{"id":264574074929,"handle":"merch","updated_at":"2025-03-12T07:20:06-07:00","published_at":"2022-12-30T16:52:29-08:00","sort_order":"manual","template_suffix":"","published_scope":"web","title":"Merch","body_html":""},{"id":264694726705,"handle":"shop-all","updated_at":"2025-03-25T07:05:08-07:00","published_at":"2023-01-23T20:57:32-08:00","sort_order":"manual","template_suffix":null,"published_scope":"web","title":"Shop All","body_html":""}] }; window.inveterate.properties.pageType = 'product'; window.inveterate.properties.product = {"error":"json not allowed for this object"};  const { MIN_SAFE_INTEGER: MIN, MAX_SAFE_INTEGER: MAX } = Number, { ceil, floor, random: rnd } = Math; const random = { decimal: ({ min = MIN, max = MAX, decimals } = {}) => { const result = Math.min(max, min + rnd() * ((max + 1) - min)); return typeof decimals === "number" ? Number(result.toFixed(decimals)) : result; }, integer: ({ min = MIN, max = MAX } = {}) => floor(random.decimal({ min, max })), string: ({ characters = "", /** number or { min, max } */ length = { max: 250 }, } = {}) => Array( typeof length === "number" ? length : random.integer({ min: 0, ...length }) ) .fill("") .map((_) => (([b, i]) => characters?.[random.integer({ min: 0, max: characters.length })] || String.fromCharCode(b + ceil(i * Math.random())))( [ [65, 25], [97, 25], [48, 9], ][random.integer({ min: 0, max: 2 })] ) ) .filter((x) => /[a-zA-Z0-9]/.test(x)) .join(""), }; window.inveterate.helpers.random = random;   (function () { var _a; var random = window.inveterate.helpers.random; if (!window.inveterate.device) window.inveterate.device = new (_a = /** @class */ (function () { function Device() { var _b; this.fingerprint = ((_b = JSON.parse(localStorage.getItem(_a.STORAGE_KEY))) === null || _b === void 0 ? void 0 : _b.fingerprint) || random.string({ min: 8, max: 250 }); localStorage.setItem(_a.STORAGE_KEY, JSON.stringify(this)); window.inveterate.device = this; } Device.prototype.toString = function () { return JSON.stringify(this); }; return Device; }()), _a.STORAGE_KEY = 'inveterateDevice', _a)(); })(); var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) { if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) { if (ar || !(i in from)) { if (!ar) ar = Array.prototype.slice.call(from, 0, i); ar[i] = from[i]; } } return to.concat(ar || Array.prototype.slice.call(from)); }; (function () { var JobStatus; (function (JobStatus) { JobStatus["Unqueued"] = "UNQUEUED"; JobStatus["Queued"] = "QUEUED"; JobStatus["Running"] = "RUNNING"; JobStatus["Completed"] = "COMPLETED"; })(JobStatus || (JobStatus = {})); var Job = /** @class */ (function () { function Job() { this.status = Job.Status.Unqueued; } Job.Status = JobStatus; return Job; }()); var Queue = /** @class */ (function () { function Queue() { var _this = this; this.jobs = { queued: [], ongoing: [], completed: [], get all() { return __spreadArray(__spreadArray(__spreadArray([], this.queued, true), this.ongoing, true), this.completed, true); }, }; this.events = { /** Events triggered when jobs with specific IDs are completed */ id: [], done: [], push: [], error: [], }; this.push = function (_a) { var _b = _a.id, id = _b === void 0 ? String(Math.random()) : _b, fn = _a.fn; _this.jobs.queued.push({ id: id, fn: fn, status: Job.Status.Queued }); _this.events.push.forEach(function (fn) { return fn(); }); _this.flush(); }; this.flush = function () { if (!_this.jobs.queued[0] || _this.jobs.ongoing.length) return; var job = _this.jobs.queued.splice(0, 1)[0], jid = job.id; job.promise = job .fn() .then(function (result) { return _this.events.id .filter(function (e) { return e.ids.every(function (id) { return jid === id || _this.jobs.completed.find(function (job) { return job.id === id; }); }); }) .forEach(function (_a) { var fn = _a.fn; return fn(result); }); }) .catch(function (err) { return _this.events.error.forEach(function (fn) { return fn(err); }); }) .finally(function () { if (_this.jobs.ongoing.length) { var job_1 = _this.jobs.ongoing.splice(0, 1)[0]; job_1.status = Job.Status.Completed; _this.jobs.completed.push(job_1); } if (_this.jobs.queued[0] && !_this.jobs.ongoing.length) _this.flush(); else _this.events.done.forEach(function (fn) { return fn(); }); }); _this.jobs.ongoing.push(job); }; } Object.defineProperty(Queue.prototype, "busy", { get: function () { return this.jobs.ongoing.length; }, enumerable: false, configurable: true }); return Queue; }()); var x = window; if (!x.inveterate) x.inveterate = {}; if (!x.inveterate.classes) x.inveterate.classes = {}; x.inveterate.classes.Queue = Queue; if (!window.Inveterate) window.Inveterate = new (class Inveterate { queue = new Queue({ id: 'Inveterate' }); constructor() { this.queue.events.push.push(() => { document .querySelector('.inveterate') ?.classList.add('inveterate__loading'); }); this.queue.events.done.push(() => { document .querySelector('.inveterate') ?.classList.remove('inveterate__loading'); }); } get loading() { return this.queue.busy; } get ready() { return this.queue.finished; } wait = ({ id, fn }) => { this.queue.push({ id, fn }); }; })(); })(); const searchParams = new URLSearchParams(window.location.search); /** Headers does not work in IE https://caniuse.com/mdn-api_headers */ const headers = new Headers({ "Content-Type": "application/json", }); const setCartAttributes = (id, token) => fetch("/cart/update.js", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ attributes: { inveterateReferralId: id, inveterateReferralToken: token, }, }), }).then(() => { console.log(`[Inveterate] Referral Token set:`, token); document.dispatchEvent( new Event("inveterate:referrals:token-set", { detail: token, }) ); }); const referralIdQueryParameter = ["referred_by", "referrerId", "rid"] .map((paramName) => searchParams?.get(paramName)) .filter((x) => !!x)?.[0]; window.inveterate.methods.referrals = { setCartAttributes, validate: () => { const customerId = ``, savedReferral = window.localStorage.getItem( inveterate.properties.referralStorageName ) ?? undefined; if (!savedReferral || !customerId) return new Promise.resolve(false); const { merchantId, segmentId, referrer, referralId: id, referralToken: token, } = JSON.parse(savedReferral); const bodyObj = { merchant: { id: merchantId, }, segment: { id: segmentId, }, referral: { id, token, }, referrer, referee: { id: customerId, }, }; try { return fetch(`${inveterate.properties.referralApiUrl}/validation`, { method: "POST", headers, body: JSON.stringify(bodyObj), }) .then((response) => response.json()) .then(({ success, errors, data }) => { if ( success || ["DELETE_REFERRAL", "NEW_REFERRAL"].includes(data?.action) ) localStorage.removeItem(inveterate.properties.referralStorageName); if (data?.action === "NEW_REFERRAL") return inveterate.methods.referrals.issueNew(); return success; }) .catch(e => { e; }); } catch(e) { e; } }, issueNew: (referringCustomerId = null) => { delete localStorage[inveterate.properties.referralStorageName]; const merchantId = 'aura-bora-llc', customerId = ``, referralId = referringCustomerId || referralIdQueryParameter; if (!referralId) throw new Error("Referring customer id not provided"); return fetch(inveterate.properties.referralApiUrl, { method: "POST", headers, body: JSON.stringify({ merchantId, customerId, referralId, device: inveterate.device, }), }) .then((response) => response.json()) .then((response) => { const { referral = {}, discount } = response.data, { referralId, referralToken } = referral; if (referralId) { inveterate.properties.referralData = referral; window.localStorage.setItem( inveterate.properties.referralStorageName, JSON.stringify(referral) ); return { discount, referralId, referralToken, }; } }) .then(({ discount, referralId, referralToken }) => Promise.allSettled([ setCartAttributes(referralId, referralToken), discount && fetch(`/discount/${discount.code}`, { method: "GET", //headers: { "Content-Type": "application/json" } }).then(() => { console.log(`[Inveterate] Referral Token set:`, referralToken); document.dispatchEvent( new Event("inveterate:referrals:token-set", { detail: referralToken, }) ); }), ]) ); }, }; function checkReferrals(referringCustomerId = null) { Inveterate.wait({ id: "inveterate-referral-registration", fn: () => { const { referrals } = window.inveterate.methods; const merchantId = 'aura-bora-llc', customerId = ``, referralId = referringCustomerId || referralIdQueryParameter; const savedReferral = window.localStorage.getItem( inveterate.properties.referralStorageName ) ?? undefined; return customerId && savedReferral ? referrals.validate() : referralId ? referrals.issueNew().then(referrals.validate) : Promise.resolve(); }, }); }; /** Placed in two locations for both retrocompatibility and consistency */ window.inveterate.methods.checkReferrals = checkReferrals; window.inveterate.methods.referrals.check = checkReferrals; window.inveterate.methods.appendLock = function appendLock() { const interval = setInterval(() => { const body = document.querySelector('body'); if (!body) return; clearInterval(interval); const wrapperEl = document.createElement('div'); const contentEl = document.createElement('div'); const svgEl = document.createElementNS('http://www.w3.org/2000/svg', 'svg'); const pathEl = document.createElementNS('http://www.w3.org/2000/svg', 'path'); const messageEl = document.createElement('p'); const briefEl = document.createElement('strong'); const messageText = document.createTextNode('Must subscribe to access this page!'); const briefText = document.createTextNode('Redirecting...'); wrapperEl.classList.add('inveterate__locked'); contentEl.classList.add('inveterate__locked__content'); svgEl.setAttribute('width', '24'); svgEl.setAttribute('height', '24'); svgEl.setAttribute('viewBox', '0 0 24 24'); svgEl.setAttribute('fill', 'none'); pathEl.setAttribute('d', 'M16 11V11.5H16.5V11H16ZM8 11H7.5V11.5H8V11ZM12.5 15C12.5 14.7239 12.2761 14.5 12 14.5C11.7239 14.5 11.5 14.7239 11.5 15H12.5ZM11.5 17C11.5 17.2761 11.7239 17.5 12 17.5C12.2761 17.5 12.5 17.2761 12.5 17H11.5ZM6 11.5H18V10.5H6V11.5ZM19.5 13V19H20.5V13H19.5ZM18 20.5H6V21.5H18V20.5ZM4.5 19V13H3.5V19H4.5ZM6 20.5C5.17157 20.5 4.5 19.8284 4.5 19H3.5C3.5 20.3807 4.61929 21.5 6 21.5V20.5ZM19.5 19C19.5 19.8284 18.8284 20.5 18 20.5V21.5C19.3807 21.5 20.5 20.3807 20.5 19H19.5ZM18 11.5C18.8284 11.5 19.5 12.1716 19.5 13H20.5C20.5 11.6193 19.3807 10.5 18 10.5V11.5ZM6 10.5C4.61929 10.5 3.5 11.6193 3.5 13H4.5C4.5 12.1716 5.17157 11.5 6 11.5V10.5ZM15.5 7V11H16.5V7H15.5ZM16 10.5H8V11.5H16V10.5ZM8.5 11V7H7.5V11H8.5ZM12 3.5C13.933 3.5 15.5 5.067 15.5 7H16.5C16.5 4.51472 14.4853 2.5 12 2.5V3.5ZM12 2.5C9.51472 2.5 7.5 4.51472 7.5 7H8.5C8.5 5.067 10.067 3.5 12 3.5V2.5ZM11.5 15V17H12.5V15H11.5Z'); pathEl.setAttribute('fill', '#0F0E10'); svgEl.appendChild(pathEl); messageEl.appendChild(messageText); briefEl.appendChild(briefText); contentEl.appendChild(svgEl); contentEl.appendChild(messageEl); contentEl.appendChild(briefEl); wrapperEl.appendChild(contentEl); body.appendChild(wrapperEl); }, 50); }; window.inveterate.methods.navigateBackOrGoHome = function navigateBackOrGoHome() { const link = ""; if (!link) history.back(); setTimeout(() => { window.location.href = link || "/"; }, 1000); /** To prevent the piling of redirects if an impatient user clicks more than once */ window.inveterate.methods.navigateBackOrGoHome = () => {}; }  window.inveterate.methods.checkReferrals(); window.inveterate.earlyAccessAction = 'popup'; window.inveterate.exclusiveAccessAction = 'popup'; window.inveterate.earlyAccessEnabled = true; window.inveterate.exclusiveAccessEnabled = true; executeScriptWhenReady();  if (window.inveterate.properties.tiersEnabled === true) { let shouldRedirect = false; const tierDetails = window?.inveterate?.properties?.tierDetails || []; tierDetails.forEach((item) => { if (item && item?.productId) { const productId = parseInt(item?.productId?.replace('gid://shopify/Product/', ''), 10); if (productId === 6728248393777) { shouldRedirect = true; } } }); console.log('shouldRedirect', shouldRedirect); if (shouldRedirect) { window.location = window.inveterate.properties.redirectUrl; } } else if (window.inveterate.properties.product.id === 6728248393777) { window.location = window.inveterate.properties.redirectUrl; }  }, 50); } catch (error) { console.log('Inveterate error: ', error); } })(); </script>    <div class="inveterate__popup" data-inveterate-popup="early-access"> <div class="inveterate__popup__inner" style="background-color:#ffffff"> <div class="inveterate__popup__heading" style="color:#000000"> Membership Required </div> <p class="inveterate__popup__body" style="color:#000000"> Only members can access this page. Subscribe to our membership to continue. </p> <div class="inveterate__popup__link__group"> <a class="inveterate__popup__link" href="/community/membership" style="color:#ffffff;background-color:#9245d8;" > Join Membership Program </a> <a class="inveterate__popup__link" href="javascript:window.inveterate.methods.navigateBackOrGoHome();" style="color:#ffffff;background-color:#9245d8;" > Go back to shopping </a> </div> <p class="inveterate__popup__account-text"> Already have an account? <a href="/account">Sign in</a> </p> </div> </div>   <div class="inveterate__popup" data-inveterate-popup="early-access-tiers"> <div class="inveterate__popup__inner" style="background-color:#ffffff"> <div class="inveterate__popup__heading" id="inveterate-early-access-tiers-heading" style="color:#000000"> Membership Required </div> <p class="inveterate__popup__body__tiers" id="inveterate-early-access-tiers-body" style="color:#000000"> Only members can access this page. Subscribe to our membership to continue. </p> <div class="inveterate__popup__cards" id="inveterate-early-access-tiers-cards-container"> <div class="inveterate__popup_tier-card inveterate__popup_card_current" id="inveterate-early-access-tiers-card1"> <div> <div style="color:#000000" id="inveterate-early-access-tiers-card1-title"></div> <div style="color:#000000" id="inveterate-early-access-tiers-card1-subtitle"></div> <div> <ul id="inveterate-early-access-tiers-card1-bullets" data-inveterate-popup-fg-color="#000000"> </ul> </div> </div> <div style="color:#000000" class="inveterate__popup__card_current_plan">Current Plan</div> </div> <div class="inveterate__popup_tier-card inveterate__popup_card_bordered" id="inveterate-early-access-tiers-card2" style="border-color: #9245d8"> <div> <div style="color:#000000" id="inveterate-early-access-tiers-card2-title"></div> <div style="color:#000000" id="inveterate-early-access-tiers-card2-subtitle"></div> <div> <ul id="inveterate-early-access-tiers-card2-bullets" data-inveterate-popup-fg-color="#000000"> </ul> </div> </div> <div class="inveterate__popup__card_next_plan"> <div class="inveterate__popup__link__group"> <a class="inveterate__popup__link" href="/community/membership?membershipplan=true" style="color:#ffffff;background-color:#9245d8;" id="inveterate-early-access-tiers-popup-button" > Join Membership Program </a> </div> </div> </div> </div> <div id="inveterate-early-access-tiers-popup-link-group-nonsbt" class="inveterate__popup__link__group">  <p class="inveterate__popup__account-text"> <a class="inveterate__popup__link inveterate-go-back-link" href="javascript:window.inveterate.methods.navigateBackOrGoHome();" > <span>←</span> Go back to shopping </a> </p> <div> or compare all plans on <a class="inveterate__popup__landing_link" href="/community/membership?membershipplan=true" > landing page </a> </div> </div> <div class="inveterate__popup_loader_container" id="inveterate-early-access-tiers-loader-view" style="display: none"> <div> <div class="inveterate__popup_loader_line"> <span class="inveterate__popup_loader"></span> </div> <p class="inveterate__popup__body__tiers" style="color:#000000">Hang tight. We’re fetching the other plans.</p> </div> </div> <p class="inveterate__popup__account-text-signin" id="inveterate-early-access-tiers-text-signin"> Already have an account? <a href="/account">Sign in</a> </p> </div> </div> <script async> (function() { document.addEventListener('DOMContentLoaded', function() { let links = document.querySelectorAll('.inveterate-go-back-link'); if (!links.length) return; links.forEach(function(link) { link.setAttribute('target', '_self'); }); }); })(); </script>   <div class="inveterate__popup" data-inveterate-popup="exclusive-access"> <div class="inveterate__popup__inner" style="background-color:#ffffff"> <div class="inveterate__popup__heading" style="color:#000000"> Membership Required </div> <p class="inveterate__popup__body" style="color:#000000"> Only members can access this page. Subscribe to our membership to continue. </p> <div class="inveterate__popup__link__group"> <a class="inveterate__popup__link" href="/community/membership" style="color:#ffffff;background-color:#9245d8;" > Join Membership Program </a> <a class="inveterate__popup__link" href="javascript:window.inveterate.methods.navigateBackOrGoHome();" style="color:#ffffff;background-color:#9245d8;" > Go back to shopping </a> </div> <p class="inveterate__popup__account-text"> Already have an account? <a href="/account">Sign in</a> </p> </div> </div>   <div class="inveterate__popup" data-inveterate-popup="exclusive-access-tiers"> <div class="inveterate__popup__inner" style="background-color:#ffffff"> <div class="inveterate__popup__heading" id="inveterate-exclusive-access-tiers-heading" style="color:#000000"> Membership Required </div> <p class="inveterate__popup__body__tiers" id="inveterate-exclusive-access-tiers-body" style="color:#000000"> Only members can access this page. Subscribe to our membership to continue. </p> <div class="inveterate__popup__cards" id="inveterate-exclusive-access-tiers-cards-container"> <div class="inveterate__popup_tier-card inveterate__popup_card_current" id="inveterate-exclusive-access-tiers-card1"> <div> <div style="color:#000000" id="inveterate-exclusive-access-tiers-card1-title"></div> <div style="color:#000000" id="inveterate-exclusive-access-tiers-card1-subtitle"></div> <div> <ul id="inveterate-exclusive-access-tiers-card1-bullets" data-inveterate-popup-fg-color="#000000"> </ul> </div> </div> <div style="color:#000000" class="inveterate__popup__card_current_plan">Current Plan</div> </div> <div class="inveterate__popup_tier-card inveterate__popup_card_bordered" id="inveterate-exclusive-access-tiers-card2" style="border-color: #9245d8"> <div> <div style="color:#000000" id="inveterate-exclusive-access-tiers-card2-title"></div> <div style="color:#000000" id="inveterate-exclusive-access-tiers-card2-subtitle"></div> <div> <ul id="inveterate-exclusive-access-tiers-card2-bullets" data-inveterate-popup-fg-color="#000000"> </ul> </div> </div> <div class="inveterate__popup__card_next_plan"> <div class="inveterate__popup__link__group"> <a class="inveterate__popup__link" href="/community/membership?membershipplan=true" style="color:#ffffff;background-color:#9245d8;" id="inveterate-exclusive-access-tiers-popup-button" > Join Membership Program </a> </div> </div> </div> </div> <div id="inveterate-exclusive-access-tiers-popup-link-group-nonsbt" class="inveterate__popup__link__group">  <p class="inveterate__popup__account-text"> <a class="inveterate__popup__link inveterate-go-back-link" href="javascript:window.inveterate.methods.navigateBackOrGoHome();" > <span>←</span> Go back to shopping </a> </p> <div> or compare all plans on <a class="inveterate__popup__landing_link" href="/community/membership?membershipplan=true" > landing page </a> </div> </div> <div class="inveterate__popup_loader_container" id="inveterate-exclusive-access-tiers-loader-view" style="display: none"> <div> <div class="inveterate__popup_loader_line"> <span class="inveterate__popup_loader"></span> </div> <p class="inveterate__popup__body__tiers" style="color:#000000">Hang tight. We’re fetching the other plans.</p> </div> </div> <p class="inveterate__popup__account-text-signin" id="inveterate-exclusive-access-tiers-text-signin"> Already have an account? <a href="/account">Sign in</a> </p> </div> </div> <script async> (function() { document.addEventListener('DOMContentLoaded', function() { let links = document.querySelectorAll('.inveterate-go-back-link'); if (!links.length) return; links.forEach(function(link) { link.setAttribute('target', '_self'); }); }); })(); </script>  <script async>console.log('Inveterate: App embed loaded successfully');</script>  <link href="https://d3hw6dc1ow8pp2.cloudfront.net/styles/main.min.css" rel="stylesheet" type="text/css"> <style type="text/css"> .okeReviews .okeReviews-reviewsWidget-header-controls-writeReview { display: inline-block; } .okeReviews .okeReviews-reviewsWidget.is-okeReviews-empty { display: block; } </style> <script type="application/json" id="oke-reviews-settings"> {"analyticsSettings":{"provider":"ua"},"disableInitialReviewsFetchOnProducts":false,"filtersEnabled":false,"initialReviewDisplayCount":5,"locale":"en","localeAndVariant":{"code":"en"},"omitMicrodata":true,"reviewSortOrder":"rating","subscriberId":"08a3bebf-c70a-454a-999c-925017bf8059","widgetTemplateId":"default","starRatingColor":"#F6C168","recorderPlus":true,"recorderQandaPlus":true} </script> <link rel="stylesheet" type="text/css" href="https://dov7r31oq5dkj.cloudfront.net/08a3bebf-c70a-454a-999c-925017bf8059/widget-style-customisations.css?v=ed50481d-5f01-40bd-b35d-94da211328b4">   <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "Citrus Bandana", "image": "https://aurabora.com/cdn/shop/files/siteimage_bandana_1_1_1_450x450.jpg?v=1702672139", "description": "Crown yourself with this rare collector’s item — a wearable, hangable, hand-illustrated and soft-as-a-salamander scarf.", "mpn": "6728248393777", "brand": { "@type": "Brand", "name": "Aura Bora" }, "offers": { "@type": "Offer", "priceCurrency": "USD", "price": "25.0", "availability": "InStock", "seller": { "@type": "Organization", "name": "Aura Bora" } } ,"aggregateRating": { "@type": "AggregateRating", "ratingValue": "5.0", "ratingCount": "3" } } </script>     <script async src="https://static.klaviyo.com/onsite/js/Sahk98/klaviyo.js?company_id=Sahk98"></script> <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script> <script id="viewed_product"> if (item == null) { var _learnq = _learnq || []; var item = { Name: "Citrus Bandana", ProductID: 6728248393777, Categories: ["All","Merch","Shop All"], ImageURL: "https://aurabora.com/cdn/shop/files/siteimage_bandana_1_1_1_grande.jpg?v=1702672139", URL: "https://aurabora.com/products/citrus-bandana", Brand: "Aura Bora", Price: "$25.00", Value: "25.00", CompareAtPrice: "$0.00" }; _learnq.push(['track', 'Viewed Product', item]); _learnq.push(['trackViewedItem', { Title: item.Name, ItemId: item.ProductID, Categories: item.Categories, ImageUrl: item.ImageURL, Url: item.URL, Metadata: { Brand: item.Brand, Price: item.Price, Value: item.Value, CompareAtPrice: item.CompareAtPrice } }]); } </script> <script> window.klaviyoReviewsProductDesignMode = false </script> <script src="https://cdn.shopify.com/extensions/d2d9a5f6-01ac-45c9-9011-432b07ead4b9/inveterate-64/assets/app-embed.js" type="text/javascript" defer="defer"></script> <link href="https://cdn.shopify.com/extensions/d2d9a5f6-01ac-45c9-9011-432b07ead4b9/inveterate-64/assets/inveterate.css" rel="stylesheet" type="text/css" media="all"> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 24606212145,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 24606212145,storefrontBaseUrl: "https://aurabora.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["6a396365"],webPixelsConfigList: [{"id":"252182577","configuration":"{\"accountID\":\"Sahk98\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4dc2bf2f415d498931f502e99c2a3863","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"149749809","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-8SF42X82ZL\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-8SF42X82ZL\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-8SF42X82ZL\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-8SF42X82ZL\\\",\\\"MC-JC7046GGV3\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-8SF42X82ZL\\\",\\\"MC-JC7046GGV3\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-8SF42X82ZL\\\",\\\"MC-JC7046GGV3\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-8SF42X82ZL\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-8SF42X82ZL\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"322b4d09e15b68127cd86b1bb8929c25","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"59637809","configuration":"{\"pixel_id\":\"1014439665646317\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"24117297","configuration":"{\"tagID\":\"2612918466854\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4fd0680eed907adaf3f85849c393d688","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"10747953","configuration":"{\"shopId\":\"aura-bora-llc.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c450aafa71fd8ebee479d56f323c88c7","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"]},{"id":"11894833","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Cognetix"},{"id":"14090289","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Ads Purchase"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Aura Bora","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"aura-bora-llc.myshopify.com","countryCode":"US","storefrontUrl":"https://aurabora.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":25.0,"currencyCode":"USD"},"product":{"title":"Citrus Bandana","vendor":"Aura Bora","id":"6728248393777","untranslatedTitle":"Citrus Bandana","url":"/products/citrus-bandana","type":"Merch - Bandana"},"id":"39749842337841","image":{"src":"//aurabora.com/cdn/shop/files/siteimage_bandana_1_1_1.jpg?v=1702672139"},"sku":"ABOR-BANDANA-001-MCF","title":"Default Title","untranslatedTitle":"Default Title"}],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("product_viewed", {"productVariant":{"price":{"amount":25.0,"currencyCode":"USD"},"product":{"title":"Citrus Bandana","vendor":"Aura Bora","id":"6728248393777","untranslatedTitle":"Citrus Bandana","url":"/products/citrus-bandana","type":"Merch - Bandana"},"id":"39749842337841","image":{"src":"//aurabora.com/cdn/shop/files/siteimage_bandana_1_1_1.jpg?v=1702672139"},"sku":"ABOR-BANDANA-001-MCF","title":"Default Title","untranslatedTitle":"Default Title"}});},"https://aurabora.com/cdn","922b36b9w64bffb83p492751e9m8c124dc0",{"modern":"","legacy":""},{"shopId":"24606212145","storefrontBaseUrl":"https://aurabora.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"6a396365\"]","isMerchantRequest":"false","hashVersion":"922b36b9w64bffb83p492751e9m8c124dc0"});</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"product":{"id":6728248393777,"gid":"gid:\/\/shopify\/Product\/6728248393777","vendor":"Aura Bora","type":"Merch - Bandana","variants":[{"id":39749842337841,"price":2500,"name":"Citrus Bandana","public_title":null,"sku":"ABOR-BANDANA-001-MCF"}]},"page":{"pageType":"product","resourceType":"product","resourceId":6728248393777}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 24606212145, theme_id: 124642852913, app_name: "storefront", context_url: window.location.href, source_url: "//aurabora.com/cdn/s/trekkie.storefront.6790784e88524d17bc2df67c3d0c5047adb2d676.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//aurabora.com/cdn/s/trekkie.storefront.6790784e88524d17bc2df67c3d0c5047adb2d676.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//aurabora.com/cdn/s/trekkie.storefront.6790784e88524d17bc2df67c3d0c5047adb2d676.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":24606212145,"isMerchantRequest":null,"themeId":124642852913,"themeCityHash":"6397144039419548463","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":6728248393777,"shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":39749842337841,"productId":6728248393777,"productGid":"gid:\/\/shopify\/Product\/6728248393777","name":"Citrus Bandana","price":"25.00","sku":"ABOR-BANDANA-001-MCF","brand":"Aura Bora","variant":null,"category":"Merch - Bandana","nonInteraction":true},undefined,undefined,{"shopifyEmitted":true}); window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"USD","variantId":39749842337841,"productId":6728248393777,"productGid":"gid:\/\/shopify\/Product\/6728248393777","name":"Citrus Bandana","price":"25.00","sku":"ABOR-BANDANA-001-MCF","brand":"Aura Bora","variant":null,"category":"Merch - Bandana","nonInteraction":true,"referer":"https:\/\/aurabora.com\/products\/citrus-bandana"}); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//aurabora.com/cdn/shopifycloud/shopify/assets/shop_events_listener-bbbf3223c550be0dd72914a2fa06aaa88eb8943e96f9ea31fb63e7e27e0f97f4.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script defer src="https://aurabora.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.4.1.min.js" data-application="storefront-renderer" data-shop-id="24606212145" data-render-region="gcp-asia-southeast1" data-page-type="product" data-theme-instance-id="124642852913" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body> <div class="global-skip"> <a class="btn" href="#main">Skip to content</a> </div> <div id="shopify-section-global-announcement" class="shopify-section global-announcement cr-black bg-rainbow user-select-disable t-b-4"> <div class="marquee"> <div class="marquee-inner"> <div class="marquee-block" style="animation-duration: 50s;"> <span>FREE SHIPPING ON ORDERS OVER $40.00</span> </div> <div class="marquee-block" style="animation-duration: 50s;"> <span>FREE SHIPPING ON ORDERS OVER $40.00</span> </div> </div> </div> </div> </div> <header id="shopify-section-global-header" class="shopify-section global-header"> <nav class="header-links t-uppercase f-h f-a-c t-b-2 tablet-up-only"> <ul class="linklist f-h f-a-c"> <li class="linklist__item"> <a href="/collections/shop-all" class="js-megamenu-hover" data-megamenu-target="shop" > Shop </a> <button class="js-megamenu-tab" data-megamenu-target="shop" aria-label="Toggle Menu for shop"><span class="screen-reader-only">Toggle Menu for Shop</span></button> </li> <li class="megamenu js-megamenu" data-megamenu-name="shop" aria-hidden="true"> <ul class="megamenu__collections"> <li class="megamenu__collections__item t-l-1"> <a tabindex="-1" href="/collections/shop-all" class="megamenu__collections__item-link p-fill js-megamenu-collection-link " > <span class="screen-reader-only">Go to Sparkling Waters collection</span> </a> <span class="megamenu__collections__item-title">Sparkling Waters</span> <svg class="svg-arrow-right megamenu__collections__item-arrow" viewBox="0 0 55 37" fill="currentColor" stroke="#000" stroke-width="1.5"> <path d="m40.26 2.429-.395-.622-.629.384-5.292 3.232-.652.399.41.644 1.65 2.593c1.416 2.227 3.114 4.267 4.774 6.02H1.196v7.389H39.84c-1.6 1.735-3.212 3.783-4.565 6.103l-1.546 2.653-.385.66.666.373 5.415 3.03.643.36.372-.637 1.546-2.653c1.812-3.108 4.34-5.722 6.494-7.594a37.774 37.774 0 0 1 2.67-2.122c.333-.239.594-.417.765-.532l-.416-.623.416.623.185-.121.036-.023.001-.001.002-.002a3.793 3.793 0 0 0 1.79-3.099 3.785 3.785 0 0 0-1.608-3.2l-.003-.002-.002-.002-.044-.031-.2-.147c-.181-.134-.453-.34-.797-.609a52.528 52.528 0 0 1-2.743-2.31c-2.212-1.993-4.788-4.656-6.623-7.54L40.26 2.429Z"/> </svg> </li> <li class="megamenu__collections__item t-l-1"> <a tabindex="-1" href="/collections/variety-packs" class="megamenu__collections__item-link p-fill js-megamenu-collection-link " > <span class="screen-reader-only">Go to Variety Packs collection</span> </a> <span class="megamenu__collections__item-title">Variety Packs</span> <svg class="svg-arrow-right megamenu__collections__item-arrow" viewBox="0 0 55 37" fill="currentColor" stroke="#000" stroke-width="1.5"> <path d="m40.26 2.429-.395-.622-.629.384-5.292 3.232-.652.399.41.644 1.65 2.593c1.416 2.227 3.114 4.267 4.774 6.02H1.196v7.389H39.84c-1.6 1.735-3.212 3.783-4.565 6.103l-1.546 2.653-.385.66.666.373 5.415 3.03.643.36.372-.637 1.546-2.653c1.812-3.108 4.34-5.722 6.494-7.594a37.774 37.774 0 0 1 2.67-2.122c.333-.239.594-.417.765-.532l-.416-.623.416.623.185-.121.036-.023.001-.001.002-.002a3.793 3.793 0 0 0 1.79-3.099 3.785 3.785 0 0 0-1.608-3.2l-.003-.002-.002-.002-.044-.031-.2-.147c-.181-.134-.453-.34-.797-.609a52.528 52.528 0 0 1-2.743-2.31c-2.212-1.993-4.788-4.656-6.623-7.54L40.26 2.429Z"/> </svg> </li> <li class="megamenu__collections__item t-l-1"> <a tabindex="-1" href="/collections/merch" class="megamenu__collections__item-link p-fill js-megamenu-collection-link " > <span class="screen-reader-only">Go to Merch collection</span> </a> <span class="megamenu__collections__item-title">Merch</span> <svg class="svg-arrow-right megamenu__collections__item-arrow" viewBox="0 0 55 37" fill="currentColor" stroke="#000" stroke-width="1.5"> <path d="m40.26 2.429-.395-.622-.629.384-5.292 3.232-.652.399.41.644 1.65 2.593c1.416 2.227 3.114 4.267 4.774 6.02H1.196v7.389H39.84c-1.6 1.735-3.212 3.783-4.565 6.103l-1.546 2.653-.385.66.666.373 5.415 3.03.643.36.372-.637 1.546-2.653c1.812-3.108 4.34-5.722 6.494-7.594a37.774 37.774 0 0 1 2.67-2.122c.333-.239.594-.417.765-.532l-.416-.623.416.623.185-.121.036-.023.001-.001.002-.002a3.793 3.793 0 0 0 1.79-3.099 3.785 3.785 0 0 0-1.608-3.2l-.003-.002-.002-.002-.044-.031-.2-.147c-.181-.134-.453-.34-.797-.609a52.528 52.528 0 0 1-2.743-2.31c-2.212-1.993-4.788-4.656-6.623-7.54L40.26 2.429Z"/> </svg> </li> </ul> <div class="megamenu__products-container" aria-hidden="true"> <ul class="megamenu__products js-megamenu-collection-block"> <li class="megamenu__products__item t-l-2 is-tall" style="--cr-background: #edf5d5;--cr-hover: #d6ef70;" > <a href="/products/green-bean-casserole" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Green Bean Casserole collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-badge">SEASONAL</span> <span class="megamenu__products__item-title">Green Bean Casserole</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/GreenBeanCasserole_3dCan-f_1_300x.png?v=1697498672" alt="Green Bean Casserole"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #de2724;" > <a href="/products/apple-cinnamon" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Apple Cinnamon collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Apple Cinnamon</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/AppleCinn_3dcan_Front_12_300x.png?v=1727986547" alt="Apple Cinnamon"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fdc161;--cr-hover: #d67eb4;" > <a href="/products/pumpkin-spice" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Pumpkin Spice collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Pumpkin Spice</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/PS_3dcan_Front_2_1_300x.png?v=1726495634" alt="Pumpkin Spice"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #c4e0f5;--cr-hover: #7971b4;" > <a href="/products/blackberry-black-pepper" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Blackberry Black Pepper collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Blackberry Black Pepper</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/BBP_3dcan_Front_1_300x.png?v=1725485032" alt="Blackberry Black Pepper"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #ffeef2;--cr-hover: #ffbece;" > <a href="/products/raspberry-vanilla" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Raspberry Vanilla collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Raspberry Vanilla</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/RaspVan_3Dcan_1_300x.png?v=1686338462" alt="Raspberry Vanilla"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #c0e8fb;--cr-hover: #f3ee7c;" > <a href="/products/pineapple-holy-basil" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Pineapple Holy Basil collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Pineapple Holy Basil</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/PHB_3dcan-front_1_1_300x.png?v=1709743700" alt="Pineapple Holy Basil"> </div> </li> </ul> <ul class="megamenu__products js-megamenu-collection-block"> <li class="megamenu__products__item t-l-2 is-tall" style="" > <a href="/products/holiday-variety-pack" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Holiday Variety Pack collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-badge">NEW!</span> <span class="megamenu__products__item-title">Holiday Variety Pack</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/siteimage_HolidayVP_cutout_300x.png?v=1731345552" alt="Holiday Variety Pack"> </div> </li> <li class="megamenu__products__item t-l-2 is-tall" style="" > <a href="/products/variety-pack" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Classics Variety Pack collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Classics Variety Pack</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/siteimage_SamplerVP_cutout_2_1_91f81f5a-b343-40f8-b224-db2ad3e04b47_300x.png?v=1719001184" alt="Classics Variety Pack"> </div> </li> </ul> <ul class="megamenu__products js-megamenu-collection-block"> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #fff384;" > <a href="/products/citrus-bandana" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Citrus Bandana collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Citrus Bandana</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/bandana_cutout_300x.png?v=1674252396" alt="Citrus Bandana"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #a1dfa1;" > <a href="/products/taste-and-see-hat" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to "Taste and See" Hat collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">"Taste and See" Hat</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/eyehat_cutout_300x.png?v=1674252502" alt=""Taste and See" Hat"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #d2e26b;" > <a href="/products/herb-green-hat" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Herb Green Hat collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Herb Green Hat</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/herbhat_cutout_300x.png?v=1674252464" alt="Herb Green Hat"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #ffb79f;" > <a href="/products/bad-review-tote" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Bad Review Tote collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Bad Review Tote</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/tasteslikebutt_cutout_300x.png?v=1674252299" alt="Bad Review Tote"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #e2d3ff;" > <a href="/products/heavenly-baggu" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Heavenly Baggu collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Heavenly Baggu</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/baggu_cutout_300x.png?v=1674252560" alt="Heavenly Baggu"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #d2e26b;" > <a href="/products/drink-weird-water-t-shirt" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Drink Weird Water T-Shirt collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Drink Weird Water T-Shirt</span> </div> <div class="megamenu__products__item-image child-cover has-background"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/1_1Carouselimage-DWWshirt-1_1_300x.jpg?v=1702673574" alt="Drink Weird Water T-Shirt"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #d8945a;" > <a href="/products/wtf-bumper-stickers" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to WTF Bumper Stickers collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">WTF Bumper Stickers</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/bumpers_cutout_300x.png?v=1674252611" alt="WTF Bumper Stickers"> </div> </li> </ul> </div> <li class="linklist__item"> <a href="/pages/about-us" > About </a> </li> </ul> </nav> <nav class="mobile-menu t-uppercase tablet-down-only"> <ul class="mobile-menu__linklist"> <li class="mobile-menu__linklist-item"> <a class="t-l-1" href="/collections/shop-all">Shop All</a> </li> <li class="mobile-menu__linklist-item megamenu__collections__item comp-accordion is-expanded"> <button class="megamenu__collections__button js-toggle-accordion" aria-label="Toggle menu for Sparkling Waters"> <span class="t-l-1 t-uppercase">Sparkling Waters</span> <svg class="svg-caret-down megamenu__collections__button__caret" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 5"><g><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-linecap="round" d="M.5.5l4,4,4-4"/></g></svg> </button> <ul class="megamenu__products comp-accordion__content"> <li class="megamenu__products__item t-l-2 is-tall has-badge" style="--cr-background: #edf5d5;--cr-hover: #d6ef70;" > <a href="/products/green-bean-casserole" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Green Bean Casserole collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-badge">SEASONAL</span> <span class="megamenu__products__item-title">Green Bean Casserole</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/GreenBeanCasserole_3dCan-f_1_150x.png?v=1697498672" alt="Green Bean Casserole"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #de2724;" > <a href="/products/apple-cinnamon" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Apple Cinnamon collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Apple Cinnamon</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/AppleCinn_3dcan_Front_12_150x.png?v=1727986547" alt="Apple Cinnamon"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fdc161;--cr-hover: #d67eb4;" > <a href="/products/pumpkin-spice" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Pumpkin Spice collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Pumpkin Spice</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/PS_3dcan_Front_2_1_150x.png?v=1726495634" alt="Pumpkin Spice"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #c4e0f5;--cr-hover: #7971b4;" > <a href="/products/blackberry-black-pepper" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Blackberry Black Pepper collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Blackberry Black Pepper</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/BBP_3dcan_Front_1_150x.png?v=1725485032" alt="Blackberry Black Pepper"> </div> </li> </ul> </li> <li class="mobile-menu__linklist-item megamenu__collections__item comp-accordion "> <button class="megamenu__collections__button js-toggle-accordion" aria-label="Toggle menu for Variety Packs"> <span class="t-l-1 t-uppercase">Variety Packs</span> <svg class="svg-caret-down megamenu__collections__button__caret" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 5"><g><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-linecap="round" d="M.5.5l4,4,4-4"/></g></svg> </button> <ul class="megamenu__products comp-accordion__content"> <li class="megamenu__products__item t-l-2 is-tall has-badge" style="" > <a href="/products/holiday-variety-pack" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Holiday Variety Pack collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-badge">NEW!</span> <span class="megamenu__products__item-title">Holiday Variety Pack</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/siteimage_HolidayVP_cutout_150x.png?v=1731345552" alt="Holiday Variety Pack"> </div> </li> <li class="megamenu__products__item t-l-2 is-tall " style="" > <a href="/products/variety-pack" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Classics Variety Pack collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Classics Variety Pack</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/siteimage_SamplerVP_cutout_2_1_91f81f5a-b343-40f8-b224-db2ad3e04b47_150x.png?v=1719001184" alt="Classics Variety Pack"> </div> </li> </ul> </li> <li class="mobile-menu__linklist-item megamenu__collections__item comp-accordion "> <button class="megamenu__collections__button js-toggle-accordion" aria-label="Toggle menu for Merch"> <span class="t-l-1 t-uppercase">Merch</span> <svg class="svg-caret-down megamenu__collections__button__caret" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 5"><g><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-linecap="round" d="M.5.5l4,4,4-4"/></g></svg> </button> <ul class="megamenu__products comp-accordion__content"> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #fff384;" > <a href="/products/citrus-bandana" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Citrus Bandana collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Citrus Bandana</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/bandana_cutout_150x.png?v=1674252396" alt="Citrus Bandana"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #a1dfa1;" > <a href="/products/taste-and-see-hat" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to "Taste and See" Hat collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">"Taste and See" Hat</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/eyehat_cutout_150x.png?v=1674252502" alt=""Taste and See" Hat"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #d2e26b;" > <a href="/products/herb-green-hat" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Herb Green Hat collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Herb Green Hat</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/herbhat_cutout_150x.png?v=1674252464" alt="Herb Green Hat"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #ffb79f;" > <a href="/products/bad-review-tote" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Bad Review Tote collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Bad Review Tote</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/tasteslikebutt_cutout_150x.png?v=1674252299" alt="Bad Review Tote"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #e2d3ff;" > <a href="/products/heavenly-baggu" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Heavenly Baggu collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Heavenly Baggu</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/baggu_cutout_150x.png?v=1674252560" alt="Heavenly Baggu"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #d2e26b;" > <a href="/products/drink-weird-water-t-shirt" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to Drink Weird Water T-Shirt collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">Drink Weird Water T-Shirt</span> </div> <div class="megamenu__products__item-image child-cover has-background"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/1_1Carouselimage-DWWshirt-1_1_150x.jpg?v=1702673574" alt="Drink Weird Water T-Shirt"> </div> </li> <li class="megamenu__products__item t-l-2 " style="--cr-background: #fffef6;--cr-hover: #d8945a;" > <a href="/products/wtf-bumper-stickers" class="megamenu__products__item-link p-fill" tabindex="-1"> <span class="screen-reader-only">Go to WTF Bumper Stickers collection</span> </a> <div class="megamenu__products__item__text"> <span class="megamenu__products__item-title">WTF Bumper Stickers</span> </div> <div class="megamenu__products__item-image child-contain"> <img class="lazyload" data-src="//aurabora.com/cdn/shop/files/bumpers_cutout_150x.png?v=1674252611" alt="WTF Bumper Stickers"> </div> </li> </ul> </li> <li class="mobile-menu__linklist-item"> <a class="t-l-1" href="/pages/about-us">About Us</a> </li> </ul> </nav> <a class="header-logo no-text-space p-center child-contain" href="https://aurabora.com" aria-label="Aura Bora logo with link to homepage"> <svg class="svg-logo" viewBox="0 0 148 28" fill="currentColor"> <path d="M6.7.4 3.5 17.7a13 13 0 0 0-3.4-.6L0 20c.5 0 1.9.1 3 .5l-1.4 7h2.6l1-5.6c1.1.5 2.7 1 4.6 1l.9 4.6H17L11.8.4H6.7ZM5.8 19l1.6-8.6L9.2 20a7 7 0 0 1-3.4-1Z"/> <path d="M25.1 28c4.5 0 7.4-1.7 7.4-7.5V.5h-2.7v20c0 3.1-.6 4.2-2.8 4.2-2.2 0-2.7-1-2.7-4.1V.4h-6.6v20.1c0 5.9 3 7.5 7.4 7.5Z"/> <path d="M40.9 17.1h.6l2.4 10.5h6.6l-2.8-12.1c1.7-1.4 2.7-3.6 2.7-6.7 0-7-3.5-8.4-8-8.4h-7.8v27.2h6.3V17.1Zm0-14.3h1.3c1.2 0 1.8.7 1.8 5.7 0 4.8-.5 5.8-1.8 5.8h-1.3V2.8Z"/> <path d="M52.7 27.6h2.6l1-5.6c1 .5 2.6 1 4.6 1l.8 4.6h6.5L63 .4h-5.1l-3.3 17.3a13 13 0 0 0-3.3-.6l-.1 3c.5 0 1.8.1 2.9.5l-1.3 7Zm5.7-17.3 1.9 9.8a7.5 7.5 0 0 1-3.4-1.1l1.5-8.7Z"/> <path d="M88.3 13.3c2.8-.7 4.8-2.5 4.8-6.1C93.1 1 89.6.3 84.8.3h-6.7v27.2h6.7c4.8 0 8.5-1.7 8.5-7.4 0-4.5-2-6.2-5-6.8Zm-4-10.6h.5c1.6 0 2 .5 2 5 0 4.3-.4 4.7-2 4.7h-.6V2.7Zm.6 22.4h-.7V14.6h.7c1.4 0 2 .6 2 5.2 0 5-.4 5.3-2 5.3Z"/> <path d="M102.9 0c-5.5 0-8.3 3.4-8.3 14 0 10.4 2.8 13.8 8.3 13.8 5.4 0 8.2-3.4 8.2-13.9S108.3 0 103 0Zm0 25.6c-1.6 0-1.7-1-1.7-11.7 0-10.8 0-11.7 1.7-11.7 1.5 0 1.7 1 1.7 11.7 0 10.8-.1 11.7-1.7 11.7Z"/> <path d="M128.6 8.7c0-7-3.5-8.4-8-8.4H113v27.2h6.3V17h.6l2.3 10.5h6.6L126 15.4c1.7-1.4 2.6-3.5 2.6-6.7Zm-8.2 5.5h-1.2V2.7h1.2c1.3 0 1.9.7 1.9 5.7 0 4.8-.6 5.8-1.9 5.8Z"/> <path d="M140.7 27.6h6.4L141.8.3h-5.1l-3.2 17.3a13 13 0 0 0-3.4-.6v3c.4 0 1.8.1 2.8.6l-1.3 7h2.6l1-5.7c1.1.5 2.7 1 4.6 1l.9 4.7Zm-5-8.8 1.7-8.6 1.8 9.8a7.2 7.2 0 0 1-3.4-1.2Z"/> </svg></a> <button class="header-hamburger js-mobile-menu-toggle tablet-down-only" aria-label="Toggle mobile menu"><hr><hr><hr></button> <div class="header-actions f-h f-a-c"> <a class="header-actions__item header-actions__item--account btn btn--small bg-white bg-shadow tablet-up-only" href="/account">Log In</a> <a class="header-actions__item header-actions__item--mobile-account bg-shadow tablet-down-only child-contain" href="/account"> <span class="screen-reader-only">View your account</span> <svg class="svg-account " fill="#fff" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg"> <path d="M1.8 15.5c-1 2-.7 7.3 0 8 .7.7 18.7 1 20.1 0 1.4-1 1.2-3.8.8-7.2-.4-3.4-7.1-5-7.6-5-.6 0 2.7-2.6 1.6-6.8C15.5.2 9-.2 6.9 3.6 5 7.4 8.6 11 8.6 11.3c0 .4-5.8 2.2-6.8 4.2Z"/> </svg> </a> <button class="header-actions__item header-actions__item--minicart child-contain js-minicart-open" aria-label="Show minicart"> <span aria-label="Total cart items" class="header-actions__item--cart-count js-cart-total-items t-l-2 p-center">0</span> <svg class="svg-cart " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 36" stroke="none"> <path d="M12.2 19.4a1 1 0 0 1-1-.8L7.9 4.5A2 2 0 0 0 6 3H1.8c-.6 0-1-.4-1-1s.4-1 1-1H6a4 4 0 0 1 3.9 3.1l3.3 14.2c.1.5-.2 1.1-.7 1.2l-.3-.1z"/> <path class="svg-cart-main-outer bg-shadow" d="M41 5.7c.9 1.2 1.2 2.6.9 4.1l-2.6 11.4a4.7 4.7 0 0 1-4.7 3.7H16.4a4.8 4.8 0 0 1-4.7-3.7L9.1 9.8a5 5 0 0 1 .9-4.1 5 5 0 0 1 3.8-1.8h23.5c1.4 0 2.8.7 3.7 1.8zm-1 3.7a3 3 0 0 0-.5-2.4 2.7 2.7 0 0 0-2.2-1.1H13.8c-.9 0-1.6.4-2.2 1.1-.5.7-.7 1.5-.5 2.4l2.7 11.4a2.8 2.8 0 0 0 2.7 2.2h18.1c1.3 0 2.4-.9 2.7-2.2L40 9.4z"/> <path class="svg-cart-wheel-outer bg-shadow" d="M31.2 26.2c2.5 0 4.5 2 4.5 4.5s-2 4.6-4.5 4.6-4.6-2-4.6-4.6 2.1-4.5 4.6-4.5zm2.5 4.5c0-1.4-1.1-2.5-2.5-2.5s-2.5 1.1-2.5 2.5 1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5z"/> <path class="svg-cart-wheel-outer bg-shadow" d="M19.7 26.2c2.5 0 4.5 2 4.5 4.5s-2 4.6-4.5 4.6-4.6-2-4.6-4.6 2.1-4.5 4.6-4.5zm2.5 4.5c0-1.4-1.1-2.5-2.5-2.5s-2.5 1.1-2.5 2.5 1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5z"/> <g class="svg-cart-main" fill="#FFFFFF"> <path d="M39.4 7c.6.7.8 1.5.6 2.4l-2.6 11.4a2.8 2.8 0 0 1-2.7 2.2H16.4c-1.3 0-2.4-.9-2.7-2.2L11.1 9.4a3 3 0 0 1 .5-2.4c.5-.7 1.3-1.1 2.2-1.1h23.5c.8 0 1.6.4 2.1 1.1z"/> <circle cx="31.2" cy="30.7" r="2.5"/> <circle cx="19.7" cy="30.7" r="2.5"/> </g> </svg> </button> <button class="header-actions__item header-actions__item--controller child-contain js-minigame-open tablet-up-only" aria-label="Open the minigame"> <svg class="svg-controller bg-shadow " viewBox="0 0 40 27" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"> <path class="svg-controller-main" d="M8.984 2.186c2.5-1 19-1.4 22.5 0 5 2 7.5 17 7.5 20s-2.5 3.5-5.5 3.5-6.5-7-8-7h-12.5c-.5 0-5 7.6-8 7-2.5-.5-4-2.5-4-5.5s5.5-17 8-18Z" fill="#fff"/> <path data-color-interval d="M28.701 7.267c-.585.586-1.237.884-2.121 0a1.5 1.5 0 0 1 0-2.121c.586-.586 1.414-.707 2.121 0a1.5 1.5 0 0 1 0 2.12Z" fill="currentColor" stroke="none"/> <path data-color-interval d="M32.236 10.803c-.585.586-1.237.884-2.12 0a1.5 1.5 0 0 1 0-2.121c.585-.586 1.413-.707 2.12 0a1.5 1.5 0 0 1 0 2.121Z" fill="currentColor" stroke="none"/> <path data-color-interval d="M28.701 14.338c-.585.586-1.237.884-2.121 0a1.5 1.5 0 0 1 0-2.121c.586-.586 1.414-.707 2.121 0a1.5 1.5 0 0 1 0 2.121Z" fill="currentColor" stroke="none"/> <path data-color-interval d="M25.166 10.803c-.586.586-1.237.884-2.121 0a1.5 1.5 0 0 1 0-2.121c.586-.586 1.414-.707 2.121 0a1.5 1.5 0 0 1 0 2.121Z" fill="currentColor" stroke="none"/> <path d="M8.984 9.742c1.5.5 6.5.5 8 0" fill="none" /> <path d="M12.797 13.93c.5-1.5.5-6.5 0-8" fill="none"/> </svg> </button> <button class="header-actions__item header-actions__item--cursor child-contain js-cursor-toggle tablet-up-only" aria-label="Change your cursor style"> <svg class="svg-cursor " viewBox="0 0 30 35" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"> <path class="bg-shadow svg-cursor-main" d="M12.9 30.3c-2-1.4-5.7-19.3-3-20.7 2.8-1.3 18.6 8 19 10.5.5 2.4-6 3.3-6 3.3 1.2 2 3.8 6.3 3.8 7 0 .7-2.3 3.7-3.8 3-1.2-.6-3.6-5.4-4.6-7.7-1.2 1.8-4.7 5.1-5.4 4.6Z" fill="#fff"/> <path data-color-interval d="m13 1.5-1 3"/> <path data-color-interval d="m5 2.5 2 2"/> <path data-color-interval d="m1 7.7 3 .8"/> <path data-color-interval d="m17 6.5 2-2"/> <path data-color-interval d="m4 13.5-2 2"/> </svg> </button> </div></header> <main role="main" id="main"><section id="shopify-section-product-hero" class="shopify-section product"> <div class="product-hero js-virtual-form js-dynamic-pull" style="--cr-light: #fffef6;--cr: #fff384;--cr-dark: #fbe526;"data-cr-light="#fffef6"data-cr="#fff384"data-cr-dark="#fbe526"data-id="hero" ><div class="product-hero__inner c"> <div class="product-hero__left"> <div class="product-hero__headline"> <h1 class="t-h-3 cr-white t-stroke--outside t-uppercase" data-label="Citrus Bandana" style="color: #fff384;" > Citrus Bandana </h1> <div class="product-hero__reviews f-h f-j-c f-a-c"> <div class="product-hero__reviews-stars f-h f-j-s"> <svg width="16" height="15" viewBox="0 0 30 28" fill="currentColor" class="review-star"> <path d="M15 0L20.0256 8.0829L29.2658 10.3647L23.1315 17.6421L23.8168 27.1353L15 23.55L6.18322 27.1353L6.86847 17.6421L0.734152 10.3647L9.97444 8.0829L15 0Z"></path> </svg> <svg width="16" height="15" viewBox="0 0 30 28" fill="currentColor" class="review-star"> <path d="M15 0L20.0256 8.0829L29.2658 10.3647L23.1315 17.6421L23.8168 27.1353L15 23.55L6.18322 27.1353L6.86847 17.6421L0.734152 10.3647L9.97444 8.0829L15 0Z"></path> </svg> <svg width="16" height="15" viewBox="0 0 30 28" fill="currentColor" class="review-star"> <path d="M15 0L20.0256 8.0829L29.2658 10.3647L23.1315 17.6421L23.8168 27.1353L15 23.55L6.18322 27.1353L6.86847 17.6421L0.734152 10.3647L9.97444 8.0829L15 0Z"></path> </svg> <svg width="16" height="15" viewBox="0 0 30 28" fill="currentColor" class="review-star"> <path d="M15 0L20.0256 8.0829L29.2658 10.3647L23.1315 17.6421L23.8168 27.1353L15 23.55L6.18322 27.1353L6.86847 17.6421L0.734152 10.3647L9.97444 8.0829L15 0Z"></path> </svg> <svg width="16" height="15" viewBox="0 0 30 28" fill="currentColor" class="review-star"> <path d="M15 0L20.0256 8.0829L29.2658 10.3647L23.1315 17.6421L23.8168 27.1353L15 23.55L6.18322 27.1353L6.86847 17.6421L0.734152 10.3647L9.97444 8.0829L15 0Z"></path> </svg> </div> <a class="product-hero__reviews-count t-b-3" href="#reviews"> 3 Reviews</a> </div> </div> <div class="tablet-up-only"> <div class="product-hero__description t-b-2"><meta charset="utf-8">Crown yourself with this rare collector’s item — a wearable, hangable, hand-illustrated and soft-as-a-salamander scarf.<meta charset="utf-8"></div> </div> </div> <div class="product-hero__gallery js-product-gallery embla " data-loop> <div class="embla__viewport"> <div class="embla__container product-hero__gallery-slider"> <div class="product-hero__gallery__item embla__slide child-contain is-cutout js-gallery-item is-active" data-index="0"> <img width="0" height="0" alt="" data-src="//aurabora.com/cdn/shop/files/bandana_cutout_400x.png?v=1674252396" data-srcset="//aurabora.com/cdn/shop/files/bandana_cutout_100x.png?v=1674252396 100w,//aurabora.com/cdn/shop/files/bandana_cutout_200x.png?v=1674252396 200w,//aurabora.com/cdn/shop/files/bandana_cutout_300x.png?v=1674252396 300w,//aurabora.com/cdn/shop/files/bandana_cutout_400x.png?v=1674252396 400w" data-sizes="auto" class="lazyload " > </div> <div class="product-hero__gallery__item embla__slide child-cover js-gallery-item" data-index="1"> <img width="960" height="960" alt="Citrus Bandana" data-src="//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-2_800x.jpg?v=1702672139" data-srcset="//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-2_100x.jpg?v=1702672139 100w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-2_200x.jpg?v=1702672139 200w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-2_300x.jpg?v=1702672139 300w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-2_400x.jpg?v=1702672139 400w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-2_600x.jpg?v=1702672139 600w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-2_800x.jpg?v=1702672139 800w" data-sizes="auto" class="lazyload " style="object-position: 50.0% 50.0%;" > </div> <div class="product-hero__gallery__item embla__slide child-cover js-gallery-item" data-index="2"> <img width="960" height="960" alt="Citrus Bandana" data-src="//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-4_800x.jpg?v=1702672139" data-srcset="//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-4_100x.jpg?v=1702672139 100w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-4_200x.jpg?v=1702672139 200w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-4_300x.jpg?v=1702672139 300w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-4_400x.jpg?v=1702672139 400w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-4_600x.jpg?v=1702672139 600w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-4_800x.jpg?v=1702672139 800w" data-sizes="auto" class="lazyload " style="object-position: 50.0% 50.0%;" > </div> <div class="product-hero__gallery__item embla__slide child-cover js-gallery-item" data-index="3"> <img width="960" height="960" alt="Citrus Bandana" data-src="//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-3_800x.jpg?v=1702672139" data-srcset="//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-3_100x.jpg?v=1702672139 100w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-3_200x.jpg?v=1702672139 200w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-3_300x.jpg?v=1702672139 300w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-3_400x.jpg?v=1702672139 400w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-3_600x.jpg?v=1702672139 600w,//aurabora.com/cdn/shop/products/1_1Carouselimage-Bandana-3_800x.jpg?v=1702672139 800w" data-sizes="auto" class="lazyload " style="object-position: 50.0% 50.0%;" > </div> </div> <div class="embla__nav embla__dots product-hero__gallery-nav"> <button class="embla__nav-item product-hero__gallery-nav-item user-select-disable js-nav-item" aria-label="View slide 1"></button> <button class="embla__nav-item product-hero__gallery-nav-item user-select-disable js-nav-item" aria-label="View slide 2"></button> <button class="embla__nav-item product-hero__gallery-nav-item user-select-disable js-nav-item" aria-label="View slide 3"></button> <button class="embla__nav-item product-hero__gallery-nav-item user-select-disable js-nav-item" aria-label="View slide 4"></button> </div> </div> </div> <div class="product-hero__right"> <div class="product-hero__extra-description t-b-2 tablet-up-only"> <strong>Product details</strong><br /> 100% organic sustainable cotton, 21 in x 21 in, hand-printed, embroidered edge, machine wash cold<br /> <br /> <strong>Good to know</strong><br /> In collaboration with BANDITS Bandanas; hand-made, fair trade certified, and sustainably sourced bandanas. </div> <div class="item-quantity f-h user-select-disable tablet-up-only" > <button class="item-quantity__decrease cr-white" type="button" data-quantity-trigger="decrease" aria-label="Decrease quantity"> <svg class="svg-minus " viewBox="0 0 21 8" fill="currentColor" stroke="#000" stroke-width="1.2" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M1.25 3c0-1.24 1-2.25 2.25-2.25h14c1.24 0 2.25 1 2.25 2.25v2c0 1.24-1 2.25-2.25 2.25h-14c-1.24 0-2.25-1-2.25-2.25V3Z"/> </svg> </button> <div class="item-quantity__count t-uppercase t-b-3"> <label class="screen-reader-only" for="quantity-item-39749842337841"> Quantity</label> <input type="number" tabindex="-1" name="quantity" id="quantity-item-39749842337841" value="1" min="1" max="32" class="item-quantity__input" aria-label="Quantity"> <span class="item-quantity__package-unit">bandana<span class="item-quantity__package-unit--plural js-quantity-pluralize ">s</span></span> </div> <button class="item-quantity__increase cr-white" type="button" data-quantity-trigger="increase" aria-label="Increase quantity"> <svg class="svg-plus " viewBox="0 0 21 20" fill="currentColor" stroke="#000" stroke-width="1.2" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path d="M14.5 13.25h-.75V17c0 1.24-1 2.25-2.25 2.25h-2c-1.24 0-2.25-1-2.25-2.25v-3.75H3.5c-1.24 0-2.25-1-2.25-2.25V9c0-1.24 1-2.25 2.25-2.25h3.75V3c0-1.24 1-2.25 2.25-2.25h2c1.24 0 2.25 1 2.25 2.25v3.75h3.75c1.24 0 2.25 1 2.25 2.25v2c0 1.24-1 2.25-2.25 2.25h-3Z"/> </svg> </button> </div> <div class="product-hero__buttons"><button class="product-hero__submit t-uppercase btn js-cart-add" name="add" data-cart-add-id="39749842337841" data-price="25" data-subscription-savings="" data-price-compare="" data-selling-plan data-source="product-page" aria-label="Add Citrus Bandana to your cart" > <span class="item-size"> <span>Add to Cart</span> </span> <span class="product-price"> <span class="product-price--full t-l-1 js-price-label is-active"></span> <span class="product-price--discount t-l-1 js-price-label-discount is-inactive">$25</span> </span> </button> </div> <div class="product-hero__mobile tablet-down-only"> <div class="product-hero__description t-b-3"><meta charset="utf-8">Crown yourself with this rare collector’s item — a wearable, hangable, hand-illustrated and soft-as-a-salamander scarf.<meta charset="utf-8"></div> </div> </div> </div> </div></section> <section id="reviews" class="section-reviews js-dynamic-pull " style=""data-id="reviews" > <h6 class="section-reviews__headline t-h-1 t-stroke cr-white t-uppercase">Customer Reviews</h6> <div class="section-reviews__inner c-1"> <div class="c-1" data-oke-reviews-widget data-oke-reviews-product-id="shopify-6728248393777"><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme js-okeReviews"> <div class="okeReviews-reviewsWidget js-okeReviews-reviewsWidget "> <div class="okeReviews-reviewsWidget-header"> <div class="okeReviews-reviewsWidget-header-poweredBy"> <div class="okeReviews-reviewsWidget-poweredBy"> <a href="https://www.okendo.io" target="_blank" rel="noopener" class="okeReviews-lazyPoweredBy" aria-label="Powered by Okendo" data-oke-reviews-lazy-class="is-okeReviews-lazyLoaded"></a> </div></div> <div class="okeReviews-reviewsWidget-header-controls"> <a target="_blank" rel="noopener" tabindex="0" class="okeReviews-reviewsWidget-header-controls-writeReview js-okeReviews-writeReview okeReviews-button is-okeReviews-hidden" data-oke-ga-click-action="Write Review Click">Write a Review</a></div> </div> <div class="okeReviews-reviewsWidget-reviewsAggregate js-okeReviews-reviewsAggregateContainer"> <div data-oke-reviews-aggregate data-oke-reviews-version="2.16.13" data-oke-reviews-review-count="3" class="okeReviews-reviewsAggregate"> <div class="okeReviews-reviewsAggregate-side"> <div class="okeReviews-reviewsAggregate-side-inner"> <div class="okeReviews-reviewsAggregate-summary" data-oke-ga-click-label="Citrus Bandana" > <div class="okeReviews-reviewsAggregate-summary-rating"> <div class="okeReviews-reviewsAggregate-summary-rating-value"> <div class="okeReviews-badge okeReviews-badge--large okeReviews-badge--rating"> <span class="okeReviews-a11yText">average rating</span> <span >5.0</span> <span class="okeReviews-a11yText">out of 5</span> </div> </div> <div class="okeReviews-reviewsAggregate-summary-rating-starRating" role="presentation"> <span class="okeReviews-starRating"> <span class="okeReviews-starRating-indicator" role="presentation"> <span class="okeReviews-starRating-indicator-layer"></span> <span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 100%"></span> </span> </span> </div> </div> <div class="okeReviews-reviewsAggregate-summary-total"> Based on 3 reviews </div> </div><div class="okeReviews-reviewsAggregate-ratingDistribution js-or-rtgDis"> <ul class="okeReviews-ratingDistribution" aria-label="Rating distribution"> <li class="okeReviews-ratingDistribution-item"> <div class="okeReviews-ratingDistribution-item-label"> <div class="okeReviews-ratingDistribution-item-label-inner">5 Stars</div> </div> <div class="okeReviews-ratingDistribution-item-value"> <div class="okeReviews-ratingDistribution-item-value-inner"> <div class="okeReviews-ratingDistribution-item-value-graph" role="presentation"> <div class="okeReviews-barGraph"> <div class="okeReviews-barGraph-layer okeReviews-barGraph-layer--background"></div> <div class="okeReviews-barGraph-layer okeReviews-barGraph-layer--foreground" style="width: 100%"></div> </div> </div> <div class="okeReviews-ratingDistribution-item-value-count"> 3 <span class="okeReviews-a11yText">Reviews</span> </div> </div> </div> </li> <li class="okeReviews-ratingDistribution-item"> <div class="okeReviews-ratingDistribution-item-label"> <div class="okeReviews-ratingDistribution-item-label-inner">4 Stars</div> </div> <div class="okeReviews-ratingDistribution-item-value"> <div class="okeReviews-ratingDistribution-item-value-inner"> <div class="okeReviews-ratingDistribution-item-value-graph" role="presentation"> <div class="okeReviews-barGraph"> <div class="okeReviews-barGraph-layer okeReviews-barGraph-layer--background"></div> <div class="okeReviews-barGraph-layer okeReviews-barGraph-layer--foreground" style="width: 0%"></div> </div> </div> <div class="okeReviews-ratingDistribution-item-value-count"> 0 <span class="okeReviews-a11yText">Reviews</span> </div> </div> </div> </li> <li class="okeReviews-ratingDistribution-item"> <div class="okeReviews-ratingDistribution-item-label"> <div class="okeReviews-ratingDistribution-item-label-inner">3 Stars</div> </div> <div class="okeReviews-ratingDistribution-item-value"> <div class="okeReviews-ratingDistribution-item-value-inner"> <div class="okeReviews-ratingDistribution-item-value-graph" role="presentation"> <div class="okeReviews-barGraph"> <div class="okeReviews-barGraph-layer okeReviews-barGraph-layer--background"></div> <div class="okeReviews-barGraph-layer okeReviews-barGraph-layer--foreground" style="width: 0%"></div> </div> </div> <div class="okeReviews-ratingDistribution-item-value-count"> 0 <span class="okeReviews-a11yText">Reviews</span> </div> </div> </div> </li> <li class="okeReviews-ratingDistribution-item"> <div class="okeReviews-ratingDistribution-item-label"> <div class="okeReviews-ratingDistribution-item-label-inner">2 Stars</div> </div> <div class="okeReviews-ratingDistribution-item-value"> <div class="okeReviews-ratingDistribution-item-value-inner"> <div class="okeReviews-ratingDistribution-item-value-graph" role="presentation"> <div class="okeReviews-barGraph"> <div class="okeReviews-barGraph-layer okeReviews-barGraph-layer--background"></div> <div class="okeReviews-barGraph-layer okeReviews-barGraph-layer--foreground" style="width: 0%"></div> </div> </div> <div class="okeReviews-ratingDistribution-item-value-count"> 0 <span class="okeReviews-a11yText">Reviews</span> </div> </div> </div> </li> <li class="okeReviews-ratingDistribution-item"> <div class="okeReviews-ratingDistribution-item-label"> <div class="okeReviews-ratingDistribution-item-label-inner">1 Star</div> </div> <div class="okeReviews-ratingDistribution-item-value"> <div class="okeReviews-ratingDistribution-item-value-inner"> <div class="okeReviews-ratingDistribution-item-value-graph" role="presentation"> <div class="okeReviews-barGraph"> <div class="okeReviews-barGraph-layer okeReviews-barGraph-layer--background"></div> <div class="okeReviews-barGraph-layer okeReviews-barGraph-layer--foreground" style="width: 0%"></div> </div> </div> <div class="okeReviews-ratingDistribution-item-value-count"> 0 <span class="okeReviews-a11yText">Reviews</span> </div> </div> </div> </li> </ul> </div></div> </div> <div class="okeReviews-reviewsAggregate-primary"> <div class="okeReviews-reviewsAggregate-recommends"> <span class="okeReviews-reviewsAggregate-recommends-badge okeReviews-badge okeReviews-badge--recommended">100%</span> <span> of reviewers would recommend this product to a friend </span> </div> <div class="okeReviews-reviewsAggregate-mod"> <div class="okeReviews-reviewsAggregate-mod-itm okeReviews-reviewsAggregate-mod-itm--medAgg"> </div></div> </div> </div> </div> <div class="okeReviews-reviewsWidget-reviews js-okeReviews-reviewsContainer"> <div class="okeReviews-reviews"> <div class="okeReviews-reviews-controls"> <div class="okeReviews-reviews-controls-filterToggle"> <button class="okeReviews-filterToggle okeReviews-button is-okeReviews-hidden js-okeReviews-filterToggle" aria-controls="filters" aria-expanded="false" data-oke-ga-click-action="Filter Toggle Click"> Filters <span class="okeReviews-filterToggle-count js-okeReviews-filterCount is-okeReviews-hidden"></span> </button></div> <div class="okeReviews-reviews-controls-sort"> <div class="okeReviews-reviews-controls-reviewCount"> 3 Reviews </div> <div class="okeReviews-reviews-controls-select"> <span class="okeReviews-select js-okeReviews-select"> <label for="okeReviews-reviews-controls-sort" class="okeReviews-a11yText">Sort by</label> <select id="okeReviews-reviews-controls-sort" class="okeReviews-select-input js-okeReviews-select-input" data-oke-ga-change-action="Review Sort"> <option value="date desc">Most Recent</option> <option value="date asc">Oldest</option> <option value="has_media desc" >Photos & Videos</option> <option value="rating desc" selected="selected" >Highest Rating</option> <option value="rating asc">Lowest Rating</option> <option value="helpful desc" >Most Helpful</option> <option value="unhelpful desc">Least Helpful</option> </select> </span> </div></div> <div class="okeReviews-reviews-controls-filters"> <div class="okeReviews-filters js-okeReviews-filters is-okeReviews-hidden"> </div> </div> </div> <div class="okeReviews-reviews-alert okeReviews-reviews-alert--top okeReviews-alert okeReviews-alert--top js-okeReviews-topAlert" aria-hidden="true"> <div class="okeReviews-reviews-alert-inner okeReviews-alert-inner js-okeReviews-alertInner"> </div> </div><div class="okeReviews-reviews-main js-okeReviews-reviews-main"> <div class="okeReviews-reviews-review"> <article data-oke-reviews-version="2.16.13" class="okeReviews-review js-okeReviews-review" data-oke-reviews-review-id="5d32fe0d-d898-4bff-8138-341d4ad2fe05" data-oke-reviews-reviewer-name="Angela S." data-oke-ga-click-label="Citrus Bandana" > <div class="okeReviews-review-side"> <div class="okeReviews-review-side-inner"> <div class="okeReviews-review-reviewer"> <div class="okeReviews-review-reviewer-profile js-okeReviews-reviewerProfile"> <div class="okeReviews-review-reviewer-profile-avatar"> <div class="okeReviews-avatar okeReviews-avatar--reviewer "> <div class="okeReviews-avatar-placeholder" aria-hidden="true">AS</div> </div> </div> <div class="okeReviews-review-reviewer-profile-details"> <div class="okeReviews-review-reviewer-profile-details-inner"> <span class="okeReviews-review-reviewer-profile-name" aria-hidden="true">Angela S.</span> <span class="okeReviews-a11yText">Reviewed by Angela S.</span> </div> <div class="okeReviews-review-reviewer-profile-status okeReviews-review-reviewer-profile-status--verified"> Verified Buyer </div> </div> </div> <div class="okeReviews-review-recommendation okeReviews-review-recommendation--yes">I recommend this product</div> </div> </div> </div> <div class="okeReviews-review-primary"> <div class="okeReviews-review-meta js-okeReviews-reviewMeta"> <div class="okeReviews-review-starRating"> <div class="okeReviews-starRating"> <span class="okeReviews-a11yText">Rated 5 out of 5</span> <span class="okeReviews-starRating-indicator" role="presentation"> <span class="okeReviews-starRating-indicator-layer"></span> <span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 100%"></span> </span> </div> </div><div class="okeReviews-review-date"> <span class="okeReviews-a11yText">Review posted</span><span data-oke-reviews-date="2023-04-14T02:28:56.176Z"></span> </div></div><div class="okeReviews-review-main js-okeReviews-reviewMain " data-oke-reviews-review-id="5d32fe0d-d898-4bff-8138-341d4ad2fe05"> <h2 class="okeReviews-review-main-heading"> Feeling Cool </h2> <div class="okeReviews-review-main-content"> <div class="js-okeReviews-reviewContent okeReviews-review-main-content-body"> <p>Obsessed with fashionable bandana.</p><p>Looks great with my casual outfits, and feels reaching around my neck just like Aura Bora drinks.</p><p>No Diet Coke in one year, and feeling refreshed with the variety of drinks and wearing this bandana. </p><p>Thank you Aura Bora </p> </div> <div class="okeReviews-review-main-content-controls"> <span class="okeReviews-review-main-content-loader">Loading...</span> <button class="okeReviews-review-main-content-untruncate okeReviews-review-main-content-readMore js-okeReviews-readMore" aria-hidden="true">Read more</button> </div> </div> </div> <div class="okeReviews-review-media"> <div class="okeReviews-mediaStrip"> <a href="https://d4yxl4pe8dqlj.cloudfront.net/images/08a3bebf-c70a-454a-999c-925017bf8059/3b0063a0-9822-4a6c-9e65-b42ac3020c77_large.jpg" class="okeReviews-mediaStrip-item js-okeReviews-mediaStrip-item" data-oke-ga-click-action="Review Photo Click" role="button"> <img class="okeReviews-mediaStrip-item-media js-okeReviews-mediaStrip-media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-oke-reviews-lazy-image-url="https://d4yxl4pe8dqlj.cloudfront.net/images/08a3bebf-c70a-454a-999c-925017bf8059/3b0063a0-9822-4a6c-9e65-b42ac3020c77_thumbnail_120_120.jpg" alt="Open Image by Angela S. in a modal" data-oke-reviews-review-id="5d32fe0d-d898-4bff-8138-341d4ad2fe05" data-oke-reviews-media-id="3b0063a0-9822-4a6c-9e65-b42ac3020c77"> </a> </div> </div> <div class="okeReviews-review-helpful okeReviews-helpful js-okeReviews-reviewHelpful"> <span class="okeReviews-review-helpful-question okeReviews-helpful-question">Was this helpful?</span> <div class="okeReviews-review-helpful-vote okeReviews-helpful-vote"> <button class="okeReviews-review-helpful-vote-button okeReviews-review-helpful-vote-button--positive okeReviews-helpful-vote-button okeReviews-helpful-vote-button--positive js-okeReviews-review-helpful-vote-button" aria-label="Yes" aria-describedby="okeReviews-helpful-vote-counter-positive-5d32fe0d-d898-4bff-8138-341d4ad2fe05" data-oke-reviews-vote="positive" data-oke-reviews-review-id="5d32fe0d-d898-4bff-8138-341d4ad2fe05" data-oke-ga-click-action="Review Upvote"> <span id="okeReviews-helpful-vote-counter-positive-5d32fe0d-d898-4bff-8138-341d4ad2fe05" class="okeReviews-review-helpful-vote-counter okeReviews-helpful-vote-counter"> <span class="js-okeReviews-review-helpful-vote-counter-positive" data-oke-reviews-review-id="5d32fe0d-d898-4bff-8138-341d4ad2fe05">1</span> <span class="okeReviews-a11yText">person voted yes</span> </span> </button> <button class="okeReviews-review-helpful-vote-button okeReviews-review-helpful-vote-button--negative okeReviews-helpful-vote-button okeReviews-helpful-vote-button--negative js-okeReviews-review-helpful-vote-button" aria-label="No" aria-describedby="okeReviews-helpful-vote-counter-negative-5d32fe0d-d898-4bff-8138-341d4ad2fe05" data-oke-reviews-vote="negative" data-oke-reviews-review-id="5d32fe0d-d898-4bff-8138-341d4ad2fe05" data-oke-ga-click-action="Review Downvote"> <span id="okeReviews-helpful-vote-counter-negative-5d32fe0d-d898-4bff-8138-341d4ad2fe05" class="okeReviews-review-helpful-vote-counter okeReviews-helpful-vote-counter"> <span class="js-okeReviews-review-helpful-vote-counter-negative" data-oke-reviews-review-id="5d32fe0d-d898-4bff-8138-341d4ad2fe05">1</span> <span class="okeReviews-a11yText">person voted no</span> </span> </button> </div> </div> </div> </article> </div> <div class="okeReviews-reviews-review"> <article data-oke-reviews-version="2.16.13" class="okeReviews-review js-okeReviews-review" data-oke-reviews-review-id="c8971d88-3835-487d-8f28-4a7fc64bfd30" data-oke-reviews-reviewer-name="Andy K." data-oke-ga-click-label="Citrus Bandana" > <div class="okeReviews-review-side"> <div class="okeReviews-review-side-inner"> <div class="okeReviews-review-reviewer"> <div class="okeReviews-review-reviewer-profile js-okeReviews-reviewerProfile"> <div class="okeReviews-review-reviewer-profile-avatar"> <div class="okeReviews-avatar okeReviews-avatar--reviewer "> <div class="okeReviews-avatar-placeholder" aria-hidden="true">AK</div> </div> </div> <div class="okeReviews-review-reviewer-profile-details"> <div class="okeReviews-review-reviewer-profile-details-inner"> <span class="okeReviews-review-reviewer-profile-name" aria-hidden="true">Andy K.</span> <span class="okeReviews-a11yText">Reviewed by Andy K.</span> </div> <div class="okeReviews-review-reviewer-profile-status okeReviews-review-reviewer-profile-status--verified"> Verified Buyer </div> </div> </div> <div class="okeReviews-review-recommendation okeReviews-review-recommendation--yes">I recommend this product</div> </div> </div> </div> <div class="okeReviews-review-primary"> <div class="okeReviews-review-meta js-okeReviews-reviewMeta"> <div class="okeReviews-review-starRating"> <div class="okeReviews-starRating"> <span class="okeReviews-a11yText">Rated 5 out of 5</span> <span class="okeReviews-starRating-indicator" role="presentation"> <span class="okeReviews-starRating-indicator-layer"></span> <span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 100%"></span> </span> </div> </div><div class="okeReviews-review-date"> <span class="okeReviews-a11yText">Review posted</span><span data-oke-reviews-date="2023-02-19T22:29:06.445Z"></span> </div></div><div class="okeReviews-review-main js-okeReviews-reviewMain " data-oke-reviews-review-id="c8971d88-3835-487d-8f28-4a7fc64bfd30"> <h2 class="okeReviews-review-main-heading"> Nice freebie </h2> <div class="okeReviews-review-main-content"> <div class="js-okeReviews-reviewContent okeReviews-review-main-content-body"> <p>I’m always down to rep for a company like this. Cheers!</p> </div> <div class="okeReviews-review-main-content-controls"> <span class="okeReviews-review-main-content-loader">Loading...</span> <button class="okeReviews-review-main-content-untruncate okeReviews-review-main-content-readMore js-okeReviews-readMore" aria-hidden="true">Read more</button> </div> </div> </div> <div class="okeReviews-review-helpful okeReviews-helpful js-okeReviews-reviewHelpful"> <span class="okeReviews-review-helpful-question okeReviews-helpful-question">Was this helpful?</span> <div class="okeReviews-review-helpful-vote okeReviews-helpful-vote"> <button class="okeReviews-review-helpful-vote-button okeReviews-review-helpful-vote-button--positive okeReviews-helpful-vote-button okeReviews-helpful-vote-button--positive js-okeReviews-review-helpful-vote-button" aria-label="Yes" aria-describedby="okeReviews-helpful-vote-counter-positive-c8971d88-3835-487d-8f28-4a7fc64bfd30" data-oke-reviews-vote="positive" data-oke-reviews-review-id="c8971d88-3835-487d-8f28-4a7fc64bfd30" data-oke-ga-click-action="Review Upvote"> <span id="okeReviews-helpful-vote-counter-positive-c8971d88-3835-487d-8f28-4a7fc64bfd30" class="okeReviews-review-helpful-vote-counter okeReviews-helpful-vote-counter"> <span class="js-okeReviews-review-helpful-vote-counter-positive" data-oke-reviews-review-id="c8971d88-3835-487d-8f28-4a7fc64bfd30">0</span> <span class="okeReviews-a11yText">people voted yes</span> </span> </button> <button class="okeReviews-review-helpful-vote-button okeReviews-review-helpful-vote-button--negative okeReviews-helpful-vote-button okeReviews-helpful-vote-button--negative js-okeReviews-review-helpful-vote-button" aria-label="No" aria-describedby="okeReviews-helpful-vote-counter-negative-c8971d88-3835-487d-8f28-4a7fc64bfd30" data-oke-reviews-vote="negative" data-oke-reviews-review-id="c8971d88-3835-487d-8f28-4a7fc64bfd30" data-oke-ga-click-action="Review Downvote"> <span id="okeReviews-helpful-vote-counter-negative-c8971d88-3835-487d-8f28-4a7fc64bfd30" class="okeReviews-review-helpful-vote-counter okeReviews-helpful-vote-counter"> <span class="js-okeReviews-review-helpful-vote-counter-negative" data-oke-reviews-review-id="c8971d88-3835-487d-8f28-4a7fc64bfd30">0</span> <span class="okeReviews-a11yText">people voted no</span> </span> </button> </div> </div> </div> </article> </div> <div class="okeReviews-reviews-review"> <article data-oke-reviews-version="2.16.13" class="okeReviews-review js-okeReviews-review" data-oke-reviews-review-id="889872ab-6477-4cea-9c90-cf4ca394056f" data-oke-reviews-reviewer-name="Dennis S." data-oke-ga-click-label="Citrus Bandana" > <div class="okeReviews-review-side"> <div class="okeReviews-review-side-inner"> <div class="okeReviews-review-reviewer"> <div class="okeReviews-review-reviewer-profile js-okeReviews-reviewerProfile"> <div class="okeReviews-review-reviewer-profile-avatar"> <div class="okeReviews-avatar okeReviews-avatar--reviewer "> <div class="okeReviews-avatar-placeholder" aria-hidden="true">DS</div> </div> </div> <div class="okeReviews-review-reviewer-profile-details"> <div class="okeReviews-review-reviewer-profile-details-inner"> <span class="okeReviews-review-reviewer-profile-name" aria-hidden="true">Dennis S.</span> <span class="okeReviews-a11yText">Reviewed by Dennis S.</span> </div> <div class="okeReviews-review-reviewer-profile-status okeReviews-review-reviewer-profile-status--verified"> Verified Buyer </div> </div> </div> <div class="okeReviews-review-recommendation okeReviews-review-recommendation--yes">I recommend this product</div> </div> </div> </div> <div class="okeReviews-review-primary"> <div class="okeReviews-review-meta js-okeReviews-reviewMeta"> <div class="okeReviews-review-starRating"> <div class="okeReviews-starRating"> <span class="okeReviews-a11yText">Rated 5 out of 5</span> <span class="okeReviews-starRating-indicator" role="presentation"> <span class="okeReviews-starRating-indicator-layer"></span> <span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 100%"></span> </span> </div> </div><div class="okeReviews-review-date"> <span class="okeReviews-a11yText">Review posted</span><span data-oke-reviews-date="2023-01-23T16:50:58.411Z"></span> </div></div><div class="okeReviews-review-main js-okeReviews-reviewMain " data-oke-reviews-review-id="889872ab-6477-4cea-9c90-cf4ca394056f"> <h2 class="okeReviews-review-main-heading"> Beautiful bandana </h2> <div class="okeReviews-review-main-content"> <div class="js-okeReviews-reviewContent okeReviews-review-main-content-body"> <p>I love letting my Aura Bora flag fly with this beautiful coloured bandanna. It’s strong, well crafted, and if you get lost in a forest it will guide you home. Since I got my Aura Bora bandanna, I’ve lost 30 pounds, learned to speak Portuguese, and solved the mystery of Smugglers Cove! Thanks, Aura Bora!</p> </div> <div class="okeReviews-review-main-content-controls"> <span class="okeReviews-review-main-content-loader">Loading...</span> <button class="okeReviews-review-main-content-untruncate okeReviews-review-main-content-readMore js-okeReviews-readMore" aria-hidden="true">Read more</button> </div> </div> </div> <div class="okeReviews-review-helpful okeReviews-helpful js-okeReviews-reviewHelpful"> <span class="okeReviews-review-helpful-question okeReviews-helpful-question">Was this helpful?</span> <div class="okeReviews-review-helpful-vote okeReviews-helpful-vote"> <button class="okeReviews-review-helpful-vote-button okeReviews-review-helpful-vote-button--positive okeReviews-helpful-vote-button okeReviews-helpful-vote-button--positive js-okeReviews-review-helpful-vote-button" aria-label="Yes" aria-describedby="okeReviews-helpful-vote-counter-positive-889872ab-6477-4cea-9c90-cf4ca394056f" data-oke-reviews-vote="positive" data-oke-reviews-review-id="889872ab-6477-4cea-9c90-cf4ca394056f" data-oke-ga-click-action="Review Upvote"> <span id="okeReviews-helpful-vote-counter-positive-889872ab-6477-4cea-9c90-cf4ca394056f" class="okeReviews-review-helpful-vote-counter okeReviews-helpful-vote-counter"> <span class="js-okeReviews-review-helpful-vote-counter-positive" data-oke-reviews-review-id="889872ab-6477-4cea-9c90-cf4ca394056f">1</span> <span class="okeReviews-a11yText">person voted yes</span> </span> </button> <button class="okeReviews-review-helpful-vote-button okeReviews-review-helpful-vote-button--negative okeReviews-helpful-vote-button okeReviews-helpful-vote-button--negative js-okeReviews-review-helpful-vote-button" aria-label="No" aria-describedby="okeReviews-helpful-vote-counter-negative-889872ab-6477-4cea-9c90-cf4ca394056f" data-oke-reviews-vote="negative" data-oke-reviews-review-id="889872ab-6477-4cea-9c90-cf4ca394056f" data-oke-ga-click-action="Review Downvote"> <span id="okeReviews-helpful-vote-counter-negative-889872ab-6477-4cea-9c90-cf4ca394056f" class="okeReviews-review-helpful-vote-counter okeReviews-helpful-vote-counter"> <span class="js-okeReviews-review-helpful-vote-counter-negative" data-oke-reviews-review-id="889872ab-6477-4cea-9c90-cf4ca394056f">0</span> <span class="okeReviews-a11yText">people voted no</span> </span> </button> </div> </div> </div> </article> </div> </div> <div class="okeReviews-reviews-alert okeReviews-reviews-alert--bottom okeReviews-alert okeReviews-alert--bottom js-okeReviews-bottomAlert" aria-hidden="true"> <div class="okeReviews-reviews-alert-inner okeReviews-alert-inner js-okeReviews-alertInner"> </div> </div><div class="okeReviews-reviews-footer js-okeReviews-footer js-okeReviews-reviews-footer "> <button class="okeReviews-reviews-showMore okeReviews-showMore js-okeReviews-showMore" data-oke-reviews-next-uri="" data-oke-ga-click-action="Review Load More">Show more</button> </div> </div> </div> </div> </div> <script> !function(){function e(e){var d=e.getBoundingClientRect().width;d>=i.s&&d<i.m&&e.classList.add(s.m),d<i.m||e.classList.add(s.l)}var i={s:640,m:960},s={m:"is-okeReviews-reviewsWidget-medium",l:"is-okeReviews-reviewsWidget-large"};e(document.querySelector(".js-okeReviews-reviewsWidget"))}(); </script> </div> </div> </section> </main> <footer id="shopify-section-global-footer" class="shopify-section global-footer bg-purple-light u-perform"> <nav class="global-footer__social bg-rainbow t-uppercase"> <ul class="linklist"> <li class="linklist__item t-shadow"> <a class="t-h-3 cr-white t-shadow" href="https://www.tiktok.com/@drinkaurabora">TikTok</a> </li> <li class="linklist__item t-shadow"> <a class="t-h-3 cr-white t-shadow" href="https://twitter.com/drinkaurabora">Twitter</a> </li> <li class="linklist__item t-shadow"> <a class="t-h-3 cr-white t-shadow" href="https://www.instagram.com/drinkaurabora/?hl=en">Instagram</a> </li> <li class="linklist__item t-shadow"> <a class="t-h-3 cr-white t-shadow" href="https://drinkaurabora.tumblr.com/">Tumblr</a> </li> <li class="linklist__item t-shadow"> <a class="t-h-3 cr-white t-shadow" href="https://open.spotify.com/user/5vey76682jwj4jpd42w9zljqh">Spotify</a> </li> </ul> </nav> <div class="global-footer__main f-h f-a-c t-center c-2"> <nav class="global-footer__main-left footer-links t-uppercase"> <ul class="linklist"> <li class="linklist__item"> <a href="/">Home</a> </li> <li class="linklist__item"> <a href="/blogs/recipes">Mixology</a> </li> <li class="linklist__item"> <a href="/pages/wholesale">Wholesale</a> </li> <li class="linklist__item"> <a href="/pages/say-hey">Say Hey</a> </li> </ul> </nav> <div class="global-footer__main-center f-v f-a-c g-gap-2 c-4"> <a class="footer-logo" href="https://aurabora.com" aria-label="Aura Bora logo with link to homepage"><svg class="svg-logo" viewBox="0 0 148 28" fill="currentColor"> <path d="M6.7.4 3.5 17.7a13 13 0 0 0-3.4-.6L0 20c.5 0 1.9.1 3 .5l-1.4 7h2.6l1-5.6c1.1.5 2.7 1 4.6 1l.9 4.6H17L11.8.4H6.7ZM5.8 19l1.6-8.6L9.2 20a7 7 0 0 1-3.4-1Z"/> <path d="M25.1 28c4.5 0 7.4-1.7 7.4-7.5V.5h-2.7v20c0 3.1-.6 4.2-2.8 4.2-2.2 0-2.7-1-2.7-4.1V.4h-6.6v20.1c0 5.9 3 7.5 7.4 7.5Z"/> <path d="M40.9 17.1h.6l2.4 10.5h6.6l-2.8-12.1c1.7-1.4 2.7-3.6 2.7-6.7 0-7-3.5-8.4-8-8.4h-7.8v27.2h6.3V17.1Zm0-14.3h1.3c1.2 0 1.8.7 1.8 5.7 0 4.8-.5 5.8-1.8 5.8h-1.3V2.8Z"/> <path d="M52.7 27.6h2.6l1-5.6c1 .5 2.6 1 4.6 1l.8 4.6h6.5L63 .4h-5.1l-3.3 17.3a13 13 0 0 0-3.3-.6l-.1 3c.5 0 1.8.1 2.9.5l-1.3 7Zm5.7-17.3 1.9 9.8a7.5 7.5 0 0 1-3.4-1.1l1.5-8.7Z"/> <path d="M88.3 13.3c2.8-.7 4.8-2.5 4.8-6.1C93.1 1 89.6.3 84.8.3h-6.7v27.2h6.7c4.8 0 8.5-1.7 8.5-7.4 0-4.5-2-6.2-5-6.8Zm-4-10.6h.5c1.6 0 2 .5 2 5 0 4.3-.4 4.7-2 4.7h-.6V2.7Zm.6 22.4h-.7V14.6h.7c1.4 0 2 .6 2 5.2 0 5-.4 5.3-2 5.3Z"/> <path d="M102.9 0c-5.5 0-8.3 3.4-8.3 14 0 10.4 2.8 13.8 8.3 13.8 5.4 0 8.2-3.4 8.2-13.9S108.3 0 103 0Zm0 25.6c-1.6 0-1.7-1-1.7-11.7 0-10.8 0-11.7 1.7-11.7 1.5 0 1.7 1 1.7 11.7 0 10.8-.1 11.7-1.7 11.7Z"/> <path d="M128.6 8.7c0-7-3.5-8.4-8-8.4H113v27.2h6.3V17h.6l2.3 10.5h6.6L126 15.4c1.7-1.4 2.6-3.5 2.6-6.7Zm-8.2 5.5h-1.2V2.7h1.2c1.3 0 1.9.7 1.9 5.7 0 4.8-.6 5.8-1.9 5.8Z"/> <path d="M140.7 27.6h6.4L141.8.3h-5.1l-3.2 17.3a13 13 0 0 0-3.4-.6v3c.4 0 1.8.1 2.8.6l-1.3 7h2.6l1-5.7c1.1.5 2.7 1 4.6 1l.9 4.7Zm-5-8.8 1.7-8.6 1.8 9.8a7.2 7.2 0 0 1-3.4-1.2Z"/> </svg></a> <div class="global-footer__newsletter-prompt t-b-3"> <p>Sign up for our newsletter and get 15% off!</p> </div> <form id="global-footer-email-capture" class="comp-email-capture global-footer__email-capture" action="//manage.kmail-lists.com/subscriptions/subscribe" data-ajax-submit="//manage.kmail-lists.com/ajax/subscriptions/subscribe" method="GET" target="_blank" > <input type="hidden" name="g" value="WgjsUr"> <div class="comp-email-capture__success p-fill form-success"><p>Welcome! Check your email for discounts and more.</p></div> <label class="screen-reader-only" for="global-footer-email-capture-email"> Email Address</label> <input id="global-footer-email-capture-email" type="email" name="email" pattern="[a-zA-Z0-9.-_]{1,}@[a-zA-Z.-]{2,}[.]{1}[a-zA-Z]{2,}" placeholder="Email Address" required> <button class="comp-email-capture__submit child-contain" type="submit"> <span class="screen-reader-only">Sign Up for emails</span> <svg class="svg-arrow-right cr-orange-dark" viewBox="0 0 55 37" fill="currentColor" stroke="#000" stroke-width="1.5"> <path d="m40.26 2.429-.395-.622-.629.384-5.292 3.232-.652.399.41.644 1.65 2.593c1.416 2.227 3.114 4.267 4.774 6.02H1.196v7.389H39.84c-1.6 1.735-3.212 3.783-4.565 6.103l-1.546 2.653-.385.66.666.373 5.415 3.03.643.36.372-.637 1.546-2.653c1.812-3.108 4.34-5.722 6.494-7.594a37.774 37.774 0 0 1 2.67-2.122c.333-.239.594-.417.765-.532l-.416-.623.416.623.185-.121.036-.023.001-.001.002-.002a3.793 3.793 0 0 0 1.79-3.099 3.785 3.785 0 0 0-1.608-3.2l-.003-.002-.002-.002-.044-.031-.2-.147c-.181-.134-.453-.34-.797-.609a52.528 52.528 0 0 1-2.743-2.31c-2.212-1.993-4.788-4.656-6.623-7.54L40.26 2.429Z"/> </svg> </button> </form> <script type="text/javascript" defer> KlaviyoSubscribe.attachToForms('#global-footer-email-capture', { hide_form_on_success: true, extra_properties: { $source: 'Site Footer' }, success: function(data) { let _newsletterForm = document.getElementById('global-footer-email-capture'); _newsletterForm.classList.add('is-success'); } }); </script> </div> <nav class="global-footer__main-right t-uppercase"> <ul class="linklist"> <li class="linklist__item"> <a href="https://aurabora.com/pages/the-greatest-subscription-in-the-bubbleverse">Subscriptions</a> </li> <li class="linklist__item"> <a href="https://aurabora.com/community/membership">Free Membership Program</a> </li> <li class="linklist__item"> <a href="/blogs/articles">Blog</a> </li> <li class="linklist__item"> <a href="/collections/vacation">Vacation</a> </li> </ul> </nav> </div> <div class="global-footer__bottom f-h f-j-b f-a-c t-b-4 t-uppercase"> <span class="global-footer__copyright">© Aura Bora 2025</span> <ul class="linklist f-h"> <li class="linklist__item"> <a href="/policies/privacy-policy">Privacy Policy</a> </li> <li class="linklist__item"> <a href="/policies/terms-of-service">Terms of Service</a> </li> <li class="linklist__item"> <a href="/pages/faq">FAQs</a> </li> <li class="linklist__item"> <a href="/pages/kind-words">Press</a> </li> <li class="linklist__item"> <button class="t-uppercase" data-acsb-custom-trigger="true">Accessibility</button> </li> </ul> <a href="https://view-source.com" class="global-footer__credit"><u>Site credit</u></a> </div></footer> <div id="shopify-section-global-cart" class="shopify-section"> <div class="global-minicart"> <div class="global-minicart__header"> <div class="global-minicart__header-title t-h-3 f-h f-j-b f-a-c"> <span>Cart (<span class="js-cart-total-items">0</span>)</span> <button class="global-minicart__close child-contain js-minicart-close" aria-label="Close cart"> <svg class="svg-close " viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="#000" stroke-linecap="square" aria-hidden="true"> <path d="M6.67 3.12 5.33 1 1 3.64l1.35 2.12a37.18 37.18 0 0 0 7.37 8.18 31.28 31.28 0 0 0-7.42 8.41l-1.27 2.17L5.46 27l1.27-2.17a26.28 26.28 0 0 1 5.43-6.36c.68-.6 1.3-1.08 1.8-1.45.51.41 1.15.94 1.84 1.57a32.22 32.22 0 0 1 5.53 6.29L22.67 27 27 24.36l-1.35-2.12a37.18 37.18 0 0 0-7.37-8.18 31.27 31.27 0 0 0 7.42-8.41l1.27-2.17L22.54 1l-1.27 2.17a26.28 26.28 0 0 1-5.43 6.36c-.68.6-1.3 1.08-1.8 1.46-.51-.42-1.15-.95-1.84-1.58a32.22 32.22 0 0 1-5.53-6.29Z"/> </svg> </button> </div> <div class="free-shipping js-free-shipping-meter " data-shipping-goal="40"> <p class="free-shipping__messages t-b-5 t-uppercase"> <span class="free-shipping__failure"> <span>Free shipping over $40 • </span> <span class="js-free-shipping-remainder">$40</span> <span>more to unlock</span> </span> <span class="free-shipping__success">Yay! You've earned free shipping. Order now!</span> </p> <div class="free-shipping__bar"> <div class="free-shipping__bar--progress bg-rainbow js-free-shipping-progress" style="width: 0.0%;"></div> </div> </div> </div> <div class="global-minicart__scroll"> <div class="global-minicart__main js-cart-refresh-items t-h-3" data-empty-message="Oh no! Your cart is super empty :("> </div> </div> <div class="global-minicart__bottom"> <div class="global-minicart__options t-b-3 t-uppercase"> <form class="global-minicart__options-note"> <input id="cart-note-input" type="checkbox"> <label for="cart-note-input">Add a note</label> <label for="cart-note-field" class="screen-reader-only">Write your note</label> <textarea class="global-minicart__options-textarea t-b-3" id="cart-note-field" name="note" maxlength="120" placeholder="Your message…"></textarea> </form> </div> <div class="global-minicart__discount js-cart-discount"> <form class="global-minicart__discount__form js-discount-form" method="post" action="/discount" accept-charset="UTF-8" data-success="Discount applied!" data-failure="Sorry, that code didn't work!"> <label class="screen-reader-only" for="minicart-discount">Discount</label> <input class="js-discount-code" id="minicart-discount" type="text" name="discount" placeholder="Enter Promo Code" required> <button class="global-minicart__discount__submit child-contain" type="submit"> <span class="screen-reader-only">Enter Promo Code</span> <svg class="svg-arrow-right cr-orange-dark" viewBox="0 0 55 37" fill="currentColor" stroke="#000" stroke-width="1.5"> <path d="m40.26 2.429-.395-.622-.629.384-5.292 3.232-.652.399.41.644 1.65 2.593c1.416 2.227 3.114 4.267 4.774 6.02H1.196v7.389H39.84c-1.6 1.735-3.212 3.783-4.565 6.103l-1.546 2.653-.385.66.666.373 5.415 3.03.643.36.372-.637 1.546-2.653c1.812-3.108 4.34-5.722 6.494-7.594a37.774 37.774 0 0 1 2.67-2.122c.333-.239.594-.417.765-.532l-.416-.623.416.623.185-.121.036-.023.001-.001.002-.002a3.793 3.793 0 0 0 1.79-3.099 3.785 3.785 0 0 0-1.608-3.2l-.003-.002-.002-.002-.044-.031-.2-.147c-.181-.134-.453-.34-.797-.609a52.528 52.528 0 0 1-2.743-2.31c-2.212-1.993-4.788-4.656-6.623-7.54L40.26 2.429Z"/> </svg> </button> </form> </div> <div class="global-minicart__checkout js-cart-checkout "> <button type="button" class="global-minicart__continue js-minicart-close p-fill t-uppercase" aria-label="Close minicart and keep shopping">Keep Shopping</button> <div class="global-minicart__checkout__main"> <div class="global-minicart__checkout__pricing t-l-3"> <span class="global-minicart__checkout__pricing__item">Subtotal: <span class="js-cart-subtotal-price">$0.00</span></span><span class="global-minicart__checkout__pricing__item">Shipping: <span class="js-shipping-label" data-shipping-cost="5">$5.00 </span></span></div> <button aria-label="Check out" class="global-minicart__checkout-link js-cart-checkout-button btn bg-green"> <span class="t-l-1"> <span class="global-minicart__checkout__remainder js-disabled-checkout-cta t-b-3 is-hidden"> <span class="js-min-order-remainder">$0</span><span> more to check out</span> </span> <span class="js-checkout-cta t-uppercase ">Checkout</span> </span><span class="t-l-1"><span class="js-cart-total-price">$5.00</span></span></button> </div> </div> </div> </div> <button class="global-minicart__overlay js-minicart-close" aria-label="Close minicart"></button> <div class="global-loading-bar js-loading-bar"></div></div> <div id="shopify-section-global-minigame" class="shopify-section minigame"> <div class="minigame__toolbar"> <button class="minigame__audio t-shadow child-contain js-audio-toggle" aria-label="Toggle sound on/off"> <svg class="svg-speaker" viewBox="0 0 43 36" fill="none" xmlns="http://www.w3.org/2000/svg"> <g class="svg-speaker-off"> <path d="M26 10c4.3 4 7.3 9.4 12 13" stroke="#000" stroke-width="2" stroke-linecap="round"/> <path d="M26.5 24.4c1-1.6 1-1.5 2-3.4 1.2-1.8 2.4-3.6 3.3-5.5l2.8-4.4c.7-1.1 1.5-2 2-3.1" stroke="#000" stroke-width="2" stroke-linecap="round"/> </g> <g class="svg-speaker-on"> <path d="M24 11.6c2.3 1 3 3.8 3 5.8s-1 4-2.5 4.6" stroke="#000" stroke-width="2" stroke-linecap="round"/> <path d="M33.5 3c2.5 1.4 4 3.5 5.5 5.4 1.5 2 2 3.8 2.5 6 .7 2.6.5 5.5-.5 8-.7 1.5-1.7 2.9-2.5 4-.7 1.4-3.3 3.4-4 4" stroke="#000" stroke-width="2" stroke-linecap="round"/> <path d="M26.5 6.4c1.7 0 2.3.3 3.6 1.2 1 .7 1.7 1.6 2.5 2.6 2 2.3 3 5.9 2.4 8.7-.4 2-1.5 4.5-3.1 6-1 .8-2.4 1.5-3.4 2" stroke="#000" stroke-width="2" stroke-linecap="round"/> </g> <path class="svg-speaker-megaphone" d="M1.8 11c1-2 3.8-1.2 5.7-1.2L10 6.4c1-1.5 2.5-3 3.5-4.1C14.6 1 17 .3 18.2 2c.9 1.1 1 4 1 5.4v26c0 2.1-2.2 1-3.4.3a15 15 0 0 1-3.8-3.3C11 29 10.2 28 9 27c-1.5 0-6.8.7-7.1-.4-1-3.2-.9-7.1-.9-10.4 0-1.6 0-3.6.8-5Z" fill="#E1EBAF" stroke="#000" stroke-width="2" stroke-linecap="round"/> </svg> </button> <button class="minigame__close js-minigame-close" aria-label="Close minigame"> <svg class="svg-close cr-white t-shadow--thin" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="#000" stroke-linecap="square" aria-hidden="true"> <path d="M6.67 3.12 5.33 1 1 3.64l1.35 2.12a37.18 37.18 0 0 0 7.37 8.18 31.28 31.28 0 0 0-7.42 8.41l-1.27 2.17L5.46 27l1.27-2.17a26.28 26.28 0 0 1 5.43-6.36c.68-.6 1.3-1.08 1.8-1.45.51.41 1.15.94 1.84 1.57a32.22 32.22 0 0 1 5.53 6.29L22.67 27 27 24.36l-1.35-2.12a37.18 37.18 0 0 0-7.37-8.18 31.27 31.27 0 0 0 7.42-8.41l1.27-2.17L22.54 1l-1.27 2.17a26.28 26.28 0 0 1-5.43 6.36c-.68.6-1.3 1.08-1.8 1.46-.51-.42-1.15-.95-1.84-1.58a32.22 32.22 0 0 1-5.53-6.29Z"/> </svg> <span class="t-h-5 cr-white t-shadow--thin t-uppercase tablet-up-only">Exit</span> </button> </div> <div class="minigame__progress"> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> <div class="minigame__progress-item child-contain js-minigame-score-slot"> <img src="//aurabora.com/cdn/shop/t/225/assets/svg-ingredient-strawberry.svg?v=80237412249738577801728957820" alt="A strawberry that has been collected"> </div> </div> <div class="minigame__avatar js-minigame-avatar child-contain"> <img class="minigame__avatar--img p-fill" src="//aurabora.com/cdn/shop/t/225/assets/img-mascot-hedgehog.png?v=87758281438090419011728957820" alt="Hedgehog avatar"> <img class="minigame__avatar--gif p-fill" src="//aurabora.com/cdn/shop/t/225/assets/img-avatar-hedgehog.gif?v=32038440182500487841728957820" alt="Hedgehog avatar"> </div> <div class="minigame__landscape js-minigame-landscape"></div> <div class="minigame__states js-minigame-states p-fill user-select-disable"> <div class="minigame__state minigame__state--init"> <p class="minigame__init-directions t-h-3 t-shadow cr-white t-shadow">Avoid the cacti and collect 10 fruit to unlock a discount!</p> <p class="minigame__init-prompt t-b-2 tablet-up-only">Click or use space to jump</p> <p class="minigame__init-prompt t-b-2 tablet-down-only">Click to jump</p> </div> <div class="minigame__state minigame__state--playing"> <p class="minigame__init-prompt t-b-2 tablet-up-only">Click or use space to jump</p> <p class="minigame__init-prompt t-b-2 tablet-down-only">Click to jump</p> </div> <div class="minigame__state minigame__state--won"> <p class="minigame__won-headline t-h-3 t-shadow cr-white t-shadow">You’ve unlocked a discount!</p> <p class="minigame__won-directions t-b-1">Click to copy the code</p> <button class="minigame__code js-text-copy"> <span class="t-h-3 t-stroke cr-white">AURABORA15</span> </button> </div> <div class="minigame__state minigame__state--lost"> <p class="minigame__lost-headline t-h-3 t-shadow cr-white t-shadow">Well that's embarrassing…</p> <p class="minigame__lost-directions btn js-minigame-restart tablet-up-only">Click or press space to restart</p> <p class="minigame__lost-directions btn js-minigame-restart tablet-down-only">Click to restart</p> </div> </div> <div class="minigame__backdrop p-fill"></div> <script> // core settings const game = document.querySelector('.minigame'); const states = game.querySelector('.js-minigame-states'); const speed = isTablet ? 30 / 20 : 30 / 10; const goal = 10; let state = 'closed'; let jumping = false; const jumpTime = 800; // els const scoreSlots = game.querySelectorAll('.js-minigame-score-slot'); const avatar = game.querySelector('.js-minigame-avatar'); const landscape = game.querySelector('.js-minigame-landscape'); const elements = game.querySelector('.js-minigame-elements'); const code = game.querySelector('.js-text-copy'); // sizing const gameWidth = game.offsetWidth; const gameHeight = game.offsetHeight; const gameOffset = game.offsetTop; const landscapeWidth = 1660; const floor = 80; // where landscape starts and els begin const avatarBottom = floor; const avatarLeft = isTablet ? 60 : 100; const avatarWidth = isTablet ? 55 : 95; const avatarHeight = isTablet ? 90 : 150; const cactusBottom = floor - 25; const cactusHeight = isTablet ? 75 : 130; const cactusWidth = isTablet ? 40 : 70; const strawberryBottomMin = floor + 80; const strawberryBottomMax = isTablet ? 230 : 380; const strawberryHeight = isTablet ? 45 : 75; const strawberryWidth = isTablet ? 40 : 65; // speed + movement let landscapeFrame; // tracking animationFrame let startTime; // tracking animationFrame progress let slideIndex = 0; // which index of landscape let intersectTimer; // tracking intersect's setInterval let creatingElements = false; // prevent rare stacking bug let coordinates = []; let eatenBerries = []; // speed + movement let score = 0; // count towards goal to win let position = 0; // for landscape position in pixels // STATES // disallow state stacking/skipping for hyper clickers let stateChanging = false; let soundEffects; let soundOn = true; const loadSoundEffects = () => { soundEffects = [ { 'state': 'init', 'audio': [ new Audio('//aurabora.com/cdn/shop/t/225/assets/minigame-start.mp3?v=104140332747352420431728957820') ] }, { 'state': 'lost', 'audio': [ new Audio('//aurabora.com/cdn/shop/t/225/assets/minigame-lost.mp3?v=152662042010907492231728957820'), new Audio('//aurabora.com/cdn/shop/t/225/assets/minigame-lost-2.mp3?v=139284841614131896291728957820') ] }, { 'state': 'won', 'audio': [ new Audio('//aurabora.com/cdn/shop/t/225/assets/minigame-won.mp3?v=174102814492274501301728957820') ] }, { 'state': 'jump', 'audio': [ new Audio('//aurabora.com/cdn/shop/t/225/assets/minigame-jump.mp3?v=43185112656436118391728957820') ] }, { 'state': 'score', 'audio': [ new Audio('//aurabora.com/cdn/shop/t/225/assets/minigame-score.mp3?v=25064358438615301551728957820') ] } ] } const playSoundEffect = state => { const match = soundEffects.find(item => { return item.state == state; }) if (soundOn) { match.audio.forEach(file => { file.play(); }); } } // back to starting screen const resetGame = () => { // console.log('reset'); landscape.innerHTML = ''; // clear cacti, strawberries score = position = slideIndex = 0; // count towards goal to win scoreSlots.forEach(slot => slot.classList.remove('is-active')); coordinates = []; landscape.style.transform = 'translateX(0)'; // reset starting position }; // options: 'init', 'playing', 'lost', 'won', 'closed' const setState = newState => { state = newState; game.setAttribute('data-state', state); // create nice transition states.classList.add('is-changing'); // transition out == 200ms stateChanging = true; setTimeout(() => { states.classList.remove('is-changing'); stateChanging = false; }, 400); // transition out + transition in == 400ms (add more for delay) switch (state) { case "init": // console.log("init"); root.classList.add('minigame-is-active'); createElements(); scrollDisable(); break; case "playing": // console.log("playing"); requestAnimationFrame(timestamp => { startTime = timestamp; moveLandscape(timestamp) // 400px over 1 second }) intersectTimer = setInterval(checkIntersect, 20); break; case "lost": // console.log("lost"); clearInterval(intersectTimer); playSoundEffect('lost'); break; case "won": // console.log("won"); clearInterval(intersectTimer); playSoundEffect('won'); break; case "closed": // console.log("closed"); root.classList.remove('minigame-is-active'); clearInterval(intersectTimer); scrollEnable(); setTimeout(() => { resetGame(); }, 300); break; } }; // SET UP const incrementScore = () => { score++; playSoundEffect('score'); scoreSlots[score - 1].classList.add('is-active'); if (score == 10) setState("won"); }; const triggerJump = () => { if (!jumping) { avatar.classList.add('is-jumping'); playSoundEffect('jump'); jumping = true; // allow jumping again setTimeout(() => { avatar.classList.remove('is-jumping'); jumping = false; }, jumpTime + 10); // small buffer } } const setStyles = () => { avatar.style.bottom = avatarBottom + 'px'; avatar.style.left = avatarLeft + 'px'; avatar.style.width = avatarWidth + 'px'; avatar.style.height = avatarHeight + 'px'; avatar.style.animationDuration = jumpTime + 'ms'; landscape.style.backgroundSize = `${landscapeWidth}px auto`; } const createElements = () => { if (!creatingElements) { // console.log("createElements"); creatingElements = true; setTimeout(() => { creatingElements = false; }, 400); const slideAdjustment = slideIndex * landscapeWidth; const cactiPerScreen = 1; let cactusLeft = 500; // min starting offset for (let index = 1; index <= cactiPerScreen; index++) { // example: // 1st el is b/w 300 and 900: 800 --> // randomize to 800 // 2nd el is b/w 800 and 1400 const buffer = strawberryWidth * index; // avoid overlap cactusLeft = slideAdjustment + getRandomInt( cactusLeft + buffer, 600 + cactusLeft + buffer ); const id = "el" + getRandomInt(10000,99999); // create cactus const cactusTemplate = `<div id="${id}" class="minigame__cactus js-minigame-cactus" style="width: ${cactusWidth}px; height: ${cactusHeight}px; bottom:${cactusBottom}px; left: ${cactusLeft}px;"></div>`; landscape.insertAdjacentHTML('beforeend', cactusTemplate); coordinates.push({ id: id, type: 'cactus', left: cactusLeft + 5, right: cactusLeft + cactusWidth - 5, top: cactusBottom + cactusHeight, bottom: cactusBottom }) } const strawberriesPerScreen = 3; let strawberryLeft = 200; for (let index = 1; index <= strawberriesPerScreen; index++) { const strawberryBottom = getRandomInt(strawberryBottomMin, strawberryBottomMax); const buffer = strawberryWidth * index; strawberryLeft = slideAdjustment + getRandomInt( strawberryLeft + buffer, 400 + strawberryLeft + buffer ); const id = "el" + getRandomInt(10000,99999); // create strawberries const strawberryTemplate = `<div id="${id}" class="minigame__strawberry js-minigame-strawberry" style="width: ${strawberryWidth}px; height: ${strawberryHeight}px; bottom:${strawberryBottom}px; left: ${strawberryLeft}px;""></div>`; landscape.insertAdjacentHTML('beforeend', strawberryTemplate); coordinates.push({ id: id, type: 'strawberry', left: strawberryLeft, right: strawberryLeft + strawberryWidth, top: strawberryBottom + strawberryHeight, bottom: strawberryBottom }) } } }; const clearElements = () => { // on slide change, destroy the first five els } const moveLandscape = timestamp => { const runTime = timestamp - startTime; if (slideIndex != Math.ceil(position / landscapeWidth)) { slideIndex = Math.ceil(position / landscapeWidth); createElements(); } if (state == "playing") { position = speed * runTime / 5; landscapeFrame = requestAnimationFrame(timestamp => { moveLandscape(timestamp); }); landscape.style.transform = `translateX(-${position}px)`; // console.table({runTime,position,slideIndex}) } } const checkIntersect = () => { const avatarOffsetLeft = position + avatarLeft; const avatarOffsetRight = avatarOffsetLeft + avatarWidth; // offsetTop doesn't recalc with CSS animations const avatarOffsetTop = innerHeight - gameOffset - avatar.getBoundingClientRect().top; // get live calc while jumping const avatarOffsetBottom = avatarOffsetTop - avatarHeight; const overlaps = coordinates.filter(el => // HORIZONTAL overlap // avatar's right is between the el's start and end ((avatarOffsetRight > el.left && avatarOffsetRight < el.right) // or avatar's left is between the el's start and end || (avatarOffsetLeft > el.left && avatarOffsetLeft < el.right)) && // WITH VERTICAL overlap // avatar's TOP is between the el's BOTTOM and TOP ((avatarOffsetTop > el.bottom && avatarOffsetTop < el.top) // or avatar's BOTTOM is between the el's BOTTOM and TOP || (avatarOffsetBottom > el.bottom && avatarOffsetBottom < el.top)) ); // if anything is overlapping if (overlaps.length) { const cactus = overlaps.some(el => el.type == 'cactus'); // only need first const strawberry = overlaps.find(el => el.type == 'strawberry'); // grab all if (cactus) { setState('lost'); } else if (strawberry) { // visually style/eat it const id = strawberry.id; const el = document.getElementById(id); el.classList.add('is-eaten'); // don't allow to be eaten again during animationFrame const found = eatenBerries.some(val => val == id); if (!found) { eatenBerries.push(id); incrementScore(strawberry); } } } // console.log(overlaps); // console.table({avatarOffsetLeft,avatarOffsetRight,avatarOffsetTop,avatarOffsetBottom}); }; // INIT setStyles(); // HANDLERS // open and close on('body', 'click', '.js-minigame-open', e => { e.target.closest('.js-minigame-open').blur(); if (state != 'init') { setState('init'); loadSoundEffects(); playSoundEffect('init'); } }); // open with right query param if (getQueryVariable('game') == 'play') { if (state != 'init') { setState('init'); loadSoundEffects(); playSoundEffect('init'); } } // close on button click on('body', 'click', '.js-minigame-close', e => { setState('closed'); }); // close on outside click on('body', 'click', 'main, header', e => { if (!e.target.closest('.js-minigame-open') && root.classList.contains('minigame-is-active')) { setState('closed'); } }); // close on blur document.addEventListener('blur', e => { setState('closed'); }) // close on escape document.addEventListener('keydown', e => { if (e.key == 'Escape') setState('closed'); }); on('body', 'click', '.js-minigame-restart', e => { resetGame(); setState('init'); }); on('body', 'click', '.js-audio-toggle', e => { soundOn = !soundOn; const target = e.target.closest('.js-audio-toggle'); target.blur(); soundOn ? target.classList.remove('is-muted') : target.classList.add('is-muted'); }); // play or jump on click game.addEventListener('click', e => { if (!e.target.closest('.js-audio-toggle')) { if (state == 'init') { setState('playing'); } else if (state == 'playing') { triggerJump(); } } }); // play or jump on space, enter, up arrow document.addEventListener('keydown', e => { if (e.key == ' ' || e.key == 'Enter' || e.key == 'ArrowUp') { if (state == 'init') { e.preventDefault(); setState('playing'); } else if (state == 'playing') { e.preventDefault(); triggerJump(); } } // restart on space click // while allowing time for lost screen to animate in if (e.key == ' ') { if (state == 'lost' && !stateChanging) { resetGame(); setState('init'); } } }); // copy code to keyboard code.addEventListener('click', () => { const html = code.innerHTML; const text = code.innerText; const copiedText = "Copied!"; const timeout = 2000; navigator.clipboard.writeText(text); code.classList.add('is-copied'); code.innerText = copiedText; setTimeout(() => { code.innerHTML = html; code.classList.remove('is-copied'); }, timeout); }); </script> </div> <div class="popup js-popup"></div> <script> root.style.setProperty( '--s-viewport-height-initial', `${window.innerHeight}px` ); const setSpacingVariables = () => { root.style.setProperty( '--s-viewport-height', `${window.innerHeight}px` ); } setSpacingVariables(); window.addEventListener('resize', setSpacingVariables); const main = document.getElementById('main'); const globalFooter = document.querySelector('.global-footer'); main.style.minHeight = `calc(var(--s-viewport-height) - ${ (globalFooter ? globalFooter.offsetHeight : 0)}px)`; root.classList.add('is_loaded'); </script> <script src="//aurabora.com/cdn/shop/t/225/assets/js-polyfill-focus-visible.js?v=141642740593105286241728957820" type="text/javascript"></script> <script src="//aurabora.com/cdn/shop/t/225/assets/js-plugin-lazysizes.js?v=66108640031549341671728957820" type="text/javascript"></script> <script src="//aurabora.com/cdn/shop/t/225/assets/js-plugin-embla.js?v=115917693810967806161728957820" type="text/javascript"></script> <script src="//aurabora.com/cdn/shop/t/225/assets/js-tracking.min.js?v=4400607662610277491728958916" defer></script> <script src="//aurabora.com/cdn/shop/t/225/assets/js-main.min.js?v=46393357881474986341731630806" defer></script>  <script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script> <script> var klaviyo = klaviyo || []; klaviyo.init({ account: "Sahk98", platform: "shopify", list: "UcmJEk", collection_urls: ["/collections/"] }); const initKlaviyo = () => { klaviyo.enable("backinstock", { trigger: { product_page_text: "Notify me", product_page_class: "js-klaviyo-bis-trigger", product_page_text_align: "center", product_page_margin: "16px", replace_anchor: false }, modal: { additional_styles: "@import url('//aurabora.com/cdn/shop/t/225/assets/styles-klaviyo.min.css?v=121298874507111885891731019987');", headline: "", body_content: "Get a notification when this item becomes available.", email_field_label: "Email Address", newsletter_subscribe_label: "Add me to your email list", subscribe_checked: true, button_label: "Notify me when available", subscription_success_label: "We'll let you know when it drops.", footer_content: "", drop_background_color: "#000", background_color: "#f4f1e8", text_color: "#000", button_text_color: "#000", button_background_color: "#fff", close_button_color: "#000", error_background_color: "#fcd6d7", error_text_color: "#C72E2F", success_background_color: "#d3efcd", success_text_color: "#1B9500" } }); }; initKlaviyo(); </script>  <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Website", "name": "Aura Bora", "url": "https://aurabora.com" } </script> <script type="application/ld+json"> { "@type": "Organization", "@context": "http://schema.org/", "name": "Aura Bora", "logo": { "@type": "imageObject", "url": "https://aurabora.com/cdn/shop/t/225/assets/logo_300x240.png", "height": "300px", "width": "240px" }, "url": "https://aurabora.com" } </script> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "Citrus Bandana", "image": "https:\/\/aurabora.com\/cdn\/shop\/files\/siteimage_bandana_1_1_1_1024x1024.jpg?v=1702672139", "description": "\u003cmeta charset=\"utf-8\"\u003eCrown yourself with this rare collector’s item — a wearable, hangable, hand-illustrated and soft-as-a-salamander scarf.\u003cmeta charset=\"utf-8\"\u003e", "brand": { "@type": "Thing", "name": "Aura Bora" }, "offers": { "@type": "Offer", "priceCurrency": "USD", "price": 0.0, "availability": "http://schema.org/OutOfStock", "url": "https://aurabora.com", "seller": { "@type": "Organization", "name": "Aura Bora" }, "priceValidUntil": null }, ,"aggregateRating": { "@type": "AggregateRating", "ratingValue": "5.0", "ratingCount": "3" } } </script> <script> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : true, disableBgProcess : false, language : 'en', position : 'left', leadColor : '#146ff8', triggerColor : '#146ff8', triggerRadius : '50%', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'left', triggerPositionY : 'center', triggerOffsetX : 10, triggerOffsetY : 0, triggerRadius : '50%' } }); }; h.appendChild(s); })(); </script> </body> </html>

CINXE.COM

Citrus Bandana