<!doctype html> <html class="no-js" lang="en"><style> .fUldvZ {z-index:99999998!important}</style> <head><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin /><link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin /><link rel='preconnect dns-prefetch' href='https://whale.camera/' crossorigin /><script>/* >> TriplePixel :: start*/window.TriplePixelData={TripleName:"andy-okay.myshopify.com",ver:"2.11",plat:"SHOPIFY",isHeadless:false},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","application/json")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes(".txt")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,a){return void 0===a&&(a=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(a)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href,ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://whale.camera/live/dot.txt",5)))}}("","TriplePixel",localStorage);/* << TriplePixel :: end*/</script> <!-- Google Tag Manager --><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-M5H4KFZ');</script><!-- End Google Tag Manager --> <meta name="google-site-verification" content="MpW1nhHe5bwrKA98HwgD2378eIosTDvprPPuQcd_FwA" /> <meta name="google-site-verification" content="Pi_F2Xdjf-c0lyfT8zL72S8jMP_uhcxjXQ0VDnbe7HE" /> <meta 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, height=device-height, minimum-scale=1.0, user-scalable=0"> <meta name="theme-color" content=""> <title> Art for Causes by Andy okay® | Support nonprofits by purchasing art </title><meta name="description" content="Andy okay® raises money for nonprofits by offering officially licensed, limited edition art from world leading artists. Each artwork is released up to 82% off. You GIVE WHAT YOU CAN for your art, and what you choose to give will benefit the nonprofit organisation you love the most."><link rel="canonical" href="https://andyokay.com/"><link rel="shortcut icon" href="//andyokay.com/cdn/shop/files/a_logo_32x32.png?v=1692352554" type="image/png"><meta property="og:type" content="website"> <meta property="og:title" content="Art for Causes by Andy okay® | Support nonprofits by purchasing art"><meta property="og:image" content="http://andyokay.com/cdn/shop/files/share2_b7354900-8f13-47be-804e-bfa93bcfc360_grande.jpg?v=1645534387"> <meta property="og:image:secure_url" content="https://andyokay.com/cdn/shop/files/share2_b7354900-8f13-47be-804e-bfa93bcfc360_grande.jpg?v=1645534387"><meta property="og:description" content="Andy okay® raises money for nonprofits by offering officially licensed, limited edition art from world leading artists. Each artwork is released up to 82% off. You GIVE WHAT YOU CAN for your art, and what you choose to give will benefit the nonprofit organisation you love the most."><meta property="og:url" content="https://andyokay.com/"><meta property="og:site_name" content="Andy okay"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Art for Causes by Andy okay® | Support nonprofits by purchasing art"> <meta name="twitter:description" content="Andy okay® raises money for nonprofits by offering officially licensed, limited edition art from world leading artists. Each artwork is released up to 82% off. You GIVE WHAT YOU CAN for your art, and what you choose to give will benefit the nonprofit organisation you love the most."><meta name="twitter:image" content="https://andyokay.com/cdn/shop/files/share2_b7354900-8f13-47be-804e-bfa93bcfc360_600x600_crop_center.jpg?v=1645534387"> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="Pi_F2Xdjf-c0lyfT8zL72S8jMP_uhcxjXQ0VDnbe7HE"><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/8256192602/digital_wallets/dialog"><meta name="shopify-checkout-api-token" content="7de1de2358846f956dbb2ab24024945e"><meta id="in-context-paypal-metadata" data-shop-id="8256192602" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"><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=8256192602" crossorigin="anonymous"></script><script id="apple-pay-shop-capabilities" type="application/json">{"shopId":8256192602,"countryCode":"SE","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/8256192602","merchantName":"Andy okay","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex"],"total":{"type":"pending","label":"Andy okay","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":false}</script><script id="shopify-features" type="application/json">{"accessToken":"7de1de2358846f956dbb2ab24024945e","betas":["rich-media-storefront-analytics"],"domain":"andyokay.com","predictiveSearch":true,"shopId":8256192602,"locale":"en"}</script><script>var Shopify = Shopify || {};Shopify.shop = "andy-okay.myshopify.com";Shopify.locale = "en";Shopify.currency = {"active":"USD","rate":"1.0"};Shopify.country = "US";Shopify.theme = {"name":"Updated prestige - 080325","id":180185071965,"schema_name":"Prestige","schema_version":"4.2.0","theme_store_id":855,"role":"main"};Shopify.theme.handle = "null";Shopify.theme.style = {"id":null,"handle":null};Shopify.cdnHost = "andyokay.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":"index"}</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_DrfsiAOm.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"init-windoid":["modules/v2/client.init-windoid_CwUDodc0.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"shop-button":["modules/v2/client.shop-button_DsS2gQ21.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_CMLvmVsJ.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"pay-button":["modules/v2/client.pay-button_C64RFEk9.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_BsZlKz0R.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_jsb1pBzE.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_ZnXgW2Xv.en.esm.js","modules/v2/client.shop-login-button_BsjfGC5e.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_BsjfGC5e.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_DX02P6JM.en.esm.js","modules/v2/client.shop-login-button_BsjfGC5e.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_CwjbD0mp.en.esm.js","modules/v2/client.shop-login-button_BsjfGC5e.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_ChDA4NOJ.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"lead-capture":["modules/v2/client.lead-capture_Cvbujjsn.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_DrPKYhJT.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DfpGCvUy.en.esm.js","modules/v2/chunk.common_C6mCRdLp.esm.js","modules/v2/chunk.modal_12YTzLtx.esm.js"]};</script><script>(function() { function asyncLoad() { var urls = ["https:\/\/cookie-bar.salessquad.co.uk\/scripts\/fcb_77829f6731c310aa076493dad1d4c09b.js?shop=andy-okay.myshopify.com","https:\/\/loox.io\/widget\/4yZn39DknD\/loox.1620973668486.js?shop=andy-okay.myshopify.com","\/\/cdn.shopify.com\/proxy\/57f0db1107bd551b62abacfe57a6c8765793ab5a36bdac81801e6fd489e8da73\/bingshoppingtool-t2app-prod.trafficmanager.net\/uet\/tracking_script?shop=andy-okay.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/storage.googleapis.com\/gsf-scripts\/global-remarketing\/andy-okay.js?1670835493\u0026shop=andy-okay.myshopify.com","https:\/\/affiliatepluginintegration.cj.com\/getPluginJS?shop=andy-okay.myshopify.com","https:\/\/intg.snapchat.com\/shopify\/shopify-scevent-init.js?id=5bb9bf79-da8d-4c58-ab0e-5a2529533963\u0026shop=andy-okay.myshopify.com","https:\/\/omnisnippet1.com\/inShop\/Embed\/shopify.js?shop=andy-okay.myshopify.com","https:\/\/giftbox.ds-cdn.com\/static\/main.js?shop=andy-okay.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":8256192602,"offset":7200,"reqid":"dcdd2401-27a3-45b7-9321-82f4c78ebe0e-1746776283","pageurl":"andyokay.com\/","u":"53a45efd21c0","p":"home"};</script><script>window.ShopifyPaypalV4VisibilityTracking = true;</script><script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script><script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//andyokay.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script><script crossorigin="anonymous" defer="defer" src="//andyokay.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script><script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://andyokay.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};</script><script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);</script><script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));</script> <link rel="stylesheet" media="screen" href="https://andyokay.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <style id="shopify-accelerated-checkout-cart"> #shopify-buyer-consent { margin-top: 1em; display: inline-block; width: 100%;} #shopify-buyer-consent.hidden { display: none;} #shopify-subscription-policy-button { background: none; border: none; padding: 0; text-decoration: underline; font-size: inherit; cursor: pointer;} #shopify-subscription-policy-button::before { box-shadow: none;} </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <link rel="stylesheet" href="//andyokay.com/cdn/shop/t/191/assets/fonts.css?v=92143548617767707491741434241"> <link rel="stylesheet" href="//andyokay.com/cdn/shop/t/191/assets/theme.css?v=130304129344465590821742904391"> <link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script><style> :root { /* Colors */ --background : #ffffff; --light-background: #000000; --heading-color : #000000; --text-color : #000000; --text-color-light: #636363; --link-color : #2200cc; --border-color : #d9d9d9; --button-background: #000000; --button-text-color: #ffffff; --cart-background: #163bbc; --header-background : #ffffff; --header-heading-color : #000000; --header-light-text-color : #2200cc; --header-border-color : #d9d9d9; --footer-background : #f4f2eb; --footer-text-color : #636363; --footer-heading-color : #313131; --footer-border-color : #deddd7; --navigation-background : #ffffff; --navigation-text-color : #000000; --newsletter-popup-background : #f0f0f0; --newsletter-popup-text-color : #000000; --secondary-elements-background : #000000; --secondary-elements-text-color : #ffffff; --product-sale-price-color: #47b876; /* Typography */ --heading-font-family : "DIN Next", sans-serif; --heading-font-weight : 500; --heading-font-style : normal; --text-font-family : "DIN Next", sans-serif; --text-font-weight : 400; --text-font-style : normal; --base-text-font-size : 16px; --default-text-font-size: 14px; --cursor-zoom-in-svg : url("//andyokay.com/cdn/shop/t/191/assets/cursor-zoom-in.svg?v=140724387321711687071741434523"); --cursor-zoom-in-2x-svg : url("//andyokay.com/cdn/shop/t/191/assets/cursor-zoom-in-2x.svg?v=92690118109521332121741434457"); /* Animation */ --drawer-transition-timing: cubic-bezier(0.645, 0.045, 0.355, 1); /* Other */ --header-base-height: 80px; /* We use this value for browsers that do not support CSS variables */ --horizontal-spacing-four-products-per-row: 20px; --horizontal-spacing-two-products-per-row : 20px; --vertical-spacing-four-products-per-row: 40px; --vertical-spacing-two-products-per-row : 50px; } @font-face { font-family: "DIN Next"; font-weight: 500; font-style: normal; font-display: fallback; src: url("//andyokay.com/cdn/fonts/din_next/dinnext_n5.9de62f474792d83a5c7487ba13c73b05f03f03c7.woff2?h1=YW5keW9rYXkuY29t&h2=YW5keW9rZXkuY29t&h3=YW5keW9rYXkuc2U&h4=YW5keS1va2F5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=e810744e33d29bc47914b0292f57367e32785feb2ebef790c3bc1a7ce9da85c3") format("woff2"), url("//andyokay.com/cdn/fonts/din_next/dinnext_n5.780618dec464e6222d24888730ca26e0ca6ad6af.woff?h1=YW5keW9rYXkuY29t&h2=YW5keW9rZXkuY29t&h3=YW5keW9rYXkuc2U&h4=YW5keS1va2F5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=290d67578cb69ec9b9c3c0a6f9d683de1719732d3c24908a00caf7405a24fa6c") format("woff");} @font-face { font-family: "DIN Next"; font-weight: 400; font-style: normal; font-display: fallback; src: url("//andyokay.com/cdn/fonts/din_next/dinnext_n4.438c249fdbceeefafa64221353c5ece2fdb8ae14.woff2?h1=YW5keW9rYXkuY29t&h2=YW5keW9rZXkuY29t&h3=YW5keW9rYXkuc2U&h4=YW5keS1va2F5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=1a22318d41ed1ce617ceffe5140d3df47fab9cb8ff58c213dcecdf60def19a41") format("woff2"), url("//andyokay.com/cdn/fonts/din_next/dinnext_n4.ba1a214c52f07ec250a5179209eb84e73639e1c9.woff?h1=YW5keW9rYXkuY29t&h2=YW5keW9rZXkuY29t&h3=YW5keW9rYXkuc2U&h4=YW5keS1va2F5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=d19ede6abac3be24769816b1545dfb6e4601ca9e6973cc8aa61d9391119239d7") format("woff");} @font-face { font-family: "DIN Next"; font-weight: 700; font-style: normal; font-display: fallback; src: url("//andyokay.com/cdn/fonts/din_next/dinnext_n7.57888b0b2051a4dba7d02aad7ca64db99eca3cf1.woff2?h1=YW5keW9rYXkuY29t&h2=YW5keW9rZXkuY29t&h3=YW5keW9rYXkuc2U&h4=YW5keS1va2F5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=4bbb48fe713332d02e21c39a01ae790308aebf531bc67d54521120c11b91225e") format("woff2"), url("//andyokay.com/cdn/fonts/din_next/dinnext_n7.8ca52ee0f403ce0c89c90387f16284e4637c1b10.woff?h1=YW5keW9rYXkuY29t&h2=YW5keW9rZXkuY29t&h3=YW5keW9rYXkuc2U&h4=YW5keS1va2F5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=3667101600836de9033d826f13e949133f79e3aa8c5f6bc2e165b22124a3d4a0") format("woff");} @font-face { font-family: "DIN Next"; font-weight: 400; font-style: italic; font-display: fallback; src: url("//andyokay.com/cdn/fonts/din_next/dinnext_i4.61ded265c0c537a08a3ef6c1f78e76a5f3be91c9.woff2?h1=YW5keW9rYXkuY29t&h2=YW5keW9rZXkuY29t&h3=YW5keW9rYXkuc2U&h4=YW5keS1va2F5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=a4ebb8236d7d74fb0416355691a0c8d9cc29180dcf4f2ecac8e35ec8e850755f") format("woff2"), url("//andyokay.com/cdn/fonts/din_next/dinnext_i4.09dd19acb435d364f8a7263a588c573108d49efc.woff?h1=YW5keW9rYXkuY29t&h2=YW5keW9rZXkuY29t&h3=YW5keW9rYXkuc2U&h4=YW5keS1va2F5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=98536af5adcca21685b1a37508a1a8df87bbcafa1139c85ac632d49c5a5d22cf") format("woff");} @font-face { font-family: "DIN Next"; font-weight: 700; font-style: italic; font-display: fallback; src: url("//andyokay.com/cdn/fonts/din_next/dinnext_i7.3e0968fa491d382704988ea5c9fc6209193f03d0.woff2?h1=YW5keW9rYXkuY29t&h2=YW5keW9rZXkuY29t&h3=YW5keW9rYXkuc2U&h4=YW5keS1va2F5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=dade09bd5d790a38ef02d3bf58f153af3ae13608b57ff2439cfbf1a4b30a2f5c") format("woff2"), url("//andyokay.com/cdn/fonts/din_next/dinnext_i7.28611b7c75be07249f4251b10e48a8d9f8dbf8ba.woff?h1=YW5keW9rYXkuY29t&h2=YW5keW9rZXkuY29t&h3=YW5keW9rYXkuc2U&h4=YW5keS1va2F5LmFjY291bnQubXlzaG9waWZ5LmNvbQ&hmac=b278329f6add30eddeb7cf77d5658d09244d9488a39850f385207a47d722cb93") format("woff");} </style><script> // This allows to expose several variables to the global scope, to be used in scripts window.theme = { template: "index", shopCurrency: "USD", moneyFormat: "${{amount}}", moneyWithCurrencyFormat: "${{amount}} USD", currencyConversionEnabled: true, currencyConversionMoneyFormat: "money_format", currencyConversionRoundAmounts: true, productImageSize: "natural", searchMode: "product", showPageTransition: true, showElementStaggering: true, showImageZooming: false }; window.languages = { cartAddNote: "Add Order Note", cartEditNote: "Edit Order Note", productImageLoadingError: "This image could not be loaded. Please try to reload the page.", productFormAddToCart: "Add to cart", productFormUnavailable: "Unavailable", productFormSoldOut: "Sold Out", shippingEstimatorOneResult: "1 option available:", shippingEstimatorMoreResults: "{{count}} options available:", shippingEstimatorNoResults: "No shipping could be found" }; window.lazySizesConfig = { loadHidden: false, hFac: 0.5, expFactor: 2, ricTimeout: 150, lazyClass: 'Image--lazyLoad', loadingClass: 'Image--lazyLoading', loadedClass: 'Image--lazyLoaded' }; document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); document.documentElement.style.setProperty('--window-height', window.innerHeight + 'px'); // We do a quick detection of some features (we could use Modernizr but for so little...) (function() { document.documentElement.className += ((window.CSS && window.CSS.supports('(position: sticky) or (position: -webkit-sticky)')) ? ' supports-sticky' : ' no-supports-sticky'); document.documentElement.className += (window.matchMedia('(-moz-touch-enabled: 1), (hover: none)')).matches ? ' no-supports-hover' : ' supports-hover'; }()); (function () { window.onpageshow = function(event) { if (event.persisted) { window.location.reload(); } };})(); </script> <script src="//andyokay.com/cdn/shop/t/191/assets/lazysizes.min.js?v=174358363404432586981741434262" async></script> <script src="//cdn.shopify.com/s/javascripts/currencies.js" defer></script> <script src="https://polyfill-fastly.net/v3/polyfill.min.js?unknown=polyfill&features=fetch,Element.prototype.closest,Element.prototype.remove,Element.prototype.classList,Array.prototype.includes,Array.prototype.fill,Object.assign,CustomEvent,IntersectionObserver,IntersectionObserverEntry" defer></script> <script src="//andyokay.com/cdn/shop/t/191/assets/libs.min.js?v=126104566589978912021741433707" defer></script> <script> var allcodes = ['USD','EUR','GBP','CAD','ARS','AUD','BBD','BDT','BSD','BHD','BRL','BOB','BND','BGN','BWP','MMK','KYD','CLP','CNY','COP','CRC','HRK','CZK','DKK','DOP','XCD','EGP','XPF','FJD','GHS','GTQ','GYD','GEL','HKD','HUF','ILS','ISK','INR','IDR','NIS','JMD','JPY','JOD','KZT','KES','KWD','LVL','LTL','MXN','MYR','MUR','MDL','MAD','MNT','MZN','ANG','NZD','NGN','NOK','OMR','PKR','PYG','PEN','PHP','PLN','QAR','RON','RUB','SAR','RSD','SCR','SGD','SYP','ZAR','KRW','LKR','SEK','CHF','TWD','THB','TZS','TTD','TRY','UAH','AED','UYU','VEB','VND','ZMK'];var supported_codes = ["CAD","EUR","GBP","SEK","AUD","NOK","DKK","NZD"]; supported_codes.push('USD') console.log(supported_codes); const regions = { "Canada, United States": ["CA", "USA"], "Europe": ["GB", "SE", "DK", "NO", "BE", "NL", "DE", "IT", "ES",'FR','JP','AT','BG','HR','CY','CZ','EE','FI','GI','GR','HU','IE','LV','LT','LU','MT','PL','PT','RO','SK','SI','CH','TR'], "Oceania": ["AU", "NZ"] //,"Asia": ["JP"] } const countryNames = { 'CA':'Canada', //canada 'GB':'United Kingdom', //uk 'SE':'Sweden', //sweden 'DK':'Denmark', //denmark 'NO':'Norway', //norway 'AU':'Australia', //australia 'USA':'United States', //usa 'BE':'Belgium', //belgium 'NL':'Netherlands', //netherlands 'DE':'Germany', //germany 'IT':'Italy', //italy 'ES':'Spain', //spain 'FR':'France', //france 'JP':'Japan', //japan 'AT':'Austria',//austria 'BG':'Bulgaria',//bulgaria 'HR':'Croatia',//croatia 'CY':'Cyprus',//cyprus 'CZ':'Czechia',//czechia 'EE':'Estonia',//estonia 'FI':'Finland',//finland 'GI':'Gibraltar',//gibraltar 'GR':'Greece',//greece 'HU':'Hungary',//hungary 'IE':'Ireland',//ireland 'LV':'Latvia',//latvia 'LT':'Lithuania',//lithuania 'LU':'Luxembourg',//luxembourg 'MT':'Malta',//malta 'NZ':'New Zealand',//new zealand 'PL':'Poland',//poland 'PT':'Portugal',//portugal 'RO':'Romania',//romania 'SK':'Slovakia',//slovakia 'SI':'Slovenia',//slovenia 'CH':'Switzerland',//switzerland 'TR':'Türkiye',//turkey(Türkiye) }; const countryCurrency = { 'CA':'CAD', //canada 'GB':'GBP', //uk 'SE':'SEK', //sweden 'DK':'DKK', //denmark 'NO':'NOK', //norway 'AU':'AUD', //australia 'USA':'USD', //usa 'BE':'EUR', //belgium 'NL':'EUR', //netherlands 'DE':'EUR', //germany 'IT':'EUR', //italy 'ES':'EUR', //spain 'FR':'EUR', //france //'JP':'EUR' //japan 'AT':'EUR',//austria 'BG':'EUR',//bulgaria 'HR':'EUR',//croatia 'CY':'EUR',//cyprus 'CZ':'EUR',//czechia 'EE':'EUR',//estonia 'FI':'EUR',//finland 'GI':'GIP',//gibraltar 'GR':'EUR',//greece 'HU':'EUR',//hungary 'IE':'EUR',//ireland 'LV':'EUR',//latvia 'LT':'EUR',//lithuania 'LU':'EUR',//luxembourg 'MT':'EUR',//malta 'NZ':'NZD',//new zealand 'PL':'EUR',//poland 'PT':'EUR',//portugal 'RO':'EUR',//romania 'SK':'EUR',//slovakia 'SI':'EUR',//slovenia 'CH':'EUR',//switzerland 'TR':'EUR',//turkey(Türkiye) }; const countryCurrencyFlag = { 'CA':'CAD', //canada 'GB':'GBP', //uk 'SE':'SEK', //sweden 'DK':'denmark', //denmark 'NO':'NO', //norway 'AU':'AUD', //australia 'USA':'USD', //usa 'US':'USD', //usa 'BE':'belgium', //belgium 'NL':'netherlands', //netherlands 'DE':'germany', //germany 'IT':'italy', //italy 'ES':'spain', //spain 'FR':'france', //france 'JP':'japan', //japan 'AT':'austria',//austria 'BG':'bulgaria',//bulgaria 'HR':'croatia',//croatia 'CY':'cyprus',//cyprus 'CZ':'czechia',//czechia 'EE':'estonia',//estonia 'FI':'finland',//finland 'GI':'gibraltar',//gibraltar 'GR':'greece',//greece 'HU':'hungary',//hungary 'IE':'ireland',//ireland 'LV':'latvia',//latvia 'LT':'lithuania',//lithuania 'LU':'luxembourg',//luxembourg 'MT':'malta',//malta 'NZ':'newzealand',//new zealand 'PL':'poland',//poland 'PT':'portugal',//portugal 'RO':'romania',//romania 'SK':'slovakia',//slovakia 'SI':'slovenia',//slovenia 'CH':'switzerland',//switzerland 'TR':'turkey',//turkey(Türkiye) }; const currencyObjasArray = Object.entries(countryCurrency); const currencyfiltered = currencyObjasArray.filter(([key, value]) => supported_codes.includes(value)); const currencyfiltered_object = Object.fromEntries(currencyfiltered); //hidden as currency not needed if(localStorage.getItem('currencyManuallyChanged')!== 'true' && localStorage.getItem("reload") !== 'true' ){ $.getJSON('https://api.ipbase.com/v1/json/?apikey=5lXVgY1PbJ3RrPl8su6AFhln5RRMtU4IkAvBjrru',function(data){ let country_name = data.country_name; localStorage.setItem('user__country', country_name); let userCountry = data.country_code; localStorage.setItem('user_country_code', userCountry); let userCurrency = currencyfiltered_object[userCountry]; let userCurrencyFlag = countryCurrencyFlag[userCountry]; if(userCurrency == undefined){ userCurrency = 'USD'; userCurrencyFlag = 'USD'; country_name = 'United States' } localStorage.setItem('country_name_show', country_name) localStorage.setItem('currency', userCurrency); localStorage.setItem('userCurrencyFlag', userCurrencyFlag); var currentUrl = window.location.href; var url = new URL(currentUrl); url.searchParams.set("currency", userCurrency); // setting your param var newUrl = url.href; //console.log(newUrl); /* if my "reload" var isn't set locally.. getItem will be false */ if (!localStorage.getItem("reload") && userCurrency!== 'USD') { /* set reload to true and then reload the page */ localStorage.setItem("reload", "true"); window.location.replace(newUrl); } //$('.CurrencySelector__Select').prev().children( 'img' ).attr( 'src', 'https://cdn.shopify.com/s/files/1/0082/5619/2602/files/' + userCurrencyFlag + '.png'); }); } $(document).ready(function () { var selected_flag = localStorage.getItem("userCurrencyFlag"); var selected_currency = localStorage.getItem("currency"); var countrynameshow = localStorage.getItem('country_name_show') $('a.new_currency_dropdown>span>img').attr( 'src', 'https://cdn.shopify.com/s/files/1/0082/5619/2602/files/' + selected_flag + '.png'); $('button.new-currency-drawer>span>img').attr( 'src', 'https://cdn.shopify.com/s/files/1/0082/5619/2602/files/' + selected_flag + '.png'); $('a.new_currency_dropdown>span[name="currency-name"]').text(selected_currency); $('button.new-currency-drawer>span[name="currency-name"]').text(countrynameshow + " (" +selected_currency + ")"); }); </script> <script src="//andyokay.com/cdn/shop/t/191/assets/theme.js?v=141757340739087880771741952510" defer></script> <script src="//andyokay.com/cdn/shop/t/191/assets/custom.js?v=13966209599507011091741433727" defer></script> <script>var loox_global_hash = '1746771751300';</script><style>.loox-reviews-default { max-width: 1200px; margin: 0 auto; }.loox-rating .loox-icon { color:#52b37e; }:root { --lxs-rating-icon-color: #52b37e; }</style><svg xmlns="http://www.w3.org/2000/svg" style="display: none" id="loox-rating-icon-svg-store"> <defs /> <symbol id="looxicons-rating-icon-fill" viewBox="0 0 24 24" fill="currentcolor"> <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm4.152 20.5L12 17.226l5.848 3.274-1.306-6.574 4.921-4.55-6.655-.79L12 2.5 9.192 8.586l-6.656.79 4.922 4.55L6.152 20.5Z" clip-rule="evenodd" /> </symbol> <symbol id="looxicons-rating-icon-line" viewBox="0 0 24 24" fill="currentcolor"> <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm4.152 20.5L12 17.226l5.848 3.274-1.306-6.574 4.921-4.55-6.655-.79L12 2.5 9.192 8.586l-6.656.79 4.922 4.55L6.152 20.5Z" clip-rule="evenodd" opacity=".35" /> </symbol> <defs> <style> .lx-icon-fill { --lx-fill-width: calc(100% - var(--lx-rating-percent, 0%)); clip-path: inset(0 var(--lx-fill-width, 0) 0 0); } .lx-icon-line { clip-path: inset(0 0 0 var(--lx-rating-percent, 0%)); } [data-lx-fill='empty'] { --lx-rating-percent: 0%; } [data-lx-fill='half'] { --lx-rating-percent: 50%; } [data-lx-fill='full'] { --lx-rating-percent: 100%; } </style> <g id="looxicons-rating-icon"> <use href="#looxicons-rating-icon-line" class="lx-icon-line"></use> <use href="#looxicons-rating-icon-fill" class="lx-icon-fill"></use> </g> </defs></svg> <script src="//andyokay.com/cdn/shop/t/191/assets/bss-product-lab%3Eels.min.js?77039" async></script <!-- better-home-screen-icons-head-begins here --> <link rel="apple-touch-icon" sizes="57x57" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_57x57.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="60x60" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_60x60.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="72x72" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_72x72.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="76x76" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_76x76.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="114x114" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_114x114.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="120x120" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_120x120.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="144x144" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_144x144.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="152x152" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_152x152.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="180x180" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_180x180.jpg?v=91648513239117945151741434306"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="/Content/ThemeV2/Images///andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_144x144.jpg?v=91648513239117945151741434306"><meta name="theme-color" content="#ffffff"> <!-- better-home-screen-icons-head-ends here --> <!-- better-home-screen-icons-head-begin --> <link rel="apple-touch-icon" sizes="57x57" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_57x57.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="60x60" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_60x60.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="72x72" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_72x72.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="76x76" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_76x76.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="114x114" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_114x114.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="120x120" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_120x120.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="144x144" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_144x144.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="152x152" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_152x152.jpg?v=91648513239117945151741434306"><link rel="apple-touch-icon" sizes="180x180" href="//andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_180x180.jpg?v=91648513239117945151741434306"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="/Content/ThemeV2/Images///andyokay.com/cdn/shop/t/191/assets/better-home-screen-icons-icon-file_144x144.jpg?v=91648513239117945151741434306"><meta name="theme-color" content="#ffffff"> <!-- better-home-screen-icons-head-end --> <script src='https://appdevelopergroup.co/apps/smartbadge/js/smartbadge.js?shop=andy-okay.myshopify.com' type='text/javascript' defer></script> <meta name="p:domain_verify" content="e1fb25c4e56e09186ee89f3bf741f707"/> <link href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" rel="stylesheet" type="text/css" media="all" /> <script src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script> var gsf_conversion_data = {page_type : 'home', event : 'page_view', data : {product_data : [{variant_id : 48560743678301, product_id : 8601495208285, name : "A Man From Nirvana", price : "44.00", currency : "USD", sku : "pp-nyi003-30x40", brand : "Andy okay", variant : "MEDIUM 12x16" 30x40cm", category : "Wall Art, Wall Decor & Wall Art Prints"}, {variant_id : 57485092356445, product_id : 15177893445981, name : "A Modern World", price : "5800.00", currency : "USD", sku : "", brand : "Andy okay", variant : "Original Art 162x97cm", category : "Original Painting"}], total_price :"5844.00", shop_currency : "USD"}}; </script> <script type="text/javascript"> var _reroas = window._reroas = window._reroas || []; (function() { var u="https://app.trueroas.io/script/"; var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src=u+'reattributeScript.js'; s.parentNode.insertBefore(g,s); _reroas.push(['pixelId', 'andy-okay.myshopify.com']); _reroas.push(['event', 'PageView']); })(); </script> <script async defer src="https://tools.luckyorange.com/core/lo.js?site-id=fa3b5b8d"></script> <!-- Twitter conversion tracking base code --><script>!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');twq('config','od66f');</script><!-- End Twitter conversion tracking base code --> <style> .limited-release-label { background: #a6967c; color: #FFF; font-family:"DIN Next LT Pro Cond"; text-transform:uppercase; margin-right: 10px; margin-bottom: 2px; display: flex; align-items: center; justify-content: center; height: 19.8px; min-width: 115px; max-width: fit-content; padding-inline: 14px; cursor: pointer; } .limited-release-label > span { font-size: 14.375px; letter-spacing: 0.46px; margin-top: 3.5px; } .limited-release-label.atelier-label { --side-color: rgba(185 185 185); --mid-color: rgba(237 237 237); background: linear-gradient(20deg, var(--side-color) 0%, var(--mid-color) 50%, var(--side-color) 100%); color: black; } .limited-release-label.essentials-label { background: white; color: black; border: 1px solid #e5e5e5; min-width: 95px; } .limited-release-label.original-art-label { background: #f4f2eb; color: black; } .limited-release-label.limited-label-product-item { display: flex; margin-inline: auto; margin-bottom: 10px; width: 100px; height: 17.21px; container-type: inline-size; min-width: unset; max-width: unset; padding-inline: unset; } .limited-release-label.limited-label-product-item.essentials-label { width: 80px; } .limited-release-label.limited-label-product-item > span { font-size: 12.5cqi; letter-spacing: 0.4cqi; margin-top: 3.2cqi; } .limited-release-label.limited-label-product-item.essentials-label > span { font-size: 15.625cqi; letter-spacing: 0.5cqi; margin-top: 4.2cqi; }</style> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "oggkeg5k6x");</script> <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: 8256192602,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};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: 8256192602,storefrontBaseUrl: "https://andyokay.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"1076592989","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"AW-641573811\\\",\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-641573811\\/-fQyCNTio4QDELPH9rEC\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-641573811\\/xdszCNHio4QDELPH9rEC\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-641573811\\/XPcQCMvio4QDELPH9rEC\\\",\\\"MC-01GQVJ8HL0\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-641573811\\/vYu4CMjio4QDELPH9rEC\\\",\\\"MC-01GQVJ8HL0\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-641573811\\/0fmnCMXio4QDELPH9rEC\\\",\\\"MC-01GQVJ8HL0\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-641573811\\/kupACNfio4QDELPH9rEC\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-641573811\\/sHv7CM7io4QDELPH9rEC\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"08b22f5daf51b34bfe87b14f6c38657d","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"829653341","configuration":"{\"pixelCode\":\"C4J0E1OASI8C5G6I2B5G\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"586776925","configuration":"{\"apiURL\":\"https://api.omnisend.com\",\"appURL\":\"https://app.omnisend.com\",\"brandID\":\"5fa152494c7fa45396c71200\",\"trackingURL\":\"https://wt.omnisendlink.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a02f2ac1c9846ef3d018f920cac9aa87","type":"APP","apiClientId":186001,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"384860509","configuration":"{\"pixel_id\":\"773918326391318\",\"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":"211157341","configuration":"{\"pixelId\":\"5bb9bf79-da8d-4c58-ab0e-5a2529533963\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22f8c536e7873873f3de636ed467f321","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"156729693","configuration":"{\"tagID\":\"2613569201135\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4fd0680eed907adaf3f85849c393d688","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"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: "com",initData: {"shop":{"name":"Andy okay","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"andy-okay.myshopify.com","countryCode":"SE","storefrontUrl":"https://andyokay.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://andyokay.com/cdn","c3d73a36wec69de19p4168cd4dm796d6c0b",{"modern":"","legacy":""},{"shopId":"8256192602","storefrontBaseUrl":"https://andyokay.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"c3d73a36wec69de19p4168cd4dm796d6c0b"});</script><script> window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</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: 8256192602, theme_id: 180185071965, app_name: "storefront", context_url: window.location.href, source_url: "//andyokay.com/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//andyokay.com/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//andyokay.com/cdn/s/trekkie.storefront.7dd5a1f776e0762aa90f8d934b8ac8a05d3d42a2.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":8256192602,"isMerchantRequest":null,"themeId":180185071965,"themeCityHash":"3596401974758445221","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":"home","shopifyEmitted":true}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//andyokay.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script> if (!window.ga || (window.ga && typeof window.ga !== 'function')) { window.ga = function ga() { (window.ga.q = window.ga.q || []).push(arguments); Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); }; Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); }</script><script defer src="https://andyokay.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.2.min.js" data-application="storefront-renderer" data-shop-id="8256192602" data-render-region="gcp-us-east1" data-page-type="index" data-theme-instance-id="180185071965" data-theme-name="Prestige" data-theme-version="4.2.0" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" data-shs="true"></script></head> <body class="prestige--v4 template-index"> <!-- Google Tag Manager (noscript) --><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M5H4KFZ"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><!-- End Google Tag Manager (noscript) --><span class="LoadingBar"></span> <div class="PageOverlay"></div> <div class="PageTransition"></div> <div id="shopify-section-popup" class="shopify-section"></div> <div id="shopify-section-soldout_popup" class="shopify-section"><aside class="NewsletterPopup soldout-popup actual-soldout-popup" data-section-id="soldout_popup" data-section-type="newsletter-popup" aria-hidden="true"> <div class="popup_header"> <span class="popup_title">Sold Out</span> <button class="popup_close" data-action="close-popup" aria-label="Close"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </div> <div class="popup_content"><h2 class="NewsletterPopup__Heading Heading u-h2">This item has already sold out.</h2><div class="NewsletterPopup__Content"> Our artworks sell out fast, sometimes within a few days. Join our <strong>Members Club</strong> and get a one day head start on all new drops! </div><form method="post" action="/contact#newsletter-popup" id="newsletter-popup" accept-charset="UTF-8" class="NewsletterPopup__Form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"> <input type="email" name="contact[email]" class="Form__Input" required="required" aria-label="Enter your email" placeholder="Enter your email"> <button class="Form__Submit Button Button--primary Button--full" type="submit">Join the Club</button></form></div></aside> <script> $(document).ready(function(){ $('.NewsletterPopup.actual-soldout-popup .popup_close').click(function(){ $('.NewsletterPopup.actual-soldout-popup').removeClass('visible'); $('body').removeClass('soldout-popup-visible'); }); });</script> </div> <div id="shopify-section-sidebar-menu-slider-submenu" class="shopify-section"><style> #flags-mobile { height: 13px; width: 22px; margin-right: 2.5px; } .collapsible-content-main { padding-left: 30px; } .drawer-secondary-link-list { margin: 35px 15px 0px 15px; list-style: none; display: block; flex-wrap: wrap; } .drawer-secondary-link-list>li { padding-bottom: 10px; width: 50%; font-family: 'Adobe Caslon Pro'; color: #595959; font-size: 15px; } .drawer-trustpilot-container{ text-align: center; margin-top: 60px; margin-bottom: 70px; } @media only screen and (min-width: 641px) { .drawer-trustpilot-container{ margin-bottom: 100px; } } .drawer-trustpilot-text{ font-family: 'Adobe Caslon Pro'; color: black; padding: 10px; font-size: 14px; }</style> <section id="sidebar-menu" class="Slider-submenu SidebarMenu Drawer Drawer--small Drawer--fromLeft" aria-hidden="true" data-section-id="sidebar-menu-slider-submenu" data-section-type="sidebar-menu"> <header class="Drawer__Header" data-drawer-animated-left> <div class="Slider-Header"><div class="Slider-Item"> <div class="Collapsible__Slider-header" data-header-id="link_0"> <div class="Collapsible__Slider-arrow" data-action="slider-close-collapsible"> <svg class="Icon Icon--select-arrow-left" role="presentation" viewBox="0 0 11 18"> <path d="M9.5 1.5L1.5 9l8 7.5" stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path> </svg> </div> <div class="Collapsible__Slider-title">FINE ART PRINTS</div> <div class="Collapsible__Slider-centralizer"></div> </div><div class="Slider-Item"> <div class="Collapsible__Slider-header" data-header-id="link_0_3"> <div class="Collapsible__Slider-arrow" data-action="slider-close-collapsible"> <svg class="Icon Icon--select-arrow-left" role="presentation" viewBox="0 0 11 18"> <path d="M9.5 1.5L1.5 9l8 7.5" stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path> </svg> </div> <div class="Collapsible__Slider-title">COLLECTIONS</div> <div class="Collapsible__Slider-centralizer"></div> </div> </div> </div><div class="Slider-Item"> <div class="Collapsible__Slider-header" data-header-id="link_3"> <div class="Collapsible__Slider-arrow" data-action="slider-close-collapsible"> <svg class="Icon Icon--select-arrow-left" role="presentation" viewBox="0 0 11 18"> <path d="M9.5 1.5L1.5 9l8 7.5" stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path> </svg> </div> <div class="Collapsible__Slider-title">OUR IMPACT</div> <div class="Collapsible__Slider-centralizer"></div> </div> </div> </div> <div class="Slider-Header"><div class="Slider-Item"> <div class="Collapsible__Slider-header" data-header-id="secondary_link_1"> <div class="Collapsible__Slider-arrow" data-action="slider-close-collapsible"> <svg class="Icon Icon--select-arrow-left" role="presentation" viewBox="0 0 11 18"> <path d="M9.5 1.5L1.5 9l8 7.5" stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path> </svg> </div> <div class="Collapsible__Slider-title">Customer Support</div> <div class="Collapsible__Slider-centralizer"></div> </div> </div> </div> <button class="Drawer__Close Icon-Wrapper--clickable" data-action="close-drawer" data-drawer-id="sidebar-menu" aria-label="Close navigation"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </header> <div class="Drawer__Content"> <div class="Drawer__Main drawer-menu" data-drawer-animated-left data-scrollable> <div class="Drawer__Container drawer-sidebar"> <div> <nav class="SidebarMenu__Nav SidebarMenu__Nav--primary" aria-label="Sidebar navigation"> <div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false">FINE ART PRINTS<svg class="Icon Icon--select-arrow-right" role="presentation" viewBox="0 0 11 18"> <path d="M1.5 1.5l8 7.5-8 7.5" stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path> </svg> <!-- <span class="Collapsible__Plus"></span> --> </button> <div class="Collapsible__Slider" aria-hidden="true" data-header-id="link_0" data-position="first_level"> <div class="Collapsible"><a href="/collections/just-released" class="Collapsible__Button Heading Link Link--primary u-h6 "> NEW ARRIVALS </a></div> <div class="Collapsible"><a href="/collections/best-sellers" class="Collapsible__Button Heading Link Link--primary u-h6 "> BEST SELLERS </a></div> <div class="Collapsible"><a href="/collections/going-fast" class="Collapsible__Button Heading Link Link--primary u-h6 "> ALMOST GONE </a></div> <div class="Collapsible"><button class="Collapsible__Button Heading u-h6 " data-action="toggle-collapsible" aria-expanded="false">COLLECTIONS<svg class="Icon Icon--select-arrow-right" role="presentation" viewBox="0 0 11 18"> <path d="M1.5 1.5l8 7.5-8 7.5" stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path> </svg> </button> <div class="Collapsible__Slider" aria-hidden="true" data-header-id="link_0_3"> <div class="Collapsible"> <a href="/collections/animals" class="Collapsible__Button Heading Link Link--primary u-h6 "> ANIMALS </a> </div> <div class="Collapsible"> <a href="/collections/astronauts" class="Collapsible__Button Heading Link Link--primary u-h6 "> ASTRONAUTS </a> </div> <div class="Collapsible"> <a href="/collections/contemporary" class="Collapsible__Button Heading Link Link--primary u-h6 "> CONTEMPORARY </a> </div> <div class="Collapsible"> <a href="/collections/floral" class="Collapsible__Button Heading Link Link--primary u-h6 "> FLOWERS </a> </div> <div class="Collapsible"> <a href="/collections/illustrations-1" class="Collapsible__Button Heading Link Link--primary u-h6 "> ILLUSTRATION </a> </div> <div class="Collapsible"> <a href="/collections/motivational-art" class="Collapsible__Button Heading Link Link--primary u-h6 "> MOTIVATIONAL </a> </div> <div class="Collapsible"> <a href="/collections/nature" class="Collapsible__Button Heading Link Link--primary u-h6 "> NATURE </a> </div> <div class="Collapsible"> <a href="/collections/photography" class="Collapsible__Button Heading Link Link--primary u-h6 "> PHOTOGRAPHY </a> </div> <div class="Collapsible"> <a href="/collections/space" class="Collapsible__Button Heading Link Link--primary u-h6 "> SPACE </a> </div> <div class="Collapsible"> <a href="/collections/surreal" class="Collapsible__Button Heading Link Link--primary u-h6 "> SURREAL </a> </div> <div class="Collapsible__Slider-padding"></div> </div></div> <div class="Collapsible"><a href="/collections/all-art" class="Collapsible__Button Heading Link Link--primary u-h6 "> ALL ART </a></div> <div class="Collapsible__Slider-padding"></div> </div> </div> <div class="Collapsible"><a href="/collections/original-art" class="Collapsible__Button Heading Link Link--primary u-h6 "> ORIGINAL ART </a></div> <div class="Collapsible"><a href="/collections/frames" class="Collapsible__Button Heading Link Link--primary u-h6 "> FRAMES </a></div> <div class="Collapsible"><button class="Collapsible__Button Heading u-h6 impact-link" data-action="toggle-collapsible" aria-expanded="false">OUR IMPACT<svg class="Icon Icon--select-arrow-right" role="presentation" viewBox="0 0 11 18"> <path d="M1.5 1.5l8 7.5-8 7.5" stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path> </svg> <!-- <span class="Collapsible__Plus"></span> --> </button> <div class="Collapsible__Slider" aria-hidden="true" data-header-id="link_3" data-position="first_level"> <div class="Collapsible"><a href="/pages/impact" class="Collapsible__Button Heading Link Link--primary u-h6 "> THE IMPACT </a></div> <div class="Collapsible"><a href="https://andyokay.com/collections/andy-okay-x-non-violence-project" class="Collapsible__Button Heading Link Link--primary u-h6 "> NON-VIOLENCE PROJECT </a></div> <div class="Collapsible"><a href="https://andyokay.com/collections/wwf-x-andy-okay" class="Collapsible__Button Heading Link Link--primary u-h6 "> WWF </a></div> <div class="Collapsible"><a href="https://andyokay.com/collections/rainforest-trust-x-andy-okay" class="Collapsible__Button Heading Link Link--primary u-h6 "> RAINFOREST TRUST </a></div> <div class="Collapsible"><a href="https://andyokay.com/collections/andy-okay-x-when-you-wish-upon-a-star" class="Collapsible__Button Heading Link Link--primary u-h6 "> WHEN YOU WISH </a></div> <div class="Collapsible"><a href="https://andyokay.com/collections/share-the-meal-x-andy-okay" class="Collapsible__Button Heading Link Link--primary u-h6 "> SHARE THE MEAL </a></div> <div class="Collapsible"><a href="/pages/cause-of-the-month" class="Collapsible__Button Heading Link Link--primary u-h6 "> ALL CHARITY PARTNERS </a></div> <div class="Collapsible"><a href="/pages/enviromental-policy" class="Collapsible__Button Heading Link Link--primary u-h6 "> OUR SUSTAINABILITY </a></div> <div class="Collapsible"><a href="/blogs/the-gallerist" class="Collapsible__Button Heading Link Link--primary u-h6 "> OKAY UNFRAMED </a></div> <div class="Collapsible__Slider-padding"></div> </div> </div> <div class="Collapsible"><a href="/pages/reviews" class="Collapsible__Button Heading Link Link--primary u-h6 "> REVIEWS <div class="sidebar-reviews-counter">7061</div> </a></div> </nav> <div class="sidebar-menu-cards-cont"> <div class="sidebar-menu-cards-carousel"> <a class="sidebar-menu-card-item" href="/collections/just-released"> <img src="//andyokay.com/cdn/shop/files/New_mobmenu_e83d9bfc-a633-4e53-8376-135f761157c2.jpg?v=1740838043&width=500" width="100%" height="auto"> <div class="side-menu-item-headline">NEW IN</div> </a> <a class="sidebar-menu-card-item" href="/collections/top-10"> <img src="//andyokay.com/cdn/shop/files/BestSellers3.jpg?v=1735931335&width=500" width="100%" height="auto"> <div class="side-menu-item-headline">TRENDING NOW</div> </a> <a class="sidebar-menu-card-item" href="/collections/best-sellers"> <img src="//andyokay.com/cdn/shop/files/TopTrending3.jpg?v=1735931296&width=500" width="100%" height="auto"> <div class="side-menu-item-headline">BEST SELLERS</div> </a> </div> </div> <script> $(document).ready(function(){ $('.sidebar-menu-cards-carousel').slick({ arrows: false, dots: false, infinite: false, slidesToShow: 2.2 }); }); </script> </div> <div class="sidebar-grayedout"> <nav class="SidebarMenu__Nav SidebarMenu__Nav--secondary"><div class="Collapsible seconday_menu_first_level"><a href="/pages/artclub" class="Collapsible__Button Heading Link Link--primary u-h6"> Members Club </a></div><div class="Collapsible seconday_menu_first_level"><button class="Collapsible__Button Heading u-h6" data-action="toggle-collapsible" aria-expanded="false">Customer Support<svg class="Icon Icon--select-arrow-right" role="presentation" viewBox="0 0 11 18"> <path d="M1.5 1.5l8 7.5-8 7.5" stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path> </svg> <!-- <span class="Collapsible__Plus"></span> --> </button> <div class="Collapsible__Slider" aria-hidden="true" data-header-id="secondary_link_1" data-position="first_level"><div class="Collapsible"><a href="/pages/contact" class="Collapsible__Button Heading Link Link--primary u-h6"> CONTACT US </a></div> <div class="Collapsible"><a href="/pages/faq" class="Collapsible__Button Heading Link Link--primary u-h6"> FAQ </a></div> <div class="Collapsible"><a href="/pages/shipping-returns" class="Collapsible__Button Heading Link Link--primary u-h6"> SHIPPING & RETURNS </a></div> <div class="Collapsible"><a href="/pages/track-my-order" class="Collapsible__Button Heading Link Link--primary u-h6"> TRACK ORDER </a></div> <div class="Collapsible__Slider-padding"></div> </div></div><div class="Collapsible seconday_menu_first_level"><a href="/pages/about-us" class="Collapsible__Button Heading Link Link--primary u-h6"> About Us </a></div></nav> <div class="drawer-trustpilot-container"> <img src="//andyokay.com/cdn/shop/t/191/assets/Truststars_5_100x100.png?v=93055411065409006191741434516" alt=""> <p class="drawer-trustpilot-text">+202,000 Artworks sold for charity</p> </div> </div></div> </div><aside class="Drawer__Footer" data-drawer-animated-bottom> <style> button.new-currency-drawer{ position: absolute; bottom: 0px; padding: 20px; width: 100%; text-align: left; background: white; } @media only screen and (min-width: 901px) { button.new-currency-drawer{ display: none; } } button.new-currency-drawer>span[name="currency-name"]{ color: black; } button.new-currency-drawer>span>img{ transform: translateY(-3px); vertical-align: bottom !important; } </style><button class="new-currency-drawer" data-action="open-drawer" data-drawer-id="sidebar-menu-currency" aria-label="Open navigation"> <span> <img src="https://cdn.shopify.com/s/files/1/0082/5619/2602/files/USD.png" id="flags" > </span> <span name="currency-name"> United States (USD) </span> <svg class="Icon Icon--select-arrow" role="presentation" viewBox="0 0 19 12"> <polyline fill="none" stroke="currentColor" points="17 2 9.5 10 2 2" fill-rule="evenodd" stroke-width="2" stroke-linecap="square"></polyline> </svg></button> </aside> </div></section></div> <div id="shopify-section-sidebar-menu-currency" class="shopify-section"><style> .currencyDrawer{ background-color: #f2f2f2; } #new-currency-drawer-container{ display: flex; flex-direction: column; padding-bottom: 70px; } .new-currency-drawer-container-item{ display: flex; flex-direction: column; padding: 20px 0px 0px 15px; gap: 10px; } #new-currency-drawer-container>div.currency-divider{ height: 1px; width: 95%; margin: 10px 0px 10px 0px; background-color: rgb(209, 208, 208); } #new-currency-drawer-container>div.currency-divider:last-child{ display: none; } .new-currency-drawer-region { padding: 30px 0px 0px 15px; border-bottom: 1px solid lightgray; font-family: 'Adobe Caslon Pro'; line-height: 2; }</style><section id="sidebar-menu-currency" class="SidebarMenu Drawer Drawer--small Drawer--fromLeft currencyDrawer" aria-hidden="true" data-section-id="sidebar-menu-currency" data-section-type="sidebar-menu"> <header class="Drawer__Header" data-drawer-animated-left> <button class="Drawer__Close Icon-Wrapper--clickable" data-action="close-drawer" data-drawer-id="sidebar-menu-currency" aria-label="Close navigation"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </header> <div class="Drawer__Content"> <div class="Drawer__Main drawer-menu" data-drawer-animated-left data-scrollable> <div class="Drawer__Container drawer-sidebar"> <div id="new-currency-drawer-container"> </div> </div> </div> </div></section> <script> var cont = $('#new-currency-drawer-container'); for (const [key, value] of Object.entries(regions)) { var currencyitems = '' value.sort((a,b) => countryNames[a].localeCompare(countryNames[b])); const useable_countries = value.filter((item) => currencyfiltered_object.hasOwnProperty(item)); if (useable_countries.length > 0) { cont.append("<div class='new-currency-drawer-region'>" + key + "</div>") for (const key of useable_countries) { currencyitems = currencyitems.concat("<a name='new-currency-object' data-country='" + countryNames[key] +"' data-currency='" + countryCurrency[key] + "' data-flag='" + countryCurrencyFlag[key] + "'>" + "<span><img src='https://cdn.shopify.com/s/files/1/0082/5619/2602/files/" + countryCurrencyFlag[key] + ".png' id='flags' ></span>" + countryNames[key] + " (" + countryCurrency[key] + ")" + "</a>"); } cont.append("<div class='new-currency-drawer-container-item'>" + currencyitems + "</div>") } }</script> </div> <div id="sidebar-cart" class="Drawer Drawer--fromRight" aria-hidden="true" data-section-id="cart" data-section-type="cart" data-section-settings='{ "type": "drawer", "itemCount": 0, "drawer": true, "hasShippingEstimator": false}'> <div class="Drawer__Header Drawer__Container"> <span class="Drawer__Title Heading u-h4">YOUR CART</span> <button class="Drawer__Close Icon-Wrapper--clickable" data-action="close-drawer" data-drawer-id="sidebar-cart" aria-label="Close cart"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </div> <input type="hidden" class="cart_total_amount" data-value="0" value="$0"> <input type="hidden" class="cart_total_compare_amount" data-value="0" value="$0"> <form class="Cart Drawer__Content" action="/cart" method="POST" novalidate> <div class="Drawer__Main" data-scrollable><div class="Drawer__Container"> <div class="Cart__ShippingNotice"><p class="colored_background in-caslon">Only <span>$89</span></span> more for free shipping</p><!-- Link the custom CSS file --><link rel="stylesheet" href="//andyokay.com/cdn/shop/t/191/assets/custom-progress-bar.css?v=119418342563003538271741436336"> <style> .discount-app-cart-drawer.progress-bar-main { position: sticky; top: 0; left: 0; z-index: 5; display: flex; justify-content: center; align-items: center; background-color: #f5f2eb; flex-direction: column; height: 55px; row-gap: 4px; } .discount-app-cart-drawer.progress-bar-main .progress-container { display: none; } .discount-app-cart-drawer.progress-bar-main #progress-description-text { font-size: inherit; } .discount-app-cart-drawer.progress-bar-main .progress-description { width: 95%; } @media screen and (max-width: 641px) { .discount-app-cart-drawer.progress-bar-main #progress-description-text { font-size: 13px; } } </style> <div class="discount-app-cart-drawer progress-bar-main"> <div class="progress-description"> <p id="progress-description-text"></p> <img id="ask-about-discount" class="question-icon hide" src="//andyokay.com/cdn/shop/t/191/assets/question-mark.svg?v=91213054314813673361741433642" alt="i" /> </div> <div id="progress-container" class="progress-container hide"> <div class="line"> <div class="progress"></div> </div> <div class="circle blue"> <span class="circle_inner_text">✓</span> </div> <div class="circle"> <span class="circle_inner_text">✓</span> </div> <div class="circle special">+1</div> <div class="circle"> <span class="circle_inner_text">✓</span> </div> <div class="circle special">+2</div> </div></div> <script> window.discountedCollectionHandle = "gift-app-art"; </script> <!-- Link the custom JS file --> <script id="app-discount-action"> $(document).ready(function(){ const circles = document.querySelectorAll('.discount-app-cart-drawer .circle'); const progressLine = document.querySelector('.discount-app-cart-drawer .line .progress'); const progressContainer = document.querySelector('.discount-app-cart-drawer #progress-container'); const progressDescription = document.querySelector('.discount-app-cart-drawer #progress-description-text'); const askAboutDiscount = document.querySelector('.discount-app-cart-drawer #ask-about-discount'); // Maximum cart count to complete the progress const maxCartItems = 5; // This is arbitrary, adjust as needed. const stepDescriptions = [ "Limited Time Offer: Buy 2 Get 1 Free", "Add one more to get one free", "Great! Now pick your free art", "Add one more to get two free", "Now pick your second free art", "Great job! Checkout before they sell out" ]; // Update progress bar based on the cart count function updateProgressBar(cartCount) { console.log('this is update progress bar function'); let step = Math.min(cartCount, maxCartItems); // Don't exceed the max steps const stepProgress = [0, 15, 38, 64, 87, 100]; // Adjust progress percentages // Update circle background colors circles.forEach((circle, index) => { if (index < step) { circle.classList.add('blue'); // Completed steps if (circle.classList.contains('special')) { circle.innerHTML = '<span>✓</span>'; // Change +1 or +2 to tick } } else { circle.classList.remove('blue'); // Uncompleted steps if (circle.classList.contains('special')) { circle.innerHTML = index === 2 ? "+1" : "+2"; // Reset to +1 and +2 for step 3 and 5 } } }); // Update progress line width progressLine.style.width = stepProgress[step] + '%'; // Update the description text based on the current step progressDescription.textContent = stepDescriptions[step]; askAboutDiscount.classList.remove('hide'); askAboutDiscount.classList.add('show'); if (cartCount > 0){ progressContainer.classList.remove('hide'); progressContainer.classList.add('show'); } else { progressContainer.classList.remove('show'); progressContainer.classList.add('hide'); } } function fetchDiscountCollection(handle, page = 1, limit = 250, allProductIds = []) { const cacheKey = `discountCollection_${handle}`; const cacheExpiryKey = `discountCollectionExpiry_${handle}`; // Get cached data and expiry time from localStorage const cachedCollection = localStorage.getItem(cacheKey); const expiryTime = localStorage.getItem(cacheExpiryKey); const currentTime = new Date().getTime(); // Check if the cache is valid and hasn't expired (1 hour) if (cachedCollection && expiryTime && currentTime < expiryTime) { //console.log('Using cached collection data', cachedCollection); return Promise.resolve(JSON.parse(cachedCollection)); } // Fetch products with pagination, up to 250 per page (maximum allowed by Shopify) return fetch(`/collections/${handle}/products.json?page=${page}&limit=${limit}`) .then(response => response.json()) .then(data => { // Concatenate the fetched products with the existing products allProductIds = allProductIds.concat(data.products.map(product => product.id)); // If the number of fetched products is less than the limit, we've fetched all products if (data.products.length < limit) { // Cache the final product list localStorage.setItem(cacheKey, JSON.stringify(allProductIds)); localStorage.setItem(cacheExpiryKey, currentTime + 3600 * 1000); // Cache expires in 1 hour //console.log('returning after caching ......', cacheKey); return allProductIds; // Return array of product IDs } else { // Otherwise, fetch the next page return fetchDiscountCollection(handle, page + 1, limit, allProductIds); } }) .catch(error => console.error('Error fetching discount collection:', error)); } function fetchCart() { return fetch('/cart.js') .then(response => response.json()) .catch(error => console.error('Error fetching cart:', error)); } function countEligibleProducts(cart, productIds) { let count = 0; cart.items.forEach(item => { // Check if the product ID of the cart item is in the discount collection if (productIds.includes(item.product_id)) { count += item.quantity; // Increase counter by quantity of the item } }); return count; } function checkCartForDiscounts() { // Replace 'discount-collection-handle' with your actual collection handle const collectionHandle = window.discountedCollectionHandle; if (collectionHandle) { Promise.all([fetchDiscountCollection(collectionHandle), fetchCart()]) .then(([discountCollectionProductIds, cart]) => { const eligibleCount = countEligibleProducts(cart, discountCollectionProductIds); console.log(`Total eligible items in cart: ${eligibleCount}`); updateProgressBar(eligibleCount); }) .catch(error => console.error('Error in checking cart for discounts:', error)); } } // Call this function on cart update checkCartForDiscounts(); const elementToObserve = document.querySelector(".Header__CartDot"); // Create a MutationObserver to detect changes in innerText const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { console.log('innerText changed to:', elementToObserve.innerText); checkCartForDiscounts(); }); }); // Set the configuration to observe only child node changes (text) observer.observe(elementToObserve, { childList: true, subtree: true }); // Monitor for changes in the cart (for dynamic updates) $('.discount-app-cart-drawer #ask-about-discount').click(function () { $('.discount-info-popup').addClass('visible'); //document.getElementById("cart-popup-overlay").style.display = "block"; }); })</script> </div> </div><div class="flex_expander"><div class="Cart__Empty"> <img src="//andyokay.com/cdn/shop/t/191/assets/cart_icon_250px.png?v=177069577795206262451741434360" height="auto" width="60px" class="cart_empty_icon"> <p class="cart_empty_text Heading u-h5 in-caslon">Your cart is currently empty</p> <a href="/collections/all-art" class="empty_cart_link Heading u-h5 in-caslon">Let's find your favourite</a> </div></div> <div class="Drawer__Upsell"> <div class="Drawer__Container"> <div class="Drawer__Upsell-header"> <div class="drawer_upsell_heading">TRENDING RIGHT NOW</div> <div class="drawer_upsell_subheading">These are selling out fast</div> </div> </div> <div class="Drawer__Upsell-content"> <div class="drawer_upsell_arrows"> <div class="upsell_arrow_left drawer_upsell_arrow"><svg class="Icon Icon--select-arrow-left" role="presentation" viewBox="0 0 11 18"> <path d="M9.5 1.5L1.5 9l8 7.5" stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path> </svg></div> <div class="upsell_arrow_right drawer_upsell_arrow"><svg class="Icon Icon--select-arrow-right" role="presentation" viewBox="0 0 11 18"> <path d="M1.5 1.5l8 7.5-8 7.5" stroke-width="2" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"></path> </svg></div> </div> <div class="drawer_upsell_carousel"> <div class="drawer_upsell_item" onclick="location.href = '/products/figureoutable'"> <img src="//andyokay.com/cdn/shop/files/Figureoutable_Popbuddy_Andyokay_08.jpg?v=1732792272&width=300" height="auto" width="300px" class="drawer_upsell_item_img"> <div class="drawer_upsell_item_title">Figureoutable</div> <div class="drawer_upsell_item_price"> <span class="drawer_upsell_compare">$149</span> <span class="drawer_upsell_original">$44</span> </div> </div> <div class="drawer_upsell_item" onclick="location.href = '/products/be-cool-or-leave'"> <img src="//andyokay.com/cdn/shop/files/BeCoolOrLeave_AvaTaylor_Andyokay_01_01.jpg?v=1732704857&width=300" height="auto" width="300px" class="drawer_upsell_item_img"> <div class="drawer_upsell_item_title">Be Cool Or Leave</div> <div class="drawer_upsell_item_price"> <span class="drawer_upsell_compare">$149</span> <span class="drawer_upsell_original">$44</span> </div> </div> <div class="drawer_upsell_item" onclick="location.href = '/products/cool-people-live-here'"> <img src="//andyokay.com/cdn/shop/files/CoolPeopleLiveHere_RyanMiller_Andyokay_08.jpg?v=1732703208&width=300" height="auto" width="300px" class="drawer_upsell_item_img"> <div class="drawer_upsell_item_title">Cool People Live Here</div> <div class="drawer_upsell_item_price"> <span class="drawer_upsell_compare">$149</span> <span class="drawer_upsell_original">$44</span> </div> </div> <div class="drawer_upsell_item" onclick="location.href = '/products/you-got-this'"> <img src="//andyokay.com/cdn/shop/files/YouGotThis_Popbuddy_Andyokay_08.jpg?v=1732706084&width=300" height="auto" width="300px" class="drawer_upsell_item_img"> <div class="drawer_upsell_item_title">You Got This</div> <div class="drawer_upsell_item_price"> <span class="drawer_upsell_compare">$149</span> <span class="drawer_upsell_original">$44</span> </div> </div> <div class="drawer_upsell_item" onclick="location.href = '/products/find-your-heart'"> <img src="//andyokay.com/cdn/shop/files/LooseYourMindFindYourHeart_AvaTaylor_Andyokay_01_01_08.jpg?v=1732894511&width=300" height="auto" width="300px" class="drawer_upsell_item_img"> <div class="drawer_upsell_item_title">Find Your Heart</div> <div class="drawer_upsell_item_price"> <span class="drawer_upsell_compare">$149</span> <span class="drawer_upsell_original">$44</span> </div> </div> <div class="drawer_upsell_item" onclick="location.href = '/products/offline'"> <img src="//andyokay.com/cdn/shop/files/RyanMiller_Offline_Andyokay_01.jpg?v=1701095255&width=300" height="auto" width="300px" class="drawer_upsell_item_img"> <div class="drawer_upsell_item_title">Offline</div> <div class="drawer_upsell_item_price"> <span class="drawer_upsell_compare">$149</span> <span class="drawer_upsell_original">$44</span> </div> </div> </div> </div> <script id="drawer_upsell_script"> $(document).ready(function(){ $('.drawer_upsell_carousel').slick({ dots: false, infinite: false, slidesToShow: 3, prevArrow: $('.upsell_arrow_left'), nextArrow: $('.upsell_arrow_right') }); }); </script> </div> </div></form></div><div class="PageContainer"> <div id="shopify-section-announcement" class="shopify-section"><section id="section-announcement" data-section-id="announcement" data-section-type="announcement-bar"> <div class="AnnouncementBar"><div class="announcment-currency-cont"> <a class="new_currency_dropdown"> <span> <img src="https://cdn.shopify.com/s/files/1/0082/5619/2602/files/USD.png" id="flags" > </span> <svg class="Icon Icon--select-arrow" role="presentation" viewBox="0 0 19 12"> <polyline fill="none" stroke="currentColor" points="17 2 9.5 10 2 2" fill-rule="evenodd" stroke-width="2" stroke-linecap="square"></polyline> </svg></a> </div> <div class="MegaMenu Announcment_megamenu"> <div class="MegaMenu__Inner"> <div id="new-currency-container"> <div class="new-currency-heading">Choose Your Country</div> </div> </div> </div> <div class="AnnouncementBar__Wrapper" > <div class="AnnouncementBar__Content Heading" id="announcement-cont" style="height: 20px;overflow-y: hidden;"> <div name="announcement-block-1" class="announcement-block"> <img class="announcement_icon" src="//andyokay.com/cdn/shop/files/Truststars_5_v4.png?height=30&v=1709538878"> <a href="/collections/all-art"><b>EXCELLENT</b> +202,000 Collectors</a></div><div style="display: none;" name="announcement-block-2" class="announcement-block"> <span>Free Delivery over <span id="shipping-value"></span> <span id="announcement-ct"><img class="announcement-flag" src="" id="announcement-flag"></span></span></div> </div> </div> </div> </section> <style> .come_infromtop{ animation-name: infromtop; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: forwards; } @keyframes infromtop { 0% { transform: translateY(-30px);} 100% { transform: translateY(0px);} } .come_infrombottom{ animation-name: infrombottom; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: forwards; } @keyframes infrombottom { 0% { transform: translateY(30px);} 100% { transform: translateY( 0px);} } .out_tobottom{ animation-name: outtobottom; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: forwards; } @keyframes outtobottom { 0% { transform: translateY(0px);} 100% { transform: translateY( 30px);} } .out_totop{ animation-name: outtotop; animation-duration: 1s; animation-timing-function: ease; animation-fill-mode: forwards; } @keyframes outtotop { 0% { transform: translateY(0px);} 100% { transform: translateY( -30px);} } #section-announcement { background: #000000; color: #ffffff; } </style> <script> document.documentElement.style.setProperty('--announcement-bar-height', document.getElementById('shopify-section-announcement').offsetHeight + 'px'); </script> <script> $(function() { function timeout(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } async function animation(){ let x = $("#announcement-cont").children(".announcement-block"); for (var i=0; i<x.length;i++ ){ x[i].style.display = "flex"; x[i].classList.add("come_infromtop"); await timeout(1000); x[i].classList.remove("come_infromtop"); await timeout(3000); x[i].classList.add("out_tobottom"); await timeout(1000); x[i].classList.remove("out_tobottom"); x[i].style.display = "none"; } for (var i=x.length-2; i>=0; --i ){ x[i].style.display = "flex"; x[i].classList.add("come_infrombottom"); await timeout(1000); x[i].classList.remove("come_infrombottom"); await timeout(3000); x[i].classList.add("out_totop"); await timeout(1000); x[i].classList.remove("out_totop"); x[i].style.display = "none"; } animation(); } animation(); }); </script><script> $(document).ready(function () { var user__country = localStorage.getItem('user__country'); var user__currency = localStorage.getItem('currency'); var country_flag = localStorage.getItem('userCurrencyFlag'); var curerncy_country_name = localStorage.getItem('country_name_show'); var usercountryelement = document.getElementById('announcement-ct'); var truststar_flag = document.getElementById('announcement-flag'); var shipping_value = document.getElementById('shipping-value'); if (user__country) { usercountryelement.prepend(' to ' + user__country); } if (truststar_flag && country_flag) { if (user__country == curerncy_country_name) truststar_flag.src = 'https://cdn.shopify.com/s/files/1/0082/5619/2602/files/' + country_flag + '.png'; else truststar_flag.src = ''; } if (user__currency == 'SEK') { shipping_value.prepend('950 kr'); } else if (user__currency == 'NOK') { shipping_value.prepend('kr 990'); } else if (user__currency == 'DKK') { shipping_value.prepend('650 kr'); } else if (user__currency == 'EUR') { shipping_value.prepend('€89'); } else if (user__currency == 'GBP') { shipping_value.prepend('£79'); } else if (user__currency == 'CAD') { shipping_value.prepend('$130'); } else if (user__currency == 'AUD') { shipping_value.prepend('$130'); } else if (user__currency == 'NZD') { shipping_value.prepend('$150'); } else { shipping_value.prepend('$89'); } });</script> </div> <!-- Link the custom CSS file --><link rel="stylesheet" href="//andyokay.com/cdn/shop/t/191/assets/custom-progress-bar.css?v=119418342563003538271741436336"> <style> .discount-app-header.progress-bar-main { position: sticky; top: 0; left: 0; z-index: 5; display: flex; justify-content: center; align-items: center; background-color: #f5f2eb; flex-direction: column; height: 55px; row-gap: 4px; } .discount-app-header.progress-bar-main ~ .shopify-section--header { top: 55px; } </style> <div class="discount-app-header progress-bar-main"> <div class="progress-description"> <p id="progress-description-text"></p> <img id="ask-about-discount" class="question-icon hide" src="//andyokay.com/cdn/shop/t/191/assets/question-mark.svg?v=91213054314813673361741433642" alt="i" /> </div> <div id="progress-container" class="progress-container hide"> <div class="line"> <div class="progress"></div> </div> <div class="circle blue"> <span class="circle_inner_text">✓</span> </div> <div class="circle"> <span class="circle_inner_text">✓</span> </div> <div class="circle special">+1</div> <div class="circle"> <span class="circle_inner_text">✓</span> </div> <div class="circle special">+2</div> </div></div> <script> window.discountedCollectionHandle = "gift-app-art"; </script> <!-- Link the custom JS file --> <script id="app-discount-action"> $(document).ready(function(){ const circles = document.querySelectorAll('.discount-app-header .circle'); const progressLine = document.querySelector('.discount-app-header .line .progress'); const progressContainer = document.querySelector('.discount-app-header #progress-container'); const progressDescription = document.querySelector('.discount-app-header #progress-description-text'); const askAboutDiscount = document.querySelector('.discount-app-header #ask-about-discount'); // Maximum cart count to complete the progress const maxCartItems = 5; // This is arbitrary, adjust as needed. const stepDescriptions = [ "Limited Time Offer: Buy 2 Get 1 Free", "Add one more to get one free", "Great! Now pick your free art", "Add one more to get two free", "Now pick your second free art", "Great job! Checkout before they sell out" ]; // Update progress bar based on the cart count function updateProgressBar(cartCount) { console.log('this is update progress bar function'); let step = Math.min(cartCount, maxCartItems); // Don't exceed the max steps const stepProgress = [0, 15, 38, 64, 87, 100]; // Adjust progress percentages // Update circle background colors circles.forEach((circle, index) => { if (index < step) { circle.classList.add('blue'); // Completed steps if (circle.classList.contains('special')) { circle.innerHTML = '<span>✓</span>'; // Change +1 or +2 to tick } } else { circle.classList.remove('blue'); // Uncompleted steps if (circle.classList.contains('special')) { circle.innerHTML = index === 2 ? "+1" : "+2"; // Reset to +1 and +2 for step 3 and 5 } } }); // Update progress line width progressLine.style.width = stepProgress[step] + '%'; // Update the description text based on the current step progressDescription.textContent = stepDescriptions[step]; askAboutDiscount.classList.remove('hide'); askAboutDiscount.classList.add('show'); if (cartCount > 0){ progressContainer.classList.remove('hide'); progressContainer.classList.add('show'); } else { progressContainer.classList.remove('show'); progressContainer.classList.add('hide'); } } function fetchDiscountCollection(handle, page = 1, limit = 250, allProductIds = []) { const cacheKey = `discountCollection_${handle}`; const cacheExpiryKey = `discountCollectionExpiry_${handle}`; // Get cached data and expiry time from localStorage const cachedCollection = localStorage.getItem(cacheKey); const expiryTime = localStorage.getItem(cacheExpiryKey); const currentTime = new Date().getTime(); // Check if the cache is valid and hasn't expired (1 hour) if (cachedCollection && expiryTime && currentTime < expiryTime) { //console.log('Using cached collection data', cachedCollection); return Promise.resolve(JSON.parse(cachedCollection)); } // Fetch products with pagination, up to 250 per page (maximum allowed by Shopify) return fetch(`/collections/${handle}/products.json?page=${page}&limit=${limit}`) .then(response => response.json()) .then(data => { // Concatenate the fetched products with the existing products allProductIds = allProductIds.concat(data.products.map(product => product.id)); // If the number of fetched products is less than the limit, we've fetched all products if (data.products.length < limit) { // Cache the final product list localStorage.setItem(cacheKey, JSON.stringify(allProductIds)); localStorage.setItem(cacheExpiryKey, currentTime + 3600 * 1000); // Cache expires in 1 hour //console.log('returning after caching ......', cacheKey); return allProductIds; // Return array of product IDs } else { // Otherwise, fetch the next page return fetchDiscountCollection(handle, page + 1, limit, allProductIds); } }) .catch(error => console.error('Error fetching discount collection:', error)); } function fetchCart() { return fetch('/cart.js') .then(response => response.json()) .catch(error => console.error('Error fetching cart:', error)); } function countEligibleProducts(cart, productIds) { let count = 0; cart.items.forEach(item => { // Check if the product ID of the cart item is in the discount collection if (productIds.includes(item.product_id)) { count += item.quantity; // Increase counter by quantity of the item } }); return count; } function checkCartForDiscounts() { // Replace 'discount-collection-handle' with your actual collection handle const collectionHandle = window.discountedCollectionHandle; if (collectionHandle) { Promise.all([fetchDiscountCollection(collectionHandle), fetchCart()]) .then(([discountCollectionProductIds, cart]) => { const eligibleCount = countEligibleProducts(cart, discountCollectionProductIds); console.log(`Total eligible items in cart: ${eligibleCount}`); updateProgressBar(eligibleCount); }) .catch(error => console.error('Error in checking cart for discounts:', error)); } } // Call this function on cart update checkCartForDiscounts(); const elementToObserve = document.querySelector(".Header__CartDot"); // Create a MutationObserver to detect changes in innerText const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { console.log('innerText changed to:', elementToObserve.innerText); checkCartForDiscounts(); }); }); // Set the configuration to observe only child node changes (text) observer.observe(elementToObserve, { childList: true, subtree: true }); // Monitor for changes in the cart (for dynamic updates) $('.discount-app-header #ask-about-discount').click(function () { $('.discount-info-popup').addClass('visible'); //document.getElementById("cart-popup-overlay").style.display = "block"; }); })</script> <aside class="NewsletterPopup site__black--popup soldout-popup discount-info-popup" data-section-id="" data-section-type="newsletter-popup" aria-hidden="true"> <div class="popup_header"><span class="popup_title">Make a bigger impact!</span><button class="popup_close" data-action="close-popup" aria-label="Close"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </div> <div class="popup_content"><div class="NewsletterPopup__Content"> <p><p>It's more than a deal—it’s a chance to support great causes while filling your space with meaningful art.<strong><br/><br/>Buy 2, Get 1 Free</strong> <em>or </em><strong>Buy 3, Get 2 Free</strong> <br/><br/>By buying more at once, you're reducing shipping emissions and supporting eco-friendly art that helps great causes. <br/><br/><em>Smart tip</em>: Keep two for your space, and have a thoughtful gift ready for the holidays—at no additional cost!<br/><br/><strong>Either way; more art, less footprint.</strong> </p></p> </div></div></aside> <script> document.addEventListener('DOMContentLoaded', () => { $('.discount-info-popup .popup_close').click(function(){ $('.discount-info-popup').removeClass('visible'); document.getElementById("cart-popup-overlay").style.display = "none"; });})</script> <aside class="NewsletterPopup site__black--popup soldout-popup tag-popup" data-section-id="" data-section-type="newsletter-popup" aria-hidden="true"> <div class="popup_header"><span class="popup_title">Three different releases</span><button class="popup_close" data-action="close-popup" aria-label="Close"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </div> <div class="popup_content"><div class="NewsletterPopup__Content"> <p><p>Andy okay - Art for Causes - offers three distinct release categories all connected to a good cause, allowing you to choose the one that best aligns with your vision.</p><p><br/>-----<br/><strong>Limited Release<br/></strong>Official collaborations with renowned and established artists, where each artwork is released in a strictly limited quantity and directly supports a specific charity organization, offered at never-before-seen prices.<br/>------<br/><strong>Atelier Exclusive</strong><br/>A collection of exclusive collaborations with our up-and-coming atelier artists. These unique artworks are available only through us and cannot be found anywhere else in the world.<br/>-----<strong><br/>Essentials</strong><br/>Our never-out-of-stock sortiment, from artists that has chosen to be involved in Art for Causes, but not exclusively nor limited their release to a certain quantity. Ensuring continuous availability while still supporting meaningful initiatives.</p></p> </div></div></aside> <script> document.addEventListener('DOMContentLoaded', () => { $('.tag-popup .popup_close').click(function(){ $('.tag-popup').removeClass('visible'); let overlay = document.getElementById("cart-popup-overlay"); if (overlay) { overlay.style.display = "none"; } else { $('body').removeClass('soldout-popup-visible'); } }); $('.limited-release-label').click(function () { $('.tag-popup').addClass('visible'); let overlay = document.getElementById("cart-popup-overlay"); if (overlay) { overlay.style.display = "block"; } else { $('body').addClass('soldout-popup-visible'); } }); $('.limited-release-img').click(function () { $('.tag-popup').addClass('visible'); let overlay = document.getElementById("cart-popup-overlay"); if (overlay) { overlay.style.display = "block"; } else { $('body').addClass('soldout-popup-visible'); } });})</script> <div id="shopify-section-header" class="shopify-section shopify-section--header"><script language="JavaScript">(function(i,s,o,g,r,a,m){i['TDConversionObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script', 'https://svht.tradedoubler.com/tr_sdk.js?org=2342125&prog=336179&dr=true&rand=' + Math.random(), 'tdconv');</script><div id="navbar" class="mobile-logo-main"> <a href="/"><img class="Header__LogoImage Header__LogoImage--primary" src="//andyokay.com/cdn/shop/files/andyokay_white_32b7203c-437a-41ec-abdc-db8ae17ddb63_small.png?v=1708431402" srcset="//andyokay.com/cdn/shop/files/andyokay_white_32b7203c-437a-41ec-abdc-db8ae17ddb63_small.png?v=1708431402 1x, //andyokay.com/cdn/shop/files/andyokay_white_32b7203c-437a-41ec-abdc-db8ae17ddb63_small@2x.png?v=1708431402 2x" width="115" alt="Andy okay"></a></div><div id="Search" class="Search" aria-hidden="true"> <div class="Search__Inner"> <div class="search_position"> <div class="Search__SearchBar"> <form action="/search" name="GET" role="search" class="Search__Form"> <div class="Search__InputIconWrapper"> <span class="hidden-tablet-and-up"><svg class="Icon Icon--search" role="presentation" viewBox="0 0 18 17"> <g transform="translate(1 1)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"> <path d="M16 16l-5.0752-5.0752"></path> <circle cx="6.4" cy="6.4" r="6.4"></circle> </g> </svg></span> <span class="hidden-phone"><img src="//andyokay.com/cdn/shop/t/191/assets/search.png?v=84568129519038161811741434342" class="Icon Icon--search-desktop" height="auto" width="21px" alt="search"> </span> </div> <input type="search" id="searchbox" class="Search__Input Heading" name="q" autocomplete="off" autocorrect="off" autocapitalize="off" placeholder="Click here to search..." autofocus> <input type="hidden" name="type" value="product"> </form> <button class="Search__Close Link Link--primary" data-action="close-search"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> </div> </div> <div class="Search__Results" aria-hidden="false"> <div class="search_preload"> <!-- tags --> <div class="tags-section"> <div class="tags-section-holder"> <h2 class="SectionHeader__Heading Heading u-h1 preload-headiing">POPULAR SEARCHES</h2> <div class="links-section"> <div class="links-holder horizontal-scroll"> <a href="/collections/exclusive-valentines-drop" class="Button Button--secondary Button--custom" style="background-color: #f0f0f0; color: #000000; border-color: #f0f0f0;">Love Art</a> <a href="/products/cool-people-live-here" class="Button Button--secondary Button--custom" style="background-color: #f0f0f0; color: #000000; border-color: #f0f0f0;">Cool People</a> <a href="/products/figureoutable" class="Button Button--secondary Button--custom" style="background-color: #f0f0f0; color: #000000; border-color: #f0f0f0;">Figureoutable Mouse</a> <a href="/products/extraterrestrial-espionage" class="Button Button--secondary Button--custom" style="background-color: #f0f0f0; color: #000000; border-color: #f0f0f0;">Pink UFO</a> <a href="/collections/best-selling" class="Button Button--secondary Button--custom" style="background-color: #f0f0f0; color: #000000; border-color: #f0f0f0;">Best Sellers</a> <a href="/collections/going-fast" class="Button Button--secondary Button--custom" style="background-color: #840100; color: #f0f0f0; border-color: #840100;">Almost Gone</a> <a href="/collections/street-art-prints" class="Button Button--secondary Button--custom" style="background-color: #f0f0f0; color: #000000; border-color: #f0f0f0;">Street Art Prints</a> </div> </div> </div> </div><!-- tags --> <!-- carousal --> <div class="top_saerchCarousal"> <div class="Container"> <div class="links-section"> </div> </div> </div> <!-- carousal --><!-- carousal --> <div class="top_ourPicks"> <div class="Container"> <h2 class="SectionHeader__Heading Heading u-h1">FOUNDERS FAVES:</h2> <div class="links-section"> <a href="/products/cool-people-live-here" class="" style="background-color: ; color: #ffffff; border-color: ;"> <img loading="lazy" src="//andyokay.com/cdn/shop/files/CoolPeopleLiveHere_462262bc-532e-4b01-b58f-d32b48152dd9.jpg?v=1736515941"/> </a> <a href="/products/you-got-this" class="" style="background-color: ; color: #ffffff; border-color: ;"> <img loading="lazy" src="//andyokay.com/cdn/shop/files/YouGotThis_8df01f1c-95b9-4989-ab13-054a0b25ecf1.jpg?v=1736515961"/> </a> <a href="/products/collective-soul" class="" style="background-color: ; color: #ffffff; border-color: ;"> <img loading="lazy" src="//andyokay.com/cdn/shop/files/CollectiveSoul.jpg?v=1736516369"/> </a> <a href="/products/do-epic-shit" class="" style="background-color: ; color: #ffffff; border-color: ;"> <img loading="lazy" src="//andyokay.com/cdn/shop/files/Des.jpg?v=1736516403"/> </a> <a href="/products/here-i-come" class="" style="background-color: ; color: #ffffff; border-color: ;"> <img loading="lazy" src="//andyokay.com/cdn/shop/files/hereICome.jpg?v=1736516446"/> </a> <a href="/products/super-shadow" class="" style="background-color: ; color: #ffffff; border-color: ;"> <img loading="lazy" src="//andyokay.com/cdn/shop/files/SuperShadow.jpg?v=1736516475"/> </a> <a href="/products/floral-dreams" class="" style="background-color: ; color: #ffffff; border-color: ;"> <img loading="lazy" src="//andyokay.com/cdn/shop/files/floralDreams.jpg?v=1736516652"/> </a> <a href="/products/doing-allright" class="" style="background-color: ; color: #ffffff; border-color: ;"> <img loading="lazy" src="//andyokay.com/cdn/shop/files/DoingAlright.jpg?v=1736516683"/> </a> </div> </div> </div> <!-- carousal --> </div></div> </div></div> <script> $(document).ready(function(){$('.mobile-search-icon a').click(function(){ setTimeout(function(){ $('.Search__Input').blur(); },100);}); });</script><style data-shopify> .Header__FlexItem--Custom { /* display : flex !important ; */ justify-content : center; align-items : center; gap : 2px;} @media only screen and (max-width : 1239px) { .Header__FlexItem--Custom { display : flex !important ; }} @media only screen and (max-width : 768px) { .Collapsible__Button--Custom { display : none !important; } .Header--Logo_Custom { display : flex !important;} .Header__Logo--Custom { display : flex; flex-grow : 10;} .search-cart_icon__mobile--Custom { display : flex !important;} .cart-search__Custom { display : none !important;} }.hidden-phone__custom { display : inline-flex !important;} .Header--Logo_Custom { display : none; margin-top : auto; margin-left :10px; } </style> <header id="section-header" class="Header Header--inline Header--transparent Header--withIcons" data-section-id="header" data-section-type="header" data-section-settings='{ "navigationStyle": "inline", "hasTransparentHeader": true, "isSticky": true}' role="banner"> <div class="Header__Wrapper"> <div class="Header__Logo--Custom"> <h1 class="Header--Logo_Custom"> <a href="/" class="Header__LogoLink"> <img class="Header__LogoImage Header__LogoImage--primary" src="//andyokay.com/cdn/shop/files/andyokay_long_black_140x.png?v=1661499587" srcset="//andyokay.com/cdn/shop/files/andyokay_long_black_140x.png?v=1661499587 1x, //andyokay.com/cdn/shop/files/andyokay_long_black_140x@2x.png?v=1661499587 2x" width="140" alt="Andy okay"> <img class="Header__LogoImage Header__LogoImage--transparent" src="//andyokay.com/cdn/shop/files/andyokay_long_white_140x.png?v=1661499613" srcset="//andyokay.com/cdn/shop/files/andyokay_long_white_140x.png?v=1661499613 1x, //andyokay.com/cdn/shop/files/andyokay_long_white_140x@2x.png?v=1661499613 2x" width="140" alt="Andy okay"> </a> </h1> </div> <div class="Header__FlexItem Header__FlexItem--fill mobile-menu-icon"> <div class="search-cart_icon__mobile--Custom"> <div class="Header__FlexItem Header__FlexItem--fill mobile-cart-icon"> <a href="/cart" id="target__mobile" class="Header__Icon cart_wrapper Icon-Wrapper Icon-Wrapper--clickable " data-action="open-drawer" data-drawer-id="sidebar-cart" aria-expanded="false" aria-label="Open cart"> <span class="cart_amount"> <b> <span id="cm_at_price_header"></span> </b> <span id="price_header"></span> </span> <span class="cart_icon"> <span class="hidden-tablet-and-up"><img src="//andyokay.com/cdn/shop/t/191/assets/shoppingbag.png?v=111649403122464146011741434552" class="Icon Icon--cart-new" height="auto" width="21px" alt="cart"><span class="Header__CartDot ">0</span></span> <span class="hidden-phone"><img src="//andyokay.com/cdn/shop/t/191/assets/shoppingbag.png?v=111649403122464146011741434552" class="Icon Icon--cart-new" height="auto" width="21px" alt="cart"></span> </span> </a> </div> <div class="Header__FlexItem Header__FlexItem--fill mobile-search-icon"> <a href="/search" class="Header__Icon head_mobile_serch Icon-Wrapper Icon-Wrapper--clickable search_line__height " data-action="toggle-search" aria-label="Search"><img src="//andyokay.com/cdn/shop/t/191/assets/search.png?v=84568129519038161811741434342" class="Icon Icon--search-desktop" height="auto" width="21px" alt="search"> </a> </div> </div> <button class="Header__FlexItem--Custom Header__Icon Icon-Wrapper Icon-Wrapper--clickable hidden-desk" aria-expanded="false" data-action="open-drawer" data-drawer-id="sidebar-menu" aria-label="Open navigation"> <span class="hidden-tablet-and-up mob_phone_icon"><svg class="Icon Icon--nav" role="presentation" viewBox="0 0 20 14"> <path d="M0 14v-1h20v1H0zm0-7.5h20v1H0v-1zM0 0h20v1H0V0z" fill="currentColor"></path> </svg></span> <span class="hidden-phone"><svg class="Icon Icon--nav-desktop" role="presentation" viewBox="0 0 24 16"> <path d="M0 15.985v-2h24v2H0zm0-9h24v2H0v-2zm0-7h24v2H0v-2z" fill="currentColor"></path> </svg></span> <span class="Collapsible__Button--Custom Collapsible__Button Heading u-h6" style="margin-top : 6px;">Shop</span> </button><nav class="Header__MainNav hidden-pocket hidden-lap" aria-label="Main navigation"> <ul class="HorizontalList head_menu HorizontalList--spacingExtraLoose"> <li class="HorizontalList__Item " aria-haspopup="true"> <a class="header_link" href="/collections/all-art">FINE ART PRINTS<span class="Header__LinkSpacer">FINE ART PRINTS</span></a> <div class="MegaMenu " aria-hidden="true" > <div class="MegaMenu__Inner"><div class="MegaMenu__Item MegaMenu__Item--fit"> <a href="/collections/all-art" class="MegaMenu__Title Heading Text--subdued u-h7"style="display:none">Collections</a><ul class="Linklist"> <li class="Linklist__Item"> <a href="/collections/all-art" class="Link Link--secondary ">All Art</a> </li> <li class="Linklist__Item"> <a href="/collections/just-released" class="Link Link--secondary ">New Release</a> </li> <li class="Linklist__Item"> <a href="/collections/best-sellers" class="Link Link--secondary ">Best Sellers</a> </li> <li class="Linklist__Item"> <a href="/collections/going-fast" class="Link Link--secondary last-chance-class">Last Chance</a> </li> <li class="Linklist__Item"> <a href="/collections/frames" class="Link Link--secondary ">Frames</a> </li></ul></div><div class="MegaMenu__Item MegaMenu__Item--fit"> <a href="/collections/all-art" class="MegaMenu__Title Heading Text--subdued u-h7"style="display:none">Categories</a><ul class="Linklist"> <li class="Linklist__Item"> <a href="/collections/animals" class="Link Link--secondary ">Animals</a> </li> <li class="Linklist__Item"> <a href="/collections/astronauts" class="Link Link--secondary ">Astronauts</a> </li> <li class="Linklist__Item"> <a href="/collections/contemporary" class="Link Link--secondary ">Contemporary</a> </li> <li class="Linklist__Item"> <a href="/collections/floral" class="Link Link--secondary ">Floral</a> </li> <li class="Linklist__Item"> <a href="/collections/gaming" class="Link Link--secondary ">Gaming</a> </li> <li class="Linklist__Item"> <a href="/collections/illustrations-1" class="Link Link--secondary ">Illustration</a> </li> <li class="Linklist__Item"> <a href="/collections/motivational-art" class="Link Link--secondary ">Motivational</a> </li> <li class="Linklist__Item"> <a href="/collections/nature" class="Link Link--secondary ">Nature</a> </li> <li class="Linklist__Item"> <a href="/collections/photography" class="Link Link--secondary ">Photo Art</a> </li> <li class="Linklist__Item"> <a href="/collections/space" class="Link Link--secondary ">Space</a> </li> <li class="Linklist__Item"> <a href="/collections/surreal" class="Link Link--secondary ">Surreal Art</a> </li></ul></div><div class="header-content" > <div class="content"> <p>Give what you can for stunning art and support world-changing nonprofits.</p> </div> </div> <div class="MegaMenu__Item MegaMenu_Images" style="width: 660px;height: 330px;"><div class="MegaMenu__Push MegaMenu__Push--shrink"><a class="MegaMenu__PushLink" href="/collections/just-released"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//andyokay.com/cdn/shop/files/RyanMiller_MoreAmorPorFavor_07_1x1.jpg?v=1714123759); max-width: 370px; --aspect-ratio: 1.0"> <img class="Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/RyanMiller_MoreAmorPorFavor_07_370x230@2x.jpg?v=1714123759" alt=""> <span class="Image__Loader"></span> </div><p class="MegaMenu__PushHeading Heading u-h6">LATEST & GREATEST</p></a></div><div class="MegaMenu__Push MegaMenu__Push--shrink"><a class="MegaMenu__PushLink" href="/collections/best-selling"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_02_1x1.jpg?v=1714638099); max-width: 370px; --aspect-ratio: 1.0"> <img class="Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_02_370x230@2x.jpg?v=1714638099" alt=""> <span class="Image__Loader"></span> </div><p class="MegaMenu__PushHeading Heading u-h6">BROWSE OUR BEST SELLERS</p></a></div></div></div> </div></li> <li class="HorizontalList__Item " > <a class="header_link" href="/collections/original-art">ORIGINAL ART<span class="Header__LinkSpacer">ORIGINAL ART</span></a></li> <li class="HorizontalList__Item impact-link " aria-haspopup="true"> <a class="header_link" href="/pages/impact">OUR IMPACT<span class="Header__LinkSpacer">OUR IMPACT</span></a> <div class="MegaMenu " aria-hidden="true" > <div class="MegaMenu__Inner"><div class="MegaMenu__Item MegaMenu__Item--fit"> <a href="/pages/impact" class="MegaMenu__Title Heading Text--subdued u-h7"style="display:none">What we do</a><ul class="Linklist"> <li class="Linklist__Item"> <a href="/pages/impact" class="Link Link--secondary ">The Impact </a> </li> <li class="Linklist__Item"> <a href="https://andyokay.com/collections/andy-okay-x-non-violence-project" class="Link Link--secondary ">Non-Violence Project</a> </li> <li class="Linklist__Item"> <a href="https://andyokay.com/collections/wwf-x-andy-okay" class="Link Link--secondary ">WWF</a> </li> <li class="Linklist__Item"> <a href="https://andyokay.com/collections/rainforest-trust-x-andy-okay" class="Link Link--secondary ">Rainforest Trust</a> </li> <li class="Linklist__Item"> <a href="https://andyokay.com/collections/andy-okay-x-when-you-wish-upon-a-star" class="Link Link--secondary ">When You Wish</a> </li> <li class="Linklist__Item"> <a href="https://andyokay.com/collections/share-the-meal-x-andy-okay" class="Link Link--secondary ">Share The Meal</a> </li> <li class="Linklist__Item"> <a href="/pages/cause-of-the-month" class="Link Link--secondary ">All Charity Partners</a> </li> <li class="Linklist__Item"> <a href="/pages/enviromental-policy" class="Link Link--secondary ">Sustainability At Andy's</a> </li></ul></div><div class="header-content" > <div class="content"> </div> </div> <div class="MegaMenu__Item MegaMenu_Images" style="width: 660px;height: 330px;"><div class="MegaMenu__Push MegaMenu__Push--shrink"><a class="MegaMenu__PushLink" href="/pages/impact"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//andyokay.com/cdn/shop/files/impact_1x1.jpg?v=1613643997); max-width: 370px; --aspect-ratio: 1.608695652173913"> <img class="Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/impact_370x230@2x.jpg?v=1613643997" alt=""> <span class="Image__Loader"></span> </div><p class="MegaMenu__PushHeading Heading u-h6">OUR IMPACT</p></a></div><div class="MegaMenu__Push MegaMenu__Push--shrink"><a class="MegaMenu__PushLink" href="https://andyokay.com/pages/cause-of-the-month"><div class="MegaMenu__PushImageWrapper AspectRatio" style="background: url(//andyokay.com/cdn/shop/files/aboutandy_2_1x1.jpg?v=1702399804); max-width: 370px; --aspect-ratio: 1.0"> <img class="Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/aboutandy_2_370x230@2x.jpg?v=1702399804" alt=""> <span class="Image__Loader"></span> </div><p class="MegaMenu__PushHeading Heading u-h6">OUR CHARITY PARTNERS</p></a></div></div></div> </div></li> <li class="HorizontalList__Item push-about-right with-megamenu " aria-haspopup="true"> <a class="header_link" href="/pages/about-us">ABOUT US<span class="Header__LinkSpacer">ABOUT US</span></a> <div class="MegaMenu " aria-hidden="true" > <div class="MegaMenu__Inner"><div class="MegaMenu__Item MegaMenu__Item--fit"> <a href="/pages/about-us" class="MegaMenu__Title Heading Text--subdued u-h7"style="display:none">Who we are</a><ul class="Linklist"> <li class="Linklist__Item"> <a href="/pages/about-us" class="Link Link--secondary ">About Andy okay</a> </li> <li class="Linklist__Item"> <a href="/pages/faq" class="Link Link--secondary ">FAQ</a> </li> <li class="Linklist__Item"> <a href="/pages/contact" class="Link Link--secondary ">Contact us</a> </li> <li class="Linklist__Item"> <a href="/blogs/the-gallerist" class="Link Link--secondary ">Okay Unframed</a> </li></ul></div></div> </div></li> <li class="HorizontalList__Item push-reviews-right " > <a class="header_link" href="/pages/reviews">REVIEWS <div class="header-reviews-counter">7061</div> <span class="Header__LinkSpacer">REVIEWS</span></a></li> </ul> </nav><div class="Header__CurrencySelector Text--subdued Heading Link Link--primary u-h8 hidden-pocket hidden-lap"> <div class="Select Select--transparent"> <span> <img src="https://cdn.shopify.com/s/files/1/0082/5619/2602/files/USD.png" id="flags" > </span> <select class="CurrencySelector__Select u-h8" title="Currency selector"><option value="USD" selected="selected">USD</option><option value="CAD">CAD</option><option value="EUR">EUR</option><option value="GBP">GBP</option><option value="SEK">SEK</option><option value="AUD">AUD</option><option value="NOK">NOK</option><option value="DKK">DKK</option><option value="NZD">NZD</option></select> </div> </div></div> <div class="cart-search__Custom"> <div class="Header__FlexItem Header__FlexItem--fill mobile-cart-icon"> <a href="/cart" id="target__mobile" class="Header__Icon cart_wrapper Icon-Wrapper Icon-Wrapper--clickable " data-action="open-drawer" data-drawer-id="sidebar-cart" aria-expanded="false" aria-label="Open cart"> <span class="cart_amount"> <b> <span id="cm_at_price_header"></span> </b> <span id="price_header"></span> </span> <span class="cart_icon"> <span class="hidden-tablet-and-up"><img src="//andyokay.com/cdn/shop/t/191/assets/shoppingbag.png?v=111649403122464146011741434552" class="Icon Icon--cart-new" height="auto" width="21px" alt="cart"><span class="Header__CartDot ">0</span></span> <span class="hidden-phone"><img src="//andyokay.com/cdn/shop/t/191/assets/shoppingbag.png?v=111649403122464146011741434552" class="Icon Icon--cart-new" height="auto" width="21px" alt="cart"></span> </span> </a></div> <div class="Header__FlexItem Header__FlexItem--fill mobile-search-icon"><a href="/search" class="Header__Icon head_mobile_serch Icon-Wrapper Icon-Wrapper--clickable search_line__height " data-action="toggle-search" aria-label="Search"><img src="//andyokay.com/cdn/shop/t/191/assets/search.png?v=84568129519038161811741434342" class="Icon Icon--search-desktop" height="auto" width="21px" alt="search"> </a></div></div> <div class="Header__FlexItem Header__FlexItem--logo"><h1 class="Header__Logo"><a href="/" class="Header__LogoLink"><img class="Header__LogoImage Header__LogoImage--primary" src="//andyokay.com/cdn/shop/files/andyokay_long_black_140x.png?v=1661499587" srcset="//andyokay.com/cdn/shop/files/andyokay_long_black_140x.png?v=1661499587 1x, //andyokay.com/cdn/shop/files/andyokay_long_black_140x@2x.png?v=1661499587 2x" width="140" alt="Andy okay"><img class="Header__LogoImage Header__LogoImage--transparent" src="//andyokay.com/cdn/shop/files/andyokay_long_white_140x.png?v=1661499613" srcset="//andyokay.com/cdn/shop/files/andyokay_long_white_140x.png?v=1661499613 1x, //andyokay.com/cdn/shop/files/andyokay_long_white_140x@2x.png?v=1661499613 2x" width="140" alt="Andy okay"></a></h1></div> <div class="Header__FlexItem--Custom__cart Header__FlexItem Header__FlexItem--fill desktop-menu-option"> <a href="/search" class="Header__Icon Icon-Wrapper Icon-Wrapper--clickable " data-action="toggle-search" aria-label="Search"> <span class="hidden-tablet-and-up"><svg class="Icon Icon--search" role="presentation" viewBox="0 0 18 17"> <g transform="translate(1 1)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="square"> <path d="M16 16l-5.0752-5.0752"></path> <circle cx="6.4" cy="6.4" r="6.4"></circle> </g> </svg></span> <span class="hidden-phone"><img src="//andyokay.com/cdn/shop/t/191/assets/search.png?v=84568129519038161811741434342" class="Icon Icon--search-desktop" height="auto" width="21px" alt="search"> </span> </a> <a href="/cart" id = "target__" class="Header__Icon cart_wrapper Icon-Wrapper Icon-Wrapper--clickable " data-action="open-drawer" data-drawer-id="sidebar-cart" aria-expanded="false" aria-label="Open cart"> <span class="cart_amount"> <b> <span id="cm_at_price_header_"></span> </b> <span id="price_header_"></span> </span> <span class="cart_icon"> <span class="hidden-tablet-and-up"><img src="//andyokay.com/cdn/shop/t/191/assets/shoppingbag.png?v=111649403122464146011741434552" class="Icon Icon--cart-new" height="auto" width="21px" alt="cart"></span> <span class="hidden-phone"><img src="//andyokay.com/cdn/shop/t/191/assets/shoppingbag.png?v=111649403122464146011741434552" class="Icon Icon--cart-new" height="auto" width="21px" alt="cart"><span class="Header__CartDot ">0</span></span> </span> </a> </div> </div> </header> <style> .productItem_head { margin-bottom: 15px; } .productItem_head.product_head_mb { padding: 0px 24px; } .productItem_head.product_head_mb .headDescription { font-size: 14.5px; line-height: 18px; text-align: center; } .productItem_head.product_head_mb .headQuote-content .heading__stars { margin-right: 3px; } .productItem_head.product_head_mb .headQuote-content .quote-text { font-size: 14.5px; } .productItem_head.mb-bar { margin-bottom: -7px; margin-top: 42px; } .productItem_head .headDescription { color: #313131; font-size: 13px; line-height: 19px; margin-bottom: 0px; font-family: "DIN Next LT Pro Light"; font-weight: 300; font-style: italic; margin-top: 20px; } .productItem_head .headQuote-content { margin-top: 10px; } .productItem_head .headQuote--default { margin-bottom: 5px; } @media screen and (max-width: 640px) { .productItem_head .headQuote-content { text-align: center; } .productItem_head .headQuote--default { margin-top: 0px; padding-top: 25px; } } .productItem_head .headQuote-content .heading__stars { margin-right: 5px; display: inline-block; } .productItem_head .headQuote-content .heading__stars .star { color: #a6967c; font-size: 14px; } .productItem_head .headQuote-content .quote-text { font-size: 11px; color: #313131; display: inline-block; font-weight: 500; font-family: "DIN Med"; } .productItem_head .headQuote-content .reviewCounts { font-size: 18px; color: #595959; display: inline-block; font-family: "Adobe Caslon Pro"; font-style:normal; letter-spacing: -0.5px; text-decoration:underline; } .productItem_head .headQuote-content .quote-text:before { content: "-"; display: inline-block; margin-right: 2px; } @media (min-width: 640px) { .desktop-b-mobile-h { display: block !important; } .mobile-b-desktop-h { display: none !important; } } .search_preload .top_saerchCarousal, .search_preload .top_ourPicks{ display:none; } .search_preload .tags-section .SectionHeader__Heading{ text-transform: uppercase; font-family: DIN Next LT Pro Cond; font-weight: 500; margin-bottom: 10px; font-size: 20px; } @media (max-width: 767px) { .Search__Input{ margin-top:10px; } .Search__Inner{ max-height:100vh !important; } .search_preload .top_saerchCarousal, .search_preload .top_ourPicks{ display:block; } .top_saerchCarousal .links-section{ display: flex; overflow-x: scroll;}.top_saerchCarousal .links-section a{ flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; flex: 0 0 43%; margin-right: 10px;} .top_ourPicks .links-section{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px; } .search_position{ top:0px !Important; bottom:initial !Important; z-index:999; border-bottom: 1px solid #ccc; } .Search__Results[aria-hidden=false]{ margin-top:50px; } .search_preload .SectionHeader__Heading{ text-transform: uppercase; font-family: DIN Next LT Pro Cond; font-weight: 500; margin-top: 45px; margin-bottom: 5px; } .search_preload .tags-section .SectionHeader__Heading{ display: none; } .search_preload .Container,.search_preload .links-section{ padding:0px !important; } .Search__Input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #666666; opacity: 1; /* Firefox */ } .Search__Input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666666; } .Search__Input::-ms-input-placeholder { /* Microsoft Edge */ color: #666666; } .search_position { padding: 10px 18px 15px !important; } .desktop-b-mobile-h { display: none; } } .Header__Icon.cart_wrapper{ padding:5px 15px; padding-right: 0px; /* background: #e5e5e5; */ border-radius:5px; display:inline-flex; align-items:center; align-content:center; justify-content:center; height: 38px; } .Header__Icon.cart_wrapper::before { content: ''; width: 1px; background: #bfbfbf; height: 28px; top: 50%; transform: translateY(-50%); } @media (max-width: 767px) { .Header__Icon.cart_wrapper::before { content: unset; } .Header__Icon.cart_wrapper{ padding:5px 7px; background: #fff; min-height: 38px; border: none; } } @media (max-width: 360px) { .Header__Icon.cart_wrapper{ padding:5px 3px; } } .Header__Icon span.cart_amount{ color:#001bcf; font-size:13px; /* font-weight:bold; */ display:inline-block; margin-right:5px; text-align:right; white-space: nowrap; font-family: DIN Next LT Pro; } @media (max-width: 767px) { .Header__Icon span.cart_amount{ font-size:10px; } } @media (max-width: 440px) { .Header__Icon span.cart_amount{ font-size:10px; } } .Header__Icon span.cart_amount b{ color:#000; font-size:12px; font-weight: normal; text-decoration:line-through; } @media (max-width: 767px) { .Header__Icon span.cart_amount b{ font-size:10px; } } @media (max-width: 440px) { .Header__Icon span.cart_amount b{ font-size:10px; } } .Header__Icon span.cart_icon{ display:inline-block; } #price_header_{ display:block; margin-bottom:3px; } .Header__Icon .Icon--cart-desktop, .Header__Icon .Icon--cart{ vertical-align:unset; }:root { --use-sticky-header: 1; --use-unsticky-header: 0; } .shopify-section--header { position: -webkit-sticky; position: sticky; } div#tidio-chat { position: relative; z-index: 3;}div#giftbox-root { z-index: 5; position: relative;} #wheelio2-app-cointainer{ position: relative;} .trigger-button-holder{ top:auto; bottom:245px; left:20px;} #wlo-trigger-button{ width:70px; height:70px; margin:0px;} @media screen and (max-width: 768px) { .trigger-button-holder { bottom:210px; left: 18px; height: 40px; } #wlo-trigger-button #wlo-trigger-image{ background-size:22px; } #wlo-trigger-button{ width:40px; height:40px; margin:0px; } #wlo-trigger-button #wlo-notification{ font-size:11px; line-height:16px; width:18px; height:18px; }} .mobile-logo-main{display: none;}.mobile-cart-icon, .mobile-allart-icon, .mobile-search-icon, .mobile-home-icon{display: none;} @media screen and (max-width: 768px) { :root { --use-sticky-header: 0; --use-unsticky-header: 1; } .shopify-section--header{ /* position: fixed; */ top: 0; margin-bottom: -2px !important; z-index: 9; } div#Search { top: 0px; position: fixed; z-index: 999999999999; min-height:52px; } .mobile-cart-icon, .mobile-allart-icon, .mobile-search-icon, .mobile-home-icon{display: block;margin-right : 14px;} .mobile-search-icon {width: 18px;} .desktop-menu-option, .Header__Logo{display: none;} .Header__Icon{text-align: center;width: 100%;} .search_line__height {line-height: 1.34 !important;} .Header__Wrapper{text-align: center;padding: 4px 5px 4px 5px;background-color: white;} .Header__Icon .Icon--cart-desktop, .Header__Icon .Icon--search-desktop, .Header__Icon .Icon--nav-desktop, .Header__Icon svg, .Header__Icon svg, .Header__Icon svg{ fill: #000000; color: #000000; } @media screen and (max-width: 767px) { .Header__Icon.head_mobile_serch svg{ fill: #000; color: #000; width: 17px; height: 17px; } } .mobile-logo-main{display: none; position: fixed; top: 0; left: 7px; right: auto; margin-top: 12px; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: -moz-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1); } .mobile-logo-main.hidden { -webkit-transform: translateY(-190%); -moz-transform: translateY(-190%); -ms-transform: translateY(-190%); -o-transform: translateY(-190%); transform: translateY(-190%); display:none;} @media screen and (max-width: 420px) { .mobile-logo-main{ top: 32px; /* display: block; */ margin-left: auto; margin-right: auto; width: 100%; left: 0px;} .mobile-logo-main.hidden { top: 25px; display:none;} } iframe#tidio-chat-iframe{bottom: 120px !important;} } .GiftBox-BoxContainer{ bottom: calc(145px) !important; transform: translateY(45px) !important;} .iUYSrt{ max-height:480px !important;} .GiftBox-LauncherFrame { bottom: 65px!important;}@media screen and (max-width: 640px) { .Header__LogoImage { max-width: 115px; } }:root { --header-is-not-transparent: 0; --header-is-transparent: 1; } .shopify-section--header { margin-bottom: calc(-1 * var(--header-height)); } .supports-sticky .Search[aria-hidden="true"] + .Header--transparent {box-shadow: none;color: #f0f0f0; }#flags { height: 13px; margin-bottom: 11px width: 22px; margin-right: 2px; } #giftbox-root .newGiftboxloc{ bottom: 140px !important; } </style><script> $(document).ready(function () { if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { $(".mobile-b-desktop-h").show(); /*setTimeout(function () { $(".mobile-b-desktop-h").show(); }, 200);*/ setTimeout(function () { $(".Header__Wrapper").show(); }, 1000); } else{ $(".Header__Wrapper").show() $(".CLS-producthead-placeholder").hide(); } var distance = $('.ProductForm__AddToCart').offset().top, $window = $(window); $window.scroll(function() { if ( ($window.scrollTop() >= (distance+46)) && (screen.width < 640)) { $('.GiftBox-LauncherFrame').addClass('newGiftboxloc'); } else{ $('.GiftBox-LauncherFrame').removeClass('newGiftboxloc'); } }); }); $(window).bind('scroll', function() { if ($(window).scrollTop() > 25) { $('.mobile-logo-main').hide(); } }); $(document).ready(function() { $('.CurrencySelector__Select').select2({ selectionCssClass: 'selectDropDownCss', minimumResultsForSearch: Infinity, dropdownCssClass : 'selectDropDownCss1' }); }); $('.CurrencySelector__Select').change(function() { localStorage.setItem('currencyManuallyChanged', true); var selected_currency = this.value; localStorage.setItem('currency', selected_currency); var currentUrl = window.location.href; var url = new URL(currentUrl); url.searchParams.set("currency", selected_currency); // setting your param var newUrl = url.href; console.log(newUrl); console.log('yes changed'); window.location.replace(newUrl); }); </script> <script> document.documentElement.style.setProperty('--header-height', document.getElementById('shopify-section-header').offsetHeight + 'px'); var prev = 0; var $window = $(window); var nav = $('#navbar'); //Un-comment to turn on menu hides when scrolling down animation // if($window.width() < 768) { // var header_elem = document.getElementById('shopify-section-header'); // var announcement_height = document.getElementById('shopify-section-announcement').offsetHeight; // header_elem.classList.add('menu-animated'); // $window.on('scroll', function(){ // var scrollTop = $window.scrollTop(); // // nav.toggleClass('hidden', scrollTop > prev); // if(scrollTop > announcement_height && scrollTop > prev) { // header_elem.classList.add('menu-hide'); // } // else { // header_elem.classList.remove('menu-hide'); // } // prev = scrollTop; // }); // }</script> <script>$(document).ready(function(){$(document).on('click','.Header__Icon[data-action="toggle-search"]',function(){ // Add something to given element placeholderfunction addToPlaceholder(toAdd, el) { el.attr('placeholder', el.attr('placeholder') + toAdd); // Delay between symbols "typing" return new Promise(resolve => setTimeout(resolve, 300));} // Cleare placeholder attribute in given elementfunction clearPlaceholder(el) { el.attr("placeholder", "Search here for ");} // Print one phrasefunction printPhrase(phrase, el) { return new Promise(resolve => { // Clear placeholder before typing next phrase clearPlaceholder(el); let letters = phrase.split(''); // For each letter in phrase letters.reduce( (promise, letter, index) => promise.then(_ => { // Resolve promise when all letters are typed if (index === letters.length - 2) { // Delay before start next phrase "typing" setTimeout(resolve, 600); } return addToPlaceholder(letter, el); }), Promise.resolve() ); });} // Print given phrases to elementfunction printPhrases(phrases, el) { // For each phrase // wait for phrase to be typed // before start typing next phrases.reduce( (promise, phrase) => promise.then(_ => printPhrase(phrase, el)), Promise.resolve() );} // Start typingfunction run() { let phrases = [ "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests", "artworks", "artists", "interests" ]; printPhrases(phrases, $('#searchbox'));} run();});});</script><script> var cont = $('#new-currency-container'); for (const [key, value] of Object.entries(regions)) { var currencyitems = '' value.sort((a,b) => countryNames[a].localeCompare(countryNames[b])); const useable_countries = value.filter((item) => currencyfiltered_object.hasOwnProperty(item)); if (useable_countries.length > 0) { cont.append("<div class='new-currency-region'>" + key + "</div>") for (const key of useable_countries) { currencyitems = currencyitems.concat("<a name='new-currency-object' data-country='" + countryNames[key] +"' data-currency='" + countryCurrency[key] + "' data-flag='" + countryCurrencyFlag[key] + "'>" + "<span><img src='https://cdn.shopify.com/s/files/1/0082/5619/2602/files/" + countryCurrencyFlag[key] + ".png' id='flags' ></span>" + countryNames[key] + " (" + countryCurrency[key] + ")" + "</a>"); } cont.append("<div class='new-currency-container-item'>" + currencyitems + "</div>") } } $(document).ready(function () { $('a[name="new-currency-object"]').click(function myfunc() { localStorage.setItem('currencyManuallyChanged', true); var selected_currency = this.getAttribute('data-currency'); var selected_flag = this.getAttribute('data-flag'); var selected_country = this.getAttribute('data-country'); localStorage.setItem('currency', selected_currency); localStorage.setItem('userCurrencyFlag', selected_flag); localStorage.setItem('country_name_show', selected_country); var currentUrl = window.location.href; var url = new URL(currentUrl); url.searchParams.set("currency", selected_currency); // setting your param var newUrl = url.href; window.location.replace(newUrl); }); }); </script></div> <main id="main" role="main"> <div id="shopify-section-template--24967983366493__slideshow" class="shopify-section shopify-section--slideshow"><section id="section-template--24967983366493__slideshow" data-section-id="template--24967983366493__slideshow" data-section-type="slideshow"> <div class="Slideshow "> <div class="Slideshow__Carousel Carousel " data-flickity-config='{ "prevNextButtons": false, "setGallerySize": true, "adaptiveHeight": true, "wrapAround": true, "dragThreshold": 15, "pauseAutoPlayOnHover": false, "autoPlay": false, "pageDots": false, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25}}'><div id="Slide1ef45436-7520-4016-9268-345b70759769" class="Slideshow__Slide Carousel__Cell is-selected" style="visibility: visible" data-slide-index="0" ><div class="Slideshow__ImageContainer AspectRatio hidden-tablet-and-up" style="--aspect-ratio: 0.7875722543352601; background-image: url(//andyokay.com/cdn/shop/files/andyokay_car_mob_e5876566-97fd-4757-a91a-56343c784bd9_1x1.jpg?v=1716556522)"> <img class="Slideshow__Image Image--lazyLoad" src="//andyokay.com/cdn/shop/files/andyokay_car_mob_e5876566-97fd-4757-a91a-56343c784bd9_1x1.jpg?v=1716556522" data-src="//andyokay.com/cdn/shop/files/andyokay_car_mob_e5876566-97fd-4757-a91a-56343c784bd9_x800.jpg?v=1716556522" alt=""> <noscript> <img class="Slideshow__Image" src="//andyokay.com/cdn/shop/files/andyokay_car_mob_e5876566-97fd-4757-a91a-56343c784bd9_x800.jpg?v=1716556522" alt=""> </noscript> </div><div class="Slideshow__ImageContainer AspectRatio AspectRatio--withFallback hidden-phone" style="padding-bottom: 50.08517887563884%; --aspect-ratio: 1.9965986394557824; background-image: url(//andyokay.com/cdn/shop/files/andyokay_car_desk_db211ad3-3d6b-4eff-b5e0-b866e3abf920_1x1.jpg?v=1716555309)"> <img class="Slideshow__Image Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shop/files/andyokay_car_desk_db211ad3-3d6b-4eff-b5e0-b866e3abf920_{width}x.jpg?v=1716555309" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600]" data-sizes="auto" alt=""> <noscript> <img class="Slideshow__Image" src="//andyokay.com/cdn/shop/files/andyokay_car_desk_db211ad3-3d6b-4eff-b5e0-b866e3abf920_1000x.jpg?v=1716555309" alt=""> </noscript> </div><div class="Slideshow__Content Slideshow__Content--middleCenter"> <header class="SectionHeader"> <h2 class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading hidden-phone">Gallery ART 82% Off for charity</h2><h2 class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading hidden-tablet-and-up">Gallery ART<br>82% Off <br>for charity</h2><h3 class="SectionHeader__SubHeading Heading u-h6">Limited art drops from award-winning artists to support important causes</h3><a href="/collections/all-art" class="banner-section-link">SHOP ALL ART</a> </header> </div></div></div></div> <span id="section-template--24967983366493__slideshow-end" class="Anchor"></span></section> <style> #section-template--24967983366493__slideshow .Heading, #section-template--24967983366493__slideshow .flickity-page-dots { color: #ffffff; } #section-template--24967983366493__slideshow .first-heading { font-size: 94px; line-height: 80px; text-transform: uppercase; font-family: 'DIN Next LT Pro Bold'; font-weight: 600; margin-bottom: 20px; } @media screen and (max-width: 767px) { #section-template--24967983366493__slideshow .first-heading { letter-spacing: 0px; } } @media screen and (max-width: 1007px) { #section-template--24967983366493__slideshow .first-heading { font-size: 54px; line-height: 44px; } } #section-template--24967983366493__slideshow .first-heading span { color: #c6c6c6; } #section-template--24967983366493__slideshow .Button { color: #000000; border-color: #ffffff; } #section-template--24967983366493__slideshow .Button::before { background-color: #ffffff; }@media (-moz-touch-enabled: 0), (hover: hover) { #section-template--24967983366493__slideshow .Button:hover { color: #ffffff; } }#shopify-section-template--24967983366493__slideshow { margin-bottom: 50px; }</style> </div><div id="shopify-section-template--24967983366493__1629722231c92f1c0e" class="shopify-section shopify-section--slideshow"><section class="Section Section--logos" id="section-template--24967983366493__1629722231c92f1c0e" data-section-id="template--24967983366493__1629722231c92f1c0e" data-section-type="slideshow" style="background-color: #000000;"> <div class="Slideshow"> <div class="Slideshow__Carousel Carousel" data-flickity-config='{ "prevNextButtons": false, "cellAlign": "right", "setGallerySize": true, "adaptiveHeight": true, "wrapAround": true, "dragThreshold": 15, "pauseAutoPlayOnHover": false, "autoPlay": 3000, "pageDots": false, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25}}'><div id="Slide5bcb6382-f9b0-4c14-8ec8-3176c59c5ae8" class="Slideshow__Slide Carousel__Cell is-selected" style="visibility: visible" data-slide-index="0" > <div class="Container seeting-slider custom-slider-container"> <img class="Slideshow__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/logo-header_150x.png?v=1645108947" alt="" > </div> </div><div id="Slide0d2b835b-4b58-47fb-bd89-83a244d84a7d" class="Slideshow__Slide Carousel__Cell " data-slide-index="1" > <div class="Container seeting-slider custom-slider-container"> <img class="Slideshow__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/smile2_150x.png?v=1639048347" alt="" > </div> </div><div id="Slidea8ccc9a0-734a-4f9b-a108-d2a54754ffe1" class="Slideshow__Slide Carousel__Cell " data-slide-index="2" > <div class="Container seeting-slider custom-slider-container"> <img class="Slideshow__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/ptsduk2_150x.png?v=1639236311" alt="" > </div> </div><div id="Slideec2acdbf-ae53-4ba6-94c1-8f66ce4a30b0" class="Slideshow__Slide Carousel__Cell " data-slide-index="3" > <div class="Container seeting-slider custom-slider-container"> <img class="Slideshow__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/abc_150x.png?v=1639047614" alt="" > </div> </div><div id="Slidebe9897c8-914d-48fc-98fc-24ae41259907" class="Slideshow__Slide Carousel__Cell " data-slide-index="4" > <div class="Container seeting-slider custom-slider-container"> <img class="Slideshow__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/amazonwatch5_150x.png?v=1639236497" alt="" > </div> </div><div id="Slide05e8ab77-1631-46e9-a8de-7b9cb97e6aac" class="Slideshow__Slide Carousel__Cell " data-slide-index="5" > <div class="Container seeting-slider custom-slider-container"> <img class="Slideshow__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/greenpeace_vit2_b1cd6905-81dc-4c6f-ae94-1befb87d09f5_150x.png?v=1639046589" alt="" > </div> </div><div id="Slide4fd1b91c-a9a6-426e-8b64-b5a4219432b6" class="Slideshow__Slide Carousel__Cell " data-slide-index="6" > <div class="Container seeting-slider custom-slider-container"> <img class="Slideshow__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/pangeaseed_150x.png?v=1639046839" alt="" > </div> </div><div id="Slide6ce043c5-94a3-498e-963d-0fea1a9bc337" class="Slideshow__Slide Carousel__Cell " data-slide-index="7" > <div class="Container seeting-slider custom-slider-container"> <img class="Slideshow__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/sealegacy_150x.png?v=1639047070" alt="" > </div> </div><div id="Slide04657013-4962-42d3-ade9-0edd4811a0b8" class="Slideshow__Slide Carousel__Cell " data-slide-index="8" > <div class="Container seeting-slider custom-slider-container"> <img class="Slideshow__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/rainforesttrust_150x.png?v=1639046615" alt="" > </div> </div><div id="Slide393d40cf-97b2-4057-b5ff-ce29e77d6bb4" class="Slideshow__Slide Carousel__Cell " data-slide-index="9" > <div class="Container seeting-slider custom-slider-container"> <img class="Slideshow__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/wwf_vit_150x.png?v=1635498724" alt="" > </div> </div></div> </div></section> <style> img { vertical-align: bottom !important; }</style> </div><div id="shopify-section-template--24967983366493__1642540604407ce1ad" class="shopify-section"><section id="section-template--24967983366493__1642540604407ce1ad" class="counter-home-sec" data-section-id="template--24967983366493__1642540604407ce1ad"> <ul class="count-list"> <li> <h3 name="Signed Artists">226</h3> <p>Signed Artists</p> </li> <li> <h3 name="Artworks sold for Charity">213.512</h3> <p>Artworks sold for Charity</p> </li> <li> <h3 name="Charity Partners">12</h3> <p>Charity Partners</p> </li> </ul> </section> <script>$( document ).ready(function() { var text2 = $('[name="Signed Artists"]').text() $({ Counter: 0 }).animate({ Counter: parseInt($('[name="Signed Artists"]').text().replace('.','')) }, { duration: 2000, easing: 'swing', step: function() { $('[name="Signed Artists"]').text(Math.ceil(this.Counter)); }, complete: function() { $('[name="Signed Artists"]').text(text2); } } ); var text3 = $('[name="Artworks sold for Charity"]').text() $({ Counter: 0 }).animate({ Counter: parseInt($('[name="Artworks sold for Charity"]').text().replace('.','')) }, { duration: 3000, easing: 'swing', step: function() { $('[name="Artworks sold for Charity"]').text(Math.ceil(this.Counter)); }, complete: function() { $('[name="Artworks sold for Charity"]').text(text3); } } ); var text4 = $('[name="Charity Partners"]').text() $({ Counter: 0 }).animate({ Counter: parseInt($('[name="Charity Partners"]').text().replace('.','')) }, { duration: 4000, easing: 'swing', step: function() { $('[name="Charity Partners"]').text(Math.ceil(this.Counter)); }, complete: function() { $('[name="Charity Partners"]').text(text4); } } ); }); </script> </div><div id="shopify-section-template--24967983366493__1642537533f81e6dfa" class="shopify-section"><section class="home-sep-sec" style="background-color: #ffffff"> <article style="color: #000000"> <h3>Art for Earth lovers</h3> <p><p>Stunning, meaningful art with incredible quality. But affordable. An impossible ask... until now. By matching award-winning artists with the world's most important nonprofits, we made it happen...</p></p> <a class="read_more_sep" href="/pages/impact"> FIND OUT MORE</a> </article> </section> </div><div id="shopify-section-template--24967983366493__160745450950754497" class="shopify-section"><div class="tags-section quick-looks"> <div class="tags-section-holder"> <div class="Container"> <div class="links-section"> <!-- Tile html --> <a class="link_list" href="/collections/best-sellers"> <div class="link-list"> <figure class="prod__list-icon"> <img class="Image--lazyLoad list-image" src="//andyokay.com/cdn/shop/files/BestSellers_60x.jpg?v=1734610796" /> </figure> <h3 class="list-title">Best Sellers</h3> </div> </a> <a class="link_list" href="/collections/just-released"> <div class="link-list"> <figure class="prod__list-icon"> <img class="Image--lazyLoad list-image" src="//andyokay.com/cdn/shop/files/voicemail_60x.jpg?v=1741862679" /> </figure> <h3 class="list-title">New Release</h3> </div> </a> <a class="link_list" href="/collections/top-10"> <div class="link-list"> <figure class="prod__list-icon"> <img class="Image--lazyLoad list-image" src="//andyokay.com/cdn/shop/files/trendingnow_71a63bc0-c413-40ad-a677-33af98f3dd9c_60x.jpg?v=1741863559" /> </figure> <h3 class="list-title">Trending Now</h3> </div> </a> <a class="link_list" href="/collections/motivational-art"> <div class="link-list"> <figure class="prod__list-icon"> <img class="Image--lazyLoad list-image" src="//andyokay.com/cdn/shop/files/Motivational_dd58b74a-907e-42aa-a5c1-4a1042024b0f_60x.jpg?v=1734611026" /> </figure> <h3 class="list-title">Motivational</h3> </div> </a> <a class="link_list" href="/collections/illustrations-1"> <div class="link-list"> <figure class="prod__list-icon"> <img class="Image--lazyLoad list-image" src="//andyokay.com/cdn/shop/files/becoolorleave_60x.jpg?v=1741862731" /> </figure> <h3 class="list-title">Illustrations</h3> </div> </a> <a class="link_list" href="/collections/pop-art"> <div class="link-list"> <figure class="prod__list-icon"> <img class="Image--lazyLoad list-image" src="//andyokay.com/cdn/shop/files/StreetArt_60x.jpg?v=1734610976" /> </figure> <h3 class="list-title">Pop Art</h3> </div> </a> <a class="link_list" href="/collections/nature"> <div class="link-list"> <figure class="prod__list-icon"> <img class="Image--lazyLoad list-image" src="//andyokay.com/cdn/shop/files/Landscapes_60x.jpg?v=1734611096" /> </figure> <h3 class="list-title">Landscape</h3> </div> </a> <a class="link_list" href="/collections/floral"> <div class="link-list"> <figure class="prod__list-icon"> <img class="Image--lazyLoad list-image" src="//andyokay.com/cdn/shop/files/Flowers_60x.jpg?v=1734611004" /> </figure> <h3 class="list-title">Floral</h3> </div> </a> <a class="link_list" href="/collections/space"> <div class="link-list"> <figure class="prod__list-icon"> <img class="Image--lazyLoad list-image" src="//andyokay.com/cdn/shop/files/Space_e23ec4eb-9bd4-4a64-94c4-d7e2dc7c32df_60x.jpg?v=1734611070" /> </figure> <h3 class="list-title">Space</h3> </div> </a> <a class="link_list" href="/collections/vintage"> <div class="link-list"> <figure class="prod__list-icon"> <img class="Image--lazyLoad list-image" src="//andyokay.com/cdn/shop/files/Collage_60x.jpg?v=1734611312" /> </figure> <h3 class="list-title">Collage</h3> </div> </a> <a class="link_list" href="/collections/animals"> <div class="link-list"> <figure class="prod__list-icon"> <img class="Image--lazyLoad list-image" src="//andyokay.com/cdn/shop/files/Animals_64d9b0fe-cd97-4ac8-811c-01e4f23de636_60x.jpg?v=1734610948" /> </figure> <h3 class="list-title">Animals</h3> </div> </a> <a class="link_list" href="/collections/surreal"> <div class="link-list"> <figure class="prod__list-icon"> <img class="Image--lazyLoad list-image" src="//andyokay.com/cdn/shop/files/Surreal_7684fa80-1ff2-42e5-a188-eda238535503_60x.jpg?v=1734611127" /> </figure> <h3 class="list-title">Surreal</h3> </div> </a> <!-- Pop Html --> <aside class="NewsletterPopup quick-looks-popup" aria-hidden="true"> <button class="NewsletterPopup__Close close" data-action="close-popup" aria-label="Close"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14"> <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path> </svg></button> <div class="Slideshow"> <div class="Slideshow__Carousel Carousel"> <div class="Slideshow__Slide Carousel__Cell" style="background-color:#000000"> <div class="popup-holder"> <div class="image-holder"> <div class="desktop-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> <div class="mobile-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> </div> <div class="popup-body"><h2 style="color:#fafaff" class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading pop_first_heading"></h2> <a class="Button Button--primary list-btn" href="/collections/best-sellers"></a> </div> </div> </div> <div class="Slideshow__Slide Carousel__Cell" style="background-color:#fcf2e8"> <div class="popup-holder"> <div class="image-holder"> <div class="desktop-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> <div class="mobile-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> </div> <div class="popup-body"><h2 style="color:#150c0c" class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading pop_first_heading"></h2> <a class="Button Button--primary list-btn" href="/collections/just-released"></a> </div> </div> </div> <div class="Slideshow__Slide Carousel__Cell" style="background-color:#000000"> <div class="popup-holder"> <div class="image-holder"> <div class="desktop-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> <div class="mobile-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> </div> <div class="popup-body"><h2 style="color:#fafaff" class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading pop_first_heading"></h2> <a class="Button Button--primary list-btn" href="/collections/top-10"></a> </div> </div> </div> <div class="Slideshow__Slide Carousel__Cell" style="background-color:#000000"> <div class="popup-holder"> <div class="image-holder"> <div class="desktop-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> <div class="mobile-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> </div> <div class="popup-body"><h2 style="color:#fafaff" class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading pop_first_heading"></h2> <a class="Button Button--primary list-btn" href="/collections/motivational-art"></a> </div> </div> </div> <div class="Slideshow__Slide Carousel__Cell" style="background-color:#000000"> <div class="popup-holder"> <div class="image-holder"> <div class="desktop-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> <div class="mobile-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> </div> <div class="popup-body"><h2 style="color:#fafaff" class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading pop_first_heading"></h2> <a class="Button Button--primary list-btn" href="/collections/illustrations-1"></a> </div> </div> </div> <div class="Slideshow__Slide Carousel__Cell" style="background-color:#000000"> <div class="popup-holder"> <div class="image-holder"> <div class="desktop-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> <div class="mobile-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> </div> <div class="popup-body"><h2 style="color:#fafaff" class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading pop_first_heading"></h2> <a class="Button Button--primary list-btn" href="/collections/pop-art"></a> </div> </div> </div> <div class="Slideshow__Slide Carousel__Cell" style="background-color:#fcf2e8"> <div class="popup-holder"> <div class="image-holder"> <div class="desktop-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> <div class="mobile-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> </div> <div class="popup-body"><h2 style="color:#0d2b2b" class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading pop_first_heading"></h2> <a class="Button Button--primary list-btn" href="/collections/nature"></a> </div> </div> </div> <div class="Slideshow__Slide Carousel__Cell" style="background-color:#000000"> <div class="popup-holder"> <div class="image-holder"> <div class="desktop-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> <div class="mobile-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> </div> <div class="popup-body"><h2 style="color:#fafaff" class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading pop_first_heading"></h2> <a class="Button Button--primary list-btn" href="/collections/floral"></a> </div> </div> </div> <div class="Slideshow__Slide Carousel__Cell" style="background-color:#000000"> <div class="popup-holder"> <div class="image-holder"> <div class="desktop-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> <div class="mobile-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> </div> <div class="popup-body"><h2 style="color:#fafaff" class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading pop_first_heading"></h2> <a class="Button Button--primary list-btn" href="/collections/space"></a> </div> </div> </div> <div class="Slideshow__Slide Carousel__Cell" style="background-color:#000000"> <div class="popup-holder"> <div class="image-holder"> <div class="desktop-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> <div class="mobile-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> </div> <div class="popup-body"><h2 style="color:#fafaff" class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading pop_first_heading"></h2> <a class="Button Button--primary list-btn" href="/collections/vintage"></a> </div> </div> </div> <div class="Slideshow__Slide Carousel__Cell" style="background-color:#fcf2e8"> <div class="popup-holder"> <div class="image-holder"> <div class="desktop-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> <div class="mobile-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> </div> <div class="popup-body"><h2 style="color:#0d2b2b" class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading pop_first_heading"></h2> <a class="Button Button--primary list-btn" href="/collections/animals"></a> </div> </div> </div> <div class="Slideshow__Slide Carousel__Cell" style="background-color:#fcf2e8"> <div class="popup-holder"> <div class="image-holder"> <div class="desktop-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> <div class="mobile-image"> <img class="Image--lazyLoad hide-no-js" data-src="//andyokay.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif" data-optimumx="1.2" data-widths="[400, 600, 800, 1000, 1200, 1400, 1600, 1800, 2000, 2200]" data-sizes="auto" alt=""> </div> </div> <div class="popup-body"><h2 style="color:#0d2b2b" class="SectionHeader__Heading SectionHeader__Heading--emphasize Heading u-h1 first-heading pop_first_heading"></h2> <a class="Button Button--primary list-btn" href="/collections/surreal">Take action</a> </div> </div> </div> </div> </div> </aside> </div> </div> </div></div> <script> $(document).ready(function(){ var $carousel = $('.quick-looks-popup .Slideshow__Carousel.Carousel').flickity({ prevNextButtons: true, setGallerySize: true, adaptiveHeight: false, wrapAround: false, dragThreshold: 15, pauseAutoPlayOnHover: false, autoPlay: false, pageDots: false, arrowShape: {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25} }); $('.link_list').click(function(){ //below line to comment the functionality as per requirement to stop pop up return; var list_id = $(this).data('list-id'); list_id -= 1; $(".quick-looks-popup").addClass('visible'); $('body').addClass("story-popup-visible"); $carousel.flickity( 'select', list_id ); setTimeout(function(){ $carousel.flickity('resize'); }, 200); }); $('.quick-looks-popup .close').click(function(){ $('.quick-looks-popup').removeClass('visible'); $('body').removeClass("story-popup-visible"); }); });</script> </div><div id="shopify-section-template--24967983366493__1625374692c4d0a8c9" class="shopify-section shopify-section--bordered"><div class="Section--spacingHeading"> <header class="SectionHeader SectionHeader--center"> <div class="Container featured-new-header"><div class="SectionHeader__Heading_Container"><h2 class="SectionHeader__Heading Heading u-h1 featured-heading"> Best Sellers</h2> </div><div class="header_viewAll" style="color: ;"> <a href="/collections/best-sellers" class="">View all</a></div></div> </header></div><section class="Section Section--spacingNormal Section--spacingNarrow" data-section-id="template--24967983366493__1625374692c4d0a8c9" data-section-type="featured-collections" data-settings='{ "layout": "carousel"}' style="background-color: #f0f0f0;"><div class="TabPanel" id="block-162537469203ba0fa9-0" aria-hidden="false" role="tabpanel" > <div class="ProductListWrapper"><div class="ProductList ProductList--carousel Carousel" data-flickity-config='{ "prevNextButtons": false, "pageDots": false, "wrapAround": false, "contain": true, "cellAlign": "left", "watchCSS": true, "dragThreshold": 8, "groupCells": true, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25} }'><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/best-sellers/products/alice" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/alice_in_wonderland_2_thomas_chedeville_02_{width}x.jpg?v=1689315466" data-widths="[200,300]" data-sizes="auto" alt="Alice" data-image-id="51597614023005"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/alice_in_wonderland_2_thomas_chedeville_01_{width}x.jpg?v=1689315466" data-widths="[200,300]" data-sizes="auto" alt="Alice" data-image-id="51597614448989"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/alice_in_wonderland_2_thomas_chedeville_02_300x.jpg?v=1689315466" alt="Alice"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/alice_in_wonderland_2_thomas_chedeville_01_300x.jpg?v=1689315466" alt="Alice"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label essentials-label limited-label-product-item"><span>Essentials</span></div> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/best-sellers/products/alice">Alice</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/best-sellers/products/cool-people-live-here" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/CoolPeopleLiveHere_RyanMiller_Andyokay_06_{width}x.jpg?v=1732703208" data-widths="[200,300]" data-sizes="auto" alt="Cool People Live Here" data-image-id="71590223479133"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/CoolPeopleLiveHere_RyanMiller_Andyokay_08_{width}x.jpg?v=1732703208" data-widths="[200,300]" data-sizes="auto" alt="Cool People Live Here" data-image-id="71590223741277"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/CoolPeopleLiveHere_RyanMiller_Andyokay_06_300x.jpg?v=1732703208" alt="Cool People Live Here"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/CoolPeopleLiveHere_RyanMiller_Andyokay_08_300x.jpg?v=1732703208" alt="Cool People Live Here"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/best-sellers/products/cool-people-live-here">Cool People Live Here</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/best-sellers/products/offline" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/RyanMiller_Offline_Andyokay_03_{width}x.jpg?v=1701095256" data-widths="[200,300]" data-sizes="auto" alt="Offline" data-image-id="53627951874397"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/RyanMiller_Offline_Andyokay_01_{width}x.jpg?v=1701095255" data-widths="[200,300]" data-sizes="auto" alt="Offline" data-image-id="53627952660829"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/RyanMiller_Offline_Andyokay_03_300x.jpg?v=1701095256" alt="Offline"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/RyanMiller_Offline_Andyokay_01_300x.jpg?v=1701095255" alt="Offline"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/best-sellers/products/offline">Offline</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/best-sellers/products/here-i-come" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Taudalpoi_Here-I-Come_Wall_Art_Print_07_{width}x.jpg?v=1692874693" data-widths="[200,300]" data-sizes="auto" alt="Here I Come" data-image-id="52101187273053"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Taudalpoi_Here-I-Come_Wall_Art_Print_08_{width}x.jpg?v=1692874693" data-widths="[200,300]" data-sizes="auto" alt="Here I Come" data-image-id="52101186486621"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Taudalpoi_Here-I-Come_Wall_Art_Print_07_300x.jpg?v=1692874693" alt="Here I Come"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Taudalpoi_Here-I-Come_Wall_Art_Print_08_300x.jpg?v=1692874693" alt="Here I Come"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label essentials-label limited-label-product-item"><span>Essentials</span></div> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/best-sellers/products/here-i-come">Here I Come</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/best-sellers/products/lion-among-sheep" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_horizontal_2022_07_{width}x.jpg?v=1664529457" data-widths="[200,300]" data-sizes="auto" alt="Lion Among Sheep" data-image-id="37889882489069"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_horizontal_2022_08_{width}x.jpg?v=1664529457" data-widths="[200,300]" data-sizes="auto" alt="Lion Among Sheep" data-image-id="37889882390765"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/shopify_mockups_horizontal_2022_07_300x.jpg?v=1664529457" alt="Lion Among Sheep"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/shopify_mockups_horizontal_2022_08_300x.jpg?v=1664529457" alt="Lion Among Sheep"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Rainforest Trust</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/best-sellers/products/lion-among-sheep">Lion Among Sheep</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/best-sellers/products/sky-is-not-the-limit-1" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/SkyIsNotTheLimit_RyanMiller_01_02_{width}x.jpg?v=1698769983" data-widths="[200,300]" data-sizes="auto" alt="Sky Is Not The Limit" data-image-id="53193696117085"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/SkyIsNotTheLimit_RyanMiller_01_01_{width}x.jpg?v=1698769982" data-widths="[200,300]" data-sizes="auto" alt="Sky Is Not The Limit" data-image-id="53193695986013"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/SkyIsNotTheLimit_RyanMiller_01_02_300x.jpg?v=1698769983" alt="Sky Is Not The Limit"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/SkyIsNotTheLimit_RyanMiller_01_01_300x.jpg?v=1698769982" alt="Sky Is Not The Limit"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/best-sellers/products/sky-is-not-the-limit-1">Sky Is Not The Limit</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/best-sellers/products/figureoutable" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Figureoutable_Popbuddy_Andyokay_06_{width}x.jpg?v=1732792273" data-widths="[200,300]" data-sizes="auto" alt="Figureoutable" data-image-id="71607586357597"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Figureoutable_Popbuddy_Andyokay_08_{width}x.jpg?v=1732792272" data-widths="[200,300]" data-sizes="auto" alt="Figureoutable" data-image-id="71607586193757"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Figureoutable_Popbuddy_Andyokay_06_300x.jpg?v=1732792273" alt="Figureoutable"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Figureoutable_Popbuddy_Andyokay_08_300x.jpg?v=1732792272" alt="Figureoutable"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/best-sellers/products/figureoutable">Figureoutable</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/best-sellers/products/do-epic-shit" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_02_b49c8321-6adc-4f93-b0a2-90991d5df5de_{width}x.jpg?v=1664529148" data-widths="[200,300]" data-sizes="auto" alt="Do Epic Shit" data-image-id="37889864302829"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_01_4b7b7b93-3640-4e73-92d4-e76ee57b2352_{width}x.jpg?v=1664529147" data-widths="[200,300]" data-sizes="auto" alt="Do Epic Shit" data-image-id="37889864106221"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_02_b49c8321-6adc-4f93-b0a2-90991d5df5de_300x.jpg?v=1664529148" alt="Do Epic Shit"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_01_4b7b7b93-3640-4e73-92d4-e76ee57b2352_300x.jpg?v=1664529147" alt="Do Epic Shit"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/best-sellers/products/do-epic-shit">Do Epic Shit</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/best-sellers/products/garden-delights-ii" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/gardendelights2_07_{width}x.jpg?v=1639318167" data-widths="[200,300]" data-sizes="auto" alt="Garden Delights II" data-image-id="36286758191341"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/gardendelights2_08_{width}x.jpg?v=1639318169" data-widths="[200,300]" data-sizes="auto" alt="Garden Delights II" data-image-id="36286758355181"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/gardendelights2_07_300x.jpg?v=1639318167" alt="Garden Delights II"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/gardendelights2_08_300x.jpg?v=1639318169" alt="Garden Delights II"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label essentials-label limited-label-product-item"><span>Essentials</span></div> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/best-sellers/products/garden-delights-ii">Garden Delights II</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/best-sellers/products/memento-mori" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_2022_07_b95be225-c1d0-4a4a-ac53-e1df4241c199_{width}x.jpg?v=1651233547" data-widths="[200,300]" data-sizes="auto" alt="Memento Mori" data-image-id="37088620675309"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_2022_08_15288af0-d59a-41fe-b193-8045ee43e962_{width}x.jpg?v=1651233546" data-widths="[200,300]" data-sizes="auto" alt="Memento Mori" data-image-id="37088620478701"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/art_mockups_2022_07_b95be225-c1d0-4a4a-ac53-e1df4241c199_300x.jpg?v=1651233547" alt="Memento Mori"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/art_mockups_2022_08_15288af0-d59a-41fe-b193-8045ee43e962_300x.jpg?v=1651233546" alt="Memento Mori"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label essentials-label limited-label-product-item"><span>Essentials</span></div> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/best-sellers/products/memento-mori">Memento Mori</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div></div></div></div></section></div><div id="shopify-section-template--24967983366493__16131224958a8baaef" class="shopify-section shopify-section--bordered"><div class="Section--spacingHeading"> <header class="SectionHeader SectionHeader--center"> <div class="Container featured-new-header"><div class="SectionHeader__Heading_Container"><h2 class="SectionHeader__Heading Heading u-h1 featured-heading"> New Release</h2> </div><div class="header_viewAll" style="color: ;"> <a href="/collections/just-released" class="">View all</a></div></div> </header></div><section class="Section Section--spacingNormal Section--spacingNarrow" data-section-id="template--24967983366493__16131224958a8baaef" data-section-type="featured-collections" data-settings='{ "layout": "carousel"}' style="background-color: #f0f0f0;"><div class="TabPanel" id="block-16131224958a8baaef-0" aria-hidden="false" role="tabpanel" > <div class="ProductListWrapper"><div class="ProductList ProductList--carousel Carousel" data-flickity-config='{ "prevNextButtons": false, "pageDots": false, "wrapAround": false, "contain": true, "cellAlign": "left", "watchCSS": true, "dragThreshold": 8, "groupCells": true, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25} }'><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/where-flowers-bloom" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Rob-Hakemo-Where-Flowers-Bloom-AndyokayxNon-Violence-Project-Foundation_06_{width}x.jpg?v=1746185042" data-widths="[200,300]" data-sizes="auto" alt="Where Flowers Bloom" data-image-id="75044226466141"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Rob-Hakemo-Where-Flowers-Bloom-AndyokayxNon-Violence-Project-Foundation_08_{width}x.jpg?v=1746185042" data-widths="[200,300]" data-sizes="auto" alt="Where Flowers Bloom" data-image-id="75044226629981"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Rob-Hakemo-Where-Flowers-Bloom-AndyokayxNon-Violence-Project-Foundation_06_300x.jpg?v=1746185042" alt="Where Flowers Bloom"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Rob-Hakemo-Where-Flowers-Bloom-AndyokayxNon-Violence-Project-Foundation_08_300x.jpg?v=1746185042" alt="Where Flowers Bloom"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/where-flowers-bloom">Where Flowers Bloom</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/black-sheep" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Black-Sheep-Rob-Hakemo-Andy-okay-Art-for-Causes_02_{width}x.jpg?v=1743753222" data-widths="[200,300]" data-sizes="auto" alt="Black Sheep" data-image-id="74293050671453"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Black-Sheep-Rob-Hakemo-Andy-okay-Art-for-Causes_08_{width}x.jpg?v=1743753222" data-widths="[200,300]" data-sizes="auto" alt="Black Sheep" data-image-id="74293050868061"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Black-Sheep-Rob-Hakemo-Andy-okay-Art-for-Causes_02_300x.jpg?v=1743753222" alt="Black Sheep"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Black-Sheep-Rob-Hakemo-Andy-okay-Art-for-Causes_08_300x.jpg?v=1743753222" alt="Black Sheep"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/black-sheep">Black Sheep</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/voice-mail" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/JohnBeijer_VoiceMail_Andyokay_01_02_{width}x.jpg?v=1740840094" data-widths="[200,300]" data-sizes="auto" alt="Voice Mail" data-image-id="73358184841565"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/voicemail_08_08aa6845-3802-49c2-a515-a51557af1302_{width}x.jpg?v=1740840094" data-widths="[200,300]" data-sizes="auto" alt="Voice Mail" data-image-id="73395338936669"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/JohnBeijer_VoiceMail_Andyokay_01_02_300x.jpg?v=1740840094" alt="Voice Mail"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/voicemail_08_08aa6845-3802-49c2-a515-a51557af1302_300x.jpg?v=1740840094" alt="Voice Mail"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/voice-mail">Voice Mail</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/snack-break" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/JohnBeijer_SnackBreak_Andyokay_06_{width}x.jpg?v=1740839927" data-widths="[200,300]" data-sizes="auto" alt="Snack Break" data-image-id="73358033486173"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/snackbreak_1_08_{width}x.jpg?v=1740839927" data-widths="[200,300]" data-sizes="auto" alt="Snack Break" data-image-id="73395236405597"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/JohnBeijer_SnackBreak_Andyokay_06_300x.jpg?v=1740839927" alt="Snack Break"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/snackbreak_1_08_300x.jpg?v=1740839927" alt="Snack Break"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/snack-break">Snack Break</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/a-star-wars-saga" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Star-Wars-Original-Wall-Art-Thomas-Chedeville-Andyokay_06_{width}x.jpg?v=1739543943" data-widths="[200,300]" data-sizes="auto" alt="A Star Wars Saga" data-image-id="72982207332701"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Star-Wars-Original-Wall-Art-Thomas-Chedeville-Andyokay_08_{width}x.jpg?v=1739543943" data-widths="[200,300]" data-sizes="auto" alt="A Star Wars Saga" data-image-id="72982207103325"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Star-Wars-Original-Wall-Art-Thomas-Chedeville-Andyokay_06_300x.jpg?v=1739543943" alt="A Star Wars Saga"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Star-Wars-Original-Wall-Art-Thomas-Chedeville-Andyokay_08_300x.jpg?v=1739543943" alt="A Star Wars Saga"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/a-star-wars-saga">A Star Wars Saga</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/super-super" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Superman_Original_Wall_Art_ThomasChedeville_Andyokay_02_{width}x.jpg?v=1739543025" data-widths="[200,300]" data-sizes="auto" alt="Super Super" data-image-id="72981633761629"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Superman_Original_Wall_Art_ThomasChedeville_Andyokay_01_{width}x.jpg?v=1739542993" data-widths="[200,300]" data-sizes="auto" alt="Super Super" data-image-id="72981634351453"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Superman_Original_Wall_Art_ThomasChedeville_Andyokay_02_300x.jpg?v=1739543025" alt="Super Super"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Superman_Original_Wall_Art_ThomasChedeville_Andyokay_01_300x.jpg?v=1739542993" alt="Super Super"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/super-super">Super Super</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/neowise-risen" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Forest-Barkdoll-Weil-Neowise-Risen-Andyokay_05_{width}x.jpg?v=1727416103" data-widths="[200,300]" data-sizes="auto" alt="Neowise Risen" data-image-id="58593992114525"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Forest-Barkdoll-Weil-Neowise-Risen-Andyokay_01_{width}x.jpg?v=1727416102" data-widths="[200,300]" data-sizes="auto" alt="Neowise Risen" data-image-id="58593991983453"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Forest-Barkdoll-Weil-Neowise-Risen-Andyokay_05_300x.jpg?v=1727416103" alt="Neowise Risen"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Forest-Barkdoll-Weil-Neowise-Risen-Andyokay_01_300x.jpg?v=1727416102" alt="Neowise Risen"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">When You Wish</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/neowise-risen">Neowise Risen</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/swing" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/art_mockups_2024_06_{width}x.jpg?v=1725006571" data-widths="[200,300]" data-sizes="auto" alt="Swing" data-image-id="58230501376349"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Nicebleed_Swing_Andyokay_08_{width}x.jpg?v=1725005433" data-widths="[200,300]" data-sizes="auto" alt="Swing" data-image-id="58230374105437"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/art_mockups_2024_06_300x.jpg?v=1725006571" alt="Swing"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Nicebleed_Swing_Andyokay_08_300x.jpg?v=1725005433" alt="Swing"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">When You Wish</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/swing">Swing</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/wild-thoughts" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/WildThoughts-Michiel-Folkers-Andyokay_05_{width}x.jpg?v=1725604217" data-widths="[200,300]" data-sizes="auto" alt="Wild Thoughts" data-image-id="58316885524829"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/WildThoughts-Michiel-Folkers-Andyokay_01_{width}x.jpg?v=1725604218" data-widths="[200,300]" data-sizes="auto" alt="Wild Thoughts" data-image-id="58316885623133"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/WildThoughts-Michiel-Folkers-Andyokay_05_300x.jpg?v=1725604217" alt="Wild Thoughts"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/WildThoughts-Michiel-Folkers-Andyokay_01_300x.jpg?v=1725604218" alt="Wild Thoughts"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">When You Wish</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/wild-thoughts">Wild Thoughts</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/triple-threat" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/John-Beijer-Triple-Threat-Andy-okay_02_{width}x.jpg?v=1724314167" data-widths="[200,300]" data-sizes="auto" alt="Triple Threat" data-image-id="58119127335261"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/John-Beijer-Triple-Threat-Andy-okay_08_{width}x.jpg?v=1724314168" data-widths="[200,300]" data-sizes="auto" alt="Triple Threat" data-image-id="58119127531869"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/John-Beijer-Triple-Threat-Andy-okay_02_300x.jpg?v=1724314167" alt="Triple Threat"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/John-Beijer-Triple-Threat-Andy-okay_08_300x.jpg?v=1724314168" alt="Triple Threat"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">When You Wish</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/triple-threat">Triple Threat</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/curiosity" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Andhika-Ramadhian-Curiosity-Andyokay_02_{width}x.jpg?v=1723799833" data-widths="[200,300]" data-sizes="auto" alt="Curiosity" data-image-id="58040523686237"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Andhika-Ramadhian-Curiosity-Andyokay_01_{width}x.jpg?v=1723799833" data-widths="[200,300]" data-sizes="auto" alt="Curiosity" data-image-id="58040523587933"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Andhika-Ramadhian-Curiosity-Andyokay_02_300x.jpg?v=1723799833" alt="Curiosity"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Andhika-Ramadhian-Curiosity-Andyokay_01_300x.jpg?v=1723799833" alt="Curiosity"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">When You Wish</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/curiosity">Curiosity</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/follow-your-dream" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/JonasLoose_FollowYourDream_Mockups_02_{width}x.jpg?v=1723201830" data-widths="[200,300]" data-sizes="auto" alt="Follow Your Dream" data-image-id="57921949729117"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/JonasLoose_FollowYourDream_Mockups_08_{width}x.jpg?v=1723201830" data-widths="[200,300]" data-sizes="auto" alt="Follow Your Dream" data-image-id="57921950646621"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/JonasLoose_FollowYourDream_Mockups_02_300x.jpg?v=1723201830" alt="Follow Your Dream"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/JonasLoose_FollowYourDream_Mockups_08_300x.jpg?v=1723201830" alt="Follow Your Dream"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">When You Wish</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/follow-your-dream">Follow Your Dream</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/all-the-springs-she-remembered" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/FrankMoth_AllTheSpringsSheRemembered_Andyokay_04_{width}x.jpg?v=1716461088" data-widths="[200,300]" data-sizes="auto" alt="All The Springs" data-image-id="56302992752989"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/FrankMoth_AllTheSpringsSheRemembered_Andyokay_08_{width}x.jpg?v=1716461088" data-widths="[200,300]" data-sizes="auto" alt="All The Springs" data-image-id="56302992523613"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/FrankMoth_AllTheSpringsSheRemembered_Andyokay_04_300x.jpg?v=1716461088" alt="All The Springs"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/FrankMoth_AllTheSpringsSheRemembered_Andyokay_08_300x.jpg?v=1716461088" alt="All The Springs"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/all-the-springs-she-remembered">All The Springs</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/untamed" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Nicebled_Untamed_Andyokay_ArtForCauses_02_{width}x.jpg?v=1715851271" data-widths="[200,300]" data-sizes="auto" alt="Untamed" data-image-id="56194344190301"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Nicebled_Untamed_Andyokay_ArtForCauses_08_{width}x.jpg?v=1715851271" data-widths="[200,300]" data-sizes="auto" alt="Untamed" data-image-id="56194344124765"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Nicebled_Untamed_Andyokay_ArtForCauses_02_300x.jpg?v=1715851271" alt="Untamed"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Nicebled_Untamed_Andyokay_ArtForCauses_08_300x.jpg?v=1715851271" alt="Untamed"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/untamed">Untamed</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/the-last-drive" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/The_Last_Drive_Vintage_Car_Mercedes_Benz_In_Flovers_07_{width}x.jpg?v=1730044456" data-widths="[200,300]" data-sizes="auto" alt="The Last Drive" data-image-id="59057978736989"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/The_Last_Drive_Vintage_Car_Mercedes_Benz_In_Flovers_01_{width}x.jpg?v=1730044456" data-widths="[200,300]" data-sizes="auto" alt="The Last Drive" data-image-id="59057978638685"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/The_Last_Drive_Vintage_Car_Mercedes_Benz_In_Flovers_07_300x.jpg?v=1730044456" alt="The Last Drive"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/The_Last_Drive_Vintage_Car_Mercedes_Benz_In_Flovers_01_300x.jpg?v=1730044456" alt="The Last Drive"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/the-last-drive">The Last Drive</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/just-released/products/super-shadow" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_07_{width}x.jpg?v=1714638099" data-widths="[200,300]" data-sizes="auto" alt="Super Shadow" data-image-id="56005917114717"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_08_{width}x.jpg?v=1714638099" data-widths="[200,300]" data-sizes="auto" alt="Super Shadow" data-image-id="56005916950877"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_07_300x.jpg?v=1714638099" alt="Super Shadow"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_08_300x.jpg?v=1714638099" alt="Super Shadow"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/just-released/products/super-shadow">Super Shadow</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div></div></div></div></section></div><div id="shopify-section-template--24967983366493__16059880715e2bb83c" class="shopify-section shopify-section--slideshow"><section class="Section Section--spacingNormal Section--reviews review_section_mid Section--spacingNarrow" id="section-template--24967983366493__16059880715e2bb83c" data-section-id="template--24967983366493__16059880715e2bb83c" data-section-type="slideshow"> <div class="Container heading-container"> <div class="SectionHeader__Heading_Container"> <h2 class="SectionHeader__Heading Heading head_med head_reveiw u-h1">+200,000 CUSTOMERS FOR A REASON</h2> <div class="headQuote-content"> <div class="heading__stars"> <img src="//andyokay.com/cdn/shop/t/191/assets/Truststars_5_100x100.png?v=93055411065409006191741434516" alt=""> </div> <div class="product_rev_text"> <p>Based on 7061 <a href="https://andyokay.com/pages/reviews">reviews</a></p> </div> </div> </div> </div> <div class="Slideshow slider-hide"> <div class="Slideshow__Carousel ReviewsList_Carousel Carousel" data-flickity-config='{ "prevNextButtons": false, "wrapAround": true, "groupCells": 1, "draggable": true, "dragThreshold": 15, "pauseAutoPlayOnHover": false, "autoPlay": 3000, "pageDots": false, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25}, "adaptiveHeight": false}'><div id="block-828f4629-667e-4a80-b08b-7ec1965c8bfe" class="Carousel__Cell slider-setting Testimonial is-selected" data-slide-index="0"> <div class="Container seeting-slider"> <div class="Testimonial__Content"> <!--<h2 class="SectionHeader__Heading Heading u-h1">Will purchase more!</h2>--><p class="SectionHeader__SubHeading Heading u-h6 review_text">“The art and the purpose behind it really makes people talk"</p><img class="Review__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/Buzzfeed_logo_PNG3_1b6b7af2-cb53-4703-9e85-58b1367b6a9d.png?v=1639047771" alt="" > </div> </div> </div><div id="block-9c4b98e6-8e1b-4892-a92b-2c91f6deb9c9" class="Carousel__Cell slider-setting Testimonial " data-slide-index="1"> <div class="Container seeting-slider"> <div class="Testimonial__Content"> <!--<h2 class="SectionHeader__Heading Heading u-h1">I'm so glad I ordered</h2>--><p class="SectionHeader__SubHeading Heading u-h6 review_text">"Some of the best art in the world. Plain and simple."</p><img class="Review__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/Variety_logo_PNG1_adfe71e9-1629-48de-bc73-04a9428ec585.png?v=1639046507" alt="" > </div> </div> </div><div id="block-674b6132-eac8-4557-82b1-d2f6fa605097" class="Carousel__Cell slider-setting Testimonial " data-slide-index="2"> <div class="Container seeting-slider"> <div class="Testimonial__Content"> <!--<h2 class="SectionHeader__Heading Heading u-h1">JUST PERFECT!</h2>--><p class="SectionHeader__SubHeading Heading u-h6 review_text">“Art so good that you will actually wanna have friends over"</p><img class="Review__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/Wired-logo.png?v=1637753941" alt="" > </div> </div> </div><div id="block-40247eea-ce08-4c28-9a22-c2d488c4a8c9" class="Carousel__Cell slider-setting Testimonial " data-slide-index="3"> <div class="Container seeting-slider"> <div class="Testimonial__Content"> <!--<h2 class="SectionHeader__Heading Heading u-h1">Lovely piece of art</h2>--><p class="SectionHeader__SubHeading Heading u-h6 review_text">“A triumph of epic art and causes"</p><img class="Review__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/highsnob2.png?v=1639046250" alt="" > </div> </div> </div><div id="block-a63b2f0c-c31c-4616-9435-559a3510ec45" class="Carousel__Cell slider-setting Testimonial " data-slide-index="4"> <div class="Container seeting-slider"> <div class="Testimonial__Content"> <!--<h2 class="SectionHeader__Heading Heading u-h1">For Earth. Not profit.</h2>--><p class="SectionHeader__SubHeading Heading u-h6 review_text">"Art for Causes is the perfect matching of art and important purpose."</p><img class="Review__Image Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/GQstyle.png?v=1639046428" alt="" > </div> </div> </div></div></div></section><style media="" data-href="//stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"></style><style> #section-template--24967983366493__16059880715e2bb83c .Carousel__Cell { background-color: #ffffff; } #section-template--24967983366493__16059880715e2bb83c .SectionHeader__Heading { color: #313131; } #section-template--24967983366493__16059880715e2bb83c .review_text { color: #707070; } #section-template--24967983366493__16059880715e2bb83c .review_name { color: #ffffff; } .Section--reviews.review_section_mid .headQuote-content .product_rev_text > p { font-family: 'Adobe Caslon Pro'; font-style: italic; color: #626262; } .Section--reviews.review_section_mid .headQuote-content .product_rev_text p a { color: #626262; } .Testimonial__Content .SectionHeader__SubHeading.SectionHeader__SubHeading.review_text { font-family: 'Adobe Caslon Pro'; }</style> </div><div id="shopify-section-template--24967983366493__16616061592e8072c4" class="shopify-section"><section class="Section" id="section-template--24967983366493__16616061592e8072c4" data-section-id="template--24967983366493__16616061592e8072c4" data-section-type="front-page-section"> <div class="front-page-section-container" style="background-color: #f4f2eb; color: #000000;"> <div class="front-page-section-image"> <img alt="" src="//andyokay.com/cdn/shop/files/Andyokay_X_Non-Violence-Project_knotted-Gun_2000x.jpg?v=1741795866" /> </div><div class="front-page-section-content-container"><span class="front-page-section-content-title">ANDY OKAY X NON-VIOLENCE</span><span class="front-page-section-content-text"><p>Andy okay and The Non-Violence Project Foundation are thrilled to announce a significant long-term charity collaboration, pairing the organization with some of the best artists in the world.</p></span><a class="front-page-section-content-button" href="/collections/andy-okay-x-non-violence-project" >Explore the collection</a></div></div> </section> </div><div id="shopify-section-template--24967983366493__1616425487e7f8d53c" class="shopify-section shopify-section--bordered"><div class="Section--spacingHeading"> <header class="SectionHeader SectionHeader--center"> <div class="Container featured-new-header"><div class="SectionHeader__Heading_Container"><h2 class="SectionHeader__Heading Heading u-h1 featured-heading"> MOTIVATIONAL ART</h2> </div><div class="header_viewAll" style="color: ;"> <a href="/collections/motivational-art" class="">View all</a></div></div> </header></div><section class="Section Section--spacingNormal Section--spacingNarrow" data-section-id="template--24967983366493__1616425487e7f8d53c" data-section-type="featured-collections" data-settings='{ "layout": "carousel"}' style="background-color: #f0f0f0;"><div class="TabPanel" id="block-1616425487e7f8d53c-0" aria-hidden="false" role="tabpanel" > <div class="ProductListWrapper"><div class="ProductList ProductList--carousel Carousel" data-flickity-config='{ "prevNextButtons": false, "pageDots": false, "wrapAround": false, "contain": true, "cellAlign": "left", "watchCSS": true, "dragThreshold": 8, "groupCells": true, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25} }'><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/motivational-art/products/figureoutable" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Figureoutable_Popbuddy_Andyokay_06_{width}x.jpg?v=1732792273" data-widths="[200,300]" data-sizes="auto" alt="Figureoutable" data-image-id="71607586357597"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Figureoutable_Popbuddy_Andyokay_08_{width}x.jpg?v=1732792272" data-widths="[200,300]" data-sizes="auto" alt="Figureoutable" data-image-id="71607586193757"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Figureoutable_Popbuddy_Andyokay_06_300x.jpg?v=1732792273" alt="Figureoutable"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Figureoutable_Popbuddy_Andyokay_08_300x.jpg?v=1732792272" alt="Figureoutable"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/motivational-art/products/figureoutable">Figureoutable</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/motivational-art/products/do-epic-shit" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_02_b49c8321-6adc-4f93-b0a2-90991d5df5de_{width}x.jpg?v=1664529148" data-widths="[200,300]" data-sizes="auto" alt="Do Epic Shit" data-image-id="37889864302829"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_01_4b7b7b93-3640-4e73-92d4-e76ee57b2352_{width}x.jpg?v=1664529147" data-widths="[200,300]" data-sizes="auto" alt="Do Epic Shit" data-image-id="37889864106221"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_02_b49c8321-6adc-4f93-b0a2-90991d5df5de_300x.jpg?v=1664529148" alt="Do Epic Shit"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_01_4b7b7b93-3640-4e73-92d4-e76ee57b2352_300x.jpg?v=1664529147" alt="Do Epic Shit"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/motivational-art/products/do-epic-shit">Do Epic Shit</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/motivational-art/products/here-i-come" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Taudalpoi_Here-I-Come_Wall_Art_Print_07_{width}x.jpg?v=1692874693" data-widths="[200,300]" data-sizes="auto" alt="Here I Come" data-image-id="52101187273053"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Taudalpoi_Here-I-Come_Wall_Art_Print_08_{width}x.jpg?v=1692874693" data-widths="[200,300]" data-sizes="auto" alt="Here I Come" data-image-id="52101186486621"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Taudalpoi_Here-I-Come_Wall_Art_Print_07_300x.jpg?v=1692874693" alt="Here I Come"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Taudalpoi_Here-I-Come_Wall_Art_Print_08_300x.jpg?v=1692874693" alt="Here I Come"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label essentials-label limited-label-product-item"><span>Essentials</span></div> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/motivational-art/products/here-i-come">Here I Come</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/motivational-art/products/more-amor-por-favor" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/RyanMiller_MoreAmorPorFavor_02_{width}x.jpg?v=1714123759" data-widths="[200,300]" data-sizes="auto" alt="More Amor Por favor" data-image-id="55918031962461"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/RyanMiller_MoreAmorPorFavor_08_{width}x.jpg?v=1714123759" data-widths="[200,300]" data-sizes="auto" alt="More Amor Por favor" data-image-id="55918032847197"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/RyanMiller_MoreAmorPorFavor_02_300x.jpg?v=1714123759" alt="More Amor Por favor"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/RyanMiller_MoreAmorPorFavor_08_300x.jpg?v=1714123759" alt="More Amor Por favor"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/motivational-art/products/more-amor-por-favor">More Amor Por favor</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/motivational-art/products/sky-is-not-the-limit-1" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/SkyIsNotTheLimit_RyanMiller_01_02_{width}x.jpg?v=1698769983" data-widths="[200,300]" data-sizes="auto" alt="Sky Is Not The Limit" data-image-id="53193696117085"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/SkyIsNotTheLimit_RyanMiller_01_01_{width}x.jpg?v=1698769982" data-widths="[200,300]" data-sizes="auto" alt="Sky Is Not The Limit" data-image-id="53193695986013"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/SkyIsNotTheLimit_RyanMiller_01_02_300x.jpg?v=1698769983" alt="Sky Is Not The Limit"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/SkyIsNotTheLimit_RyanMiller_01_01_300x.jpg?v=1698769982" alt="Sky Is Not The Limit"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/motivational-art/products/sky-is-not-the-limit-1">Sky Is Not The Limit</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/motivational-art/products/pipe-heart" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/ThomasChedeville_PipeHeart_Andyokay_06_{width}x.jpg?v=1712303068" data-widths="[200,300]" data-sizes="auto" alt="Pipe Heart" data-image-id="55620811850077"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/ThomasChedeville_PipeHeart_Andyokay_08_{width}x.jpg?v=1712303068" data-widths="[200,300]" data-sizes="auto" alt="Pipe Heart" data-image-id="55620811194717"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/ThomasChedeville_PipeHeart_Andyokay_06_300x.jpg?v=1712303068" alt="Pipe Heart"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/ThomasChedeville_PipeHeart_Andyokay_08_300x.jpg?v=1712303068" alt="Pipe Heart"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/motivational-art/products/pipe-heart">Pipe Heart</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/motivational-art/products/offline" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/RyanMiller_Offline_Andyokay_03_{width}x.jpg?v=1701095256" data-widths="[200,300]" data-sizes="auto" alt="Offline" data-image-id="53627951874397"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/RyanMiller_Offline_Andyokay_01_{width}x.jpg?v=1701095255" data-widths="[200,300]" data-sizes="auto" alt="Offline" data-image-id="53627952660829"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/RyanMiller_Offline_Andyokay_03_300x.jpg?v=1701095256" alt="Offline"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/RyanMiller_Offline_Andyokay_01_300x.jpg?v=1701095255" alt="Offline"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/motivational-art/products/offline">Offline</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/motivational-art/products/lion-among-sheep" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_horizontal_2022_07_{width}x.jpg?v=1664529457" data-widths="[200,300]" data-sizes="auto" alt="Lion Among Sheep" data-image-id="37889882489069"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_horizontal_2022_08_{width}x.jpg?v=1664529457" data-widths="[200,300]" data-sizes="auto" alt="Lion Among Sheep" data-image-id="37889882390765"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/shopify_mockups_horizontal_2022_07_300x.jpg?v=1664529457" alt="Lion Among Sheep"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/shopify_mockups_horizontal_2022_08_300x.jpg?v=1664529457" alt="Lion Among Sheep"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Rainforest Trust</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/motivational-art/products/lion-among-sheep">Lion Among Sheep</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/motivational-art/products/no-bad-days" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/NoBadDays_RyanMiller_03_{width}x.jpg?v=1700134931" data-widths="[200,300]" data-sizes="auto" alt="No Bad Days" data-image-id="53435145060701"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/NoBadDays_RyanMiller_01_{width}x.jpg?v=1700134825" data-widths="[200,300]" data-sizes="auto" alt="No Bad Days" data-image-id="53435144896861"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/NoBadDays_RyanMiller_03_300x.jpg?v=1700134931" alt="No Bad Days"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/NoBadDays_RyanMiller_01_300x.jpg?v=1700134825" alt="No Bad Days"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/motivational-art/products/no-bad-days">No Bad Days</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/motivational-art/products/the-world-is-yours" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/TheWorldIsYours_RyanMiller_01_07_{width}x.jpg?v=1698770328" data-widths="[200,300]" data-sizes="auto" alt="The World Is Yours" data-image-id="53193790751069"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/TheWorldIsYours_RyanMiller_01_08_{width}x.jpg?v=1698770328" data-widths="[200,300]" data-sizes="auto" alt="The World Is Yours" data-image-id="53193790685533"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/TheWorldIsYours_RyanMiller_01_07_300x.jpg?v=1698770328" alt="The World Is Yours"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/TheWorldIsYours_RyanMiller_01_08_300x.jpg?v=1698770328" alt="The World Is Yours"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/motivational-art/products/the-world-is-yours">The World Is Yours</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/motivational-art/products/were-in-this-together" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_07_{width}x.jpg?v=1662707917" data-widths="[200,300]" data-sizes="auto" alt="We're in This Together" data-image-id="37797566513389"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_08_{width}x.jpg?v=1662707917" data-widths="[200,300]" data-sizes="auto" alt="We're in This Together" data-image-id="37797566382317"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_07_300x.jpg?v=1662707917" alt="We're in This Together"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_08_300x.jpg?v=1662707917" alt="We're in This Together"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/motivational-art/products/were-in-this-together">We're in This Together</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/motivational-art/products/make-history" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/MakeHistory_RyanMiller_Andyokay_05_{width}x.jpg?v=1700134971" data-widths="[200,300]" data-sizes="auto" alt="Make History" data-image-id="53434331890013"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/MakeHistory_RyanMiller_Andyokay_01_{width}x.jpg?v=1700131421" data-widths="[200,300]" data-sizes="auto" alt="Make History" data-image-id="53434332578141"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/MakeHistory_RyanMiller_Andyokay_05_300x.jpg?v=1700134971" alt="Make History"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/MakeHistory_RyanMiller_Andyokay_01_300x.jpg?v=1700131421" alt="Make History"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/motivational-art/products/make-history">Make History</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div></div></div></div></section></div><div id="shopify-section-template--24967983366493__161039065890033dbc" class="shopify-section shopify-section--bordered"><div class="Section--spacingHeading"> <header class="SectionHeader SectionHeader--center"> <div class="Container featured-new-header"><div class="SectionHeader__Heading_Container"><h2 class="SectionHeader__Heading Heading u-h1 featured-heading"> Pop Art</h2> </div><div class="header_viewAll" style="color: ;"> <a href="/collections/pop-art" class="">View all</a></div></div> </header></div><section class="Section Section--spacingNormal Section--spacingNarrow" data-section-id="template--24967983366493__161039065890033dbc" data-section-type="featured-collections" data-settings='{ "layout": "carousel"}' style="background-color: #f0f0f0;"><div class="TabPanel" id="block-161039065890033dbc-0" aria-hidden="false" role="tabpanel" > <div class="ProductListWrapper"><div class="ProductList ProductList--carousel Carousel" data-flickity-config='{ "prevNextButtons": false, "pageDots": false, "wrapAround": false, "contain": true, "cellAlign": "left", "watchCSS": true, "dragThreshold": 8, "groupCells": true, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25} }'><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/my-name-is-bond" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/bond_07_{width}x.jpg?v=1639316015" data-widths="[200,300]" data-sizes="auto" alt="My Name Is Bond" data-image-id="36286724636909"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/bond_08_{width}x.jpg?v=1639316016" data-widths="[200,300]" data-sizes="auto" alt="My Name Is Bond" data-image-id="36286724735213"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/bond_07_300x.jpg?v=1639316015" alt="My Name Is Bond"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/bond_08_300x.jpg?v=1639316016" alt="My Name Is Bond"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/my-name-is-bond">My Name Is Bond</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/alice" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/alice_in_wonderland_2_thomas_chedeville_02_{width}x.jpg?v=1689315466" data-widths="[200,300]" data-sizes="auto" alt="Alice" data-image-id="51597614023005"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/alice_in_wonderland_2_thomas_chedeville_01_{width}x.jpg?v=1689315466" data-widths="[200,300]" data-sizes="auto" alt="Alice" data-image-id="51597614448989"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/alice_in_wonderland_2_thomas_chedeville_02_300x.jpg?v=1689315466" alt="Alice"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/alice_in_wonderland_2_thomas_chedeville_01_300x.jpg?v=1689315466" alt="Alice"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label essentials-label limited-label-product-item"><span>Essentials</span></div> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/alice">Alice</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/super-shadow" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_07_{width}x.jpg?v=1714638099" data-widths="[200,300]" data-sizes="auto" alt="Super Shadow" data-image-id="56005917114717"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_08_{width}x.jpg?v=1714638099" data-widths="[200,300]" data-sizes="auto" alt="Super Shadow" data-image-id="56005916950877"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_07_300x.jpg?v=1714638099" alt="Super Shadow"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_08_300x.jpg?v=1714638099" alt="Super Shadow"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/super-shadow">Super Shadow</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/doing-allright" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/folkers_2022_02_{width}x.jpg?v=1667536974" data-widths="[200,300]" data-sizes="auto" alt="Doing Alright" data-image-id="38062936064237"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/folkers_2022_01_{width}x.jpg?v=1667536971" data-widths="[200,300]" data-sizes="auto" alt="Doing Alright" data-image-id="38062935638253"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/folkers_2022_02_300x.jpg?v=1667536974" alt="Doing Alright"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/folkers_2022_01_300x.jpg?v=1667536971" alt="Doing Alright"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/doing-allright">Doing Alright</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/deadsponge" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_2022_07_a89b4616-5389-4c38-8238-52d5dcbc4a5b_{width}x.jpg?v=1638458163" data-widths="[200,300]" data-sizes="auto" alt="Deadsponge" data-image-id="36231792066797"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_2022_08_258c3501-ffef-42e7-b978-ba4c9b81f2f7_{width}x.jpg?v=1638458163" data-widths="[200,300]" data-sizes="auto" alt="Deadsponge" data-image-id="36231792132333"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/art_mockups_2022_07_a89b4616-5389-4c38-8238-52d5dcbc4a5b_300x.jpg?v=1638458163" alt="Deadsponge"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/art_mockups_2022_08_258c3501-ffef-42e7-b978-ba4c9b81f2f7_300x.jpg?v=1638458163" alt="Deadsponge"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/deadsponge">Deadsponge</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/mystic-dreams" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/cosmo_07_{width}x.jpg?v=1640703026" data-widths="[200,300]" data-sizes="auto" alt="Mystic Dreams" data-image-id="36373305262317"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/cosmo_08_{width}x.jpg?v=1640703026" data-widths="[200,300]" data-sizes="auto" alt="Mystic Dreams" data-image-id="36373305032941"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/cosmo_07_300x.jpg?v=1640703026" alt="Mystic Dreams"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/cosmo_08_300x.jpg?v=1640703026" alt="Mystic Dreams"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/mystic-dreams">Mystic Dreams</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/sweet-bouquet" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/SweetBouquet_JonasLoose_Andyokay_07_{width}x.jpg?v=1708621283" data-widths="[200,300]" data-sizes="auto" alt="Sweet Bouquet" data-image-id="55062211232093"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/SweetBouquet_JonasLoose_Andyokay_08_{width}x.jpg?v=1708621283" data-widths="[200,300]" data-sizes="auto" alt="Sweet Bouquet" data-image-id="55062211330397"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/SweetBouquet_JonasLoose_Andyokay_07_300x.jpg?v=1708621283" alt="Sweet Bouquet"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/SweetBouquet_JonasLoose_Andyokay_08_300x.jpg?v=1708621283" alt="Sweet Bouquet"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/sweet-bouquet">Sweet Bouquet</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/be-brilliant" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/BeBrilliant_JonasLoose_Andyokay_07_{width}x.jpg?v=1708620984" data-widths="[200,300]" data-sizes="auto" alt="Be Brilliant" data-image-id="55062140944733"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/BeBrilliant_JonasLoose_Andyokay_08_{width}x.jpg?v=1708620984" data-widths="[200,300]" data-sizes="auto" alt="Be Brilliant" data-image-id="55062141206877"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/BeBrilliant_JonasLoose_Andyokay_07_300x.jpg?v=1708620984" alt="Be Brilliant"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/BeBrilliant_JonasLoose_Andyokay_08_300x.jpg?v=1708620984" alt="Be Brilliant"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/be-brilliant">Be Brilliant</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/joker-iii" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/norrrisyim_07_{width}x.jpg?v=1644599733" data-widths="[200,300]" data-sizes="auto" alt="Joker III" data-image-id="36606349213933"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/norrrisyim_08_{width}x.jpg?v=1644599733" data-widths="[200,300]" data-sizes="auto" alt="Joker III" data-image-id="36606349377773"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/norrrisyim_07_300x.jpg?v=1644599733" alt="Joker III"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/norrrisyim_08_300x.jpg?v=1644599733" alt="Joker III"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/joker-iii">Joker III</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/aladdin-sane" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/norrisyim_07_{width}x.jpg?v=1640791164" data-widths="[200,300]" data-sizes="auto" alt="Aladdin Sane" data-image-id="36379225620717"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/norrisyim_08_{width}x.jpg?v=1640791164" data-widths="[200,300]" data-sizes="auto" alt="Aladdin Sane" data-image-id="36379225424109"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/norrisyim_07_300x.jpg?v=1640791164" alt="Aladdin Sane"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/norrisyim_08_300x.jpg?v=1640791164" alt="Aladdin Sane"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/aladdin-sane">Aladdin Sane</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/child-at-work" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/calvin_and_hobbs_Thomas_Chedeville_for_Share_The_Meal_02_{width}x.jpg?v=1691739962" data-widths="[200,300]" data-sizes="auto" alt="Child At Work" data-image-id="51941993578845"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/calvin_and_hobbs_Thomas_Chedeville_for_Share_The_Meal_01_{width}x.jpg?v=1691739963" data-widths="[200,300]" data-sizes="auto" alt="Child At Work" data-image-id="51941993972061"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/calvin_and_hobbs_Thomas_Chedeville_for_Share_The_Meal_02_300x.jpg?v=1691739962" alt="Child At Work"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/calvin_and_hobbs_Thomas_Chedeville_for_Share_The_Meal_01_300x.jpg?v=1691739963" alt="Child At Work"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/child-at-work">Child At Work</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/do-epic-shit" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_02_b49c8321-6adc-4f93-b0a2-90991d5df5de_{width}x.jpg?v=1664529148" data-widths="[200,300]" data-sizes="auto" alt="Do Epic Shit" data-image-id="37889864302829"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_01_4b7b7b93-3640-4e73-92d4-e76ee57b2352_{width}x.jpg?v=1664529147" data-widths="[200,300]" data-sizes="auto" alt="Do Epic Shit" data-image-id="37889864106221"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_02_b49c8321-6adc-4f93-b0a2-90991d5df5de_300x.jpg?v=1664529148" alt="Do Epic Shit"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/shopify_mockups_2022_01_4b7b7b93-3640-4e73-92d4-e76ee57b2352_300x.jpg?v=1664529147" alt="Do Epic Shit"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/do-epic-shit">Do Epic Shit</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/sailor-moon" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/allanrayes_07_{width}x.jpg?v=1640701832" data-widths="[200,300]" data-sizes="auto" alt="Sailor Moon" data-image-id="36373152006381"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/allanrayes_08_{width}x.jpg?v=1640701830" data-widths="[200,300]" data-sizes="auto" alt="Sailor Moon" data-image-id="36373151809773"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/allanrayes_07_300x.jpg?v=1640701832" alt="Sailor Moon"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/allanrayes_08_300x.jpg?v=1640701830" alt="Sailor Moon"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/sailor-moon">Sailor Moon</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/modern-day-heroes" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/ketsune_07_{width}x.jpg?v=1640702191" data-widths="[200,300]" data-sizes="auto" alt="Modern Day Heroes" data-image-id="36373198864621"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/ketsune_08_{width}x.jpg?v=1640702190" data-widths="[200,300]" data-sizes="auto" alt="Modern Day Heroes" data-image-id="36373198668013"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/ketsune_07_300x.jpg?v=1640702191" alt="Modern Day Heroes"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/ketsune_08_300x.jpg?v=1640702190" alt="Modern Day Heroes"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/modern-day-heroes">Modern Day Heroes</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/pipe-heart" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/ThomasChedeville_PipeHeart_Andyokay_06_{width}x.jpg?v=1712303068" data-widths="[200,300]" data-sizes="auto" alt="Pipe Heart" data-image-id="55620811850077"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/ThomasChedeville_PipeHeart_Andyokay_08_{width}x.jpg?v=1712303068" data-widths="[200,300]" data-sizes="auto" alt="Pipe Heart" data-image-id="55620811194717"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/ThomasChedeville_PipeHeart_Andyokay_06_300x.jpg?v=1712303068" alt="Pipe Heart"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/ThomasChedeville_PipeHeart_Andyokay_08_300x.jpg?v=1712303068" alt="Pipe Heart"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/pipe-heart">Pipe Heart</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/pop-art/products/drama-queen" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/tomadee_drama_shopify_07_{width}x.jpg?v=1660208020" data-widths="[200,300]" data-sizes="auto" alt="Drama Queen" data-image-id="37641938895085"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/tomadee_drama_shopify_08_{width}x.jpg?v=1660208019" data-widths="[200,300]" data-sizes="auto" alt="Drama Queen" data-image-id="37641938665709"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/tomadee_drama_shopify_07_300x.jpg?v=1660208020" alt="Drama Queen"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/tomadee_drama_shopify_08_300x.jpg?v=1660208019" alt="Drama Queen"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Rainforest Trust</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/pop-art/products/drama-queen">Drama Queen</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div></div></div></div></section></div><div id="shopify-section-template--24967983366493__image_carousel_6TtTf3" class="shopify-section"><link href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.css" rel="stylesheet" type="text/css" media="all" /><script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <div class="image-carousel-cont carousel-template--24967983366493__image_carousel_6TtTf3"> <div class="image-carousel-desktop"> <a href="/collections/exclusive-valentines-drop" class="carousel-link"> <img class="carousel-img" src="//andyokay.com/cdn/shop/files/valentines_desk.jpg?v=1737742952"> </a> <a href="/products/cool-people-live-here" class="carousel-link"> <img class="carousel-img" src="//andyokay.com/cdn/shop/files/image_carousel_web2.jpg?v=1736513595"> </a> <a href="/collections/motivational-art" class="carousel-link"> <img class="carousel-img" src="//andyokay.com/cdn/shop/files/image_carousel_web1.jpg?v=1736513487"> </a> </div> <div class="image-carousel-mobile"> <a href="/collections/exclusive-valentines-drop" class="carousel-link"> <img class="carousel-img" src="//andyokay.com/cdn/shop/files/valentines_mob.jpg?v=1737742915"> </a> <a href="/products/cool-people-live-here" class="carousel-link"> <img class="carousel-img" src="//andyokay.com/cdn/shop/files/image_carousel_mob2.jpg?v=1736513560"> </a> <a href="/collections/motivational-art" class="carousel-link"> <img class="carousel-img" src="//andyokay.com/cdn/shop/files/image_carousel_mob1_a64ef4aa-ab67-455d-bcbd-dfa168d531d7.jpg?v=1736513530"> </a> </div> </div> <script> $(document).ready(function(){ if ($(window).width() <= 768) { $('.carousel-template--24967983366493__image_carousel_6TtTf3 .image-carousel-mobile').slick({ dots: false, infinite: true, slidesToShow: 1, centerMode: true, adaptiveHeight: true, prevArrow: $('.carousel-prev'), nextArrow: $('.carousel-next') }); } else { $('.carousel-template--24967983366493__image_carousel_6TtTf3 .image-carousel-desktop').slick({ dots: false, infinite: true, slidesToShow: 1, centerMode: true, adaptiveHeight: true, prevArrow: $('.carousel-prev'), nextArrow: $('.carousel-next') }); } });</script> </div><div id="shopify-section-template--24967983366493__1571758473108" class="shopify-section shopify-section--bordered"><div class="Section--spacingHeading"> <header class="SectionHeader SectionHeader--center"> <div class="Container featured-new-header"><div class="SectionHeader__Heading_Container"><h2 class="SectionHeader__Heading Heading u-h1 featured-heading"> PHOTO ART</h2> </div><div class="header_viewAll" style="color: ;"> <a href="/collections/photography" class="">View all</a></div></div> </header></div><section class="Section Section--spacingNormal Section--spacingNarrow" data-section-id="template--24967983366493__1571758473108" data-section-type="featured-collections" data-settings='{ "layout": "carousel"}' style="background-color: #f0f0f0;"><div class="TabPanel" id="block-18bd032c-7869-430d-8d86-b3c9c5e04384" aria-hidden="false" role="tabpanel" > <div class="ProductListWrapper"><div class="ProductList ProductList--carousel Carousel" data-flickity-config='{ "prevNextButtons": false, "pageDots": false, "wrapAround": false, "contain": true, "cellAlign": "left", "watchCSS": true, "dragThreshold": 8, "groupCells": true, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25} }'><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/path-to-tranquility" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/juuso_07_{width}x.jpg?v=1640687704" data-widths="[200,300]" data-sizes="auto" alt="Path to Tranquility" data-image-id="36371562823917"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/juuso_08_{width}x.jpg?v=1640687704" data-widths="[200,300]" data-sizes="auto" alt="Path to Tranquility" data-image-id="36371562758381"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/juuso_07_300x.jpg?v=1640687704" alt="Path to Tranquility"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/juuso_08_300x.jpg?v=1640687704" alt="Path to Tranquility"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Rainforest Trust</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/path-to-tranquility">Path to Tranquility</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/fairytale-express" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_2022_07_{width}x.jpg?v=1638457476" data-widths="[200,300]" data-sizes="auto" alt="Fairytale Express" data-image-id="36231559577837"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_2022_08_{width}x.jpg?v=1638457476" data-widths="[200,300]" data-sizes="auto" alt="Fairytale Express" data-image-id="36231729185005"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/art_mockups_2022_07_300x.jpg?v=1638457476" alt="Fairytale Express"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/art_mockups_2022_08_300x.jpg?v=1638457476" alt="Fairytale Express"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/fairytale-express">Fairytale Express</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/sunset-feels" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/septianba_07_{width}x.jpg?v=1639514231" data-widths="[200,300]" data-sizes="auto" alt="Sunset Feels" data-image-id="36296754561261"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/septianba_08_{width}x.jpg?v=1639514231" data-widths="[200,300]" data-sizes="auto" alt="Sunset Feels" data-image-id="36296754462957"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/septianba_07_300x.jpg?v=1639514231" alt="Sunset Feels"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/septianba_08_300x.jpg?v=1639514231" alt="Sunset Feels"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/sunset-feels">Sunset Feels</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/dream-iii" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/ramon_07_{width}x.jpg?v=1640688853" data-widths="[200,300]" data-sizes="auto" alt="Dream III" data-image-id="36371671351533"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/ramon_08_{width}x.jpg?v=1640688851" data-widths="[200,300]" data-sizes="auto" alt="Dream III" data-image-id="36371671154925"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/ramon_07_300x.jpg?v=1640688853" alt="Dream III"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/ramon_08_300x.jpg?v=1640688851" alt="Dream III"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/dream-iii">Dream III</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/firstborn" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_07_{width}x.jpg?v=1646988701" data-widths="[200,300]" data-sizes="auto" alt="Firstborn" data-image-id="36760323391725"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_08_{width}x.jpg?v=1646988702" data-widths="[200,300]" data-sizes="auto" alt="Firstborn" data-image-id="36760323588333"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/art_mockups_07_300x.jpg?v=1646988701" alt="Firstborn"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/art_mockups_08_300x.jpg?v=1646988702" alt="Firstborn"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/firstborn">Firstborn</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/the-future-is-now" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/future_07_{width}x.jpg?v=1639317548" data-widths="[200,300]" data-sizes="auto" alt="The Future is Now" data-image-id="36286748721389"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/future_08_{width}x.jpg?v=1639317548" data-widths="[200,300]" data-sizes="auto" alt="The Future is Now" data-image-id="36286748917997"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/future_07_300x.jpg?v=1639317548" alt="The Future is Now"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/future_08_300x.jpg?v=1639317548" alt="The Future is Now"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/the-future-is-now">The Future is Now</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/gate-keeper-to-the-stars" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/grafixart_07_{width}x.jpg?v=1640689416" data-widths="[200,300]" data-sizes="auto" alt="Gate Keeper to the Stars" data-image-id="36371727778029"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/grafixart_08_{width}x.jpg?v=1640689416" data-widths="[200,300]" data-sizes="auto" alt="Gate Keeper to the Stars" data-image-id="36371727745261"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/grafixart_07_300x.jpg?v=1640689416" alt="Gate Keeper to the Stars"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/grafixart_08_300x.jpg?v=1640689416" alt="Gate Keeper to the Stars"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/gate-keeper-to-the-stars">Gate Keeper to the Stars</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/when-worlds-collide" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_horizontal_2022_07_{width}x.jpg?v=1646992045" data-widths="[200,300]" data-sizes="auto" alt="When Worlds Collide" data-image-id="36760521343213"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_horizontal_2022_08_{width}x.jpg?v=1646992044" data-widths="[200,300]" data-sizes="auto" alt="When Worlds Collide" data-image-id="36760521277677"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/art_mockups_horizontal_2022_07_300x.jpg?v=1646992045" alt="When Worlds Collide"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/art_mockups_horizontal_2022_08_300x.jpg?v=1646992044" alt="When Worlds Collide"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/when-worlds-collide">When Worlds Collide</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/simulation" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_07_{width}x.jpg?v=1654235555" data-widths="[200,300]" data-sizes="auto" alt="Simulation" data-image-id="37266076762349"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shopify_mockups_08_{width}x.jpg?v=1654235555" data-widths="[200,300]" data-sizes="auto" alt="Simulation" data-image-id="37266076729581"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/shopify_mockups_07_300x.jpg?v=1654235555" alt="Simulation"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/shopify_mockups_08_300x.jpg?v=1654235555" alt="Simulation"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/simulation">Simulation</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/sky-burns-red" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_2022_07_bd699560-111e-4251-847a-e3e6b10f0742_{width}x.jpg?v=1638529677" data-widths="[200,300]" data-sizes="auto" alt="Sky Burns Red" data-image-id="36237384450285"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_2022_08_b2dfd8f3-0740-4362-acf6-57b98370b292_{width}x.jpg?v=1638529675" data-widths="[200,300]" data-sizes="auto" alt="Sky Burns Red" data-image-id="36237384253677"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/art_mockups_2022_07_bd699560-111e-4251-847a-e3e6b10f0742_300x.jpg?v=1638529677" alt="Sky Burns Red"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/art_mockups_2022_08_b2dfd8f3-0740-4362-acf6-57b98370b292_300x.jpg?v=1638529675" alt="Sky Burns Red"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Rainforest Trust</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/sky-burns-red">Sky Burns Red</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/sunset-half" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/jatiputra_07_{width}x.jpg?v=1640884815" data-widths="[200,300]" data-sizes="auto" alt="Sunset Half" data-image-id="36383555846381"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/jatiputra_08_{width}x.jpg?v=1640884815" data-widths="[200,300]" data-sizes="auto" alt="Sunset Half" data-image-id="36383555813613"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/jatiputra_07_300x.jpg?v=1640884815" alt="Sunset Half"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/jatiputra_08_300x.jpg?v=1640884815" alt="Sunset Half"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Rainforest Trust</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/sunset-half">Sunset Half</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/bonsai-city" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/roscoe_07_{width}x.jpg?v=1640691202" data-widths="[200,300]" data-sizes="auto" alt="Bonsai City" data-image-id="36371908428013"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/roscoe_08_{width}x.jpg?v=1640691202" data-widths="[200,300]" data-sizes="auto" alt="Bonsai City" data-image-id="36371908362477"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/roscoe_07_300x.jpg?v=1640691202" alt="Bonsai City"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/roscoe_08_300x.jpg?v=1640691202" alt="Bonsai City"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/bonsai-city">Bonsai City</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/tropic-lines" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_horizontal_2022_07_8b6433dd-9802-4fe8-927b-4e8fb73187a1_{width}x.jpg?v=1655447456" data-widths="[200,300]" data-sizes="auto" alt="Tropic Lines" data-image-id="37360195076333"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_horizontal_2022_08_0109a89a-2f7a-4c2c-87d4-c5680670715e_{width}x.jpg?v=1655447455" data-widths="[200,300]" data-sizes="auto" alt="Tropic Lines" data-image-id="37360194945261"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/art_mockups_horizontal_2022_07_8b6433dd-9802-4fe8-927b-4e8fb73187a1_300x.jpg?v=1655447456" alt="Tropic Lines"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/art_mockups_horizontal_2022_08_0109a89a-2f7a-4c2c-87d4-c5680670715e_300x.jpg?v=1655447455" alt="Tropic Lines"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/tropic-lines">Tropic Lines</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/easy-rider" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/easyrider_shopify_06_{width}x.jpg?v=1657274289" data-widths="[200,300]" data-sizes="auto" alt="Easy Rider" data-image-id="37471698551021"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/easyrider_shopify_08_{width}x.jpg?v=1657273056" data-widths="[200,300]" data-sizes="auto" alt="Easy Rider" data-image-id="37471698419949"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/easyrider_shopify_06_300x.jpg?v=1657274289" alt="Easy Rider"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/easyrider_shopify_08_300x.jpg?v=1657273056" alt="Easy Rider"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/easy-rider">Easy Rider</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/highway-to-heaven" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/swiss4design_07_{width}x.jpg?v=1640883755" data-widths="[200,300]" data-sizes="auto" alt="Highway to Heaven" data-image-id="36383529074925"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/swiss4design_08_{width}x.jpg?v=1640883756" data-widths="[200,300]" data-sizes="auto" alt="Highway to Heaven" data-image-id="36383529173229"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/swiss4design_07_300x.jpg?v=1640883755" alt="Highway to Heaven"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/swiss4design_08_300x.jpg?v=1640883756" alt="Highway to Heaven"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/highway-to-heaven">Highway to Heaven</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/photography/products/born-of-stardust" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/forestbarkdoll_07_{width}x.jpg?v=1640885453" data-widths="[200,300]" data-sizes="auto" alt="Born of Stardust" data-image-id="36383567380717"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/forestbarkdoll_08_{width}x.jpg?v=1640885451" data-widths="[200,300]" data-sizes="auto" alt="Born of Stardust" data-image-id="36383567118573"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/forestbarkdoll_07_300x.jpg?v=1640885453" alt="Born of Stardust"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/forestbarkdoll_08_300x.jpg?v=1640885451" alt="Born of Stardust"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/photography/products/born-of-stardust">Born of Stardust</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div></div></div></div></section></div><div id="shopify-section-template--24967983366493__featured_collections_3AVxCi" class="shopify-section shopify-section--bordered"><div class="Section--spacingHeading"> <header class="SectionHeader SectionHeader--center"> <div class="Container featured-new-header"><div class="SectionHeader__Heading_Container"><h2 class="SectionHeader__Heading Heading u-h1 featured-heading"> ILLUSTRATIONS</h2> </div><div class="header_viewAll" style="color: ;"> <a href="/collections/illustrations-1" class="">View all</a></div></div> </header></div><section class="Section Section--spacingNormal Section--spacingNarrow" data-section-id="template--24967983366493__featured_collections_3AVxCi" data-section-type="featured-collections" data-settings='{ "layout": "carousel"}' style="background-color: #f0f0f0;"><div class="TabPanel" id="block-collection_DLjGVz" aria-hidden="false" role="tabpanel" > <div class="ProductListWrapper"><div class="ProductList ProductList--carousel Carousel" data-flickity-config='{ "prevNextButtons": false, "pageDots": false, "wrapAround": false, "contain": true, "cellAlign": "left", "watchCSS": true, "dragThreshold": 8, "groupCells": true, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25} }'><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/here-i-come" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Taudalpoi_Here-I-Come_Wall_Art_Print_07_{width}x.jpg?v=1692874693" data-widths="[200,300]" data-sizes="auto" alt="Here I Come" data-image-id="52101187273053"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Taudalpoi_Here-I-Come_Wall_Art_Print_08_{width}x.jpg?v=1692874693" data-widths="[200,300]" data-sizes="auto" alt="Here I Come" data-image-id="52101186486621"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Taudalpoi_Here-I-Come_Wall_Art_Print_07_300x.jpg?v=1692874693" alt="Here I Come"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Taudalpoi_Here-I-Come_Wall_Art_Print_08_300x.jpg?v=1692874693" alt="Here I Come"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label essentials-label limited-label-product-item"><span>Essentials</span></div> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/here-i-come">Here I Come</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/be-cool-or-leave" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/BeCoolOrLeave_AvaTaylor_Andyokay_01_03_{width}x.jpg?v=1732704856" data-widths="[200,300]" data-sizes="auto" alt="Be Cool Or Leave" data-image-id="71590494634333"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/BeCoolOrLeave_AvaTaylor_Andyokay_01_01_{width}x.jpg?v=1732704857" data-widths="[200,300]" data-sizes="auto" alt="Be Cool Or Leave" data-image-id="71590494830941"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/BeCoolOrLeave_AvaTaylor_Andyokay_01_03_300x.jpg?v=1732704856" alt="Be Cool Or Leave"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/BeCoolOrLeave_AvaTaylor_Andyokay_01_01_300x.jpg?v=1732704857" alt="Be Cool Or Leave"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/be-cool-or-leave">Be Cool Or Leave</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/koi-1" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/koi_07_{width}x.jpg?v=1649423500" data-widths="[200,300]" data-sizes="auto" alt="Koi" data-image-id="36951597220077"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/koi_08_{width}x.jpg?v=1649423499" data-widths="[200,300]" data-sizes="auto" alt="Koi" data-image-id="36951597023469"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/koi_07_300x.jpg?v=1649423500" alt="Koi"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/koi_08_300x.jpg?v=1649423499" alt="Koi"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/koi-1">Koi</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/super-shadow" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_07_{width}x.jpg?v=1714638099" data-widths="[200,300]" data-sizes="auto" alt="Super Shadow" data-image-id="56005917114717"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_08_{width}x.jpg?v=1714638099" data-widths="[200,300]" data-sizes="auto" alt="Super Shadow" data-image-id="56005916950877"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_07_300x.jpg?v=1714638099" alt="Super Shadow"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/JasonRatliff_SuperShadow_Andyokay_08_300x.jpg?v=1714638099" alt="Super Shadow"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/super-shadow">Super Shadow</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/find-your-heart" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/LooseYourMindFindYourHeart_AvaTaylor_Andyokay_01_07_{width}x.jpg?v=1732892191" data-widths="[200,300]" data-sizes="auto" alt="Find Your Heart" data-image-id="71626912039261"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/LooseYourMindFindYourHeart_AvaTaylor_Andyokay_01_01_08_{width}x.jpg?v=1732894511" data-widths="[200,300]" data-sizes="auto" alt="Find Your Heart" data-image-id="71627346051421"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/LooseYourMindFindYourHeart_AvaTaylor_Andyokay_01_07_300x.jpg?v=1732892191" alt="Find Your Heart"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/LooseYourMindFindYourHeart_AvaTaylor_Andyokay_01_01_08_300x.jpg?v=1732894511" alt="Find Your Heart"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/find-your-heart">Find Your Heart</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/soul-rebel-rebel" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/christianbeijer_soulrebelrebel_2023_06_{width}x.jpg?v=1684472742" data-widths="[200,300]" data-sizes="auto" alt="Soul Rebel Rebel" data-image-id="50834191286621"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/christianbeijer_soulrebelrebel_2023_08_{width}x.jpg?v=1684472742" data-widths="[200,300]" data-sizes="auto" alt="Soul Rebel Rebel" data-image-id="50834190827869"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/christianbeijer_soulrebelrebel_2023_06_300x.jpg?v=1684472742" alt="Soul Rebel Rebel"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/christianbeijer_soulrebelrebel_2023_08_300x.jpg?v=1684472742" alt="Soul Rebel Rebel"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/soul-rebel-rebel">Soul Rebel Rebel</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/rising-sun" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/mischellemoy_07_{width}x.jpg?v=1640702835" data-widths="[200,300]" data-sizes="auto" alt="Rising Sun" data-image-id="36373282029805"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/mischellemoy_08_{width}x.jpg?v=1640702834" data-widths="[200,300]" data-sizes="auto" alt="Rising Sun" data-image-id="36373281734893"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/mischellemoy_07_300x.jpg?v=1640702835" alt="Rising Sun"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/mischellemoy_08_300x.jpg?v=1640702834" alt="Rising Sun"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/rising-sun">Rising Sun</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/triple-threat" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/John-Beijer-Triple-Threat-Andy-okay_02_{width}x.jpg?v=1724314167" data-widths="[200,300]" data-sizes="auto" alt="Triple Threat" data-image-id="58119127335261"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/John-Beijer-Triple-Threat-Andy-okay_08_{width}x.jpg?v=1724314168" data-widths="[200,300]" data-sizes="auto" alt="Triple Threat" data-image-id="58119127531869"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/John-Beijer-Triple-Threat-Andy-okay_02_300x.jpg?v=1724314167" alt="Triple Threat"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/John-Beijer-Triple-Threat-Andy-okay_08_300x.jpg?v=1724314168" alt="Triple Threat"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">When You Wish</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/triple-threat">Triple Threat</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/phantasmagoria" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/miller_07_{width}x.jpg?v=1640703277" data-widths="[200,300]" data-sizes="auto" alt="Phantasmagoria" data-image-id="36373337899245"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/miller_08_{width}x.jpg?v=1640703277" data-widths="[200,300]" data-sizes="auto" alt="Phantasmagoria" data-image-id="36373338030317"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/miller_07_300x.jpg?v=1640703277" alt="Phantasmagoria"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/miller_08_300x.jpg?v=1640703277" alt="Phantasmagoria"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Rainforest Trust</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/phantasmagoria">Phantasmagoria</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/dragonslayer" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/mona_07_{width}x.jpg?v=1640531859" data-widths="[200,300]" data-sizes="auto" alt="Dragonslayer" data-image-id="36362907681005"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/mona_08_{width}x.jpg?v=1640531858" data-widths="[200,300]" data-sizes="auto" alt="Dragonslayer" data-image-id="36362907582701"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/mona_07_300x.jpg?v=1640531859" alt="Dragonslayer"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/mona_08_300x.jpg?v=1640531858" alt="Dragonslayer"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/dragonslayer">Dragonslayer</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/new-planet" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/ignacio_07_{width}x.jpg?v=1639566310" data-widths="[200,300]" data-sizes="auto" alt="New Planet" data-image-id="36301111820525"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/ignacio_08_{width}x.jpg?v=1639566309" data-widths="[200,300]" data-sizes="auto" alt="New Planet" data-image-id="36301111754989"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/ignacio_07_300x.jpg?v=1639566310" alt="New Planet"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/ignacio_08_300x.jpg?v=1639566309" alt="New Planet"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/new-planet">New Planet</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/dragon" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/dragon_07_{width}x.jpg?v=1649423216" data-widths="[200,300]" data-sizes="auto" alt="Dragon" data-image-id="36951569334509"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/dragon_08_{width}x.jpg?v=1649423216" data-widths="[200,300]" data-sizes="auto" alt="Dragon" data-image-id="36951569400045"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/dragon_07_300x.jpg?v=1649423216" alt="Dragon"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/dragon_08_300x.jpg?v=1649423216" alt="Dragon"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/dragon">Dragon</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/you-look-pretty" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/YouLookPretty_Love_WallArt_AvaTaylor_Andyokay_01_01_07_{width}x.jpg?v=1737554597" data-widths="[200,300]" data-sizes="auto" alt="You Look Pretty" data-image-id="72502693986653"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/YouLookPretty_Love_WallArt_AvaTaylor_Andyokay_01_01_08_{width}x.jpg?v=1737554597" data-widths="[200,300]" data-sizes="auto" alt="You Look Pretty" data-image-id="72502693822813"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/YouLookPretty_Love_WallArt_AvaTaylor_Andyokay_01_01_07_300x.jpg?v=1737554597" alt="You Look Pretty"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/YouLookPretty_Love_WallArt_AvaTaylor_Andyokay_01_01_08_300x.jpg?v=1737554597" alt="You Look Pretty"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label atelier-label limited-label-product-item"><span>Atelier Exclusive</span></div> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/you-look-pretty">You Look Pretty</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/black-sheep" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Black-Sheep-Rob-Hakemo-Andy-okay-Art-for-Causes_02_{width}x.jpg?v=1743753222" data-widths="[200,300]" data-sizes="auto" alt="Black Sheep" data-image-id="74293050671453"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/Black-Sheep-Rob-Hakemo-Andy-okay-Art-for-Causes_08_{width}x.jpg?v=1743753222" data-widths="[200,300]" data-sizes="auto" alt="Black Sheep" data-image-id="74293050868061"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/Black-Sheep-Rob-Hakemo-Andy-okay-Art-for-Causes_02_300x.jpg?v=1743753222" alt="Black Sheep"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/Black-Sheep-Rob-Hakemo-Andy-okay-Art-for-Causes_08_300x.jpg?v=1743753222" alt="Black Sheep"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/black-sheep">Black Sheep</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/modern-day-heroes" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/ketsune_07_{width}x.jpg?v=1640702191" data-widths="[200,300]" data-sizes="auto" alt="Modern Day Heroes" data-image-id="36373198864621"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/ketsune_08_{width}x.jpg?v=1640702190" data-widths="[200,300]" data-sizes="auto" alt="Modern Day Heroes" data-image-id="36373198668013"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/ketsune_07_300x.jpg?v=1640702191" alt="Modern Day Heroes"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/ketsune_08_300x.jpg?v=1640702190" alt="Modern Day Heroes"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/modern-day-heroes">Modern Day Heroes</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/illustrations-1/products/deadsponge" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_2022_07_a89b4616-5389-4c38-8238-52d5dcbc4a5b_{width}x.jpg?v=1638458163" data-widths="[200,300]" data-sizes="auto" alt="Deadsponge" data-image-id="36231792066797"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_2022_08_258c3501-ffef-42e7-b978-ba4c9b81f2f7_{width}x.jpg?v=1638458163" data-widths="[200,300]" data-sizes="auto" alt="Deadsponge" data-image-id="36231792132333"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/art_mockups_2022_07_a89b4616-5389-4c38-8238-52d5dcbc4a5b_300x.jpg?v=1638458163" alt="Deadsponge"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/art_mockups_2022_08_258c3501-ffef-42e7-b978-ba4c9b81f2f7_300x.jpg?v=1638458163" alt="Deadsponge"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/illustrations-1/products/deadsponge">Deadsponge</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div></div></div></div></section></div><div id="shopify-section-template--24967983366493__1616425219eaa2e028" class="shopify-section shopify-section--bordered"><div class="Section--spacingHeading"> <header class="SectionHeader SectionHeader--center"> <div class="Container featured-new-header"><div class="SectionHeader__Heading_Container"><h2 class="SectionHeader__Heading Heading u-h1 featured-heading"> Astronauts</h2> </div><div class="header_viewAll" style="color: ;"> <a href="/collections/astronauts" class="">View all</a></div></div> </header></div><section class="Section Section--spacingNormal Section--spacingNarrow" data-section-id="template--24967983366493__1616425219eaa2e028" data-section-type="featured-collections" data-settings='{ "layout": "carousel"}' style="background-color: #f0f0f0;"><div class="TabPanel" id="block-161642521918356043-0" aria-hidden="false" role="tabpanel" > <div class="ProductListWrapper"><div class="ProductList ProductList--carousel Carousel" data-flickity-config='{ "prevNextButtons": false, "pageDots": false, "wrapAround": false, "contain": true, "cellAlign": "left", "watchCSS": true, "dragThreshold": 8, "groupCells": true, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25} }'><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/relax" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/cameron_burns_relax_supporting_wwf_07_{width}x.jpg?v=1706268006" data-widths="[200,300]" data-sizes="auto" alt="Relax" data-image-id="54599622197597"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/cameron_burns_relax_supporting_wwf_08_{width}x.jpg?v=1706268006" data-widths="[200,300]" data-sizes="auto" alt="Relax" data-image-id="54599622132061"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/cameron_burns_relax_supporting_wwf_07_300x.jpg?v=1706268006" alt="Relax"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/cameron_burns_relax_supporting_wwf_08_300x.jpg?v=1706268006" alt="Relax"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/relax">Relax</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/garden-delights-ii" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/gardendelights2_07_{width}x.jpg?v=1639318167" data-widths="[200,300]" data-sizes="auto" alt="Garden Delights II" data-image-id="36286758191341"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/gardendelights2_08_{width}x.jpg?v=1639318169" data-widths="[200,300]" data-sizes="auto" alt="Garden Delights II" data-image-id="36286758355181"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/gardendelights2_07_300x.jpg?v=1639318167" alt="Garden Delights II"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/gardendelights2_08_300x.jpg?v=1639318169" alt="Garden Delights II"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label essentials-label limited-label-product-item"><span>Essentials</span></div> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/garden-delights-ii">Garden Delights II</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/look-up" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_2022_07_eedb5d64-40e8-4055-9d6c-deb468d51798_{width}x.jpg?v=1659087799" data-widths="[200,300]" data-sizes="auto" alt="Look Up" data-image-id="37588184891629"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/art_mockups_2022_08_a070e72c-8605-4765-8f08-5aa14e037db4_{width}x.jpg?v=1659087799" data-widths="[200,300]" data-sizes="auto" alt="Look Up" data-image-id="37588184826093"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/art_mockups_2022_07_eedb5d64-40e8-4055-9d6c-deb468d51798_300x.jpg?v=1659087799" alt="Look Up"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/art_mockups_2022_08_a070e72c-8605-4765-8f08-5aa14e037db4_300x.jpg?v=1659087799" alt="Look Up"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Rainforest Trust</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/look-up">Look Up</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/my-planet" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/liampannier_myplanet_store_07_{width}x.jpg?v=1663305374" data-widths="[200,300]" data-sizes="auto" alt="My Planet" data-image-id="37827825041645"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/liampannier_myplanet_store_08_{width}x.jpg?v=1663305374" data-widths="[200,300]" data-sizes="auto" alt="My Planet" data-image-id="37827824910573"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/liampannier_myplanet_store_07_300x.jpg?v=1663305374" alt="My Planet"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/liampannier_myplanet_store_08_300x.jpg?v=1663305374" alt="My Planet"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/my-planet">My Planet</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/recurring-dream" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/recurringdream_shopify_07_{width}x.jpg?v=1666934196" data-widths="[200,300]" data-sizes="auto" alt="Recurring Dream" data-image-id="38032942301421"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/recurringdream_shopify_08_{width}x.jpg?v=1666934196" data-widths="[200,300]" data-sizes="auto" alt="Recurring Dream" data-image-id="38032942072045"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/recurringdream_shopify_07_300x.jpg?v=1666934196" alt="Recurring Dream"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/recurringdream_shopify_08_300x.jpg?v=1666934196" alt="Recurring Dream"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/recurring-dream">Recurring Dream</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/bloom" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/bloom_07_e5555f83-b00e-495c-b5c8-50973f67784b_{width}x.jpg?v=1639597041" data-widths="[200,300]" data-sizes="auto" alt="Bloom" data-image-id="36303439724781"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/bloom_08_574e8224-3385-4261-97e7-7ffb9031a175_{width}x.jpg?v=1639597039" data-widths="[200,300]" data-sizes="auto" alt="Bloom" data-image-id="36303439560941"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/bloom_07_e5555f83-b00e-495c-b5c8-50973f67784b_300x.jpg?v=1639597041" alt="Bloom"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/bloom_08_574e8224-3385-4261-97e7-7ffb9031a175_300x.jpg?v=1639597039" alt="Bloom"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label essentials-label limited-label-product-item"><span>Essentials</span></div> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/bloom">Bloom</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/full-bloom" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/fullbloom_07_{width}x.jpg?v=1642426941" data-widths="[200,300]" data-sizes="auto" alt="Full Bloom" data-image-id="36477243785453"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/fullbloom_08_{width}x.jpg?v=1642426941" data-widths="[200,300]" data-sizes="auto" alt="Full Bloom" data-image-id="36477243752685"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/fullbloom_07_300x.jpg?v=1642426941" alt="Full Bloom"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/fullbloom_08_300x.jpg?v=1642426941" alt="Full Bloom"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label essentials-label limited-label-product-item"><span>Essentials</span></div> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/full-bloom">Full Bloom</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/garden-delights" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/nicebleed-garden-delights-astronaut-in-flowers-wall-art_06_{width}x.jpg?v=1695646965" data-widths="[200,300]" data-sizes="auto" alt="Garden Delights" data-image-id="52553062154589"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/nicebleed-garden-delights-astronaut-in-flowers-wall-art_08_{width}x.jpg?v=1695646965" data-widths="[200,300]" data-sizes="auto" alt="Garden Delights" data-image-id="52553062383965"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/nicebleed-garden-delights-astronaut-in-flowers-wall-art_06_300x.jpg?v=1695646965" alt="Garden Delights"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/nicebleed-garden-delights-astronaut-in-flowers-wall-art_08_300x.jpg?v=1695646965" alt="Garden Delights"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <div class="limited-release-label essentials-label limited-label-product-item"><span>Essentials</span></div> <p class="hide-on-pdp">Support <span class="">Rainforest Trust</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/garden-delights">Garden Delights</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$189 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/in-the-garden" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/nicebleed_In-The-Garden_Andyokay_07_{width}x.jpg?v=1709283371" data-widths="[200,300]" data-sizes="auto" alt="In The Garden" data-image-id="55185516265821"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/nicebleed_In-The-Garden_Andyokay_08_{width}x.jpg?v=1709283371" data-widths="[200,300]" data-sizes="auto" alt="In The Garden" data-image-id="55185516626269"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/nicebleed_In-The-Garden_Andyokay_07_300x.jpg?v=1709283371" alt="In The Garden"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/nicebleed_In-The-Garden_Andyokay_08_300x.jpg?v=1709283371" alt="In The Garden"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/in-the-garden">In The Garden</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/star-collector" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/star_collector_astronaut_art_nicebleed_andy_okay_07_{width}x.jpg?v=1688115278" data-widths="[200,300]" data-sizes="auto" alt="Star Collector" data-image-id="51421253763421"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/files/star_collector_astronaut_art_nicebleed_andy_okay_08_{width}x.jpg?v=1688115278" data-widths="[200,300]" data-sizes="auto" alt="Star Collector" data-image-id="51421253796189"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/files/star_collector_astronaut_art_nicebleed_andy_okay_07_300x.jpg?v=1688115278" alt="Star Collector"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/files/star_collector_astronaut_art_nicebleed_andy_okay_08_300x.jpg?v=1688115278" alt="Star Collector"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/star-collector">Star Collector</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/flowers-power" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/tomcolbie_07_{width}x.jpg?v=1703670580" data-widths="[200,300]" data-sizes="auto" alt="Flowers Power" data-image-id="36516329292013"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/tomcolbie_08_{width}x.jpg?v=1643120594" data-widths="[200,300]" data-sizes="auto" alt="Flowers Power" data-image-id="36516329455853"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/tomcolbie_07_300x.jpg?v=1703670580" alt="Flowers Power"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/tomcolbie_08_300x.jpg?v=1643120594" alt="Flowers Power"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/flowers-power">Flowers Power</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/sleeping-with-moons" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/anthony_sleepingwithmoons_shopifymockups_07_{width}x.jpg?v=1663909500" data-widths="[200,300]" data-sizes="auto" alt="Sleeping With Moons" data-image-id="37855245893869"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/anthony_sleepingwithmoons_shopifymockups_08_{width}x.jpg?v=1663909500" data-widths="[200,300]" data-sizes="auto" alt="Sleeping With Moons" data-image-id="37855245762797"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/anthony_sleepingwithmoons_shopifymockups_07_300x.jpg?v=1663909500" alt="Sleeping With Moons"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/anthony_sleepingwithmoons_shopifymockups_08_300x.jpg?v=1663909500" alt="Sleeping With Moons"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/sleeping-with-moons">Sleeping With Moons</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/high-tide" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/hightide_shopify_07_{width}x.jpg?v=1666933840" data-widths="[200,300]" data-sizes="auto" alt="High Tide" data-image-id="38032938696941"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/hightide_shopify_08_{width}x.jpg?v=1666933840" data-widths="[200,300]" data-sizes="auto" alt="High Tide" data-image-id="38032938893549"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/hightide_shopify_07_300x.jpg?v=1666933840" alt="High Tide"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/hightide_shopify_08_300x.jpg?v=1666933840" alt="High Tide"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/high-tide">High Tide</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/gone-fishing" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/gonefishing_shopify_07_{width}x.jpg?v=1666934342" data-widths="[200,300]" data-sizes="auto" alt="Gone Fishing" data-image-id="38032944201965"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/gonefishing_shopify_08_{width}x.jpg?v=1666934342" data-widths="[200,300]" data-sizes="auto" alt="Gone Fishing" data-image-id="38032943972589"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/gonefishing_shopify_07_300x.jpg?v=1666934342" alt="Gone Fishing"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/gonefishing_shopify_08_300x.jpg?v=1666934342" alt="Gone Fishing"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/gone-fishing">Gone Fishing</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/sky-surfer" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/Maxim_shopify_07_{width}x.jpg?v=1656046514" data-widths="[200,300]" data-sizes="auto" alt="Sky Surfer" data-image-id="37396316127469"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/Maxim_shopify_08_{width}x.jpg?v=1656046514" data-widths="[200,300]" data-sizes="auto" alt="Sky Surfer" data-image-id="37396316193005"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/Maxim_shopify_07_300x.jpg?v=1656046514" alt="Sky Surfer"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/Maxim_shopify_08_300x.jpg?v=1656046514" alt="Sky Surfer"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/sky-surfer">Sky Surfer</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/astronauts/products/galaxsea-signed-black-edition" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/Kevin-Thirapathi-Galaxsea-Signed-Black-Edition-2_{width}x.jpg?v=1669463151" data-widths="[200,300]" data-sizes="auto" alt="GalaxSea - Black Edition" data-image-id="38177086603501"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/Kevin-Thirapathi-Galaxsea-Signed-Black-Edition-1_{width}x.jpg?v=1669463150" data-widths="[200,300]" data-sizes="auto" alt="GalaxSea - Black Edition" data-image-id="38177086505197"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/Kevin-Thirapathi-Galaxsea-Signed-Black-Edition-2_300x.jpg?v=1669463151" alt="GalaxSea - Black Edition"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/Kevin-Thirapathi-Galaxsea-Signed-Black-Edition-1_300x.jpg?v=1669463150" alt="GalaxSea - Black Edition"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/astronauts/products/galaxsea-signed-black-edition">GalaxSea - Black Edition</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div></div></div></div></section></div><div id="shopify-section-template--24967983366493__1643642736f42e4efd" class="shopify-section shopify-section--bordered"><div class="Section--spacingHeading"> <header class="SectionHeader SectionHeader--center"> <div class="Container featured-new-header"><div class="SectionHeader__Heading_Container"><h2 class="SectionHeader__Heading Heading u-h1 featured-heading"> ALMOST GONE</h2> </div><div class="header_viewAll" style="color: ;"> <a href="/collections/going-fast" class="">View all</a></div></div> </header></div><section class="Section Section--spacingNormal Section--spacingNarrow" data-section-id="template--24967983366493__1643642736f42e4efd" data-section-type="featured-collections" data-settings='{ "layout": "carousel"}' style="background-color: #f0f0f0;"><div class="TabPanel" id="block-1643642736f42e4efd-0" aria-hidden="false" role="tabpanel" > <div class="ProductListWrapper"><div class="ProductList ProductList--carousel Carousel" data-flickity-config='{ "prevNextButtons": false, "pageDots": false, "wrapAround": false, "contain": true, "cellAlign": "left", "watchCSS": true, "dragThreshold": 8, "groupCells": true, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25} }'><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/going-fast/products/enough-space" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/circlestances_07_{width}x.jpg?v=1640886691" data-widths="[200,300]" data-sizes="auto" alt="Enough Space" data-image-id="36383589335277"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/circlestances_08_{width}x.jpg?v=1640886692" data-widths="[200,300]" data-sizes="auto" alt="Enough Space" data-image-id="36383589531885"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/circlestances_07_300x.jpg?v=1640886691" alt="Enough Space"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/circlestances_08_300x.jpg?v=1640886692" alt="Enough Space"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/going-fast/products/enough-space">Enough Space</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/going-fast/products/sleepwalker" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/niberia_07_{width}x.jpg?v=1639567441" data-widths="[200,300]" data-sizes="auto" alt="Sleepwalker" data-image-id="36301182599405"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/niberia_08_{width}x.jpg?v=1639567440" data-widths="[200,300]" data-sizes="auto" alt="Sleepwalker" data-image-id="36301182402797"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/niberia_07_300x.jpg?v=1639567441" alt="Sleepwalker"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/niberia_08_300x.jpg?v=1639567440" alt="Sleepwalker"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/going-fast/products/sleepwalker">Sleepwalker</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/going-fast/products/melancholy" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/jerome_07_{width}x.jpg?v=1639566803" data-widths="[200,300]" data-sizes="auto" alt="Melancholy" data-image-id="36301140885741"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/jerome_08_{width}x.jpg?v=1639566805" data-widths="[200,300]" data-sizes="auto" alt="Melancholy" data-image-id="36301141410029"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/jerome_07_300x.jpg?v=1639566803" alt="Melancholy"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/jerome_08_300x.jpg?v=1639566805" alt="Melancholy"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/going-fast/products/melancholy">Melancholy</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/going-fast/products/new-planet" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/ignacio_07_{width}x.jpg?v=1639566310" data-widths="[200,300]" data-sizes="auto" alt="New Planet" data-image-id="36301111820525"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/ignacio_08_{width}x.jpg?v=1639566309" data-widths="[200,300]" data-sizes="auto" alt="New Planet" data-image-id="36301111754989"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/ignacio_07_300x.jpg?v=1639566310" alt="New Planet"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/ignacio_08_300x.jpg?v=1639566309" alt="New Planet"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/going-fast/products/new-planet">New Planet</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/going-fast/products/alone" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/aaronlarson_07_{width}x.jpg?v=1640886942" data-widths="[200,300]" data-sizes="auto" alt="Alone" data-image-id="36383594610925"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/aaronlarson_08_{width}x.jpg?v=1640886944" data-widths="[200,300]" data-sizes="auto" alt="Alone" data-image-id="36383594905837"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/aaronlarson_07_300x.jpg?v=1640886942" alt="Alone"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/aaronlarson_08_300x.jpg?v=1640886944" alt="Alone"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/going-fast/products/alone">Alone</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/going-fast/products/highway-to-heaven" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/swiss4design_07_{width}x.jpg?v=1640883755" data-widths="[200,300]" data-sizes="auto" alt="Highway to Heaven" data-image-id="36383529074925"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/swiss4design_08_{width}x.jpg?v=1640883756" data-widths="[200,300]" data-sizes="auto" alt="Highway to Heaven" data-image-id="36383529173229"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/swiss4design_07_300x.jpg?v=1640883755" alt="Highway to Heaven"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/swiss4design_08_300x.jpg?v=1640883756" alt="Highway to Heaven"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/going-fast/products/highway-to-heaven">Highway to Heaven</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/going-fast/products/rest-in-piece" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shaun_07_{width}x.jpg?v=1639517266" data-widths="[200,300]" data-sizes="auto" alt="Rest in Piece" data-image-id="36296976466157"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/shaun_08_{width}x.jpg?v=1639517266" data-widths="[200,300]" data-sizes="auto" alt="Rest in Piece" data-image-id="36296976433389"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/shaun_07_300x.jpg?v=1639517266" alt="Rest in Piece"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/shaun_08_300x.jpg?v=1639517266" alt="Rest in Piece"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/going-fast/products/rest-in-piece">Rest in Piece</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$139 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="/collections/going-fast/products/the-future-is-now" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage "> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/future_07_{width}x.jpg?v=1639317548" data-widths="[200,300]" data-sizes="auto" alt="The Future is Now" data-image-id="36286748721389"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/future_08_{width}x.jpg?v=1639317548" data-widths="[200,300]" data-sizes="auto" alt="The Future is Now" data-image-id="36286748917997"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/future_07_300x.jpg?v=1639317548" alt="The Future is Now"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/future_08_300x.jpg?v=1639317548" alt="The Future is Now"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <img class="limited-release-img" src="//andyokay.com/cdn/shop/t/191/assets/limitedrelease.jpg?v=17575029652059210401741434479" alt="limited-release"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/going-fast/products/the-future-is-now">The Future is Now</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> <div class="ProductItem__PriceList "> <span class="divider-line">|</span><span class="ProductItem__price--custom ProductItem__Price Price Price--compareAt Text--subdued" >$149 Regular</span> <br> <span class="ProductItem__Price Price Price--highlight Text--subdued">$44 <span class="text-before__price">for Charity</span></span></div> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div></div></div></div></section></div><div id="shopify-section-template--24967983366493__1629722279ac42c7cf" class="shopify-section shopify-section--bordered"><style> .blog-section{ margin: -15px 0 15px!important; } .carousel-container { margin: 30px 0 0 0 !important; } .carousel-item { margin: 0 1px !important; } @media screen and (max-width: 767px){ .Section--spacingNarrow .SectionHeader.story_head .head_med { font-size: 22px !important ; } }</style><section class="Section Section--spacingNormal Section--spacingNarrow blog-section" id="section-template--24967983366493__1629722279ac42c7cf" data-section-type="slideshow" data-section-id="template--24967983366493__1629722279ac42c7cf"> <header class="SectionHeader SectionHeader--center story_head"><div class="Container blog-post-container"> <div class="SectionHeader__Heading_Container"><h2 class="SectionHeader__Heading head_med Heading u-h1 blog-post-title">OKAY UNFRAMED</h2> </div> </div><div class="Container blog-post-container"> <h3 class="SectionHeader__SubHeading blog_slide_section_head blog_subheading_font Heading u-h6 blog-post-text" >Go beyond the frame – discover the stories behind the art that truly make a difference...</h3> </div> </header><div class="ProductList ProductList--carousel Carousel blog_list_carousel carousel-container" data-flickity-config='{ "prevNextButtons": false, "setGallerySize": true, "adaptiveHeight": false, "freeScroll": true, "wrapAround": true, "dragThreshold": 3, "cellAlign": "left", "pauseAutoPlayOnHover": false, "autoPlay": false, "pageDots": false, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25}}'><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Nostalgia-Meets-Modern--Exploring-Retro-Wall-Art-in-2025_676dfa9d-a75c-4ec5-ad65-0982390c8280_1x1.jpg?v=1744352494); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/nostalgia-meets-modern-exploring-retro-wall-art-in-2025"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Nostalgia-Meets-Modern--Exploring-Retro-Wall-Art-in-2025_676dfa9d-a75c-4ec5-ad65-0982390c8280_{width}x.jpg?v=1744352494" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Nostalgia Meets Modern: Exploring Retro Wall Art in 2025"> </a><!-- <p class="ArticleItem__Excerpt">Summary:Retro wall art is making a significant comeback i...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Words-on-the-Wall-Why-Quote-Wall-Art-Still-Matters-in-2025_1x1.jpg?v=1744267708); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/words-on-the-wall-why-quote-wall-art-still-matters-in-2025"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Words-on-the-Wall-Why-Quote-Wall-Art-Still-Matters-in-2025_{width}x.jpg?v=1744267708" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Meaningful and artistic quote wall art supporting good causes at Andy Okay"> </a><!-- <p class="ArticleItem__Excerpt">Summary:This personal guide explores the power of wall ar...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel hidden-tablet carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Astronaut-Wall-Art--A-Guide-to-Space-Inspired-Home-Decor_4c66e589-eaed-43ac-964f-38eda1e29498_1x1.jpg?v=1744201766); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/astronaut-wall-art-a-guide-to-space-inspired-home-decor"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Astronaut-Wall-Art--A-Guide-to-Space-Inspired-Home-Decor_4c66e589-eaed-43ac-964f-38eda1e29498_{width}x.jpg?v=1744201766" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Astronaut Wall Art: A 2025 Guide to Space-Inspired Home Decor"> </a><!-- <p class="ArticleItem__Excerpt">Summary:This article is a personal guide to discovering a...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Beyond-Blank-Walls-My-Quest-for-Cool-Wall-Art_aae29912-862e-4976-b9e4-a4122e4f051f_1x1.jpg?v=1744206822); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/beyond-blank-walls-my-quest-for-cool-wall-art-2025"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Beyond-Blank-Walls-My-Quest-for-Cool-Wall-Art_aae29912-862e-4976-b9e4-a4122e4f051f_{width}x.jpg?v=1744206822" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Beyond Blank Walls: My Quest for Cool Wall Art"> </a><!-- <p class="ArticleItem__Excerpt">Summary:This guide explores how I transformed my home wit...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/How-Modern-Wall-Art-Transformed-My-Living-Space-A-Personal-Journey_40f62da3-2b64-4232-9e2c-3ea8179a1fd6_1x1.jpg?v=1743791238); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/how-modern-wall-art-transformed-my-living-space"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/How-Modern-Wall-Art-Transformed-My-Living-Space-A-Personal-Journey_40f62da3-2b64-4232-9e2c-3ea8179a1fd6_{width}x.jpg?v=1743791238" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="How Modern Wall Art Transformed My Living Space: A Personal Journey"> </a><!-- <p class="ArticleItem__Excerpt">When I first set out to revamp my living room, I realized...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/The-Perfect-Wall-Art-for-Your-Bathroom_e3f518f9-66cc-478f-9889-7b7de11d93ae_1x1.jpg?v=1743686584); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/why-i-stopped-ignoring-my-bathroom-walls-and-you-should-too"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/The-Perfect-Wall-Art-for-Your-Bathroom_e3f518f9-66cc-478f-9889-7b7de11d93ae_{width}x.jpg?v=1743686584" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="The Perfect Bathroom Wall Art For Your Home in 2025. "> </a><!-- <p class="ArticleItem__Excerpt">When I first started decorating my home, I ignored the ba...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Selecting-the-perfect-living-room-wall-art-in-2025_eccf5727-fba4-42eb-b331-0eb32f2779a8_1x1.jpg?v=1743680848); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/selecting-the-perfect-wall-art-in-2025"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Selecting-the-perfect-living-room-wall-art-in-2025_eccf5727-fba4-42eb-b331-0eb32f2779a8_{width}x.jpg?v=1743680848" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="How to select the perfect living room wall art in 2025"> </a><!-- <p class="ArticleItem__Excerpt">When I first set out to revamp my living room, I quickly ...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Art-for-Wishes_How-7-artists-are-making-dreams-come-true-Andyokay_WhenYouWishUponAStar_1x1.jpg?v=1726048592); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/art-for-wishes-how-seven-incredible-artists-are-helping-to-make-dreams-come-true"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Art-for-Wishes_How-7-artists-are-making-dreams-come-true-Andyokay_WhenYouWishUponAStar_{width}x.jpg?v=1726048592" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Art for Wishes: How Seven Incredible Artists are Helping to Make Dreams Come True"> </a><!-- <p class="ArticleItem__Excerpt">Have you ever thought about how art can be more than just...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/From-Canvas-to-Compassion--How-Art-Can-Be-Used-For-Violence-Reduction_1x1.jpg?v=1714464231); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/from-canvas-to-compassion-how-art-can-be-used-for-violence-reduction"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/From-Canvas-to-Compassion--How-Art-Can-Be-Used-For-Violence-Reduction_{width}x.jpg?v=1714464231" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="From Canvas to Compassion: How Art Can Be Used For Violence Reduction"> </a><!-- <p class="ArticleItem__Excerpt">In a world where all forms of violence too often headline...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Discover-the-Vibrant-Beauty-of-Tropical-Wall-Art_1x1.jpg?v=1706193611); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/tropical-wall-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Discover-the-Vibrant-Beauty-of-Tropical-Wall-Art_{width}x.jpg?v=1706193611" data-widths="[200,400,600,700,800]" data-sizes="auto" alt="Discover the Vibrant Beauty of Tropical Wall Art"> </a><!-- <p class="ArticleItem__Excerpt">Are you ready to transport yourself to a tropical paradi...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/13-Beautiful-Art-Projects-Created-to-Raise-Awareness-for-a-Cause_1x1.jpg?v=1703241780); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/13-beautiful-art-projects-created-to-raise-awareness-for-a-cause"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/13-Beautiful-Art-Projects-Created-to-Raise-Awareness-for-a-Cause_{width}x.jpg?v=1703241780" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="13 Beautiful Art Projects Created to Raise Awareness for a Cause"> </a><!-- <p class="ArticleItem__Excerpt">Are you tired of boring advocacy campaigns that fail to ...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/The-Fail-Proof-Guide-to-Sustainable-Art_1x1.jpg?v=1702821178); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/the-fail-proof-guide-to-sustainable-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/The-Fail-Proof-Guide-to-Sustainable-Art_{width}x.jpg?v=1702821178" data-widths="[200,400,600,700,800,900]" data-sizes="auto" alt="The Fail-Proof Guide to Sustainable Art"> </a><!-- <p class="ArticleItem__Excerpt">In a world full of chaos and constantly evolving trends,...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Eight-biggest-artists-championing-sustainability_1x1.jpg?v=1702659462); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/eight-biggest-artists-championing-sustainability"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Eight-biggest-artists-championing-sustainability_{width}x.jpg?v=1702659462" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Eight biggest artists championing sustainability"> </a><!-- <p class="ArticleItem__Excerpt">Welcome to a world where art and sustainability collide ...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/7-Times-Banksy-Has-Done-Something-GREAT-For-Charity_1x1.jpg?v=1702311186); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/7-times-banksy-has-done-something-for-charity"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/7-Times-Banksy-Has-Done-Something-GREAT-For-Charity_{width}x.jpg?v=1702311186" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="7 Times Banksy Has Done Something Great For Charity"> </a><!-- <p class="ArticleItem__Excerpt">Banksy, the elusive and enigmatic street artist, is know...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/when-will-ai-replace-artists_1x1.jpg?v=1702301776); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/will-ai-replace-artists"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/when-will-ai-replace-artists_{width}x.jpg?v=1702301776" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="When Will AI Replace Artists?"> </a><!-- <p class="ArticleItem__Excerpt">Art has always been a reflection of the human imaginatio...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Discover-the-Top-Artistic-Destinations-to-Support-a-Good-Cause_1x1.jpg?v=1702289525); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/discover-the-top-artistic-destinations-to-support-a-good-cause"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Discover-the-Top-Artistic-Destinations-to-Support-a-Good-Cause_{width}x.jpg?v=1702289525" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Discover the Top Artistic Destinations to Support a Good Cause"> </a><!-- <p class="ArticleItem__Excerpt">Have you ever wanted to combine your love for art with y...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Beautiful-Girly-Wall-Art-to-Transform-Your-Home-Into-a-Whimsical-Wonderland_1x1.jpg?v=1695712149); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/girly-wall-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Beautiful-Girly-Wall-Art-to-Transform-Your-Home-Into-a-Whimsical-Wonderland_{width}x.jpg?v=1695712149" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Beautiful Girly Wall Art to Transform Your Home Into a Whimsical Wonderland"> </a><!-- <p class="ArticleItem__Excerpt">Hey there, interior design enthusiasts! Are you ready to...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/What-Kind-of-Wall-Art-Is-Most-Popular_1x1.jpg?v=1695545147); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/what-kind-of-wall-art-is-most-popular"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/What-Kind-of-Wall-Art-Is-Most-Popular_{width}x.jpg?v=1695545147" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="What Kind of Wall Art Is Most Popular? | Andy okay - Popular Art Prints for Charity"> </a><!-- <p class="ArticleItem__Excerpt">As human beings, we are endlessly fascinated by the art ...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Is-wall-art-a-good-gift-idea_1x1.jpg?v=1695481914); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/is-wall-art-a-good-gift-idea"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Is-wall-art-a-good-gift-idea_{width}x.jpg?v=1695481914" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Is Wall Art A Good Gift Idea? | Andy okay – Wall Art Gifts for Charity"> </a><!-- <p class="ArticleItem__Excerpt">Wall art, huh? The age-old question of whether or not th...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/How-Do-I-Choose-The-Best-Wall-Art_1x1.jpg?v=1695466465); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/how-do-i-choose-the-best-wall-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/How-Do-I-Choose-The-Best-Wall-Art_{width}x.jpg?v=1695466465" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="How Do I Choose The Best Wall Art?"> </a><!-- <p class="ArticleItem__Excerpt">Choosing the best wall art for your home can be a daunti...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Black-Friday-2024--How-to-Grab-The-Best-Wall-Art-Deals_61933bff-e4e9-4b29-8060-db79e62aa92a_1x1.jpg?v=1695295294); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/black-friday-wall-art-deals"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Black-Friday-2024--How-to-Grab-The-Best-Wall-Art-Deals_61933bff-e4e9-4b29-8060-db79e62aa92a_{width}x.jpg?v=1695295294" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Black Friday 2024: How to Grab The Best Wall Art Deals"> </a><!-- <p class="ArticleItem__Excerpt">Are you ready to embark on a wild and exhilarating journ...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Top-5-Ideas-for-Space-Art-Prints-That-Will-Inspire-You-in-2024_1x1.jpg?v=1694102048); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/space-art-prints"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Top-5-Ideas-for-Space-Art-Prints-That-Will-Inspire-You-in-2024_{width}x.jpg?v=1694102048" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Top 5 Ideas for Space Art Prints That Will Inspire You in 2024"> </a><!-- <p class="ArticleItem__Excerpt">Take a voyage through the cosmos with these top 5 ideas ...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/How-To-Bring-Romance-to-Your-Home-with-Romantic-Wall-Art_1x1.jpg?v=1693927734); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/romantic-wall-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/How-To-Bring-Romance-to-Your-Home-with-Romantic-Wall-Art_{width}x.jpg?v=1693927734" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="How To Bring Romance to Your Home with Romantic Wall Art"> </a><!-- <p class="ArticleItem__Excerpt">Do you want to bring a touch of romance and passion into...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/What-is-the-best-poster-site-2024--Top-Online-Shops-for-Posters-in-2024_1x1.jpg?v=1693828362); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/what-is-the-best-poster-site-2024"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/What-is-the-best-poster-site-2024--Top-Online-Shops-for-Posters-in-2024_{width}x.jpg?v=1693828362" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="What is the best poster site 2024? Top Online Shops for Posters in 2024!"> </a><!-- <p class="ArticleItem__Excerpt">In this digital age, posters still reign supreme as the ...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Top-3-Modern-Bathroom-Art-Ideas-to-Transform-Your-Space_1x1.jpg?v=1693834346); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/modern-bathroom-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Top-3-Modern-Bathroom-Art-Ideas-to-Transform-Your-Space_{width}x.jpg?v=1693834346" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Top 3 Modern Bathroom Art Ideas to Transform Your Space"> </a><!-- <p class="ArticleItem__Excerpt">Are you ready to turn your boring, mundane bathroom into...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/How-To-Transform-Your-Living-Room-with-Space-Themed-Wall-Art_1x1.jpg?v=1692966977); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/space-wall-art-for-living-room"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/How-To-Transform-Your-Living-Room-with-Space-Themed-Wall-Art_{width}x.jpg?v=1692966977" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="How To Transform Your Living Room with Space-Themed Wall Art"> </a><!-- <p class="ArticleItem__Excerpt">Sick of that snooze-fest of a living room? Are you lowke...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/the-best-places-to-buy-art-2024_1x1.jpg?v=1692868595); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/best-places-to-buy-art-2024"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/the-best-places-to-buy-art-2024_{width}x.jpg?v=1692868595" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="The Best Places To Buy Art 2024 – A Complete Guide"> </a><!-- <p class="ArticleItem__Excerpt">Looking to add some artistic flair to your life? Want to...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Hot-Trend-Alert_-The-Best-Flower-Head-Art-for-Your-Home_1x1.jpg?v=1692801028); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/flower-head-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Hot-Trend-Alert_-The-Best-Flower-Head-Art-for-Your-Home_{width}x.jpg?v=1692801028" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Hot Trend Alert! The Best Flower Head Art for Your Home"> </a><!-- <p class="ArticleItem__Excerpt">Had it up to here with art so dull it makes beige look bo...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Top-5-Coolest-Animal-Posters-to-Brighten-Up-Your-Home_1x1.jpg?v=1692779627); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/animal-posters"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Top-5-Coolest-Animal-Posters-to-Brighten-Up-Your-Home_{width}x.jpg?v=1692779627" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Top 5 Coolest Animal Posters to Brighten Up Your Home"> </a><!-- <p class="ArticleItem__Excerpt">Darling, have you ever found yourself gazing at those bl...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Choosing-The-Right-Surreal-Nature-Art-for-Your-Home_1x1.jpg?v=1692694729); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/surreal-nature-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Choosing-The-Right-Surreal-Nature-Art-for-Your-Home_{width}x.jpg?v=1692694729" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Choosing The Right Surreal Nature Art for Your Home"> </a><!-- <p class="ArticleItem__Excerpt">Do you ever look at a painting or sculpture and think, "W...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Interior-Design-Styles-in-2024---A-Comprehensive-Guide_1x1.jpg?v=1692345525); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/interior-design-styles-in-2024"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Interior-Design-Styles-in-2024---A-Comprehensive-Guide_{width}x.jpg?v=1692345525" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Interior Design Styles in 2024: A Comprehensive Guide"> </a><!-- <p class="ArticleItem__Excerpt">Welcome to the zany world of interior design in 2024! Th...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Hot-Trend-Alert_-Get-More-Done-With-Motivation-Art-in-Your-Office_1x1.jpg?v=1692292845); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/hot-trend-alert-get-more-done-with-motivation-art-in-your-office"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Hot-Trend-Alert_-Get-More-Done-With-Motivation-Art-in-Your-Office_{width}x.jpg?v=1692292845" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Hot Trend Alert! Get More Done With Motivation Art in Your Office"> </a><!-- <p class="ArticleItem__Excerpt">Fed up with those totally blah walls making your workday...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/How-To-Find-The-Best-Sci-Fi-Art-For-Your-Living-Room_1x1.jpg?v=1692183375); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/how-to-find-the-best-sci-fi-art-for-your-living-room"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/How-To-Find-The-Best-Sci-Fi-Art-For-Your-Living-Room_{width}x.jpg?v=1692183375" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="How To Find The Best Sci Fi Art For Your Living Room"> </a><!-- <p class="ArticleItem__Excerpt">Welcome to the world of sci-fi art, where imagination me...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/The-Best-Bathroom-Wall-Art-for-the-Modern-Man_1x1.jpg?v=1692015869); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/the-best-bathroom-wall-art-for-the-modern-man"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/The-Best-Bathroom-Wall-Art-for-the-Modern-Man_{width}x.jpg?v=1692015869" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="The Best Bathroom Wall Art for the Modern Man"> </a><!-- <p class="ArticleItem__Excerpt">Welcome, gentlemen, to the flamboyant world of wall art!...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/The-Ultimate-Guide-to-Finding-Affordable-Wall-Art-for-Your-Living-Room_1x1.jpg?v=1691655843); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/the-ultimate-guide-to-finding-affordable-wall-art-for-your-living-room"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/The-Ultimate-Guide-to-Finding-Affordable-Wall-Art-for-Your-Living-Room_{width}x.jpg?v=1691655843" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="The Ultimate Guide to Finding Affordable Wall Art for Your Living Room"> </a><!-- <p class="ArticleItem__Excerpt">Ever just stare at the totally empty walls in your livin...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/The-Fail-Proof-Guide-to-Finding-The-Best-Surrealistic-Art-Prints-for-Your-Bedroom_1x1.jpg?v=1691076698); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/the-fail-proof-guide-to-finding-the-best-surrealistic-art-prints-for-your-bedroom"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/The-Fail-Proof-Guide-to-Finding-The-Best-Surrealistic-Art-Prints-for-Your-Bedroom_{width}x.jpg?v=1691076698" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="The Fail-Proof Guide to Finding The Best Surrealistic Art Prints for Your Bedroom"> </a><!-- <p class="ArticleItem__Excerpt">Feeling fed up with your dull and uninspiring bedroom? C...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/What-is-The-Concept-of-Surrealism-Art_1x1.jpg?v=1690886758); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/what-is-the-concept-of-surrealism-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/What-is-The-Concept-of-Surrealism-Art_{width}x.jpg?v=1690886758" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="What is The Concept of Surrealism Art?"> </a><!-- <p class="ArticleItem__Excerpt">Surrealism art - oh boy, get ready to have your mind blo...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/How-to-Decorate-Your-Home-with-Surreal-Wall-Art_1x1.jpg?v=1690734944); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/how-to-decorate-your-home-with-surreal-wall-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/How-to-Decorate-Your-Home-with-Surreal-Wall-Art_{width}x.jpg?v=1690734944" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="How to Decorate Your Home with Surreal Wall Art"> </a><!-- <p class="ArticleItem__Excerpt">So you want to give visitors walking into your house the...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Bring-the-Beach-Home--Decorating-with-Coastal-Wall-Art_1x1.jpg?v=1689856442); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/bring-the-beach-home-decorating-with-coastal-wall-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Bring-the-Beach-Home--Decorating-with-Coastal-Wall-Art_{width}x.jpg?v=1689856442" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Bring the Beach Home: Decorating with Coastal Wall Art"> </a><!-- <p class="ArticleItem__Excerpt">Ah, the beach! The sand between your toes, the calming s...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/5-Reasons-for-Choosing-Big-Print-Art-for-Your-Apartment_1x1.jpg?v=1689833446); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/5-reasons-for-choosing-big-print-art-for-your-apartment"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/5-Reasons-for-Choosing-Big-Print-Art-for-Your-Apartment_{width}x.jpg?v=1689833446" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="5 Reasons for Choosing Big Print Art for Your Apartment"> </a><!-- <p class="ArticleItem__Excerpt">"Okay, listen up, apartment peeps! Are you, like, totall...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/How-To-Create-The-Perfect-Hippie-Home-Decor-Look-for-Your-Home_1x1.jpg?v=1689781359); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/how-to-create-the-perfect-hippie-home-decor-look-for-your-home"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/How-To-Create-The-Perfect-Hippie-Home-Decor-Look-for-Your-Home_{width}x.jpg?v=1689781359" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="How To Create The Perfect Hippie Home Decor Look for Your Home"> </a><!-- <p class="ArticleItem__Excerpt">Hey, homeslice! If you're feelin' stuck in the snooze zo...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Hot-Trend-Alert--Bring-New-Life-to-Your-Home-with-Vibrant-Wall-Art_1x1.jpg?v=1689746712); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/bring-life-to-your-home-with-vibrant-wall-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Hot-Trend-Alert--Bring-New-Life-to-Your-Home-with-Vibrant-Wall-Art_{width}x.jpg?v=1689746712" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Hot Trend Alert: Bring New Life to Your Home with Vibrant Wall Art"> </a><!-- <p class="ArticleItem__Excerpt">Alright, peeps, let's get real. Walking into a home that...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/The-Essential-Guide-to-Art-With-Deep-Meaning_1x1.jpg?v=1689658363); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/exploring-art-with-deep-meaning"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/The-Essential-Guide-to-Art-With-Deep-Meaning_{width}x.jpg?v=1689658363" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="The Essential Guide to Art With Deep Meaning"> </a><!-- <p class="ArticleItem__Excerpt">Art. It's something some people love and others just don...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Blog-posts-5-Tips-For-Displaying-Artwork-in-Your-Living-Room_1x1.jpg?v=1689573711); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/how-to-add-a-touch-of-cool-to-your-living-room-with-wall-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Blog-posts-5-Tips-For-Displaying-Artwork-in-Your-Living-Room_{width}x.jpg?v=1689573711" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Blog posts 5 Tips For Displaying Artwork in Your Living Room"> </a><!-- <p class="ArticleItem__Excerpt">In today's modern world, our living rooms have become mo...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/Experience-the-Beauty-of-an-Ocean-Sunset-with-Wall-Art_1x1.jpg?v=1689520663); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/experience-the-beauty-of-an-ocean-sunset-with-wall-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/Experience-the-Beauty-of-an-Ocean-Sunset-with-Wall-Art_{width}x.jpg?v=1689520663" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="Experience the Beauty of an Ocean Sunset with Wall Art"> </a><!-- <p class="ArticleItem__Excerpt">Are you ready to take your walls on a whimsical journey ...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/These-Will-Be-The-Biggest-Wall-Art-Trends-of-2024_45e19817-c2d4-4ab0-8176-3c050c8b720b_1x1.jpg?v=1689272174); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/predictions-for-wall-art-trends-of-2024"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/These-Will-Be-The-Biggest-Wall-Art-Trends-of-2024_45e19817-c2d4-4ab0-8176-3c050c8b720b_{width}x.jpg?v=1689272174" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="These Will Be The Biggest Wall Art Trends of 2024"> </a><!-- <p class="ArticleItem__Excerpt">Welcome to the future, where we will delve into the wack...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/5-Ways-Affordable-Wall-Art-Prints-Dramatically-Change-Your-Space_1x1.jpg?v=1689260284); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/5-ways-affordable-wall-art-prints-dramatically-change-your-space"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/5-Ways-Affordable-Wall-Art-Prints-Dramatically-Change-Your-Space_{width}x.jpg?v=1689260284" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="5 Ways Affordable Wall Art Prints Dramatically Change Your Space"> </a><!-- <p class="ArticleItem__Excerpt">Are you tired of staring at bare walls that make your sp...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/How-to-Decorate-Your-Space-with-Forest-Wall-Art_1x1.jpg?v=1689254397); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/how-to-decorate-your-space-with-forest-wall-art"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/How-to-Decorate-Your-Space-with-Forest-Wall-Art_{width}x.jpg?v=1689254397" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="How to Decorate Your Space with Forest Wall Art"> </a><!-- <p class="ArticleItem__Excerpt">Get rid of those blank, boring walls in your living spac...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/How-to-Choose-The-Perfect-Big-Art-Pieces-for-Your-Living-Room_1x1.jpg?v=1689150272); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/how-to-choose-the-perfect-big-art-pieces-for-your-living-room"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/How-to-Choose-The-Perfect-Big-Art-Pieces-for-Your-Living-Room_{width}x.jpg?v=1689150272" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="How to Choose The Perfect Big Art Pieces for Your Living Room"> </a><!-- <p class="ArticleItem__Excerpt">So, you've decided it's time to add some big art pieces ...</p> --> </div><div class="Grid__Cell Carousel__Cell article_carousel carousel-item"><a class="ArticleItem__ImageWrapper AspectRatio AspectRatio--withFallback" style="background: url(//andyokay.com/cdn/shop/articles/The-Ultimate-Guide-to-Modern-Pop-Art-Prints-for-Your-Home_1x1.jpg?v=1689053094); padding-bottom: 58%; --aspect-ratio: 1.7" href="/blogs/the-gallerist/7-ways-pop-art-prints-can-dramatically-change-your-space"> <img class="ArticleItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/articles/The-Ultimate-Guide-to-Modern-Pop-Art-Prints-for-Your-Home_{width}x.jpg?v=1689053094" data-widths="[200,400,600,700,800,900,1000,1200]" data-sizes="auto" alt="The Ultimate Guide to Modern Pop Art Prints for Your Home"> </a><!-- <p class="ArticleItem__Excerpt">Looking to add some color, personality, and a touch of h...</p> --> </div></div><div class="Container see-more-mobile see-more-mobile-blog-post "> <div class="SectionFooter blog-post-section-footer" style="color: #000000;"> <a href="https://andyokay.com/blogs/okay-blog" class="view-all-text">View All ></a> </div> </div> <div class="Container see-more-desktop"> <div class="SectionFooter blog-post-section-footer" style="color: #000000;"> <a href="https://andyokay.com/blogs/okay-blog" class="view-all-text">View All ></a> <!-- <img class="arrow-right" src="//andyokay.com/cdn/shop/t/191/assets/white_arrow_right.png?77039" /> --> </div> </div></section> </div><div id="shopify-section-template--24967983366493__1597932365863" class="shopify-section shopify-section--bordered"><div class="Section--spacingHeading"> <header class="SectionHeader SectionHeader--center"> <div class="Container featured-new-header"><div class="SectionHeader__Heading_Container"><h2 class="SectionHeader__Heading Heading u-h1 featured-heading"> just sold out</h2> </div></div> </header></div><section class="Section Section--spacingNormal Section--spacingNarrow" data-section-id="template--24967983366493__1597932365863" data-section-type="featured-collections" data-settings='{ "layout": "carousel"}' style="background-color: #f0f0f0;"><div class="TabPanel" id="block-1597932365863-0" aria-hidden="false" role="tabpanel" > <div class="ProductListWrapper"><div class="ProductList ProductList--carousel Carousel" data-flickity-config='{ "prevNextButtons": false, "pageDots": false, "wrapAround": false, "contain": true, "cellAlign": "left", "watchCSS": true, "dragThreshold": 8, "groupCells": true, "arrowShape": {"x0": 20, "x1": 60, "y1": 40, "x2": 60, "y2": 35, "x3": 25} }'><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/fultonhobbs_07_{width}x.jpg?v=1640885087" data-widths="[200,300]" data-sizes="auto" alt="Peace Loop" data-image-id="36383561646317"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/fultonhobbs_08_{width}x.jpg?v=1640885086" data-widths="[200,300]" data-sizes="auto" alt="Peace Loop" data-image-id="36383561482477"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/fultonhobbs_07_300x.jpg?v=1640885087" alt="Peace Loop"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/fultonhobbs_08_300x.jpg?v=1640885086" alt="Peace Loop"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/peace-loop">Peace Loop</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/eugene_07_{width}x.jpg?v=1640884170" data-widths="[200,300]" data-sizes="auto" alt="Terium" data-image-id="36383539396845"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/eugene_08_{width}x.jpg?v=1640884170" data-widths="[200,300]" data-sizes="auto" alt="Terium" data-image-id="36383539429613"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/eugene_07_300x.jpg?v=1640884170" alt="Terium"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/eugene_08_300x.jpg?v=1640884170" alt="Terium"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">Rainforest Trust</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/terium">Terium</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/onuraron_07_{width}x.jpg?v=1640886545" data-widths="[200,300]" data-sizes="auto" alt="Moon Tears" data-image-id="36383586091245"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/onuraron_08_{width}x.jpg?v=1640886545" data-widths="[200,300]" data-sizes="auto" alt="Moon Tears" data-image-id="36383586058477"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/onuraron_07_300x.jpg?v=1640886545" alt="Moon Tears"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/onuraron_08_300x.jpg?v=1640886545" alt="Moon Tears"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">Smile of the Child</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/moon-tears">Moon Tears</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/anewhome_07_{width}x.jpg?v=1642427526" data-widths="[200,300]" data-sizes="auto" alt="A New Hope" data-image-id="36477339828461"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/anewhome_08_{width}x.jpg?v=1642427525" data-widths="[200,300]" data-sizes="auto" alt="A New Hope" data-image-id="36477339435245"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/anewhome_07_300x.jpg?v=1642427526" alt="A New Hope"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/anewhome_08_300x.jpg?v=1642427525" alt="A New Hope"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">Smile of the Child</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/a-new-hope">A New Hope</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/moonrise_07_{width}x.jpg?v=1640887178" data-widths="[200,300]" data-sizes="auto" alt="Moonrise" data-image-id="36383606898925"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/moonrise_08_{width}x.jpg?v=1640887177" data-widths="[200,300]" data-sizes="auto" alt="Moonrise" data-image-id="36383606800621"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/moonrise_07_300x.jpg?v=1640887178" alt="Moonrise"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/moonrise_08_300x.jpg?v=1640887177" alt="Moonrise"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/moonrise">Moonrise</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/mooncrab_07_{width}x.jpg?v=1640588835" data-widths="[200,300]" data-sizes="auto" alt="Rest Day" data-image-id="36366448263405"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/mooncrab_08_{width}x.jpg?v=1640588835" data-widths="[200,300]" data-sizes="auto" alt="Rest Day" data-image-id="36366448460013"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/mooncrab_07_300x.jpg?v=1640588835" alt="Rest Day"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/mooncrab_08_300x.jpg?v=1640588835" alt="Rest Day"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/rest-day-1">Rest Day</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/voja_07_{width}x.jpg?v=1640588390" data-widths="[200,300]" data-sizes="auto" alt="ROAR" data-image-id="36366421983469"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/voja_08_{width}x.jpg?v=1640588389" data-widths="[200,300]" data-sizes="auto" alt="ROAR" data-image-id="36366421852397"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/voja_07_300x.jpg?v=1640588390" alt="ROAR"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/voja_08_300x.jpg?v=1640588389" alt="ROAR"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/roar">ROAR</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/hiro_07_{width}x.jpg?v=1640689600" data-widths="[200,300]" data-sizes="auto" alt="Cyber City" data-image-id="36371749830893"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/hiro_08_{width}x.jpg?v=1640689600" data-widths="[200,300]" data-sizes="auto" alt="Cyber City" data-image-id="36371749732589"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/hiro_07_300x.jpg?v=1640689600" alt="Cyber City"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/hiro_08_300x.jpg?v=1640689600" alt="Cyber City"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/cyber-city">Cyber City</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/jacubseegen_07_{width}x.jpg?v=1640688605" data-widths="[200,300]" data-sizes="auto" alt="The Winding Road" data-image-id="36371648676077"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/jacubseegen_08_{width}x.jpg?v=1640688606" data-widths="[200,300]" data-sizes="auto" alt="The Winding Road" data-image-id="36371648872685"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/jacubseegen_07_300x.jpg?v=1640688605" alt="The Winding Road"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/jacubseegen_08_300x.jpg?v=1640688606" alt="The Winding Road"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">Share The Meal</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/the-winding-road">The Winding Road</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/jose_07_{width}x.jpg?v=1640533445" data-widths="[200,300]" data-sizes="auto" alt="Free" data-image-id="36362961944813"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/jose_08_{width}x.jpg?v=1640533445" data-widths="[200,300]" data-sizes="auto" alt="Free" data-image-id="36362961912045"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/jose_07_300x.jpg?v=1640533445" alt="Free"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/jose_08_300x.jpg?v=1640533445" alt="Free"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">Non Violence Project</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/free">Free</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/serene_07_{width}x.jpg?v=1640856940" data-widths="[200,300]" data-sizes="auto" alt="Serene" data-image-id="36382237360365"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/serene_08_{width}x.jpg?v=1640856939" data-widths="[200,300]" data-sizes="auto" alt="Serene" data-image-id="36382236836077"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/serene_07_300x.jpg?v=1640856940" alt="Serene"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/serene_08_300x.jpg?v=1640856939" alt="Serene"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">Rainforest Trust</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/serene">Serene</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/fading_away_shop_07_{width}x.jpg?v=1653048657" data-widths="[200,300]" data-sizes="auto" alt="Fading Away" data-image-id="37206784016621"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/fading_away_shop_08_{width}x.jpg?v=1653048655" data-widths="[200,300]" data-sizes="auto" alt="Fading Away" data-image-id="37206783295725"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/fading_away_shop_07_300x.jpg?v=1653048657" alt="Fading Away"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/fading_away_shop_08_300x.jpg?v=1653048655" alt="Fading Away"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/fading-away">Fading Away</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/perg_07_{width}x.jpg?v=1640701956" data-widths="[200,300]" data-sizes="auto" alt="Cyber Gogh" data-image-id="36373167145197"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/perg_08_{width}x.jpg?v=1640701958" data-widths="[200,300]" data-sizes="auto" alt="Cyber Gogh" data-image-id="36373167603949"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/perg_07_300x.jpg?v=1640701956" alt="Cyber Gogh"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/perg_08_300x.jpg?v=1640701958" alt="Cyber Gogh"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">Shared Impact Fund</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/cyber-gogh">Cyber Gogh</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/astrolove_2022_07_{width}x.jpg?v=1653631963" data-widths="[200,300]" data-sizes="auto" alt="Astrolove" data-image-id="37233347952877"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/astrolove_2022_08_{width}x.jpg?v=1653631962" data-widths="[200,300]" data-sizes="auto" alt="Astrolove" data-image-id="37233347789037"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/astrolove_2022_07_300x.jpg?v=1653631963" alt="Astrolove"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/astrolove_2022_08_300x.jpg?v=1653631962" alt="Astrolove"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/astrolove">Astrolove</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/thunderstorm_07_{width}x.jpg?v=1640689237" data-widths="[200,300]" data-sizes="auto" alt="Wake of Thunderstorm" data-image-id="36371708444909"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/thunderstorm_08_{width}x.jpg?v=1640689237" data-widths="[200,300]" data-sizes="auto" alt="Wake of Thunderstorm" data-image-id="36371708412141"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/thunderstorm_07_300x.jpg?v=1640689237" alt="Wake of Thunderstorm"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/thunderstorm_08_300x.jpg?v=1640689237" alt="Wake of Thunderstorm"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/wake-of-thunderstorm">Wake of Thunderstorm</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div><div class="Carousel__Cell"> <div class="ProductItem "> <div class="ProductItem__Wrapper"><a href="javascript:void(0);" class="ProductItem__ImageWrapper ProductItem__ImageWrapper--withAlternateImage soldout-newsletter-popup-trigger"> <div class="overlay_dot " style="background: #e30414;"></div> <div class="AspectRatio AspectRatio--withFallback" style="max-width: 800px; padding-bottom: 100.0%; --aspect-ratio: 1.0"><img class="ProductItem__Image ProductItem__Image--alternate Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/darkness_07_{width}x.jpg?v=1639316443" data-widths="[200,300]" data-sizes="auto" alt="In The Darkness Wolf" data-image-id="36286726832365"><img class="ProductItem__Image Image--lazyLoad Image--fadeIn" data-src="//andyokay.com/cdn/shop/products/darkness_08_{width}x.jpg?v=1639316443" data-widths="[200,300]" data-sizes="auto" alt="In The Darkness Wolf" data-image-id="36286726897901"> <span class="Image__Loader"></span> <noscript> <img class="ProductItem__Image ProductItem__Image--alternate" src="//andyokay.com/cdn/shop/products/darkness_07_300x.jpg?v=1639316443" alt="In The Darkness Wolf"> <img class="ProductItem__Image" src="//andyokay.com/cdn/shop/products/darkness_08_300x.jpg?v=1639316443" alt="In The Darkness Wolf"> </noscript> </div> </a><div class="ProductItem__Info ProductItem__Info--left make-center"> <p class="hide-on-pdp">Support <span class="">WWF</span></p> <div class="title-price-container"> <h2 class="ProductItem__Title Heading"> <a href="/collections/sold-out/products/in-the-darkness-wolf">In The Darkness Wolf</a> </h2> <style> .text-before__price { color : black; } .ProductItem__price--custom { color : #808080 !important; } </style> </div><!-- xs stock bar app --> </div></div></div> <script> $(document).ready(function(){ $('.soldout-newsletter-popup-trigger').click(function(){ $('.NewsletterPopup.actual-soldout-popup').addClass('visible'); $('body').addClass('soldout-popup-visible'); }); });</script></div></div></div></div></section></div><div id="shopify-section-template--24967983366493__160614414236913c9b" class="shopify-section"><div class="tags-section simple-tags-section"> <div class="tags-section-holder"> <div class="Section--spacingHeading"> <header class="SectionHeader SectionHeader--center"> <div class="Container featured-new-header"> <div class="SectionHeader__Heading_Container"> <h2 class="SectionHeader__Heading Heading u-h1 featured-heading"> STILL LOOKING AROUND? <br> <span class="SectionHeader__SubHeading Heading u-h6 featured-subheading" style="color: #8a8a8a">Check what's trending...</span></h2> </div> </div> </header> </div> <div class="Container"> <div class="links-section"> <div class="links-holder"> <a href="/collections/motivational-art" class="Button Button--secondary Button--custom" style="background-color: #f0f0f0; color: #000000; border-color: #f0f0f0;">Motivational artworks</a> <a href="/collections/astronauts" class="Button Button--secondary Button--custom" style="background-color: #f0f0f0; color: #000000; border-color: #f0f0f0;">Astronaut in flowers</a> <a href="/collections/pop-art" class="Button Button--secondary Button--custom" style="background-color: #ececec; color: #1c1b1b; border-color: #ececec;">Vibrant pop art</a> <a href="/collections/coastal-wall-art" class="Button Button--secondary Button--custom" style="background-color: #f0f0f0; color: #000000; border-color: #f0f0f0;">Surf images</a> <a href="/collections/gaming" class="Button Button--secondary Button--custom" style="background-color: #ececec; color: #000000; border-color: #ececec;">Cool gaming pictures</a> <a href="/collections/moons" class="Button Button--secondary Button--custom" style="background-color: #ececec; color: #1c1b1b; border-color: #ececec;">Big moons</a> <a href="/collections/vintage" class="Button Button--secondary Button--custom" style="background-color: #f0f0f0; color: #000000; border-color: #f0f0f0;">Vintage art</a> </div> <div class="links-holder"> <a href="/collections/wall-art-for-men" class="Button Button--secondary Button--custom" style="background-color: #f0f0f0; color: #000000; border-color: #f0f0f0;">Wall art for men</a> </div> </div> </div> </div></div> </div><div id="shopify-section-template--24967983366493__1608562192030793bb" class="shopify-section"><section id="section-trustbadges" data-section-id="trustbadges"> <div class="Container"> <ul class="trustbadges-list trustbadges-1"> <li class="trustbadges-list-items"> <div class="image-holder"> <img class="Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/certified_{width}x.png?v=1638352194" data-optimumx="1.2" data-widths="[50,100]" data-sizes="auto" width="60" height="60" alt=""> </div> <h5 class="Heading u-h5">CERTIFIED</h5> <p>Certificate of <br> authenticity included</p> </li> <li class="trustbadges-list-items"> <div class="image-holder"> <img class="Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/shipping_{width}x.png?v=1638352194" data-optimumx="1.2" data-widths="[50,100]" data-sizes="auto" width="60" height="60" alt=""> </div> <h5 class="Heading u-h5">FAST DELIVERY</h5> <p>99% of all orders arrives fast <br> in 3-5 business days</p> </li> <li class="trustbadges-list-items"> <div class="image-holder"> <img class="Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/shake_{width}x.png?v=1638352194" data-optimumx="1.2" data-widths="[50,100]" data-sizes="auto" width="60" height="60" alt=""> </div> <h5 class="Heading u-h5">ARTISTS SUPPORTED</h5> <p>Our artists are supported <br>from every purchase</p> </li> <li class="trustbadges-list-items"> <div class="image-holder"> <img class="Image--lazyLoad" data-src="//andyokay.com/cdn/shop/files/earth_{width}x.png?v=1638352194" data-optimumx="1.2" data-widths="[50,100]" data-sizes="auto" width="60" height="60" alt=""> </div> <h5 class="Heading u-h5">EARTH CONSCIOUS</h5> <p>Each artwork linked to a <br> cause and supports charity</p> </li> </ul> </div></section> </div> </main> <div id="shopify-section-footer" class="shopify-section shopify-section--footer"><footer id="section-footer" class="Footer " role="contentinfo"> <div class="Container"><div class="Footer__Inner"><div class="Footer__Block Footer__Block--links toggle-accordian" ><div class="Footer__Title-wrapper"> <h2 class="Footer__Title Heading u-h6">Customer support</h2> <span class="Collapsible__Plus"></span> </div> <div class="Footer__Content-wrapper"> <ul class="Linklist"><li class="Linklist__Item"> <a href="/pages/faq" class="Link Link--primary">Orders & Payments</a> </li><li class="Linklist__Item"> <a href="/pages/faq" class="Link Link--primary">Shipments & Returns</a> </li><li class="Linklist__Item"> <a href="/pages/track-my-order" class="Link Link--primary">Track my order</a> </li><li class="Linklist__Item"> <a href="/pages/faq" class="Link Link--primary">Help & FAQ</a> </li><li class="Linklist__Item"> <a href="/pages/contact" class="Link Link--primary">Contact Us</a> </li></ul> </div></div><div class="Footer__Block Footer__Block--links toggle-accordian" ><div class="Footer__Title-wrapper"> <h2 class="Footer__Title Heading u-h6">Legal & Privacy</h2> <span class="Collapsible__Plus"></span> </div> <div class="Footer__Content-wrapper"> <ul class="Linklist"><li class="Linklist__Item"> <a href="/pages/privacy-policy" class="Link Link--primary">Privacy Policy</a> </li><li class="Linklist__Item"> <a href="/pages/return-policy" class="Link Link--primary">Return Policy</a> </li><li class="Linklist__Item"> <a href="/pages/terms-of-service" class="Link Link--primary">Terms of Service</a> </li></ul> </div></div><div class="Footer__Block Footer__Block--links toggle-accordian" ><div class="Footer__Title-wrapper"> <h2 class="Footer__Title Heading u-h6">Connect</h2> <span class="Collapsible__Plus"></span> </div> <div class="Footer__Content-wrapper"> <ul class="Linklist"><li class="Linklist__Item"> <a href="https://www.facebook.com/andyokayart/" class="Link Link--primary">Facebook</a> </li><li class="Linklist__Item"> <a href="https://twitter.com/okay_andy" class="Link Link--primary">X</a> </li><li class="Linklist__Item"> <a href="https://instagram.com/andy.okay" class="Link Link--primary">Instagram</a> </li><li class="Linklist__Item"> <a href="https://www.pinterest.se/andyokayart/" class="Link Link--primary">Pinterest</a> </li></ul> </div></div><div class="Footer__Block Footer__Block--newsletter opened" ><div class="Footer__Title-wrapper"> <h2 class="Footer__Title Heading u-h6">Members Club</h2> </div><div class="Footer__Content-wrapper"><div class="Footer__Content Rte"> <p>Join +200,000 Art & Earth lovers to get first notice on all new drops, good news and great offers. 100% free.</p> </div><form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="Footer__Newsletter Form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"> <input type="email" name="contact[email]" class="Form__Input" style="border: 1px solid #000;" aria-label="Email" placeholder="Email" required onclick="event.stopPropagation();"> <button type="submit" class="Form__Submit Button Button--primary" onclick="event.stopPropagation();">Join</button></form></div></div></div><div class="Footer__Aside"> <div class="Footer__Copyright"> <a href="https://andyokay.com" class="Footer__StoreName Heading u-h7 Link Link--secondary"> <img class="footer_copyright_image" height="auto" width="auto" src="//andyokay.com/cdn/shop/files/andyokay_long_black.png?height=100&v=1661499587"> </a><p class="Footer__ThemeAuthor"> </p> </div></div> </div></footer> <script> $(document).ready(function(){ $('.Footer__Block.toggle-accordian').click(function(e){ if ($(e.currentTarget).hasClass('opened')) { $(e.currentTarget).removeClass('opened') } else { $('.Footer__Block.toggle-accordian').removeClass('opened'); $(e.currentTarget).toggleClass('opened'); } }); });</script> </div> </div> <script async src="https://loox.io/widget/4yZn39DknD/loox.1620973668486.js?shop=andy-okay.myshopify.com"></script> <script> $(document).ready(function(){ $("[data-xs-grid-stock-bar]").each(function(){ let t = $(this); let stockStr = t.attr('data-xs-stock-json'), inv = t.attr('data-inv'); if( stockStr != "" && inv == "shopify"){ const stockData = JSON.parse(stockStr); // let objkeys = Object.keys(stockData); let left_variant = t.attr('data-xs-variant-left'); let totalStock = 0; if (left_variant != "" ) totalStock = parseInt(stockData[left_variant]); else { for( let s in stockData ){ totalStock += parseInt(stockData[s]); } } let max_stock = parseInt(totalStock); if (isNaN(max_stock)) { max_stock = 200; } let left = parseInt(t.attr('data-xs-stock-left')), percentage = ( parseFloat(left) / parseFloat(max_stock) ) * 100.0; if ( left < 0 ){ left = 0; t.find("[data-xs-stock-spinner]").css("width", `0%`); } else { t.find("[data-xs-stock-spinner]").css("width", `${percentage}%`); } t.find("[data-xs-stock-text]").text(`${left}`); t.find("[data-xs-stock-text-total-custom]").text(`of ${max_stock} left`); if (max_stock >= left ){ t.show(); } } }); $("[data-flickity-config]").flickity().flickity("resize"); }); </script> <style> .xs-stock-bar{ order: 2; font-family: 'Dosis', sans-serif; } .xs-stock-progress { position: relative; height: 4px; background: #d3d3d3; } span.xs-stock-spinner { position: absolute; top: 0px; left: 0px; bottom: 0px; background: #a6967c; transition: all 0.3s linear; } .xs-stock-info { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding-bottom: 5px; } .xs-stock-label { font-size: 16px; background: #a6967c; padding: 5px 10px 4px; color: #FFF; font-family:"DIN Next LT Pro Cond"; font-weight:500; text-transform:uppercase; letter-spacing: 0px; margin-right: 10px; } .xs-stock-text { font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 0px; font-family:"DIN Next LT Pro Cond"; font-weight:500; text-transform:uppercase; color:#313131; } [data-xs-stock-left] { color:#a6967c; } [data-xs-grid-stock-bar] { max-width: 286px; margin: 10px auto; } [data-xs-grid-stock-bar] .xs-stock-text{ font-size: 13px; color: #a6967c; padding: 4px 7px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-right: 10px; } [data-xs-grid-stock-bar] .xs-stock-progress { height: 5px; } </style> <script>(function(g,e,o,t,a,r,ge,tl,y){s=function(){var def='geotargetlygeocontent1629294920005_default',len=g.getElementsByClassName(def).length;if(len>0){for(i=0;i<len;i++){g.getElementsByClassName(def)[i].style.display='inline';}}};t=g.getElementsByTagName(e)[0];y=g.createElement(e);y.async=true;y.src='https://g1584674682.co/gc?refurl='+g.referrer+'&id=-MhOXs2A1VY4Y5dkMVkB&winurl='+encodeURIComponent(window.location);t.parentNode.insertBefore(y,t);y.onerror=function(){s()};})(document,'script');</script><noscript><style>.geotargetlygeocontent1629294920005_default{display:inline !important}</style></noscript> <script src="https://t.cometlytrack.com?uid=a4d2f0-1215-8b7f88-s" defer></script> </body></html>
