1<!doctype html> 2<html class="js" lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 <meta name="format-detection" content="telephone=no, date=no, email=no, address=no"> 8 <meta name="theme-color" content=""> 9 <meta http-equiv="Cache-Control" content="public, max-age=31536000"> 10 <link rel="canonical" href="https://modernpicnic.com/account/login"> 11<link rel="icon" type="image/png" href="//modernpicnic.com/cdn/shop/files/mp-favi-1.png?crop=center&height=32&v=1623918620&width=32"><link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 12 <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> 13 14 15 <!-- "snippets/booster-seo.liquid" was not rendered, the associated app was uninstalled --> 16 <link href="//modernpicnic.com/cdn/shop/t/387/assets/font.css?v=64734809850277981741788801444" rel="stylesheet" type="text/css" media="all" /> 17 <link 18 rel="stylesheet" 19 media="print" 20 onload="this.onload=null;this.media='all';" 21 href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css" 22 > 23 <noscript> 24 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css"> 25 </noscript> 26 <title> 27 Account 28 – Modern Picnic</title> 29 30 31 32 <!-- /snippets/social-meta-tags.liquid --> 33 34 35 36 37<meta property="og:site_name" content="Modern Picnic"> 38<meta property="og:url" content="https://modernpicnic.com/account/login"> 39<meta property="og:title" content="Account"> 40<meta property="og:type" content="website"> 41<meta property="og:description" content="Ditch the paper bag! Shop Modern Picnicâs collection of chic, insulated lunch bags, totes + backpacks. Keep your food cool + elevate your professional style. As seen on Shark Tank, our vegan leather purses, totes, and bags are designed for work, travel, and everyday life. Start saving money and eating healthy today!"> 42 43 44 45 46 47<meta name="twitter:card" content="summary_large_image"> 48<meta name="twitter:title" content="Account"> 49<meta name="twitter:description" content="Ditch the paper bag! Shop Modern Picnicâs collection of chic, insulated lunch bags, totes + backpacks. Keep your food cool + elevate your professional style. As seen on Shark Tank, our vegan leather purses, totes, and bags are designed for work, travel, and everyday life. Start saving money and eating healthy today!"> 50 51 52 <style> 53 body { margin: 0; } 54 img { max-width: 100%; height: auto; } 55 56 57 </style> 58 59 60 61<meta property="og:site_name" content="Modern Picnic"> 62<meta property="og:url" content="https://modernpicnic.com/account/login"> 63<meta property="og:title" content="Account"> 64<meta property="og:type" content="website"> 65<meta property="og:description" content="Ditch the paper bag! Shop Modern Picnicâs collection of chic, insulated lunch bags, totes + backpacks. Keep your food cool + elevate your professional style. As seen on Shark Tank, our vegan leather purses, totes, and bags are designed for work, travel, and everyday life. Start saving money and eating healthy today!"><meta name="twitter:card" content="summary_large_image"> 66<meta name="twitter:title" content="Account"> 67<meta name="twitter:description" content="Ditch the paper bag! Shop Modern Picnicâs collection of chic, insulated lunch bags, totes + backpacks. Keep your food cool + elevate your professional style. As seen on Shark Tank, our vegan leather purses, totes, and bags are designed for work, travel, and everyday life. Start saving money and eating healthy today!"> 68 69 70
70<script src="https://code.jquery.com/jquery-3.6.0.min.js" crossorigin="anonymous" defer></script>
70 71
71<script src="//modernpicnic.com/cdn/shop/t/387/assets/slick-loader.js?v=99604455925917729961788801538" defer="defer"></script>
71 72
72<script src="//modernpicnic.com/cdn/shop/t/387/assets/constants.js?v=132983761750457495441788801439" defer="defer"></script>
72 73
73<script src="//modernpicnic.com/cdn/shop/t/387/assets/pubsub.js?v=25310214064522200911788801516" defer="defer"></script>
73 74
74<script src="//modernpicnic.com/cdn/shop/t/387/assets/global.js?v=82558205069851465191788801445" defer="defer"></script>
74 75
75<script src="//modernpicnic.com/cdn/shop/t/387/assets/shop-login-button.js?v=144613830633083664941788801537" defer="defer"></script>
75 76
76<script src="//modernpicnic.com/cdn/shop/t/387/assets/lazy-videos.js?v=11532479654551839601788801504" defer="defer"></script>
76 77
77<script src="//modernpicnic.com/cdn/shop/t/387/assets/details-disclosure.js?v=19404580250243933141788801440" defer="defer"></script>
77 78
78<script src="//modernpicnic.com/cdn/shop/t/387/assets/details-modal.js?v=25581673532751508451788801441" defer="defer"></script>
78 79
79<script src="//modernpicnic.com/cdn/shop/t/387/assets/search-form.js?v=133129549252120666541788801521" defer="defer"></script>
79<script src="//modernpicnic.com/cdn/shop/t/387/assets/animations.js?v=92673266220908102891788801409" defer="defer"></script>
79 80
80<script> 81 (function () { 82 var lazyCssPatterns = ['wishlistcollections.css', 'onstore-block.css', 'accelerated-checkout-backwards-compat.css']; 83 84 function shouldDeferCss(href) { 85 if (!href) return false; 86 return lazyCssPatterns.some(function (pattern) { 87 return href.indexOf(pattern) !== -1; 88 }); 89 } 90 91 function deferStylesheet(link) { 92 if (!link || link.dataset.mpDeferredCss === '1') return; 93 var href = link.getAttribute('href') || link.href || ''; 94 if (!shouldDeferCss(href)) return; 95 link.dataset.mpDeferredCss = '1'; 96 link.setAttribute('rel', 'stylesheet'); 97 link.media = 'print'; 98 link.onload = function () { 99 this.media = 'all'; 100 }; 101 } 102 103 function processStylesheets(root) { 104 if (!root || root.nodeType !== 1) return; 105 if (root.tagName === 'LINK') { 106 deferStylesheet(root); 107 } 108 root.querySelectorAll('link').forEach(deferStylesheet); 109 } 110 111 document.querySelectorAll('link').forEach(deferStylesheet); 112 document.addEventListener('DOMContentLoaded', function () { 113 document.querySelectorAll('link').forEach(deferStylesheet); 114 }, { once: true }); 115 116 var observer = new MutationObserver(function (mutations) { 117 mutations.forEach(function (mutation) { 118 mutation.addedNodes.forEach(function (node) { 119 if (!node || node.nodeType !== 1) return; 120 processStylesheets(node); 121 }); 122 }); 123 }); 124 125 observer.observe(document.head, { childList: true, subtree: true }); 126 })(); 127 </script>
127 128
128<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
128<meta name="facebook-domain-verification" content="uh3sjhkn78bgip5li7nzu8lr0ckxgg"> 129<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/23441411/digital_wallets/dialog"> 130<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
130<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
130 131<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
132<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=23441411" crossorigin="anonymous"></script>
vendor: 1 bytes, line 132
132
133<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":23441411,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/23441411","merchantName":"Modern Picnic","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Modern Picnic","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 133
133
134<script id="shopify-features" type="application/json">{"accessToken":"f9978c4418072ceae9e36976eb313ce8","betas":["rich-media-storefront-analytics"],"domain":"modernpicnic.com","predictiveSearch":true,"shopId":23441411,"locale":"en"}</script>
vendor: 1 bytes, line 134
134
135<script>var Shopify = Shopify || {}; 136Shopify.shop = "modern-picnic-ny.myshopify.com"; 137Shopify.locale = "en"; 138Shopify.currency = {"active":"USD","rate":"1.0"}; 139Shopify.country = "US"; 140Shopify.theme = {"name":"Dawn - Evergreen | 08 sep","id":145207460074,"schema_name":"Dawn","schema_version":"15.4.1","theme_store_id":null,"role":"main"}; 141Shopify.theme.handle = "null"; 142Shopify.theme.style = {"id":null,"handle":null}; 143Shopify.cdnHost = "modernpicnic.com/cdn"; 144Shopify.routes = Shopify.routes || {}; 145Shopify.routes.root = "/"; 146Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 147Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 148Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 149Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 149
149
150<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 150
150
151<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>
vendor: 1 bytes, line 151
151
152<script> 153 window.ShopifyPay = window.ShopifyPay || {}; 154 window.ShopifyPay.apiHost = "shop.app\/pay"; 155 window.ShopifyPay.redirectState = null; 156</script>
vendor: 1 bytes, line 156
156
157<script> 158 window.Shopify = window.Shopify || {}; 159 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 160 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 161 window.Shopify.SignInWithShop.eligible = true; 162</script>
vendor: 1 bytes, line 162
162
163<script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script>
vendor: 1 bytes, line 163
163
164<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"></script>
vendor: 1 bytes, line 164
164
165<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"></script>
vendor: 1 bytes, line 165
165
166<script type="module"> 167 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"); 168await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"); 169 170 window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":true}); 171window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":true}); 172 173</script>
vendor: 1 bytes, line 173
173
174<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 174
174
175<script type="module"> 176 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 177 178 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 179 180</script>
vendor: 1 bytes, line 180
180
181<script> 182 window.Shopify = window.Shopify || {}; 183 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 184 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 185</script>
vendor: 1 bytes, line 185
185
186<script>(function() { 187 var isLoaded = false; 188 function asyncLoad() { 189 if (isLoaded) return; 190 isLoaded = true; 191 var urls = ["https:\/\/gdprcdn.b-cdn.net\/js\/gdpr_cookie_consent.min.js?shop=modern-picnic-ny.myshopify.com","https:\/\/id-shop.govx.com\/app\/modern-picnic-ny.myshopify.com\/govx.js?shop=modern-picnic-ny.myshopify.com","https:\/\/d23dclunsivw3h.cloudfront.net\/redirect-app.js?shop=modern-picnic-ny.myshopify.com","https:\/\/gc.shopkeepertools.com\/skt_easygc_start.js?shop=modern-picnic-ny.myshopify.com","https:\/\/cdn.attn.tv\/modernpicnic\/dtag.js?shop=modern-picnic-ny.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01GYCC6PBNFFDDYNYXDHNDNTRY?source=shopify1click\u0026shop=modern-picnic-ny.myshopify.com","https:\/\/app.stock-counter.app\/get_script\/938a90f260c111efa6c6a6d7416b0ab2.js?v=152683\u0026shop=modern-picnic-ny.myshopify.com","https:\/\/d22lwxpnhu2n4a.cloudfront.net\/grommet\/shopify.js?shop=modern-picnic-ny.myshopify.com","https:\/\/app.octaneai.com\/2oz5o93sjmw8wiav\/shopify.js?x=fCQ7XTjpXLJhzcVQ\u0026shop=modern-picnic-ny.myshopify.com","https:\/\/media.9gtb.com\/loader.js?g_cvt_id=ec0b5c97-2f3d-40fb-a64a-c47016f7cdb7\u0026shop=modern-picnic-ny.myshopify.com"]; 192 for (var i = 0; i < urls.length; i++) { 193 var s = document.createElement('script'); 194 s.type = 'text/javascript'; 195 s.async = true; 196 s.src = urls[i]; 197 var x = document.getElementsByTagName('script')[0]; 198 x.parentNode.insertBefore(s, x); 199 } 200 }; 201 if(window.attachEvent) { 202 window.attachEvent('onload', asyncLoad); 203 } else { 204 window.addEventListener('load', asyncLoad, false); 205 } 206})();</script>
vendor: 1 bytes, line 206
206
207<script id="__st">var __st={"a":23441411,"offset":-14400,"reqid":"f2ebefd0-a669-4d58-bc97-7e8e5eb1e733-1790681459","pageurl":"modernpicnic.com\/account\/login","u":"0bddabdc4285"};</script>
vendor: 1 bytes, line 207
207
208<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 208
208
209<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!1,!0)}();</script>
vendor: 1 bytes, line 209
209
210<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//modernpicnic.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 210
210
211<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//modernpicnic.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
211<script crossorigin="anonymous" defer="defer" src="//modernpicnic.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 211
211
212<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 212
212
213<script> 214 window.Shopify = window.Shopify || {}; 215 window.Shopify.MCP = window.Shopify.MCP || {}; 216 window.Shopify.MCP.enabled = true; 217 window.Shopify.MCP.shop = "modern-picnic-ny.myshopify.com"; 218 window.Shopify.MCP.mcpEndpoint = "https:\/\/modernpicnic.com\/api\/mcp"; 219 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 220</script>
vendor: 1 bytes, line 220
220
221<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/modernpicnic.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 222</script>
vendor: 1 bytes, line 222
222
223<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://modernpicnic.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 224</script>
vendor: 1 bytes, line 224
224
225<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 226 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); 227</script>
vendor: 1 bytes, line 227
227
228<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})}})); 229</script>
vendor: 1 bytes, line 229
229
230<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{"publisher_shop_id":23441411,"theme_id":145207460074,"theme_published":true,"theme_store_id":0,"placement":"collection","event_data":{"handle":"","page_type":null},"recommendations_tracking_enabled":true}" defer="defer" src="//modernpicnic.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
230 231<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://modernpicnic.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 232<style id="shopify-accelerated-checkout-cart"> 233 #shopify-buyer-consent { 234 margin-top: 1em; 235 display: inline-block; 236 width: 100%; 237} 238 239#shopify-buyer-consent.hidden { 240 display: none; 241} 242 243#shopify-subscription-policy-button { 244 background: none; 245 border: none; 246 padding: 0; 247 text-decoration: underline; 248 font-size: inherit; 249 cursor: pointer; 250} 251 252#shopify-subscription-policy-button::before { 253 box-shadow: none; 254} 255 256 </style>
257<script id="sections-script" data-sections="header" defer="defer" src="//modernpicnic.com/cdn/shop/t/387/compiled_assets/scripts.js?v=151152240092763844711788801571"></script>
vendor: 1 bytes, line 257
257
258<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
258 259 260 261 262 <style data-shopify> 263 @font-face { 264 font-family: Raleway; 265 font-weight: 400; 266 font-style: normal; 267 font-display: swap; 268 src: url("//modernpicnic.com/cdn/fonts/raleway/raleway_n4.2c76ddd103ff0f30b1230f13e160330ff8b2c68a.woff2") format("woff2"), 269 url("//modernpicnic.com/cdn/fonts/raleway/raleway_n4.c057757dddc39994ad5d9c9f58e7c2c2a72359a9.woff") format("woff"); 270} 271 272 @font-face { 273 font-family: Raleway; 274 font-weight: 700; 275 font-style: normal; 276 font-display: swap; 277 src: url("//modernpicnic.com/cdn/fonts/raleway/raleway_n7.740cf9e1e4566800071db82eeca3cca45f43ba63.woff2") format("woff2"), 278 url("//modernpicnic.com/cdn/fonts/raleway/raleway_n7.84943791ecde186400af8db54cf3b5b5e5049a8f.woff") format("woff"); 279} 280 281 @font-face { 282 font-family: Raleway; 283 font-weight: 400; 284 font-style: italic; 285 font-display: swap; 286 src: url("//modernpicnic.com/cdn/fonts/raleway/raleway_i4.aaa73a72f55a5e60da3e9a082717e1ed8f22f0a2.woff2") format("woff2"), 287 url("//modernpicnic.com/cdn/fonts/raleway/raleway_i4.650670cc243082f8988ecc5576b6d613cfd5a8ee.woff") format("woff"); 288} 289 290 @font-face { 291 font-family: Raleway; 292 font-weight: 700; 293 font-style: italic; 294 font-display: swap; 295 src: url("//modernpicnic.com/cdn/fonts/raleway/raleway_i7.6d68e3c55f3382a6b4f1173686f538d89ce56dbc.woff2") format("woff2"), 296 url("//modernpicnic.com/cdn/fonts/raleway/raleway_i7.ed82a5a5951418ec5b6b0a5010cb65216574b2bd.woff") format("woff"); 297} 298 299 @font-face { 300 font-family: Raleway; 301 font-weight: 400; 302 font-style: normal; 303 font-display: swap; 304 src: url("//modernpicnic.com/cdn/fonts/raleway/raleway_n4.2c76ddd103ff0f30b1230f13e160330ff8b2c68a.woff2") format("woff2"), 305 url("//modernpicnic.com/cdn/fonts/raleway/raleway_n4.c057757dddc39994ad5d9c9f58e7c2c2a72359a9.woff") format("woff"); 306} 307 308 309 310 :root, 311 .color-scheme-1 { 312 --color-background: 255,255,255; 313 314 --gradient-background: #ffffff; 315 316 317 318 319 --color-foreground: 0,0,0; 320 --color-background-contrast: 191,191,191; 321 --color-shadow: 18,18,18; 322 --color-button: 62,78,102; 323 --color-button-text: 255,255,255; 324 --color-secondary-button: 255,255,255; 325 --color-secondary-button-text: 18,18,18; 326 --color-link: 18,18,18; 327 --color-badge-foreground: 0,0,0; 328 --color-badge-background: 255,255,255; 329 --color-badge-border: 0,0,0; 330 --payment-terms-background-color: rgb(255 255 255); 331 } 332 333 334 .color-scheme-2 { 335 --color-background: 242,240,230; 336 337 --gradient-background: #f2f0e6; 338 339 340 341 342 --color-foreground: 0,0,0; 343 --color-background-contrast: 198,190,146; 344 --color-shadow: 18,18,18; 345 --color-button: 62,78,102; 346 --color-button-text: 255,255,255; 347 --color-secondary-button: 242,240,230; 348 --color-secondary-button-text: 0,0,0; 349 --color-link: 0,0,0; 350 --color-badge-foreground: 0,0,0; 351 --color-badge-background: 242,240,230; 352 --color-badge-border: 0,0,0; 353 --payment-terms-background-color: rgb(242 240 230); 354 } 355 356 357 .color-scheme-3 { 358 --color-background: 36,40,51; 359 360 --gradient-background: #242833; 361 362 363 364 365 --color-foreground: 255,255,255; 366 --color-background-contrast: 47,52,66; 367 --color-shadow: 18,18,18; 368 --color-button: 255,255,255; 369 --color-button-text: 0,0,0; 370 --color-secondary-button: 36,40,51; 371 --color-secondary-button-text: 255,255,255; 372 --color-link: 255,255,255; 373 --color-badge-foreground: 255,255,255; 374 --color-badge-background: 36,40,51; 375 --color-badge-border: 255,255,255; 376 --payment-terms-background-color: rgb(36 40 51); 377 } 378 379 380 .color-scheme-4 { 381 --color-background: 18,18,18; 382 383 --gradient-background: #121212; 384 385 386 387 388 --color-foreground: 255,255,255; 389 --color-background-contrast: 146,146,146; 390 --color-shadow: 18,18,18; 391 --color-button: 255,255,255; 392 --color-button-text: 18,18,18; 393 --color-secondary-button: 18,18,18; 394 --color-secondary-button-text: 255,255,255; 395 --color-link: 255,255,255; 396 --color-badge-foreground: 255,255,255; 397 --color-badge-background: 18,18,18; 398 --color-badge-border: 255,255,255; 399 --payment-terms-background-color: rgb(18 18 18); 400 } 401 402 403 .color-scheme-5 { 404 --color-background: 51,79,180; 405 406 --gradient-background: #334fb4; 407 408 409 410 411 --color-foreground: 255,255,255; 412 --color-background-contrast: 23,35,81; 413 --color-shadow: 18,18,18; 414 --color-button: 255,255,255; 415 --color-button-text: 51,79,180; 416 --color-secondary-button: 51,79,180; 417 --color-secondary-button-text: 255,255,255; 418 --color-link: 255,255,255; 419 --color-badge-foreground: 255,255,255; 420 --color-badge-background: 51,79,180; 421 --color-badge-border: 255,255,255; 422 --payment-terms-background-color: rgb(51 79 180); 423 } 424 425 426 .color-scheme-4660e30f-0c30-4081-bc10-6acad9ada756 { 427 --color-background: 62,78,102; 428 429 --gradient-background: #3e4e66; 430 431 432 433 434 --color-foreground: 255,255,255; 435 --color-background-contrast: 14,17,23; 436 --color-shadow: 18,18,18; 437 --color-button: 255,255,255; 438 --color-button-text: 0,0,0; 439 --color-secondary-button: 62,78,102; 440 --color-secondary-button-text: 18,18,18; 441 --color-link: 18,18,18; 442 --color-badge-foreground: 255,255,255; 443 --color-badge-background: 62,78,102; 444 --color-badge-border: 255,255,255; 445 --payment-terms-background-color: rgb(62 78 102); 446 } 447 448
449 .color-scheme-91da8b0a-f011-4286-aff5-6fe4a75acff6 { 450 --color-background: 255,255,255; 451 452 --gradient-background: #ffffff; 453 454 455 456 457 --color-foreground: 3,2,2; 458 --color-background-contrast: 191,191,191; 459 --color-shadow: 18,18,18; 460 --color-button: 62,78,102; 461 --color-button-text: 255,255,255; 462 --color-secondary-button: 255,255,255; 463 --color-secondary-button-text: 18,18,18; 464 --color-link: 18,18,18; 465 --color-badge-foreground: 3,2,2; 466 --color-badge-background: 255,255,255; 467 --color-badge-border: 3,2,2; 468 --payment-terms-background-color: rgb(255 255 255); 469 } 470 471 472 .color-scheme-5cf9ff17-d37b-47fe-b31e-31cb51fcac87 { 473 --color-background: 255,255,255; 474 475 --gradient-background: #ffffff; 476 477 478 479 480 --color-foreground: 3,2,2; 481 --color-background-contrast: 191,191,191; 482 --color-shadow: 18,18,18; 483 --color-button: 62,78,102; 484 --color-button-text: 0,0,0; 485 --color-secondary-button: 255,255,255; 486 --color-secondary-button-text: 255,255,255; 487 --color-link: 255,255,255; 488 --color-badge-foreground: 3,2,2; 489 --color-badge-background: 255,255,255; 490 --color-badge-border: 3,2,2; 491 --payment-terms-background-color: rgb(255 255 255); 492 } 493 494 495 .color-scheme-b24157cd-9b8b-421d-b26f-696f01f5c668 { 496 --color-background: 255,255,255; 497 498 --gradient-background: #ffffff; 499 500 501 502 503 --color-foreground: 0,0,0; 504 --color-background-contrast: 191,191,191; 505 --color-shadow: 3,2,2; 506 --color-button: 253,251,249; 507 --color-button-text: 0,0,0; 508 --color-secondary-button: 255,255,255; 509 --color-secondary-button-text: 3,2,2; 510 --color-link: 3,2,2; 511 --color-badge-foreground: 0,0,0; 512 --color-badge-background: 255,255,255; 513 --color-badge-border: 0,0,0; 514 --payment-terms-background-color: rgb(255 255 255); 515 } 516 517 518 .color-scheme-ac8aa4c8-8f79-4a5f-afd2-e4ac038dbffd { 519 --color-background: 246,245,241; 520 521 --gradient-background: #f6f5f1; 522 523 524 525 526 --color-foreground: 0,0,0; 527 --color-background-contrast: 196,190,163; 528 --color-shadow: 18,18,18; 529 --color-button: 255,255,255; 530 --color-button-text: 0,0,0; 531 --color-secondary-button: 246,245,241; 532 --color-secondary-button-text: 18,18,18; 533 --color-link: 18,18,18; 534 --color-badge-foreground: 0,0,0; 535 --color-badge-background: 246,245,241; 536 --color-badge-border: 0,0,0; 537 --payment-terms-background-color: rgb(246 245 241); 538 } 539 540 541 .color-scheme-6f5af1ff-283a-4861-a521-1f1a93ed5f9d { 542 --color-background: 255,255,255; 543 544 --gradient-background: #ffffff; 545 546 547 548 549 --color-foreground: 0,0,0; 550 --color-background-contrast: 191,191,191; 551 --color-shadow: 18,18,18; 552 --color-button: 62,78,102; 553 --color-button-text: 255,255,255; 554 --color-secondary-button: 255,255,255; 555 --color-secondary-button-text: 18,18,18; 556 --color-link: 18,18,18; 557 --color-badge-foreground: 0,0,0; 558 --color-badge-background: 255,255,255; 559 --color-badge-border: 0,0,0; 560 --payment-terms-background-color: rgb(255 255 255); 561 } 562 563 564 .color-scheme-80c0217c-a580-432a-99de-d301364c4daa { 565 --color-background: 245,240,230; 566 567 --gradient-background: #f5f0e6; 568 569 570 571 572 --color-foreground: 0,0,0; 573 --color-background-contrast: 209,185,139; 574 --color-shadow: 18,18,18; 575 --color-button: 255,255,255; 576 --color-button-text: 0,0,0; 577 --color-secondary-button: 245,240,230; 578 --color-secondary-button-text: 18,18,18; 579 --color-link: 18,18,18; 580 --color-badge-foreground: 0,0,0; 581 --color-badge-background: 245,240,230; 582 --color-badge-border: 0,0,0; 583 --payment-terms-background-color: rgb(245 240 230); 584 } 585 586 587 .color-scheme-4d46affe-c16e-4abf-919f-e5ae25fab8ec { 588 --color-background: 242,240,230; 589 590 --gradient-background: #f2f0e6; 591 592 593 594 595 --color-foreground: 0,0,0; 596 --color-background-contrast: 198,190,146; 597 --color-shadow: 18,18,18; 598 --color-button: 0,0,0; 599 --color-button-text: 255,255,255; 600 --color-secondary-button: 242,240,230; 601 --color-secondary-button-text: 18,18,18; 602 --color-link: 18,18,18; 603 --color-badge-foreground: 0,0,0; 604 --color-badge-background: 242,240,230; 605 --color-badge-border: 0,0,0; 606 --payment-terms-background-color: rgb(242 240 230); 607 } 608 609 610 .color-scheme-7960d8e6-2454-4641-8642-e72d8ebc44ff { 611 --color-background: 245,240,230; 612 613 --gradient-background: #f5f0e6; 614 615 616 617 618 --color-foreground: 0,0,0; 619 --color-background-contrast: 209,185,139; 620 --color-shadow: 18,18,18; 621 --color-button: 0,0,0; 622 --color-button-text: 255,255,255; 623 --color-secondary-button: 245,240,230; 624 --color-secondary-button-text: 18,18,18; 625 --color-link: 18,18,18; 626 --color-badge-foreground: 0,0,0; 627 --color-badge-background: 245,240,230; 628 --color-badge-border: 0,0,0; 629 --payment-terms-background-color: rgb(245 240 230); 630 } 631 632 633 .color-scheme-215bc4b6-fa37-4e54-8043-fcf0288b68bf { 634 --color-background: 246,245,241; 635 636 --gradient-background: #f6f5f1; 637 638 639 640 641 --color-foreground: 0,0,0; 642 --color-background-contrast: 196,190,163; 643 --color-shadow: 18,18,18; 644 --color-button: 0,0,0; 645 --color-button-text: 255,255,255; 646 --color-secondary-button: 246,245,241; 647 --color-secondary-button-text: 18,18,18; 648 --color-link: 18,18,18; 649 --color-badge-foreground: 0,0,0; 650 --color-badge-background: 246,245,241; 651 --color-badge-border: 0,0,0; 652 --payment-terms-background-color: rgb(246 245 241); 653 } 654 655 656 .color-scheme-498b530b-da8e-4bae-aca4-0856ae4ed73c { 657 --color-background: 231,230,224; 658 659 --gradient-background: #e7e6e0; 660 661 662 663 664 --color-foreground: 0,0,0; 665 --color-background-contrast: 175,172,152; 666 --color-shadow: 18,18,18; 667 --color-button: 0,0,0; 668 --color-button-text: 255,255,255; 669 --color-secondary-button: 231,230,224; 670 --color-secondary-button-text: 18,18,18; 671 --color-link: 18,18,18; 672 --color-badge-foreground: 0,0,0; 673 --color-badge-background: 231,230,224; 674 --color-badge-border: 0,0,0; 675 --payment-terms-background-color: rgb(231 230 224); 676 } 677 678 679 .color-scheme-d38e084f-44c9-4850-b8dd-b79b632a6903 { 680 --color-background: 255,255,255; 681 682 --gradient-background: #ffffff; 683 684 685 686 687 --color-foreground: 0,0,0; 688 --color-background-contrast: 191,191,191; 689 --color-shadow: 18,18,18; 690 --color-button: 0,0,0; 691 --color-button-text: 255,255,255; 692 --color-secondary-button: 255,255,255; 693 --color-secondary-button-text: 18,18,18; 694 --color-link: 18,18,18; 695 --color-badge-foreground: 0,0,0; 696 --color-badge-background: 255,255,255; 697 --color-badge-border: 0,0,0; 698 --payment-terms-background-color: rgb(255 255 255); 699 } 700 701 702 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-4660e30f-0c30-4081-bc10-6acad9ada756, .color-scheme-91da8b0a-f011-428
7026-aff5-6fe4a75acff6, .color-scheme-5cf9ff17-d37b-47fe-b31e-31cb51fcac87, .color-scheme-b24157cd-9b8b-421d-b26f-696f01f5c668, .color-scheme-ac8aa4c8-8f79-4a5f-afd2-e4ac038dbffd, .color-scheme-6f5af1ff-283a-4861-a521-1f1a93ed5f9d, .color-scheme-80c0217c-a580-432a-99de-d301364c4daa, .color-scheme-4d46affe-c16e-4abf-919f-e5ae25fab8ec, .color-scheme-7960d8e6-2454-4641-8642-e72d8ebc44ff, .color-scheme-215bc4b6-fa37-4e54-8043-fcf0288b68bf, .color-scheme-498b530b-da8e-4bae-aca4-0856ae4ed73c, .color-scheme-d38e084f-44c9-4850-b8dd-b79b632a6903 { 703 color: rgba(var(--color-foreground)); 704 background-color: rgb(var(--color-background)); 705 } 706 707 :root { 708 --font-body-family: Raleway, sans-serif; 709 --font-body-style: normal; 710 --font-body-weight: 400; 711 --font-body-weight-bold: 700; 712 713 --font-heading-family: Raleway, sans-serif; 714 --font-heading-style: normal; 715 --font-heading-weight: 400; 716 717 --font-body-scale: 1.0; 718 --font-heading-scale: 1.0; 719 720 --media-padding: px; 721 --media-border-opacity: 0.05; 722 --media-border-width: 1px; 723 --media-radius: 0px; 724 --media-shadow-opacity: 0.0; 725 --media-shadow-horizontal-offset: 0px; 726 --media-shadow-vertical-offset: 4px; 727 --media-shadow-blur-radius: 5px; 728 --media-shadow-visible: 0; 729 730 --page-width: 150rem; 731 --page-width-margin: 0rem; 732 733 --product-card-image-padding: 0.0rem; 734 --product-card-corner-radius: 0.0rem; 735 --product-card-text-alignment: left; 736 --product-card-border-width: 0.0rem; 737 --product-card-border-opacity: 0.1; 738 --product-card-shadow-opacity: 0.0; 739 --product-card-shadow-visible: 0; 740 --product-card-shadow-horizontal-offset: 0.0rem; 741 --product-card-shadow-vertical-offset: 0.4rem; 742 --product-card-shadow-blur-radius: 0.5rem; 743 744 --collection-card-image-padding: 0.0rem; 745 --collection-card-corner-radius: 0.0rem; 746 --collection-card-text-alignment: left; 747 --collection-card-border-width: 0.0rem; 748 --collection-card-border-opacity: 0.1; 749 --collection-card-shadow-opacity: 0.0; 750 --collection-card-shadow-visible: 0; 751 --collection-card-shadow-horizontal-offset: 0.0rem; 752 --collection-card-shadow-vertical-offset: 0.4rem; 753 --collection-card-shadow-blur-radius: 0.5rem; 754 755 --blog-card-image-padding: 0.0rem; 756 --blog-card-corner-radius: 0.0rem; 757 --blog-card-text-alignment: left; 758 --blog-card-border-width: 0.0rem; 759 --blog-card-border-opacity: 0.1; 760 --blog-card-shadow-opacity: 0.0; 761 --blog-card-shadow-visible: 0; 762 --blog-card-shadow-horizontal-offset: 0.0rem; 763 --blog-card-shadow-vertical-offset: 0.4rem; 764 --blog-card-shadow-blur-radius: 0.5rem; 765 766 --badge-corner-radius: 4.0rem; 767 768 --popup-border-width: 1px; 769 --popup-border-opacity: 0.1; 770 --popup-corner-radius: 0px; 771 --popup-shadow-opacity: 0.05; 772 --popup-shadow-horizontal-offset: 0px; 773 --popup-shadow-vertical-offset: 4px; 774 --popup-shadow-blur-radius: 5px; 775 776 --drawer-border-width: 1px; 777 --drawer-border-opacity: 0.1; 778 --drawer-shadow-opacity: 0.0; 779 --drawer-shadow-horizontal-offset: 0px; 780 --drawer-shadow-vertical-offset: 4px; 781 --drawer-shadow-blur-radius: 5px; 782 783 --spacing-sections-desktop: 0px; 784 --spacing-sections-mobile: 0px; 785 786 --grid-desktop-vertical-spacing: 8px; 787 --grid-desktop-horizontal-spacing: 8px; 788 --grid-mobile-vertical-spacing: 4px; 789 --grid-mobile-horizontal-spacing: 4px; 790 791 --text-boxes-border-opacity: 0.1; 792 --text-boxes-border-width: 0px; 793 --text-boxes-radius: 0px; 794 --text-boxes-shadow-opacity: 0.0; 795 --text-boxes-shadow-visible: 0; 796 --text-boxes-shadow-horizontal-offset: 0px; 797 --text-boxes-shadow-vertical-offset: 4px; 798 --text-boxes-shadow-blur-radius: 5px; 799 800 --buttons-radius: 0px; 801 --buttons-radius-outset: 0px; 802 --buttons-border-width: 1px; 803 --buttons-border-opacity: 1.0; 804 --buttons-shadow-opacity: 0.0; 805 --buttons-shadow-visible: 0; 806 --buttons-shadow-horizontal-offset: 0px; 807 --buttons-shadow-vertical-offset: 4px; 808 --buttons-shadow-blur-radius: 5px; 809 --buttons-border-offset: 0px; 810 811 --inputs-radius: 0px; 812 --inputs-border-width: 1px; 813 --inputs-border-opacity: 0.55; 814 --inputs-shadow-opacity: 0.0; 815 --inputs-shadow-horizontal-offset: 0px; 816 --inputs-margin-offset: 0px; 817 --inputs-shadow-vertical-offset: 4px; 818 --inputs-shadow-blur-radius: 5px; 819 --inputs-radius-outset: 0px; 820 821 --variant-pills-radius: 40px; 822 --variant-pills-border-width: 1px; 823 --variant-pills-border-opacity: 0.55; 824 --variant-pills-shadow-opacity: 0.0; 825 --variant-pills-shadow-horizontal-offset: 0px; 826 --variant-pills-shadow-vertical-offset: 4px; 827 --variant-pills-shadow-blur-radius: 5px; 828 } 829 830 *, 831 *::before, 832 *::after { 833 box-sizing: inherit; 834 } 835 836 html { 837 box-sizing: border-box; 838 font-size: calc(var(--font-body-scale) * 62.5%); 839 height: 100%; 840 } 841 842 body { 843 display: grid; 844 grid-template-rows: auto auto 1fr auto; 845 grid-template-columns: 100%; 846 min-height: 100%; 847 margin: 0; 848 font-size: 1.5rem; 849 letter-spacing: 0.06rem; 850 line-height: calc(1 + 0.5 / var(--font-body-scale)); 851 font-family: var(--font-body-family); 852 font-style: var(--font-body-style); 853 font-weight: var(--font-body-weight); 854 } 855 856 @media screen and (min-width: 750px) { 857 body { 858 font-size: 1.6rem; 859 } 860 } 861 862 img { 863 max-width: 100%; 864 height: auto; 865 } 866 867 868 869 870 </style> 871 872 <link 873 rel="stylesheet" 874 media="print" 875 onload="this.onload=null;this.media='all';" 876 href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,700&family=Lateef:wght@300;400;500;600;700&display=swap" 877 > 878 <noscript> 879 <link 880 rel="stylesheet" 881 href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,700&family=Lateef:wght@300;400;500;600;700&display=swap" 882 > 883 </noscript> 884 885 <link rel="preload" href="//modernpicnic.com/cdn/shop/t/387/assets/base.css?v=81414505888497249851788801411" as="style" onload="this.onload=null;this.rel='stylesheet'"> 886 <link data-lazy href="//modernpicnic.com/cdn/shop/t/387/assets/component-slider.css?v=103973910411193177121788801435" rel="preload" as="style"> 887 <link data-lazy href="//modernpicnic.com/cdn/shop/t/387/assets/component-slideshow.css?v=17933591812325749411788801436" rel="preload" as="style"> 888 <link data-lazy href="//modernpicnic.com/cdn/shop/t/387/assets/component-list-social.css?v=160655444699622014811788801426" rel="preload" as="style"> 889 <noscript> 890 <link rel="stylesheet" href="//modernpicnic.com/cdn/shop/t/387/assets/base.css?v=81414505888497249851788801411"> 891 <link rel="stylesheet" href="//modernpicnic.com/cdn/shop/t/387/assets/component-slider.css?v=103973910411193177121788801435"> 892 <link rel="stylesheet" href="//modernpicnic.com/cdn/shop/t/387/assets/component-slideshow.css?v=17933591812325749411788801436"> 893 <link rel="stylesheet" href="//modernpicnic.com/cdn/shop/t/387/assets/component-list-social.css?v=160655444699622014811788801426"> 894 </noscript> 895 <link rel="stylesheet" href="//modernpicnic.com/cdn/shop/t/387/assets/component-cart-items.css?v=123935699241081019841788801419" media="print" onload="this.media='all'"> 896 <link rel="preload" as="font" href="//modernpicnic.com/cdn/fonts/raleway/raleway_n4.2c76ddd103ff0f30b1230f13e160330ff8b2c68a.woff2" type="font/woff2" crossorigin> 897 898 899 <link rel="preload" as="font" href="//modernpicnic.com/cdn/fonts/raleway/raleway_n4.2c76ddd103ff0f30b1230f13e160330ff8b2c68a.woff2" type="font/woff2" crossorigin> 900 901<link href="//modernpicnic.com/cdn/shop/t/387/assets/component-localization-form.css?v=109376230062814626481788801426" rel="stylesheet" type="text/css" media="all" /> 902
902<script src="//modernpicnic.com/cdn/shop/t/387/assets/localization-form.js?v=144176611646395275351788801505" defer="defer"></script>
902<link 903 rel="stylesheet" 904 href="//modernpicnic.com/cdn/shop/t/387/assets/component-predictive-search.css?v=118923337488134913561788801431" 905 media="print" 906 onload="this.media='all'" 907 >
907<script> 908 if (Shopify.designMode) { 909 document.documentElement.classList.add('shopify-design-mode'); 910 } 911 </script>
911 912 <!-- Quantcast Tag --> 913
913<script type="text/javascript"> 914 window._qevents = window._qevents || []; 915 916 (function () { 917 var elem = document.createElement('script'); 918 elem.src = 919 (document.location.protocol == 'https:' ? 'https://secure' : 'http://edge') + '.quantserve.com/quant.js'; 920 elem.async = true; 921 elem.type = 'text/javascript'; 922 var scpt = document.getElementsByTagName('script')[0]; 923 scpt.parentNode.insertBefore(elem, scpt); 924 })(); 925 926 window._qevents.push({ 927 qacct: 'p-Bg2AJn7GXM56n', 928 uid: '__INSERT_EMAIL_HERE__', 929 }); 930 </script>
930 931 932 <noscript> 933 <div style="display:none;"> 934 <img src="//pixel.quantserve.com/pixel/p-Bg2AJn7GXM56n.gif" border="0" height="1" width="1" alt="Quantcast"> 935 </div> 936 </noscript> 937 <!-- End Quantcast tag --> 938 <!-- Google Tag Manager --> 939
939<script>
vendor: 455 bytes, lines 939-949
939 940 (function (w, d, s, l, i) { 941 w[l] = w[l] || []; 942 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 943 var f = d.getElementsByTagName(s)[0], 944 j = d.createElement(s), 945 dl = l != 'dataLayer' ? '&l=' + l : ''; 946 j.async = true; 947 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 948 f.parentNode.insertBefore(j, f); 949 })(window, document, 'script', 'dataLayer', '
949GTM-5P5TBRR
vendor: 8 bytes, lines 949-950
949'); 950
950</script>
950 951 <!-- End Google Tag Manager --> 952 953 954 955 <style> 956 957 @media screen and (max-width: 750px) { 958 #clmggxqco709 .filepond--drop-label label { 959 cursor: pointer; 960 width: auto !important; 961 height: auto !important; 962 position: relative !important; 963 color: #000 !important; 964 font-size: 11px !important; 965} 966 } 967 968 969 970 </style> 971 <!-- BEGIN app block: shopify://apps/consentmo-gdpr/blocks/gdpr_cookie_consent/4fbe573f-a377-4fea-9801-3ee0858cae41 --> 972<link rel="preconnect" href="https://app.consentmo.com" crossorigin data-csm-preconnect="app"> 973<link rel="dns-prefetch" href="https://workers.consentmo.com" data-csm-preconnect="workers"> 974<link rel="dns-prefetch" href="https://storage.consentmo.com" data-csm-preconnect="storage"> 975<link rel="preconnect" href="https://cdn.consentmo.com" crossorigin data-csm-preconnect="cdn"><link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0e788-26d7-754a-a498-297bb49b8b18/gdpr-backpack-897/assets/layout-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="banner"> 976 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0e788-26d7-754a-a498-297bb49b8b18/gdpr-backpack-897/assets/layout-cookie-dialog.consentmo.js" crossorigin data-csm-layout-prefetch="dialog"> 977 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0e788-26d7-754a-a498-297bb49b8b18/gdpr-backpack-897/assets/layout-cookie-box.consentmo.js" crossorigin data-csm-layout-prefetch="box"> 978 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0e788-26d7-754a-a498-297bb49b8b18/gdpr-backpack-897/assets/layout-cookie-smart-banner.consentmo.js" crossorigin data-csm-layout-prefetch="smart"> 979 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0e788-26d7-754a-a498-297bb49b8b18/gdpr-backpack-897/assets/layout-mobile-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="mobile">
979<script> 980(function () { 981 try { 982 document.documentElement.classList.add('csm-cookie-embed'); 983 } catch (e) {} 984})(); 985</script>
985<script data-consentmo-data-src-bootstrap> 986(function () { 987 'use strict'; 988 if (window.__consentmoDataSrcBootstrapInit) return; 989 window.__consentmoDataSrcBootstrapInit = true; 990 991 var DATA_SRC_SELECTOR = [ 992 'script[data-src*="consentmo_cookie_consent"]', 993 'script[data-src*="gdpr_cookie_consent.min"]', 994 'script[data-src*="gdrp_cookie_consent_unlimited"]' 995 ].join(','); 996 997 function activateConsentmoDataSrcScripts() { 998 if (!window.Shopify || !window.Shopify.shop) return; 999 document.querySelectorAll(DATA_SRC_SELECTOR).forEach(function (scriptEl) { 1000 // getAttribute: src="" must not count as "already has src" (.src === page URL). 1001 if (scriptEl.getAttribute('src')) return; 1002 var url = scriptEl.getAttribute('data-src'); 1003 if (!url) return; 1004 if (scriptEl.getAttribute('type') === 'text/plain') { 1005 scriptEl.removeAttribute('type'); 1006 } 1007 scriptEl.src = url; 1008 }); 1009 } 1010 function scheduleActivation() { 1011 activateConsentmoDataSrcScripts(); 1012 // Retry on next task so other DCL handlers (lazy-loaders) can finish setting Shopify.shop / data-src first. 1013 setTimeout(activateConsentmoDataSrcScripts, 0); 1014 } 1015 if (document.readyState === 'loading') { 1016 document.addEventListener('DOMContentLoaded', scheduleActivation, { once: true }); 1017 } else { 1018 scheduleActivation(); 1019 } 1020})(); 1021</script>
1021 1022 1023 1024<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 1025 1026 1027 1028 1029 1030 1031 1032<link rel="dns-prefetch" href="https://cdn.judge.me"> 1033<link rel="dns-prefetch" href="https://cdn1.judge.me"> 1034<link rel="dns-prefetch" href="https://api.judge.me"> 1035
1036<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":30,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":true,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#3E4E66","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"WRITE A REVIEW","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1036ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"last_initial","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#3E4E66","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"align","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":false,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John S.","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1036itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#000000","widget_enable_secondary_color":true,"widget_secondary_color":"#F6F5F1","widget_summary_average_rating_text":"{{ average_rating }}","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#000000","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":false,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#000000","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#000000","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1036youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1036:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"Weâll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Modern Picnic","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1036shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Modern Picnic"};</script>
1036 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #000;--jdgm-secondary-color: #F6F5F1;--jdgm-star-color: #3E4E66;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #000000;--jdgm-paginate-color: #000;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #000000}.jdgm-histogram__bar-content{background-color:#000}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#000}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#3E4E66}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-fullname{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #000;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Modern Picnic'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 1037</style> <style class='jdgm-settings-style'></style> 1038 1039 1040 1041 1042 <style class='jdgm-miracle-styles'> 1043 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
1043/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important} 1044 1045</style> 1046<style class='jdgm-miracle-styles'> 1047 @font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAA14AA8AAAAAGBQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAARAAAAGA2I0JVY21hcAAAAdgAAABVAAABjOEvI+NjdnQgAAACMAAAAAsAAAAOAAAAAGZwZ20AAAI8AAAG7QAADgxiLvl6Z2FzcAAACSwAAAAIAAAACAAAABBnbHlmAAAJNAAAAWQAAAHQQ2rNrGhlYWQAAAqYAAAAMAAAADYpQ9FlaGhlYQAACsgAAAAbAAAAJAc8A1dobXR4AAAK5AAAAA4AAAAQD6AAAGxvY2EAAAr0AAAACgAAAAoBHACubWF4cAAACwAAAAAgAAAAIADcDkZuYW1lAAALIAAAAZkAAANFKDbO4XBvc3QAAAy8AAAAPQAAAGV3qg0ycHJlcAAADPwAAAB6AAAAnH62O7Z4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgYX7BOIGBlYGBqYppDwMDQw+EZnzAYMjIBBRlYGVmwAoC0lxTGA48YHjAxBz0P4shinkNwzSgMCOKIiYAmooM5nic7ZCxDYBADAMvn0CBmIOKkkmoGJ9NHif/Y2DpLNmKUhhYABenCLAHI3WrteqdrfrgqJvI/m29y0lXjvKWn2zl115+zeS51KC2m2gv7TjAP2ybDQ0AAAB4nGNgQAYAAA4AAQB4nK1Xa1sbxxWe1Q2MAQNC2M267ihjUZcdySRxHGIrDtllURwlqcC43XVuu0i4TZNekt7oNb1flD9zVrRPnW/5aXnPzEoBB9ynz1M+6Lwz886c65xZSGhJ4n4UxlJ2H4n5nS5V7j2I6IZL1+LkoRzej6jQSD+bFtOi31f7br1OIiYRqK2RcESQ+E1yNMnkYZMKWtVVvUlFLQdHxeWa8AOqBjJJ/KywHPhZoxhQIdg7lDSrAIJ0QKXe4ahQKOAYqh9crvPsaL7m+JcloPJHVaeKNUWiFx3EoxWnYBSWNBU9qgUR66OVIMgJrhxI+rxHpdUHo2vOXBD2Q6qEUZ2KjXj3rQhkdxhJ6vUwtQk2bTDaiGOZWTYsuoapfCRpndfXmfl5L5KIxjCVNNOLEsxIXpthdJPRzcRN4jh2ES2aDfokdiMSXSbXMXa7dIXRlW76aEH0mfGoLPbjeJDG5HhxnHsQywH8UX7cpLKWsKDUSOHTVNCLaEr5NK18ZABbkiZVTLgRCTnIpvZ9yYvsrmvN518SSdin8lodi4EcyiF0ZevlBiK0EyU9N92NIxXXY0mb9yKsuRyX3JQmTWk6F3gjUbBpnsZQ+QrlovyUCvsPyenDEJpaa9I5LdnaebhVEvuST6DNJGZKsmWsndGjc/MiCP21+qRwzuuThTRrT3E8mBDA9USGQ5VyUk2whcsJIenCyLGVSK1Kt6yKuTO201XsEu6Xrh3fNK+NQ0dzs6IYQour6vEaiviCzgqFkAbpVpMWNKhS0oXgNT4AABmiBR7tYrRg8rWIgxZMUCRi0IdmWgwSOUwkLSJsTVrS3b0oKw224qs0d6AOm1TV3Z2oe89OunXMV838ss7EUnA/ypaWAnJSnxY9vnIoLT+7wD8L+CFnBbkoNnpRxuGDv/4QGYbahbW6wrYxdu06b8FN5pkYnnRgfwezJ5N1RgozIaoK8UJB3Rk5jmOyVdMiE4VwL6Il5cuQ5lF+c4hw4svkP5cuOWJRVIXv+xyBZaw5abY87dGnnvs0wrUCH2teky7qzGF5CfFm+TWdFVk+pbMSS1dnZZaXdVZh+XWdTbG8orNplt/Q2TmWnlbj+FMlQaSVbJHzDt+WJuljiyuTxY/sYvPY4upk8WO7KLWgC96ZfsKpf1tX2c/j/tXhn4RdT8M/lgr+sbwK/1g24B/LVfjH8pvwj+U1+MfyW/CP5Rr8Y9nSsm0K9rqG2kuJRNNzksCkFJewxTW7rum6R9dxH5/BVejIM7Kp0g3Fjf2JDJe9f3ac4my+EnLF0TNrWdmphRGaInv53LHwnMW5oeXzxvLncZrlhF/ViWt7qi08L1b+Jfhv647ayG44Nfb1JuIBB063H5cl3WjSC7p1sd2kjf9GRWH3QX8RKRIrDdmSHW4JCO3d4bCjOughER4+dF28SBuOU1tGhG+hd63QRdBKaKcNQ8tmhU/nA+9g2FJStoc48/ZJmmzZ86ii/DFbUsI9ZXMnOirJsnSPSqvlp2KfO+0MmrYyO9R2QpXg8euacLezr1IpSAaKynhUsVwKUhc44U73+J4UpqH/q23kWEHDNr9YM4HRgvNOUaJsT62giSAZZRRc+Sun4kQ2osFGFPGbd9IvdaEQ2uNYSMyWV/NYqDbC9NJkiWbM+rbqsFLO4p1JCNkZG2kSe1FLtvGgs/X5pGS78lRQpYHR3ePfLjaJp1V7ni3FJf/yMUuCcboS/sB53OVxijfRP1ocxW26GEQ9F2+qbMetbN1
1047Zxr195cTqrts7seqfuvdJOwJNt7wnKdzSdNsbwjauMTh1JhUJbdE6doTGZa7PVRv5FB9ovnWdC1Th+rRw8+z52zqbwVsz3vI/lnTn/1XF7BP3sbZCqzpWL/U4t7ODBnzLG0flVYxue3WVxyX3ZhKCuwhBzV57fI3ghldbdBO3/LUz5rs4zlmu0gvAr2t6EeINjmKIcMttPLzjaL2puaDpDcBv65EQ2wA9AIfBjh45ZmYXwMzcY04HYI85DO4zh8F3mMPgu/oIvTAAioAcg2J95Ni5B0B27i3mOYzeZp5B7zDPoHeZZ9B7rDMESFgng5R1MthnnQz6zHkVYMAcBgfMYfCQOQy+Z+zaAvq+sYvR+8YuRj8wdjH6wNjF6ENjF6MfGrsY/cjYxejHiHF7ksCfmBFtAn5k4SuAH3PQzcjH6Kd4a3POzyxkzs8Nx8k5v8Dmlyan/tKMzI5DC3nHryxk+q9xTk74jYVM+K2FTPgduHcm5/3ejAz9EwuZ/gcLmf5H7MwJf7KQCX+2kAl/AfflyXl/NSND/5uFTP+7hUz/B3bmhH9ayIShhUz4VI/Omy9bqrijUqEY4p8mtMHY92j6gIpXe4fjx7r5BSXaAUEAAAAAAQAB//8AD3icbY8/SEJRFMbPucf3nv/SpxbPdHqUvECiVMRGaYj8Q4ZLOTkGQRAV/sFWURta3AuCdodoDZwiaGuqNdF8o5TbrfesocLl3MP97v2+3wcI8HlAPdoCL/iTcwJCWnY5HRZIoSGVFlUm+sPLqKkaLZCkSgIpoZiQIHaDEeRnWKaKeWDkmOEqwxU66Y0I8YifI414C/t9xDIAMCNnnwaUBxv44CLTsW3vJj0yY5D2zTgdNqskCjaWCmY69ikCpYJTHhcK3zY+A9XQdkxiViRkwHI/RrOTOwK2Zy5UBALKBaf+KBRuvQGvbBEDYVQdqAoUMspqUkJTEkpMogFvntZ4A9dKGMXoodjtbjyOs/nxPT5jhTfHvKHrWH1qt/VrUdcv/3V2Qzi55DAbuF32SQErS/2hABPC75VJnP8FIHmMbMUIr1ervI7xEsaNcZd9f9jEFyzz1gevD4dYW8fX4dUbfAFjQ2LfeJxjYGRgYABiBwu5rHh+m68M/MwvgCIMj2XcHiHo/1nML5iDgFwOBiaQKAAfTAqdeJxjYGRgYA76nwUkXzAwgElGBlTAAgBc+AObAHicY37BwMCMhAEhKAOtAAAAAAAAADQArgDoAAAAAQAAAAQAFAACAAAAAAACAAgAJACNAAAAQA4MAAAAAHicjZHBSsNAEIb/1KpowYOC5z2IWIS0BkXwpBTamwcPvXgxbbdJSpoNm43Qg48gPotXX8CTr+AL+BL+SUcQi9CEnXz7z8zuzATAPj7hYflccC3Zo34h3MA2BsIb1G+Fm+QH4U20YIW3qD8J7+IUL8ItHOCNJ3jNHe5m+BD2cORdCjew590Lb1BPhJvkZ+FNHHqvwlvU34V3MfS+hFs4btz0TL6wSRQ7ddJrq6AbnKvRQhlKSRamKixdbGyhrtXUZE6nqfHHZj4rJ5Ge68KFNjcJ9cmdjso0tKuOVWWobZGYTJ353VXnQGfahoSqiuIxCpybqqk1c9WX+1VuzUyPnR87l191Or/rQg8GORYcc4IIMRwUTqi2+Q3Q5TonjRihGLmMSpAhREolRMmMuPYU3F9zTbnLqGpGpGQfY9o5f02JCbM1WTPaMdvyblOfV8VPcEcbMS6tfetkrBMzpK3qS+rKFM5YU3etzAFtVmeHovzMosAjcwOqjh1XXdu6S4X+n/4Vz6x8Mypj6n49ZUf1Ch2+/8zrG7KBqKIAAAB4nGNgYoAALgbsgIWRiZGZkYWRlUGouCSxSLcgPzOvJDVFtzg/JzMFVSg1t6CkUhBFKCMxJ42BAQCLHRVSAAAAeJxj8N7BcCIoYiMjY1/kBsadHAwcDMkFGxnYnTYyMGhBaC4UeicDAwM3EmsnAzMDg8tGFcaOwIgNDh0RIH6Ky0YNEH8HBwNEgMElUnqjOkhoF0cDAyOLQ0dyCEwCBDYy8GntYPzfuoGldyMTg8tm1hQ2BhcXAJQcKgcAAA==") format("woff");font-weight:normal;font-style:normal} 1048 1049</style> 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 <link id="judgeme_widget_align_css" rel="stylesheet" type="text/css" media="nope!" onload="this.media='all'" href="https://cdn.shopify.com/extensions/01a0ec75-cd34-70ff-8c10-2324df83d15e/judgeme-768/assets/widget_v3_theme_align.css"> 1063 1064 1065 1066
1067<script data-cfasync='false' class='jdgm-script'> 1068!function(e){window.jdgm=window.jdgm||{}; 1069/* INF-1976 */ 1070var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}(); 1071if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;} 1072jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0ec75-cd34-70ff-8c10-2324df83d15e/judgeme-768/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 1073jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 1074setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 1075!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 1076(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 1077a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 1078jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 1079t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 1080t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 1081".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 1082parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 1083jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 1084)}))}(document); 1085</script>
1085 1086<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0ec75-cd34-70ff-8c10-2324df83d15e/judgeme-768/assets/shopify_v2.css"></noscript> 1087 1088<!-- BEGIN app snippet: theme_fix_tags -->
1088<script> 1089 (function() { 1090 var jdgmThemeFixes = {"140352356586":{"html":"","css":".jdgm-rev-widg__summary-stars {\n display: flex !important;\n}\n.jdgm-rev-widg__summary-average {\n order: 1 !important; \n padding-right: 15px !important;\n}\n.jdgm-sort-dropdown-wrapper{\nfloat: right !important;\n}\n.jdgm-row-actions{\nbackground-color: #f8f7f3;\n}\n.jdgm-star{\nfont-size: 20px !important;\npadding-top: 10px !important;\norder: 2;\n}\n.jdgm-histogram.jdgm-temp-hidden, .jdgm-row-media, .jdgm-rev-widg__title{\ndisplay: none !important;\n}\n.jdgm-rev-widg__summary{\nheight: 100px !important;\nfont-size: 16px !important;\ntext-align: center !important;\n\n}\n.jdgm-rev-widg__summary-average{\nfont-weight: bold !important;\nfont-size: 30px !important;\npadding-top: 3px;\n}\n.jdgm-rev-widg__summary-text{\ntext-align: center !important;\npadding-top: 5px;\n}\n\n.jdgm-write-rev-link{\ncolor: black !important;\nbackground-color: #ededee !important;\nborder-width: 0.5px !important;\n}\n.jdgm-rev__title{\ntext-transform: uppercase !important;\nfont-size: 18px !important;\n}\n.jdgm-rev__author-wrapper{\nfont-size: 18px\n}\n.jdgm-preview-badge, .jdgm-rev-widg__header{\n font-family: 'Avenir', sans-serif;\n}\n\n.jdgm-rev__icon {\n font-size: 12px !important;\n border-radius: 50% !important;\n background: #4a835a !important;}\n \n .jdgm-rev__icon:before {\n color: white !important;\n}\n\n.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after, .jdgm-rev__buyer-badge.jdgm-rev__buyer-badge {\n background: #F6F5F1 !important;\n color: black !important;}\n \n \n.jdgm-rev__buyer-badge:before {\n font-weight: 600;\n}\n\n.jdgm-row-profile{\npadding-left: 15% !important;\n}\n@media (max-width: 767px) {\n .jdgm-rev-widg__summary {\n display: inline-block !important;\n }\n}\n.jdgm-row-media, .jdgm-row-search, .jdgm-subtab, .jdgm-quest, .jdgm-paginate {\n border-color: 1px outset !important;\n} \n.jdgm-rev{\nborder-bottom: 1px outset !important;\n}\n.jdgm-rev-widg{\nwidth: 85% !important;\nmargin: 0 auto !important; \n}\n","js":""},"140406456554":{"html":"","css":"","js":""},"140439191786":{"html":"","css":".jdgm-rev-widg__summary-stars {\n display: flex !important;\n}\n.jdgm-rev-widg__summary-average {\n order: 1 !important; \n padding-right: 15px !important;\n}\n.jdgm-sort-dropdown-wrapper{\nfloat: right !important;\n}\n.jdgm-row-actions{\nbackground-color: #f8f7f3;\n}\n.jdgm-star{\nfont-size: 20px !important;\npadding-top: 10px !important;\norder: 2;\n}\n.jdgm-histogram.jdgm-temp-hidden, .jdgm-row-media, .jdgm-rev-widg__title{\ndisplay: none !important;\n}\n.jdgm-rev-widg__summary{\nwidth: 150% !important;\nheight: 150px !important;\nfont-size: 16px !important;\ntext-align: center !important;\npadding-left: 10% !important;\n}\n.jdgm-rev-widg__summary-average{\nfont-weight: bold !important;\nfont-size: 30px !important;\npadding-top: 3px;\n}\n.jdgm-rev-widg__summary-text{\ntext-align: center !important;\npadding-top: 5px;\n}\n.jdgm-widget-actions-wrapper{\npadding-top: 110px;\n}\n.jdgm-write-rev-link{\ncolor: black !important;\nbackground-color: #ededee !important;\nborder-width: 0.5px !important;\n}\n.jdgm-rev__title{\ntext-transform: uppercase !important;\nfont-size: 18px !important;\n}\n.jdgm-rev__author-wrapper{\nfont-size: 18px\n}\n.jdgm-preview-badge, .jdgm-rev-widg__header{\n font-family: 'Avenir', sans-serif;\n}\n\n.jdgm-rev__icon {\n font-size: 12px !important;\n border-radius: 50% !important;\n background: #4a835a !important;}\n \n .jdgm-rev__icon:before {\n color: white !important;\n}\n\n.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after, .jdgm-rev__buyer-badge.jdgm-rev__buyer-badge {\n background: #F6F5F1 !important;\n color: black !important;}\n \n \n.jdgm-rev__buyer-badge:before {\n font-weight: 600;\n}\n\n.jdgm-row-profile{\npadding-left: 15% !important;\n}\n@media (max-width: 767px) {\n .jdgm-rev-widg__summary {\n display: inline-block !important;\n }\n}\n.jdgm-row-media, .jdgm-row-search, .jdgm-subtab, .jdgm-quest, .jdgm-paginate {\n border-color: 1px outset !important;\n} \n.jdgm-rev{\nborder-bottom: 1px outset !important;\n}\n.jdgm-rev-widg{\nwidth: 85% !important;\nmargin: 0 auto !important; \n}\n","js":""}}; 1091 if (!jdgmThemeFixes) return; 1092 1093 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 1094 // before the per-theme fix so the theme-specific CSS wins the cascade. 1095 // HTML is never applied globally (too risky). 1096 var allThemesFix = jdgmThemeFixes['all']; 1097 if (allThemesFix && allThemesFix.css) { 1098 var allStyleTag = document.createElement('style'); 1099 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 1100 allStyleTag.innerHTML = allThemesFix.css; 1101 document.head.append(allStyleTag); 1102 }; 1103 1104 if (allThemesFix && allThemesFix.js) { 1105 var allScriptTag = document.createElement('script'); 1106 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 1107 allScriptTag.innerHTML = allThemesFix.js; 1108 document.head.append(allScriptTag); 1109 }; 1110 1111 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 1112 if (!thisThemeFix) return; 1113 1114 if (thisThemeFix.html) { 1115 document.addEventListener("DOMContentLoaded", function() { 1116 var htmlDiv = document.createElement('div'); 1117 htmlDiv.classList.add('jdgm-theme-fix-html'); 1118 htmlDiv.innerHTML = thisThemeFix.html; 1119 document.body.append(htmlDiv); 1120 }); 1121 }; 1122 1123 if (thisThemeFix.css) { 1124 var styleTag = document.createElement('style'); 1125 styleTag.classList.add('jdgm-theme-fix-style'); 1126 styleTag.innerHTML = thisThemeFix.css; 1127 document.head.append(styleTag); 1128 }; 1129 1130 if (thisThemeFix.js) { 1131 var scriptTag = document.createElement('script'); 1132 scriptTag.classList.add('jdgm-theme-fix-script'); 1133 scriptTag.innerHTML = thisThemeFix.js; 1134 document.head.append(scriptTag); 1135 }; 1136 })(); 1137</script>
1137 1138<!-- END app snippet --> 1139<!-- End of Judge.me Core --> 1140 1141 1142 1143<!-- END app block --><!-- BEGIN app block: shopify://apps/the-rave/blocks/modals/f857ac38-71a8-4532-9d6b-c5f3ea128f3c --> 1144
1145<script async src="https://scripts.therave.co/core.js?allow_signup=true"></script>
vendor: 1 bytes, line 1145
1145
1146<script async src="https://scripts.therave.co/overlay.js?display_style=right"></script>
1146 1147<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160
1160<script async src="https://static.klaviyo.com/onsite/js/KMXpNj/klaviyo.js?company_id=KMXpNj"></script>
1160 1161
1161<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1161 1162 1163 1164 1165 1166 1167 1168
1168<script> 1169 window.klaviyoReviewsProductDesignMode = false 1170 </script>
1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180<!-- END app block --><!-- BEGIN app block: shopify://apps/checkmate/blocks/checked_network/697a3444-1374-4f13-ba8c-ec03db25ebf0 --> 1181
1181<script 1182 src='/apps/cm/v1/load?source=embed' 1183 async 1184 ></script>
1184 1185 1186 1187 1188<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
1189<script type="text/javascript"> 1190 (function (c, l, a, r, i, t, y) { 1191 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); }; 1192 t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify"; 1193 y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); 1194 1195 c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => { 1196 if (error) { 1197 console.error("Error loading Shopify features:", error); 1198 return; 1199 } 1200 1201 c[a]('consentv2', { 1202 ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied", 1203 analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied", 1204 source: 101, 1205 }); 1206 }); 1207 1208 l.addEventListener("visitorConsentCollected", function (e) { 1209 c[a]('consentv2', { 1210 ad_Storage: e.detail.marketingAllowed ? "granted" : "denied", 1211 analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied", 1212 source: 101, 1213 }); 1214 }); 1215 })(window, document, "clarity", "script", "xcoc8nfd38"); 1216</script>
1216 1217 1218 1219 1220<!-- END app block --><!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin /> 1221<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1222<script> 1223/* >> TriplePixel :: start*/ 1224window.TriplePixelData={TripleName:"modern-picnic-ny.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{ }},search:"",collection:"",cart:"page",template:"login",curr:"USD" || "USD", market:"1955299562"},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","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?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,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),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.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage); 1225/* << TriplePixel :: end*/ 1226</script>
1226 1227 1228 1229 1230<!-- END app block --><!-- BEGIN app block: shopify://apps/upload-lift/blocks/app-embed/3c98bdcb-7587-4ade-bfe4-7d8af00d05ca -->
1231<script src="https://assets.cloudlift.app/api/assets/upload.js?shop=modern-picnic-ny.myshopify.com" defer="defer"></script>
1231 1232 1233<!-- END app block --><!-- BEGIN app block: shopify://apps/tolstoy-ads-image-video/blocks/widget-block/06fa8282-42ff-403e-b67c-1936776aed11 --> 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254
1255<script 1256 type="module" 1257 async 1258 src="https://widget.gotolstoy.com/we/widget.js" 1259 data-shop=modern-picnic-ny.myshopify.com 1260 data-app-key=092610f2-1466-4e65-bc80-6804a3a127d4 1261 data-should-use-cache=true 1262 data-cache-version=1a067423f83 1263 data-product-gallery-projects="[]" 1264 data-collection-gallery-projects="["hzz263tnhp5jn","oubm4yfp3gb19"]" 1265 data-product-id="" 1266 data-template-name="customers/login" 1267 data-ot-ignore 1268 data-cookieconsent="ignore" 1269> 1270</script>
vendor: 1 bytes, line 1270
1270
1271<script 1272 type="module" 1273 async 1274 src="https://play.gotolstoy.com/widget-v2/widget.js" 1275 id="tolstoy-widget-script" 1276 data-shop=modern-picnic-ny.myshopify.com 1277 data-app-key=092610f2-1466-4e65-bc80-6804a3a127d4 1278 data-should-use-cache=true 1279 data-cache-version=1a067423f83 1280 data-product-gallery-projects="[]" 1281 data-collection-gallery-projects="["hzz263tnhp5jn","oubm4yfp3gb19"]" 1282 data-product-id="" 1283 data-collection-id="" 1284 data-shop-assistant-enabled="false" 1285 data-search-bar-widget-enabled="false" 1286 data-template-name="customers/login" 1287 data-customer-id="" 1288 data-ot-ignore 1289 data-cookieconsent="ignore" 1290></script>
vendor: 1 bytes, line 1290
1290
1291<script 1292 type="module" 1293 async 1294 src="https://play.gotolstoy.com/widget-v2/widget.brand-mcp.js" 1295 data-app-key=092610f2-1466-4e65-bc80-6804a3a127d4 1296 data-ot-ignore 1297 data-cookieconsent="ignore" 1298></script>
vendor: 1 bytes, line 1298
1298
1299<script> 1300 window.tolstoyCurrencySymbol = "$"; 1301 window.tolstoyMoneyFormat = "${{amount_no_decimals}}"; 1302</script>
vendor: 1 bytes, line 1302
1302
1303<script> 1304 (function(){ 1305 function hideOrphanedTiles(){ 1306 var els = document.querySelectorAll('.tolstoy-collection-page-tile,tolstoy-collection-tile'); 1307 for(var i=0;i<els.length;i++){ 1308 if(els[i].children.length>0) continue; 1309 els[i].style.setProperty('display','none','important'); 1310 var w=els[i].closest('[class*="tolstoy-grid"]')||els[i].closest('.tolstoy-collection-page-tile-wrapper'); 1311 if(w) w.style.setProperty('display','none','important'); 1312 } 1313 } 1314 if(document.readyState==='loading'){ 1315 document.addEventListener('DOMContentLoaded',hideOrphanedTiles); 1316 }else{ 1317 hideOrphanedTiles(); 1318 } 1319 })(); 1320</script>
vendor: 1 bytes, line 1320
1320
1321<script> 1322 window.tolstoyDebug = { 1323 enable: () => { 1324 fetch('/cart/update.js', { 1325 method: 'POST', 1326 headers: { 'Content-Type': 'application/json' }, 1327 body: JSON.stringify({ attributes: { TolstoyDebugEnabled: 'true' } }) 1328 }) 1329 .then(response => response.json()) 1330 .then(() => window.location.reload()); 1331 }, 1332 disable: () => { 1333 fetch('/cart/update.js', { 1334 method: 'POST', 1335 headers: { 'Content-Type': 'application/json' }, 1336 body: JSON.stringify({ attributes: { TolstoyDebugEnabled: null } }) 1337 }) 1338 .then(response => response.json()) 1339 .then(() => window.location.reload()) 1340 }, 1341 status: async () => { 1342 const response = await fetch('/cart.js'); 1343 const json = await response.json(); 1344 console.log(json.attributes); 1345 } 1346 } 1347</script>
1347 1348 1349<!-- END app block --><!-- BEGIN app block: shopify://apps/avada-seo-suite/blocks/avada-seo/15507c6e-1aa3-45d3-b698-7e175e033440 -->
1349<script> 1350 window.AVADA_SEO_ENABLED = true; 1351</script>
1351<!-- BEGIN app snippet: avada-seo-preload -->
1351<script> 1352 const ignore = ["\/cart","\/account"]; 1353 window.FPConfig = { 1354 delay: 0, 1355 ignoreKeywords: ignore || ['/cart', '/account/login', '/account/logout', '/account'], 1356 maxRPS: 3, 1357 hoverDelay: 50 1358 }; 1359</script>
1359 1360 1361 1362
1362<script type="lightJs" src="https://cdn.shopify.com/extensions/01a0ec25-1a3a-7c15-b52d-a974fd5d54bf/avada-seo-suite-293/assets/flying-pages.js" defer="defer"></script>
1362 1363<!-- END app snippet --> 1364<!-- END app block -->
1364<script src="https://cdn.shopify.com/extensions/01a0ec75-cd34-70ff-8c10-2324df83d15e/judgeme-768/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1364
1364
1365<script src="https://cdn.shopify.com/extensions/01a0e788-26d7-754a-a498-297bb49b8b18/gdpr-backpack-897/assets/consentmo_cookie_consent.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 1365
1365
1366<script src="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/wishlistcollections.js" type="text/javascript" defer="defer"></script>
1366 1367<link href="https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/wishlistcollections.css" rel="stylesheet" type="text/css" media="all">
1368<script src="https://cdn.shopify.com/extensions/01a0d970-0e98-7666-b1bc-fced162baa13/loop-returns-504/assets/onstore-block.js" type="text/javascript" defer="defer"></script>
1368 1369<link href="https://cdn.shopify.com/extensions/01a0d970-0e98-7666-b1bc-fced162baa13/loop-returns-504/assets/onstore-block.css" rel="stylesheet" type="text/css" media="all">
1370<script src="https://cdn.shopify.com/extensions/019d43d1-bbad-7de5-bd49-ea6de5e8ca58/accessibly-app-30/assets/acc-main.js" type="text/javascript" defer="defer"></script>
1370 1371<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1372<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";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: 23441411,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "customers/login"};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>
vendor: 1 bytes, line 1372
1372
1373<script> 1374 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1375</script>
vendor: 1 bytes, line 1375
1375
1376<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1376).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 23441411,storefrontBaseUrl: "https://modernpicnic.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://modernpicnic.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"859406570","configuration":"{\"projectId\":\"xcoc8nfd38\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
1376,"dataSharingState":"unrestricted"},{"id":"686358762","configuration":"{\"accountID\":\"KMXpNj\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"633831658","configuration":"{\"accountID\":\"3883\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ba57f398a0b55fb4884d8926ae1f06e","type":"APP","apiClientId":3268839,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"587301098","configuration":"{\"adAccountPixelId\":\"tvscientific-pix-o-624241d3-3977-4226-9e3b-1a36ca4e0cf8\",\"isDevMode\":\"false\",\"pixelServiceOrigin\":\"https:\\\/\\\/tvspix.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b1ea2e57bc032f283816725ee284e102","type":"APP","apiClientId":92361228289,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"437977322","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"394789098","configuration":"{\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a9a83cf44fb282052ff936f7ab101058","type":"APP","apiClientId":4539653,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"289079530","configuration":"{\"swymApiEndpoint\":\"https:\/\/swymstore-v3free-01.swymrelay.com\",\"swymTier\":\"v3free-01\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5b6f6917e306bc7f24523662663331c0","type":"APP","apiClientId":1350849,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"284950762","configuration":"{\"campaignID\":\"28346\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/945753ccf6b59fc469ec53f72dc3c95e\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7a47b06116c806e4367c27d301f4f458","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"263684330","configuration":"{\"accountId\":\"modern-picnic-ny.myshopify.com\",\"trackingOrigin\":\"https:\\\/\\\/shdid.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7e4a2932f61f97828d974aeb88ceba49","type":"APP","apiClientId":94099111937,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"253165802","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-GB0ZBG22LD\\\",\\\"AW-801997796\\\",\\\"GT-TQRTSJX\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-GB0ZBG22LD\\\",\\\"AW-801997796\\\/8GwjCN7DppEBEOSHtv4C\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-GB0ZBG22LD\\\",\\\"AW-801997796\\\/i3w6COHDppEBEOSHtv4C\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-GB0ZBG22LD\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-GB0ZBG22LD\\\",\\\"AW-801997796\\\/AZO_CNjDppEBEOSHtv4C\\\",\\\"MC-HF5EW91JYT\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-GB0ZBG22LD\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-GB0ZBG22LD\\\",\\\"AW-801997796\\\/odZnCNXDppEBEOSHtv4C\\\",\\\"MC-HF5EW91JYT\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-GB0ZBG22LD\\\",\\\"AW-801997796\\\/wjgPCNLDppEBEOSHtv4C\\\",\\\"MC-HF5EW91JYT\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-GB0ZBG22LD\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-GB0ZBG22LD\\\",\\\"AW-801997796\\\/rFVICOTDppEBEOSHtv4C\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-GB0ZBG22LD\\\",\\\"AW-801997796\\\/_PovCNvDppEBEOSHtv4C\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-GB0ZBG22LD\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]}
1376,{"id":"132972778","configuration":"{\"botID\":\"2oz5o93sjmw8wiav\",\"octaneDomain\":\"https:\/\/app.octaneai.com\",\"octaneNewDomain\":\"https:\/\/app2.octaneai.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"03be8f4be491c59285410ad84f50986a","type":"APP","apiClientId":2012438,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"106627306","configuration":"{\"pixel_id\":\"279981545956987\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"55673066","configuration":"{\"shopId\":\"modern-picnic-ny.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"34636010","configuration":"{\"tagID\":\"2612552353756\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"22151402","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ShareASale Tracking"},{"id":"28279018","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Enhanced Conversion"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Modern Picnic","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"modern-picnic-ny.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/modernpicnic.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8696714068202","handle":"the-picnic-blanket","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46141752377578","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8574062330090","handle":"the-luncher-red-smooth","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45667643916522","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8569712279786","handle":"the-tote-brown-suede","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45652768784618","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6588547203255","handle":"ambassador-welcome-gift","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39362928967863","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6658814804151","handle":"pet-portrait-tote","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39539895828663","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6658922086583","handle":"the-pet-portrait-large-luncher","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39540515995831","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6658957344951","handle":"the-pet-portrait-luncher","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39540750057655","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7818567745770","handle":"the-pet-portrait-backpack","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43178654728426","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8116357333226","handle":"the-backpack","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44049734533354","
1376image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8116357562602","handle":"the-backpack-cream","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44049735680234","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8116357726442","handle":"the-backpack-black-croc","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44049735975146","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8116403503338","handle":"insulated-snack-pouch-cream-croc","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44049959780586","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8116403732714","handle":"insulated-snack-pouch-black-croc","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44049960567018","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117028094186","handle":"the-tote-black-croc","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44051365363946","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117028126954","handle":"the-tote-cream-croc","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44051365396714","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117028159722","handle":"the-tote","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44051365462250","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117028192490","handle":"the-tote-cream","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44051365560554","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117028880618","handle":"insulated-snack-pouch","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44051369230570","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117123940586","handle":"the-large-luncher-brown-wicker","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44051769655530","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117124858090","handle":"the-large-luncher-black-croc","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44051772768490","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117125021930","handle":"the-large-luncher-cream-croc","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44051773227242","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117125153002","handle":"the-large-luncher","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44051773653226","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117125578986","handle":"the-large-luncher-cream","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44051774111978","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117265400042","handle":"lunch-box-purse-brown-wicker","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44052248985834","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117265563882","handle":"lunch-box-purse","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44052249149674","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117265596650","handle":"lunch-box-purse-cream-croc","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44052249182442","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117265629418","handle":"lunch-box-purse-black-croc","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44052249215210","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8118649159914","handle":"single-leak-proof-food-container","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44055622877418","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8164941496554","handle":"the-snacker-navy-croc","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44155973992682","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8239065170154","handle":"the-container-3-set","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44330117988586","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8244498989290","handle":"the-snacker-white-wicker","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44350343086314","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8379595686122","handle":"the-wicker-mini-dark-white-wicker","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44671447073002","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8379612758250","handle":"the-snacker-dark-white-wicker","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44671476138218","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8383014502634","handle":"the-pet-portrait-backpack-cream","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44677379981546","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8383015485674","handle":"the-pet-portrait-large-luncher-cream","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44677382406378","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8383015780586","handle":"the-pet-portrait-tote-cream","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44677383618794","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4486847070306","handle":"the-originals-set","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"31894163947618","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4486847561826","handle":"the-snacker-set","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"31894170566754","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4486847692898","handle":"the-day-to-night-set","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"31894172074082","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"6094574059703","handle":"the-bigger-the-better-set","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"37607016235191","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117027995882","handle":"the-tote-black-canvas","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46024262680810","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8117124137194","handle":"the-large-luncher-white-wicker","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44051769983210","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8118702014698","handle":"the-luncher-x-container-set","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44055687332074","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8118707192042","handle":"the-large-luncher-x-container-set","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44055692706026","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8119381917930","handle":"the-container-set","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44056910823
1376658","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8119383589098","handle":"4-piece-meal-prep-container-set","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44056914362602","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8119383687402","handle":"the-10-piece-meal-prep-container-set","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44056914493674","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8192825032938","handle":"the-large-luncher-red-croc","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44213544255722","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8273753833706","handle":"tote-3-container-set","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44431912304874","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8354675491050","handle":"sweatshirt","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44606601724138","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8379585265898","handle":"the-large-luncher-dark-white-wicker","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44671431049450","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8640084934890","handle":"the-luncher-light-brown-wicker","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45882437894378","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8640082739434","handle":"the-luncher-navy-wicker","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45882422165738","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8444414623978","handle":"insulated-fanny-pack-belt-bag","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44950090186986","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8472323555562","handle":"the-large-luncher-black-croc-personalized","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44894058840298","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8541070196970","handle":"the-luncher-black-croc-personalized","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45098688643306","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8524503122154","handle":"large-insulated-canvas-cooler-bag","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45047527768298","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8541070328042","handle":"the-luncher-black-personalized","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45098690085098","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8541063512298","handle":"the-large-luncher-black-personalized","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45098636902634","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8640079528170","handle":"the-snacker-white-canvas","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45882398802154","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8541070426346","handle":"the-tote-black-croc-personalized","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45098690183402","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8541070622954","handle":"the-tote-black-personalized","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45098691625194","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8541070786794","handle":"the-backpack-black-croc-personalized","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45098691789034","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8541070852330","handle":"the-backpack-black-copy","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45098692018410","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8541070950634","handle":"the-snacker-black-croc-copy","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45098695295210","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8640081035498","handle":"the-snacker-cream","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45882409353450","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8675268690154","handle":"the-snacker-cream-sardine","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46042761560298","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8658406211818","handle":"the-snacker-mrs-white-canvas","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45988968464618","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8675268591850","handle":"the-snacker-white-canvas-caviar","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46042761396458","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8491409244394","handle":"the-travel-set","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44945631805674","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8640085819626","handle":"the-tote-white-canvas","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45882445136106","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8658406342890","handle":"the-snacker-bride-white-canvas","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45988968825066","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8675268493546","handle":"the-luncher-navy-sardine","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46042761199850","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8675268395242","handle":"the-luncher-brown-oyster","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46042761068778","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8675268165866","handle":"the-luncher-natural-brown-caviar","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46042760511722","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8319454118122","handle":"porter-mug","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44538
1376191413482","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8628911997162","handle":"navy-nylon-insulated-lunch-bag","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45849185157354","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8571195457770","handle":"the-per-portrait-snacker-black","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45657519358186","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8606999544042","handle":"the-brown-nylon","isCollective":false,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45752041505002","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://modernpicnic.com/cdn","a5bf51cfwabd6c495p49b74ff1maa529d2b",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"145207460074","themePublished":"true","eventMetadataId":"48ad884a-11f7-46e1-a611-515ce02081d6","shopId":"23441411","storefrontBaseUrl":"https:\/\/modernpicnic.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"a5bf51cfwabd6c495p49b74ff1maa529d2b","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1376<script> 1377 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1378 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1379 window.ShopifyAnalytics.meta.currency = 'USD'; 1380 var meta = {"page":{"requestId":"f2ebefd0-a669-4d58-bc97-7e8e5eb1e733-1790681459"}}; 1381 for (var attr in meta) { 1382 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1383 } 1384</script>
vendor: 1 bytes, line 1384
1384
1385<script class="analytics"> 1386 (function () { 1387 var customDocumentWrite = function(content) { 1388 var jquery = null; 1389 1390 if (window.jQuery) { 1391 jquery = window.jQuery; 1392 } else if (window.Checkout && window.Checkout.$) { 1393 jquery = window.Checkout.$; 1394 } 1395 1396 if (jquery) { 1397 jquery('body').append(content); 1398 } 1399 }; 1400 1401 var hasLoggedConversion = function(token) { 1402 if (token) { 1403 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1404 } 1405 return false; 1406 } 1407 1408 var setCookieIfConversion = function(token) { 1409 if (token) { 1410 var twoMonthsFromNow = new Date(Date.now()); 1411 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1412 1413 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1414 } 1415 } 1416 1417 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1418 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1419 if (trekkie.integrations) { 1420 return; 1421 } 1422 trekkie.methods = [ 1423 'identify', 1424 'page', 1425 'ready', 1426 'track', 1427 'trackForm', 1428 'trackLink' 1429 ]; 1430 trekkie.factory = function(method) { 1431 return function() { 1432 var args = Array.prototype.slice.call(arguments); 1433 args.unshift(method); 1434 trekkie.push(args); 1435 if (method == 'track' || method == 'page') { 1436 var pageUrl; 1437 try { 1438 pageUrl = window.location.href; 1439 } catch (e) {} 1440 var pageReferrer; 1441 try { 1442 pageReferrer = document.referrer; 1443 } catch (e) {} 1444 try { 1445 if (window.__TREKKIE_SHIM_QUEUE == null) { 1446 window.__TREKKIE_SHIM_QUEUE = []; 1447 } 1448 window.__TREKKIE_SHIM_QUEUE.push({ 1449 from: 'trekkie-stub', 1450 method: method, 1451 args: args.slice(1), 1452 pageContext: { 1453 url: pageUrl, 1454 referrer: pageReferrer 1455 } 1456 }); 1457 } catch (e) { 1458 // no-op 1459 } 1460 } 1461 return trekkie; 1462 }; 1463 }; 1464 for (var i = 0; i < trekkie.methods.length; i++) { 1465 var key = trekkie.methods[i]; 1466 trekkie[key] = trekkie.factory(key); 1467 } 1468 trekkie.load = function(config) { 1469 trekkie.config = config || {}; 1470 trekkie.config.initialDocumentCookie = document.cookie; 1471 var first = document.getElementsByTagName('script')[0]; 1472var script = document.createElement('script'); 1473script.type = 'text/javascript'; 1474script.onerror = function(e) { 1475 var scriptFallback = document.createElement('script'); 1476 scriptFallback.type = 'text/javascript'; 1477 scriptFallback.onerror = function(error) { 1478 var Monorail = { 1479 produce: function produce(monorailDomain, schemaId, payload) { 1480 var currentMs = new Date().getTime(); 1481 var event = { 1482 schema_id: schemaId, 1483 payload: payload, 1484 metadata: { 1485 event_created_at_ms: currentMs, 1486 event_sent_at_ms: currentMs 1487 } 1488 }; 1489 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1490 }, 1491 sendRequest: function sendRequest(endpointUrl, payload) { 1492 // Try the sendBeacon API 1493 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1494 var blobData = new window.Blob([payload], { 1495 type: 'text/plain' 1496 }); 1497 1498 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1499 return true; 1500 } // sendBeacon was not successful 1501 1502 } // XHR beacon 1503 1504 var xhr = new XMLHttpRequest(); 1505 1506 try { 1507 xhr.open('POST', endpointUrl); 1508 xhr.setRequestHeader('Content-Type', 'text/plain'); 1509 xhr.send(payload); 1510 } catch (e) { 1511 console.log(e); 1512 } 1513 1514 return false; 1515 }, 1516 isIos12: function isIos12() { 1517 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1518 } 1519 }; 1520 Monorail.produce('monorail-edge.shopifysvc.com', 1521 'trekkie_storefront_load_errors/1.1', 1522 {shop_id: 23441411, 1523 theme_id: 145207460074, 1524 app_name: "storefront", 1525 context_url: window.location.href, 1526 source_url: "//modernpicnic.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1527 1528 }; 1529 scriptFallback.async = true; 1530 scriptFallback.src = '//modernpicnic.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1531 first.parentNode.insertBefore(scriptFallback, first); 1532}; 1533script.async = true; 1534script.src = '//modernpicnic.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1535first.parentNode.insertBefore(script, first); 1536 1537 }; 1538 trekkie.load( 1539 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":23441411,"isMerchantRequest":null,"themeId":145207460074,"themeCityHash":"4589866619572366664","contentLanguage":"en","currency":"USD","eventMetadataId":"48ad884a-11f7-46e1-a611-515ce02081d6"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1540 ); 1541 1542 var loaded = false;
1543 trekkie.ready(function() { 1544 if (loaded) return; 1545 loaded = true; 1546 1547 window.ShopifyAnalytics.lib = window.trekkie; 1548 1549 var originalDocumentWrite = document.write; 1550 document.write = customDocumentWrite; 1551 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1552 document.write = originalDocumentWrite; 1553 1554 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1555 var token = match? match[1]: undefined; 1556 if (!hasLoggedConversion(token)) { 1557 setCookieIfConversion(token); 1558 1559 } 1560 }); 1561 1562 window.ShopifyAnalytics.lib.page(null,{"requestId":"f2ebefd0-a669-4d58-bc97-7e8e5eb1e733-1790681459","shopifyEmitted":true}); 1563 1564 var eventsListenerScript = document.createElement('script'); 1565 eventsListenerScript.async = true; 1566 eventsListenerScript.src = "//modernpicnic.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1567 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1568})();</script>
vendor: 1 bytes, line 1568
1568
1569<script 1570 defer 1571 src="https://modernpicnic.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1572 data-application="storefront-renderer" 1573 data-shop-id="23441411" 1574 data-render-region="gcp-us-east1" 1575 data-page-type="customers/login" 1576 data-theme-instance-id="145207460074" 1577 data-theme-name="Dawn" 1578 data-theme-version="15.4.1" 1579 data-monorail-region="shop_domain" 1580 data-resource-timing-sampling-rate="10" 1581 data-shs="true" 1582 data-shs-beacon="true" 1583 data-shs-export-with-fetch="true" 1584 data-shs-logs-sample-rate="1" 1585 data-shs-beacon-endpoint="https://modernpicnic.com/api/collect" 1586></script>
1586 1587<meta name="shopify-y" content="729e3f51-4ad2-415c-8541-7684cc417271" data-expiration="1822239059000"><meta name="shopify-s" content="950c5e95-c438-4812-9d5b-41af912debba" data-expiration="1790683259000"><meta name="new-cookie-storage-activated" content="t"> 1588</head> 1589 1590 <body class="gradient template-login"> 1591 <!-- Google Tag Manager (noscript) -->
vendor: 87 bytes, lines 1591-1594
1591 1592 <noscript 1593 ><iframe 1594 src="https://www.googletagmanager.com/ns.html?id=
1594GTM-5P5TBRR
vendor: 123 bytes, lines 1594-1600
1594" 1595 height="0" 1596 width="0" 1597 style="display:none;visibility:hidden" 1598 ></iframe 1599 ></noscript> 1600
1600<!-- End Google Tag Manager (noscript) --> 1601 <a class="skip-to-content-link button visually-hidden" href="#MainContent"> 1602 Skip to content 1603 </a> 1604 <!-- BEGIN sections: header-group --> 1605<div id="shopify-section-sections--18685825253610__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//modernpicnic.com/cdn/shop/t/387/assets/component-slideshow.css?v=17933591812325749411788801436" rel="stylesheet" type="text/css" media="all" /> 1606<link href="//modernpicnic.com/cdn/shop/t/387/assets/component-slider.css?v=103973910411193177121788801435" rel="stylesheet" type="text/css" media="all" /> 1607 1608 1609<style> 1610 #shopify-section-sections--18685825253610__announcement-bar { 1611 position: sticky; 1612 top: 0; 1613 z-index: 101; 1614 } 1615</style>
1616<script> 1617 (function() { 1618 function setAnnouncementBarHeight() { 1619 var el = document.getElementById('shopify-section-sections--18685825253610__announcement-bar'); 1620 if (el) document.documentElement.style.setProperty('--announcement-bar-height', el.offsetHeight + 'px'); 1621 } 1622 if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', setAnnouncementBarHeight); 1623 else setAnnouncementBarHeight(); 1624 window.addEventListener('resize', setAnnouncementBarHeight); 1625 })(); 1626</script>
1626 1627 1628 1629 <link href="//modernpicnic.com/cdn/shop/t/387/assets/component-list-social.css?v=160655444699622014811788801426" rel="stylesheet" type="text/css" media="all" /> 1630 1631 1632<div 1633 class="utility-bar color-scheme-4660e30f-0c30-4081-bc10-6acad9ada756 gradient" 1634> 1635 <div class="page-width utility-bar__grid"><div 1636 class="announcement-bar" 1637 role="region" 1638 aria-label="Announcement" 1639 1640 ><a 1641 href="/products/the-picnic-blanket" 1642 class="announcement-bar__link link link--text focus-inset animate-arrow" 1643 ><p class="announcement-bar__message h5"> 1644 <span>THE PICNIC BLANKET IS HERE | SHOP NOW</span> 1645 1646 </p></a></div><div class="localization-wrapper"> 1647</div> 1648 </div> 1649</div> 1650 1651 1652</div><div id="shopify-section-sections--18685825253610__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//modernpicnic.com/cdn/shop/t/387/assets/component-list-menu.css?v=151968516119678728991788801425" media="print" onload="this.media='all'"> 1653<link rel="stylesheet" href="//modernpicnic.com/cdn/shop/t/387/assets/component-search.css?v=14705252378824961161788801434" media="print" onload="this.media='all'"> 1654<link rel="stylesheet" href="//modernpicnic.com/cdn/shop/t/387/assets/component-menu-drawer.css?v=38975100756817654981788801427" media="print" onload="this.media='all'"> 1655<link 1656 rel="stylesheet" 1657 href="//modernpicnic.com/cdn/shop/t/387/assets/component-cart-notification.css?v=54116361853792938221788801420" 1658 media="print" 1659 onload="this.media='all'" 1660><link rel="stylesheet" href="//modernpicnic.com/cdn/shop/t/387/assets/component-price.css?v=86353533581422379861788801432" media="print" onload="this.media='all'"><link rel="stylesheet" href="//modernpicnic.com/cdn/shop/t/387/assets/component-mega-menu.css?v=106108194704523444591788801427" media="print" onload="this.media='all'"><style> 1661 /* Header sticky below announcement bar when scrolling */#shopify-section-sections--18685825253610__header.section-header { 1662 position: sticky; 1663 top: var(--announcement-bar-height, 0px); 1664 z-index: 100; 1665 }header-drawer { 1666 justify-self: start; 1667 margin-left: -1.2rem; 1668 }@media screen and (min-width: 990px) { 1669 header-drawer { 1670 display: none; 1671 } 1672 }.menu-drawer-container { 1673 display: flex; 1674 } 1675 1676 .list-menu { 1677 list-style: none; 1678 padding: 0; 1679 margin: 0; 1680 } 1681 1682 .list-menu--inline { 1683 display: inline-flex; 1684 flex-wrap: wrap; 1685 } 1686 1687 1688 .list-menu__item { 1689 display: flex; 1690 align-items: center; 1691 line-height: calc(1 + 0.5 / var(--font-body-scale)); 1692 } 1693 1694 .list-menu__item--link { 1695 text-decoration: none; 1696 padding-bottom: 1rem; 1697 padding-top: 1rem; 1698 line-height: calc(1 + 0.5 / var(--font-body-scale)); 1699 } 1700 1701 @media screen and (min-width: 989px) { 1702 .list-menu__item--link { 1703 padding-bottom: 0.5rem; 1704 padding-top: 0.5rem; 1705 } 1706 summary.list-menu__item { 1707 padding:25px 15px; 1708 } 1709 1710 } 1711 1712 /* Navigation menu styling to match image */ 1713 .header__inline-menu .list-menu--inline { 1714 font-size: 15px; 1715 } 1716 @media screen and (max-width: 1150px) and (min-width: 989px) { 1717 .header__inline-menu .header__menu-item { 1718 font-size: 11px !important; 1719 } 1720 } 1721 .header__inline-menu .header__menu-item { 1722 padding: 25px 15px; 1723 border-bottom: 2px solid transparent; 1724 letter-spacing: 1px; 1725 text-transform: uppercase; 1726 font-size: 15px; 1727 padding-bottom: 25px; 1728 position: relative; 1729 line-height:1.5; 1730 } 1731 1732 /* Hover effect - show underline (border-bottom) */ 1733 .header__inline-menu .header__menu-item:hover { 1734 border-bottom: 2px solid rgb(var(--color-foreground)); 1735 padding-bottom: 25px; 1736 1737 } 1738 1739 /* Active menu item - show underline */ 1740 .header__inline-menu .header__active-menu-item { 1741 /* border-bottom: 2px solid rgb(var(--color-foreground)); */ 1742 text-decoration: none !important; 1743 } 1744 1745 .header__inline-menu details[open] > .header__menu-item { 1746 border-bottom: 2px solid rgb(var(--color-foreground)); 1747 text-decoration: none !important; 1748 } 1749 1750 /* Remove text-decoration underline, use border-bottom instead */ 1751 .header__inline-menu .header__menu-item:hover span { 1752 text-decoration: none !important; 1753 } 1754.header__inline-menu .header__menu-item span:hover{ 1755 opacity: 0.6; 1756} 1757 /* Main menu item link (dropdown parent) - click goes to URL */ 1758 .header__inline-menu .header__menu-item-link { 1759 text-decoration: none; 1760 color: inherit; 1761 } 1762 .header__inline-menu .header__menu-item-link:hover { 1763 color: inherit; 1764 } 1765 .header__inline-menu .header__menu-item span { 1766 text-decoration: none !important; 1767 } 1768 1769 /* Remove icon hover borders/boxes */ 1770 .header__icon:hover, 1771 .header__icon:focus, 1772 .header__icon:focus-visible, 1773 .swym-header-launcher:hover, 1774 .swym-header-launcher:focus, 1775 .swym-header-launcher:focus-visible{ 1776 outline: none !important; 1777 box-shadow: none !important; 1778 border: none !important; 1779 opacity: 0.6; 1780 } 1781 1782 .header__icon.focus-inset:hover, 1783 .header__icon.focus-inset:focus, 1784 .header__icon.focus-inset:focus-visible, 1785 .swym-header-launcher:hover, 1786 .swym-header-launcher:focus, 1787 .swym-header-launcher:focus-visible{ 1788 outline: none !important; 1789 box-shadow: none !important; 1790 } 1791 1792 /* Hide search form on mobile */ 1793 @media screen and (max-width: 989px) { 1794 /* Hide the entire search form container on mobile */ 1795 .site-header__search { 1796 display: none !important; 1797 } 1798 } 1799 1800 /* Logo size settings to match live site */ 1801 .header__heading-logo-wrapper { 1802 width: 300px; 1803 max-width: 300px; 1804 display: inline-block; 1805 } 1806 1807 .header__heading-logo { 1808 width: 300px !important; 1809 height: 42px !important; 1810 object-fit: contain; 1811 object-position: center; 1812 max-width: 300px !important; 1813 max-height: 42px !important; 1814 min-width: 300px; 1815 min-height: 42px; 1816 display: block; 1817 image-rendering: high-quality; 1818 image-rendering: -webkit-optimize-contrast; 1819 -ms-interpolation-mode: bicubic; 1820 -webkit-backface-visibility: hidden; 1821 -moz-backface-visibility: hidden; 1822 backface-visibility: hidden; 1823 transform: translateZ(0) scale(1); 1824 will-change: transform; 1825 -webkit-font-smoothing: antialiased; 1826 -moz-osx-font-smoothing: grayscale; 1827 filter: none; 1828 } 1829 1830 @media screen and (min-width: 990px) { 1831 .header__heading-logo { 1832 width: 300px !important; 1833 height: 42px !important; 1834 max-width: 300px !important; 1835 max-height: 42px !important; 1836 min-width: 300px; 1837 min-height: 42px; 1838 image-rendering: high-quality; 1839 image-rendering: -webkit-optimize-contrast; 1840 } 1841 1842 .header__heading-logo-wrapper { 1843 width: 300px; 1844 max-width: 300px; 1845 } 1846 } 1847 1848 @media screen and (max-width: 989px) { 1849 .header__heading-logo-wrapper { 1850 width: 300px; 1851 max-width: 300px; 1852 } 1853 1854 .header__heading-logo { 1855 width: 300px !important; 1856 height: 42px !important; 1857 max-width: 300px !important; 1858 max-height: 42px !important; 1859 } 1860 } 1861 1862 /* On very small screens, make sure the header/logo never makes 1863 the page wider than the viewport */ 1864 @media screen and (max-width: 480px) { 1865 1866 .header__heading-logo-wrapper, 1867 .header__heading-logo { 1868 width: 60.53vw !important; 1869 max-width: 70vw !important; 1870 min-width: 0 !important; 1871 height: 32px !important; 1872 min-height: 0 !important; 1873 1874 } 1875 } 1876</style><style data-shopify>/* .header { 1877 padding: 10px 3rem 10px 3rem; 1878 } */ 1879 1880 .section-header { 1881 position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ 1882 margin-bottom: 0px; 1883 } 1884 1885 @media screen and (min-width: 750px) { 1886 .section-header { 1887 margin-bottom: 0px; 1888 } 1889 } 1890 1891 @media screen and (min-width: 990px) { 1892 .header { 1893 /* padding-top: 20px; 1894 padding-bottom: 20px; */ 1895 /* border-bottom: 1px solid rgba(var(--color-foreground), 0.15); */ 1896 } 1897 }</style>
1897<script src="//modernpicnic.com/cdn/shop/t/387/assets/cart-notification.js?v=133508293167896966491788801414" defer="defer"></script>
1897 1898 1899<sticky-header 1900 1901 data-sticky-type="always" 1902 1903 class="header-wrapper color-scheme-1 gradient" 1904><header class="header header--middle-left header--mobile-center header--has-menu header--has-social header--has-account"> 1905 1906<header-drawer data-breakpoint="tablet"> 1907 <details id="Details-menu-drawer-container" class="menu-drawer-container"> 1908 <summary 1909 class="header__icon header__icon--menu header__icon--summary link focus-inset" 1910 aria-label="Menu" 1911 > 1912 <span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" viewBox="0 0 37 40"><path fill="currentColor" d="M33.5 25h-30c-1.1 0-2-.9-2-2s.9-2 2-2h30c1.1 0 2 .9 2 2s-.9 2-2 2zm0-11.5h-30c-1.1 0-2-.9-2-2s.9-2 2-2h30c1.1 0 2 .9 2 2s-.9 2-2 2zm0 23h-30c-1.1 0-2-.9-2-2s.9-2 2-2h30c1.1 0 2 .9 2 2s-.9 2-2 2z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close-small" viewBox="0 0 12 13"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.486 9.33 2.828 3.67M2.885 9.385l5.544-5.77"/></svg> 1913</span> 1914 </summary> 1915 <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-scheme-1"> 1916 <div class="menu-drawer__inner-container"> 1917 <div class="menu-drawer__navigation-container"><div class="menu-drawer__search"> 1918 <form action="/search" method="get" role="search" class="menu-drawer__search-form"> 1919 <div class="menu-drawer__search-field"> 1920 <button class="menu-drawer__search-icon" aria-label="Search"> 1921 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 1922</span> 1923 </button> 1924 <input 1925 class="menu-drawer__search-input" 1926 type="search" 1927 name="q" 1928 value="" 1929 placeholder="Search" 1930 > 1931 </div> 1932 </form> 1933 </div> 1934 1935 <nav class="menu-drawer__navigation"> 1936 <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><details id="Details-menu-drawer-menu-item-1"> 1937 <summary 1938 id="HeaderDrawer-shop-all" 1939 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 1940 >shop by category<span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><defs><style>.cls-1{fill:#231f20}</style></defs><path class="cls-1" d="M223.18 628.49a35 35 0 0 1-24.75-59.75L388.17 379 198.43 189.26a35 35 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L247.93 618.24a34.89 34.89 0 0 1-24.75 10.25z" transform="translate(-188.18 -129.51)"></path></svg></span> 1941 <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 1942</span> 1943 </summary> 1944 <div 1945 id="link-shop-all" 1946 class="menu-drawer__submenu menu-drawer__submenu--mega has-submenu gradient motion-reduce" 1947 tabindex="-1" 1948 ><div class="menu-drawer__search"> 1949 <form action="/search" method="get" role="search" class="menu-drawer__search-form"> 1950 <div class="menu-drawer__search-field"> 1951 <button class="menu-drawer__search-icon" aria-label="Search"> 1952 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 1953</span> 1954 </button> 1955 <input 1956 class="menu-drawer__search-input" 1957 type="search" 1958 name="q" 1959 value="" 1960 placeholder="Search" 1961 > 1962 </div> 1963 </form> 1964 </div> 1965 <div class="menu-drawer__inner-submenu"> 1966 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
1967 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><defs><style>.cls-1{fill:#231f20}</style></defs><path class="cls-1" d="M223.18 628.49a35 35 0 0 1-24.75-59.75L388.17 379 198.43 189.26a35 35 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L247.93 618.24a34.89 34.89 0 0 1-24.75 10.25z" transform="translate(-188.18 -129.51)"></path></svg></span>shop by category</button><ul class="menu-drawer__menu menu-drawer__menu--submenu list-menu menu-drawer__menu--hide-on-mobile" role="list" tabindex="-1"><li><a 1968 id="HeaderDrawer-shop-all-the-luncher" 1969 href="/products/lunch-box-purse-black-croc" 1970 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 1971 1972 > 1973 The Luncher 1974<span class="menu-drawer__badge">BEST SELLER</span></a></li><li><a 1975 id="HeaderDrawer-shop-all-the-large-luncher" 1976 href="/products/the-large-luncher-black-croc" 1977 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 1978 1979 > 1980 The Large Luncher 1981<span class="menu-drawer__badge">BEST SELLER</span></a></li><li><a 1982 id="HeaderDrawer-shop-all-the-fanny-pack" 1983 href="/products/insulated-fanny-pack-belt-bag" 1984 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 1985 1986 > 1987 The Fanny Pack 1988</a></li><li><a 1989 id="HeaderDrawer-shop-all-the-food-container" 1990 href="/products/single-leak-proof-food-container" 1991 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 1992 1993 > 1994 The Food Container 1995</a></li><li><a 1996 id="HeaderDrawer-shop-all-the-wicker-mini" 1997 href="/products/the-wicker-mini-dark-white-wicker" 1998 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 1999 2000 > 2001 The Wicker Mini 2002</a></li><li><a 2003 id="HeaderDrawer-shop-all-the-picnic-blanket" 2004 href="/products/the-picnic-blanket" 2005 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2006 2007 > 2008 The Picnic Blanket 2009</a></li><li><a 2010 id="HeaderDrawer-shop-all-the-tote" 2011 href="/products/the-tote-white-canvas" 2012 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2013 2014 > 2015 The Tote 2016</a></li><li><a 2017 id="HeaderDrawer-shop-all-the-backpack" 2018 href="/products/the-backpack-black-croc" 2019 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2020 2021 >
2022 The Backpack 2023</a></li><li><a 2024 id="HeaderDrawer-shop-all-the-snacker" 2025 href="/products/insulated-snack-pouch-black-croc" 2026 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2027 2028 > 2029 The Snacker 2030</a></li><li><a 2031 id="HeaderDrawer-shop-all-the-nylon" 2032 href="/products/navy-nylon-insulated-lunch-bag" 2033 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2034 2035 > 2036 The Nylon 2037</a></li></ul><div class="menu-drawer__media-grid"><div class="menu-drawer__products-grid"><a href="/products/lunch-box-purse-black-croc" class="menu-drawer__product-card" data-product-title="The Luncher"> 2038 <div class="menu-drawer__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Group_289.jpg?v=1729988712&width=300" alt="The Luncher" srcset="//modernpicnic.com/cdn/shop/files/Group_289.jpg?v=1729988712&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image"> 2039<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_7.jpg?v=1762434840&width=300" alt="The Luncher" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_7.jpg?v=1762434840&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image menu-drawer__product-image--hover"> 2040</div><p class="menu-drawer__product-title"><span class="menu-drawer__product-title-prefix">The </span>Luncher 2041 </p> 2042 </a><a href="/products/the-large-luncher-black-croc" class="menu-drawer__product-card" data-product-title="The Large Luncher"> 2043 <div class="menu-drawer__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Group_1150.jpg?v=1767762112&width=300" alt="The Large Luncher" srcset="//modernpicnic.com/cdn/shop/files/Group_1150.jpg?v=1767762112&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image"> 2044<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_8.jpg?v=1762434840&width=300" alt="The Large Luncher" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_8.jpg?v=1762434840&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image menu-drawer__product-image--hover"> 2045</div><p class="menu-drawer__product-title"><span class="menu-drawer__product-title-prefix">The </span>Large Luncher 2046 </p> 2047 </a><a href="/products/insulated-fanny-pack-belt-bag" class="menu-drawer__product-card" data-product-title="The Fanny Pack"> 2048 <div class="menu-drawer__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Group_279.jpg?v=1762436611&width=300" alt="The Fanny Pack" srcset="//modernpicnic.com/cdn/shop/files/Group_279.jpg?v=1762436611&width=300 300w" width="300" height="301" loading="lazy" class="menu-drawer__product-image"> 2049<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_3.jpg?v=1762434839&width=300" alt="The Fanny Pack" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_3.jpg?v=1762434839&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image menu-drawer__product-image--hover"> 2050</div><p class="menu-drawer__product-title"><span class="menu-drawer__product-title-prefix">The </span>Fanny Pack 2051 </p> 2052 </a><a href="/products/single-leak-proof-food-container" class="menu-drawer__product-card" data-product-title="The Food Container"> 2053 <div class="menu-drawer__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Group_282.jpg?v=1729988711&width=300" alt="The Food Container" srcset="//modernpicnic.com/cdn/shop/files/Group_282.jpg?v=1729988711&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image">
2054<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_2.webp?v=1767765555&width=300" alt="The Food Container" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_2.webp?v=1767765555&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image menu-drawer__product-image--hover"> 2055</div><p class="menu-drawer__product-title"><span class="menu-drawer__product-title-prefix">The </span>Food Container 2056 </p> 2057 </a><a href="/products/the-wicker-mini-dark-white-wicker" class="menu-drawer__product-card" data-product-title=" The Wicker Mini "> 2058 <div class="menu-drawer__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Group_1096_f629a15a-3509-4d6e-b7bf-21ac8ec3cb80.jpg?v=1788958241&width=300" alt=" The Wicker Mini " srcset="//modernpicnic.com/cdn/shop/files/Group_1096_f629a15a-3509-4d6e-b7bf-21ac8ec3cb80.jpg?v=1788958241&width=300 300w" width="300" height="301" loading="lazy" class="menu-drawer__product-image"> 2059<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_4.jpg?v=1762434839&width=300" alt=" The Wicker Mini " srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_4.jpg?v=1762434839&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image menu-drawer__product-image--hover"> 2060</div><p class="menu-drawer__product-title"><span class="menu-drawer__product-title-prefix">The </span>Wicker Mini 2061 </p> 2062 </a><a href="/products/the-picnic-blanket" class="menu-drawer__product-card" data-product-title="The Picnic Blanket"> 2063 <div class="menu-drawer__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Screenshot_2026-07-14_at_3.13.49_PM_2.jpg?v=1787143470&width=300" alt="The Picnic Blanket" srcset="//modernpicnic.com/cdn/shop/files/Screenshot_2026-07-14_at_3.13.49_PM_2.jpg?v=1787143470&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image"> 2064<img src="//modernpicnic.com/cdn/shop/files/Screenshot_2026-07-01_at_9.33.39_AM_2_ce693f93-a893-4809-8704-51747dba6275.png?v=1784013798&width=300" alt="The Picnic Blanket" srcset="//modernpicnic.com/cdn/shop/files/Screenshot_2026-07-01_at_9.33.39_AM_2_ce693f93-a893-4809-8704-51747dba6275.png?v=1784013798&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image menu-drawer__product-image--hover"> 2065</div><p class="menu-drawer__product-title"><span class="menu-drawer__product-title-prefix">The </span>Picnic Blanket 2066 </p> 2067 </a><a href="/products/the-tote-white-canvas" class="menu-drawer__product-card" data-product-title="The Tote"> 2068 <div class="menu-drawer__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/image_159_1.jpg?v=1787143473&width=300" alt="The Tote" srcset="//modernpicnic.com/cdn/shop/files/image_159_1.jpg?v=1787143473&width=300 300w" width="300" height="301" loading="lazy" class="menu-drawer__product-image"> 2069<img src="//modernpicnic.com/cdn/shop/files/image_160_1.jpg?v=1787143473&width=300" alt="The Tote" srcset="//modernpicnic.com/cdn/shop/files/image_160_1.jpg?v=1787143473&width=300 300w" width="300" height="297" loading="lazy" class="menu-drawer__product-image menu-drawer__product-image--hover"> 2070</div><p class="menu-drawer__product-title"><span class="menu-drawer__product-title-prefix">The </span>Tote 2071 </p> 2072 </a><a href="/products/the-backpack-black-croc" class="menu-drawer__product-card" data-product-title="The Backpack"> 2073 <div class="menu-drawer__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/image_150.jpg?v=1787143474&
2073width=300" alt="The Backpack" srcset="//modernpicnic.com/cdn/shop/files/image_150.jpg?v=1787143474&width=300 300w" width="300" height="301" loading="lazy" class="menu-drawer__product-image"> 2074<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_10.jpg?v=1762434839&width=300" alt="The Backpack" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_10.jpg?v=1762434839&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image menu-drawer__product-image--hover"> 2075</div><p class="menu-drawer__product-title"><span class="menu-drawer__product-title-prefix">The </span>Backpack 2076 </p> 2077 </a><a href="/products/insulated-snack-pouch-black-croc" class="menu-drawer__product-card" data-product-title="The Snacker"> 2078 <div class="menu-drawer__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/image_149.jpg?v=1787143474&width=300" alt="The Snacker" srcset="//modernpicnic.com/cdn/shop/files/image_149.jpg?v=1787143474&width=300 300w" width="300" height="297" loading="lazy" class="menu-drawer__product-image"> 2079<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_7_3e643832-902d-4509-b1f1-cfb16d69bbf8.jpg?v=1775575534&width=300" alt="The Snacker" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_7_3e643832-902d-4509-b1f1-cfb16d69bbf8.jpg?v=1775575534&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image menu-drawer__product-image--hover"> 2080</div><p class="menu-drawer__product-title"><span class="menu-drawer__product-title-prefix">The </span>Snacker 2081 </p> 2082 </a><a href="/products/navy-nylon-insulated-lunch-bag" class="menu-drawer__product-card" data-product-title="The Nylon"> 2083 <div class="menu-drawer__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Group_1437256278.jpg?v=1788958238&width=300" alt="The Nylon" srcset="//modernpicnic.com/cdn/shop/files/Group_1437256278.jpg?v=1788958238&width=300 300w" width="300" height="301" loading="lazy" class="menu-drawer__product-image"> 2084<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_6.webp?v=1773992800&width=300" alt="The Nylon" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_6.webp?v=1773992800&width=300 300w" width="300" height="300" loading="lazy" class="menu-drawer__product-image menu-drawer__product-image--hover"> 2085</div><p class="menu-drawer__product-title"><span class="menu-drawer__product-title-prefix">The </span>Nylon 2086 </p> 2087 </a></div></div><div class="menu-drawer__shop-all-main-wrapper"> 2088 <a href="https://modernpicnic.com/collections/shop-all" class="menu-drawer__shop-all-main button button--primary">SHOP ALL 2089</a> 2090 </div> 2091 </div> 2092 </div> 2093 </details></li><li><details id="Details-menu-drawer-menu-item-2"> 2094 <summary 2095 id="HeaderDrawer-collections" 2096 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 2097 >COLLECTIONS 2098<span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><defs><style>.cls-1{fill:#231f20}</style></defs><path class="cls-1" d="M223.18 628.49a35 35 0 0 1-24.75-59.75L388.17 379 198.43 189.26a35 35 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L247.93 618.24a34.89 34.89 0 0 1-24.75 10.25z" transform="translate(-188.18 -129.51)"></path></svg></span> 2099 <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 2100</span> 2101 </summary> 2102 <div 2103 id="link-collections" 2104 class="menu-drawer__submenu menu-drawer__submenu--mega has-submenu gradient motion-reduce" 2105 tabindex="-1" 2106 ><div class="menu-drawer__search"> 2107 <form action="/search" method="get" role="search" class="menu-drawer__search-form"> 2108 <div class="menu-drawer__search-field"> 2109 <button class="menu-drawer__search-icon" aria-label="Search">
2110 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 2111</span> 2112 </button> 2113 <input 2114 class="menu-drawer__search-input" 2115 type="search" 2116 name="q" 2117 value="" 2118 placeholder="Search" 2119 > 2120 </div> 2121 </form> 2122 </div> 2123 <div class="menu-drawer__inner-submenu"> 2124 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2125 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><defs><style>.cls-1{fill:#231f20}</style></defs><path class="cls-1" d="M223.18 628.49a35 35 0 0 1-24.75-59.75L388.17 379 198.43 189.26a35 35 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L247.93 618.24a34.89 34.89 0 0 1-24.75 10.25z" transform="translate(-188.18 -129.51)"></path></svg></span>COLLECTIONS 2126</button><ul class="menu-drawer__menu menu-drawer__menu--submenu list-menu" role="list" tabindex="-1"><li><a 2127 id="HeaderDrawer-collections-best-sellers" 2128 href="/collections/best-sellers" 2129 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2130 2131 > 2132 Best Sellers 2133</a></li><li><a 2134 id="HeaderDrawer-collections-under-60" 2135 href="/collections/under-60-favorites" 2136 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2137 2138 > 2139 Under $60 2140</a></li><li><a 2141 id="HeaderDrawer-collections-gift-guide" 2142 href="/pages/mp-gift-guide" 2143 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2144 2145 > 2146 Gift Guide 2147</a></li><li><a 2148 id="HeaderDrawer-collections-pet-collection" 2149 href="/collections/the-pet-collection" 2150 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2151 2152 > 2153 Pet Collection 2154</a></li><li><a 2155 id="HeaderDrawer-collections-travel-edit" 2156 href="/pages/travel-collection" 2157 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2158 2159 > 2160 Travel Edit 2161</a></li><li><a 2162 id="HeaderDrawer-collections-save-with-sets" 2163 href="/collections/bundles" 2164 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2165 2166 > 2167 Save with Sets 2168</a></li><li><a 2169 id="HeaderDrawer-collections-mp-market" 2170 href="/collections/marketplace-collection" 2171 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2172 2173 > 2174 MP Market 2175</a></li><li><a 2176 id="HeaderDrawer-collections-bridal-collection" 2177 href="/collections/the-bridal-collection" 2178 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2179 2180 > 2181 Bridal Collection 2182</a></li><li><a 2183 id="HeaderDrawer-collections-wicker-collection" 2184 href="/collections/wicker-collection" 2185 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2186 2187 > 2188 Wicker Collection 2189</a></li><li><a 2190 id="HeaderDrawer-collections-coastal-collection" 2191 href="/collections/the-coastal-collection" 2192 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2193 2194 > 2195 Coastal Collection 2196</a></li></ul><div class="menu-drawer__media-grid"><div class="menu-drawer__collections-grid"><a href="/collections/best-sellers" class="menu-drawer__collection-card"> 2197 <div class="menu-drawer__collection-image-wrapper"><img src="//modernpicnic.com/cdn/shop/files/FW23-STUDIO-ANNA6_1_736c4695-952c-445c-92b1-67f851a63f04.jpg?v=1779186086&width=300" alt="Best Sellers" srcset="//modernpicnic.com/cdn/shop/files/FW23-STUDIO-ANNA6_1_736c4695-952c-445c-92b1-67f851a63f04.jpg?v=1779186086&width=300 300w" width="300" height="319" loading="lazy" class="menu-drawer__collection-image"> 2198</div>
2199 <span class="menu-drawer__collection-title"> 2200 BEST SELLERS 2201 <span class="mega-menu-promo-arrow"><img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Arrow_4_1.png?v=1730374262"></span> 2202 </span> 2203 </a><a href="/collections/the-pet-collection" class="menu-drawer__collection-card"> 2204 <div class="menu-drawer__collection-image-wrapper"><img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-084_b1475b8c-1afb-478a-bfab-93329d80b7b0.webp?v=1779186076&width=300" alt="THE PET COLLECTION" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-084_b1475b8c-1afb-478a-bfab-93329d80b7b0.webp?v=1779186076&width=300 300w" width="300" height="316" loading="lazy" class="menu-drawer__collection-image"> 2205</div> 2206 <span class="menu-drawer__collection-title"> 2207 PET PORTRAITS 2208 <span class="mega-menu-promo-arrow"><img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Arrow_4_1.png?v=1730374262"></span> 2209 </span> 2210 </a><a href="/collections/the-coastal-collection" class="menu-drawer__collection-card"> 2211 <div class="menu-drawer__collection-image-wrapper"><img src="//modernpicnic.com/cdn/shop/files/07EE82A8-146B-4ACB-86A6-0BA39C59E16C_1.png?v=1784013622&width=300" alt="The Coastal Collection" srcset="//modernpicnic.com/cdn/shop/files/07EE82A8-146B-4ACB-86A6-0BA39C59E16C_1.png?v=1784013622&width=300 300w" width="300" height="319" loading="lazy" class="menu-drawer__collection-image"> 2212</div> 2213 <span class="menu-drawer__collection-title"> 2214 COASTAL COLLECTION 2215 <span class="mega-menu-promo-arrow"><img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Arrow_4_1.png?v=1730374262"></span> 2216 </span> 2217 </a></div></div><div class="menu-drawer__shop-all-main-wrapper"> 2218 <a href="https://modernpicnic.com/collections/shop-all" class="menu-drawer__shop-all-main button button--primary">SHOP ALL 2219</a> 2220 </div> 2221 </div> 2222 </div> 2223 </details></li><li><details id="Details-menu-drawer-menu-item-3"> 2224 <summary 2225 id="HeaderDrawer-about-community" 2226 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 2227 >ABOUT + COMMUNITY 2228<span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><defs><style>.cls-1{fill:#231f20}</style></defs><path class="cls-1" d="M223.18 628.49a35 35 0 0 1-24.75-59.75L388.17 379 198.43 189.26a35 35 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L247.93 618.24a34.89 34.89 0 0 1-24.75 10.25z" transform="translate(-188.18 -129.51)"></path></svg></span> 2229 <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 2230</span> 2231 </summary> 2232 <div 2233 id="link-about-community" 2234 class="menu-drawer__submenu menu-drawer__submenu--mega has-submenu gradient motion-reduce" 2235 tabindex="-1" 2236 ><div class="menu-drawer__search"> 2237 <form action="/search" method="get" role="search" class="menu-drawer__search-form"> 2238 <div class="menu-drawer__search-field"> 2239 <button class="menu-drawer__search-icon" aria-label="Search">
2240 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 2241</span> 2242 </button> 2243 <input 2244 class="menu-drawer__search-input" 2245 type="search" 2246 name="q" 2247 value="" 2248 placeholder="Search" 2249 > 2250 </div> 2251 </form> 2252 </div> 2253 <div class="menu-drawer__inner-submenu"> 2254 <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> 2255 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><defs><style>.cls-1{fill:#231f20}</style></defs><path class="cls-1" d="M223.18 628.49a35 35 0 0 1-24.75-59.75L388.17 379 198.43 189.26a35 35 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L247.93 618.24a34.89 34.89 0 0 1-24.75 10.25z" transform="translate(-188.18 -129.51)"></path></svg></span>ABOUT + COMMUNITY 2256</button><ul class="menu-drawer__menu menu-drawer__menu--submenu list-menu" role="list" tabindex="-1"><li><a 2257 id="HeaderDrawer-about-community-shark-tank" 2258 href="/pages/shark-tank" 2259 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2260 2261 > 2262 Shark Tank ð¦ 2263</a></li><li><a 2264 id="HeaderDrawer-about-community-our-story" 2265 href="/pages/our-story" 2266 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2267 2268 > 2269 Our Story 2270</a></li><li><a 2271 id="HeaderDrawer-about-community-join-our-ambassador-program" 2272 href="/pages/ambassador-program" 2273 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2274 2275 > 2276 Join Our Ambassador Program 2277</a></li><li><a 2278 id="HeaderDrawer-about-community-referral-program" 2279 href="https://app.therave.co/modern-picnic/affiliate/fae31ec9-d283-450e-8031-fa630dff6843" 2280 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2281 2282 > 2283 Referral Program 2284</a></li><li><a 2285 id="HeaderDrawer-about-community-lunch-break-the-blog" 2286 href="/blogs/lunch-break" 2287 class="menu-drawer__menu-item menu-drawer__menu-item--child link link--text list-menu__item focus-inset" 2288 2289 > 2290 Lunch Break: The Blog 2291</a></li></ul><div class="menu-drawer__media-grid"><div class="menu-drawer__collections-grid"><a href="/pages/our-story" class="menu-drawer__collection-card"> 2292 <div class="menu-drawer__collection-image-wrapper"><img src="//modernpicnic.com/cdn/shop/files/Group_275.webp?v=1776926110&width=300" alt="OUR STORY" srcset="//modernpicnic.com/cdn/shop/files/Group_275.webp?v=1776926110&width=300 300w" width="300" height="316" loading="lazy" class="menu-drawer__collection-image"> 2293</div>
2294 <span class="menu-drawer__collection-title"> 2295 OUR STORY 2296 <span class="mega-menu-promo-arrow"><img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Arrow_4_1.png?v=1730374262"></span> 2297 </span> 2298 </a><a href="/pages/ambassador-program" class="menu-drawer__collection-card"> 2299 <div class="menu-drawer__collection-image-wrapper"><img src="//modernpicnic.com/cdn/shop/files/image.png?v=1762433517&width=300" alt="AMBASSADOR PROGRAM" srcset="//modernpicnic.com/cdn/shop/files/image.png?v=1762433517&width=300 300w" width="300" height="319" loading="lazy" class="menu-drawer__collection-image"> 2300</div> 2301 <span class="menu-drawer__collection-title"> 2302 AMBASSADOR PROGRAM 2303 <span class="mega-menu-promo-arrow"><img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Arrow_4_1.png?v=1730374262"></span> 2304 </span> 2305 </a><a href="/blogs/lunch-break" class="menu-drawer__collection-card"> 2306 <div class="menu-drawer__collection-image-wrapper"><img src="//modernpicnic.com/cdn/shop/files/394_16.jpg?v=1785215839&width=300" alt="Lunch Break" srcset="//modernpicnic.com/cdn/shop/files/394_16.jpg?v=1785215839&width=300 300w" width="300" height="375" loading="lazy" class="menu-drawer__collection-image"> 2307</div> 2308 <span class="menu-drawer__collection-title"> 2309 LUNCH BREAK: THE BLOG 2310 <span class="mega-menu-promo-arrow"><img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Arrow_4_1.png?v=1730374262"></span> 2311 </span> 2312 </a></div></div><div class="menu-drawer__shop-all-main-wrapper"> 2313 <a href="https://modernpicnic.com/collections/shop-all" class="menu-drawer__shop-all-main button button--primary">SHOP ALL 2314</a> 2315 </div> 2316 </div> 2317 </div> 2318 </details></li><li><a 2319 id="HeaderDrawer-corporate-gifting" 2320 href="/pages/large-order" 2321 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 2322 2323 > 2324 CORPORATE GIFTING 2325 </a></li></ul> 2326 </nav><div class="menu-drawer__shop-all-main-wrapper"> 2327 <a href="https://modernpicnic.com/collections/shop-all" class="menu-drawer__shop-all-main button button--primary"> 2328 SHOP ALL 2329 </a> 2330 </div><div class="menu-drawer__hero"><a href="/collections/the-coastal-collection" class="menu-drawer__hero-link"> 2331 <img src="//modernpicnic.com/cdn/shop/files/image_152.png?v=1784013623&width=900" alt="Modern Picnic" srcset="//modernpicnic.com/cdn/shop/files/image_152.png?v=1784013623&width=352 352w, //modernpicnic.com/cdn/shop/files/image_152.png?v=1784013623&width=832 832w, //modernpicnic.com/cdn/shop/files/image_152.png?v=1784013623&width=900 900w" width="900" height="549" loading="lazy" class="menu-drawer__hero-image"> 2332 </a> 2333 <div class="menu-drawer__hero-links"><a href="#size-chart-popup" class="menu-drawer__hero-text-link"> 2334 size guide 2335 </a><a href="/pages/lets-chat" class="menu-drawer__hero-text-link"> 2336 contact us 2337 </a><a href="https://modernpicnic.com/account/login" class="menu-drawer__hero-text-link"> 2338 LOG IN 2339 </a><a href="/pages/faq" class="menu-drawer__hero-text-link"> 2340 FAQ 2341 </a></div> 2342 </div><div class="menu-drawer__utility-links"><a 2343 href="/account/login" 2344 class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide" 2345 rel="nofollow" 2346 ><account-icon>
2346<span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg> 2347</span></account-icon>Log in</a><div class="menu-drawer__localization header-localization"><localization-form><form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/account/login" /><div> 2348 <h2 class="visually-hidden" id="HeaderCountryMobileLabel"> 2349 Country/region 2350 </h2> 2351 2352<div class="disclosure"> 2353 <button 2354 type="button" 2355 class="disclosure__button localization-form__select localization-selector link link--text caption-large" 2356 aria-expanded="false" 2357 aria-controls="HeaderCountryMobile-country-results" 2358 aria-describedby="HeaderCountryMobileLabel" 2359 > 2360 <span>United States | 2361 USD 2362 $</span> 2363 <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 2364 2365 </button> 2366 <div class="disclosure__list-wrapper country-selector" hidden> 2367 <div class="country-filter"> 2368 2369 <div class="field"> 2370 <input 2371 class="country-filter__input field__input" 2372 id="country-filter-input" 2373 type="search" 2374 name="country_filter" 2375 value="" 2376 placeholder="Search" 2377 role="combobox" 2378 aria-owns="country-results" 2379 aria-controls="country-results" 2380 aria-haspopup="listbox" 2381 aria-autocomplete="list" 2382 autocorrect="off" 2383 autocomplete="off" 2384 autocapitalize="off" 2385 spellcheck="false" 2386 > 2387 <label class="field__label" for="country-filter-input">Search</label> 2388 <button 2389 type="reset" 2390 class="country-filter__reset-button field__button hidden" 2391 aria-label="Clear search term" 2392 ><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg> 2393</button> 2394 <div class="country-filter__search-icon field__button motion-reduce"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 2395</div> 2396 </div> 2397 2398 <button 2399 class="country-selector__close-button button--small link" 2400 type="button" 2401 aria-label="Close" 2402 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 2403</button> 2404 </div> 2405 <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div> 2406 <div 2407 class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies" 2408 id="HeaderCountryMobile-country-results" 2409 > 2410 2411 <ul 2412 role="list" 2413 class="list-unstyled popular-countries" 2414 aria-label="Popular countries/regions" 2415 ><li class="disclosure__item" tabindex="-1"> 2416 <a 2417 class="link link--text disclosure__link caption-large focus-inset" 2418 href="#" 2419 2420 data-value="CA" 2421 id="Canada" 2422 >
2423 <span 2424 2425 class="visibility-hidden" 2426 2427 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2428</span> 2429 <span class="country">Canada</span> 2430 <span class="localization-form__currency motion-reduce"> 2431 CAD 2432 $</span> 2433 </a> 2434 </li><li class="disclosure__item" tabindex="-1"> 2435 <a 2436 class="link link--text disclosure__link caption-large focus-inset" 2437 href="#" 2438 2439 aria-current="true" 2440 2441 data-value="US" 2442 id="United States" 2443 > 2444 <span 2445 2446 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2447</span> 2448 <span class="country">United States</span> 2449 <span class="localization-form__currency motion-reduce"> 2450 USD 2451 $</span> 2452 </a> 2453 </li></ul> 2454 2455 <ul role="list" class="list-unstyled countries"><li class="disclosure__item" tabindex="-1"> 2456 <a 2457 class="link link--text disclosure__link caption-large focus-inset" 2458 href="#" 2459 2460 data-value="AU" 2461 id="Australia" 2462 > 2463 <span 2464 2465 class="visibility-hidden" 2466 2467 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2468</span> 2469 <span class="country">Australia</span> 2470 <span class="localization-form__currency motion-reduce"> 2471 AUD 2472 $</span> 2473 </a> 2474 </li><li class="disclosure__item" tabindex="-1"> 2475 <a 2476 class="link link--text disclosure__link caption-large focus-inset" 2477 href="#" 2478 2479 data-value="CA" 2480 id="Canada" 2481 > 2482 <span 2483 2484 class="visibility-hidden" 2485 2486 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2487</span> 2488 <span class="country">Canada</span> 2489 <span class="localization-form__currency motion-reduce"> 2490 CAD 2491 $</span> 2492 </a> 2493 </li><li class="disclosure__item" tabindex="-1"> 2494 <a 2495 class="link link--text disclosure__link caption-large focus-inset" 2496 href="#" 2497 2498 data-value="CN" 2499 id="China" 2500 > 2501 <span 2502 2503 class="visibility-hidden" 2504 2505 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2506</span>
2507 <span class="country">China</span> 2508 <span class="localization-form__currency motion-reduce"> 2509 CNY 2510 Â¥</span> 2511 </a> 2512 </li><li class="disclosure__item" tabindex="-1"> 2513 <a 2514 class="link link--text disclosure__link caption-large focus-inset" 2515 href="#" 2516 2517 data-value="FR" 2518 id="France" 2519 > 2520 <span 2521 2522 class="visibility-hidden" 2523 2524 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2525</span> 2526 <span class="country">France</span> 2527 <span class="localization-form__currency motion-reduce"> 2528 EUR 2529 â¬</span> 2530 </a> 2531 </li><li class="disclosure__item" tabindex="-1"> 2532 <a 2533 class="link link--text disclosure__link caption-large focus-inset" 2534 href="#" 2535 2536 data-value="DE" 2537 id="Germany" 2538 > 2539 <span 2540 2541 class="visibility-hidden" 2542 2543 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2544</span> 2545 <span class="country">Germany</span> 2546 <span class="localization-form__currency motion-reduce"> 2547 EUR 2548 â¬</span> 2549 </a> 2550 </li><li class="disclosure__item" tabindex="-1"> 2551 <a 2552 class="link link--text disclosure__link caption-large focus-inset" 2553 href="#" 2554 2555 data-value="HK" 2556 id="Hong Kong SAR" 2557 > 2558 <span 2559 2560 class="visibility-hidden" 2561 2562 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2563</span> 2564 <span class="country">Hong Kong SAR</span> 2565 <span class="localization-form__currency motion-reduce"> 2566 HKD 2567 $</span> 2568 </a> 2569 </li><li class="disclosure__item" tabindex="-1"> 2570 <a 2571 class="link link--text disclosure__link caption-large focus-inset" 2572 href="#" 2573 2574 data-value="IT" 2575 id="Italy" 2576 > 2577 <span 2578 2579 class="visibility-hidden" 2580 2581 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2582</span> 2583 <span class="country">Italy</span> 2584 <span class="localization-form__currency motion-reduce"> 2585 EUR 2586 â¬</span> 2587 </a> 2588 </li><li class="disclosure__item" tabindex="-1"> 2589 <a 2590 class="link link--text disclosure__link caption-large focus-inset" 2591 href="#" 2592 2593 data-value="MX" 2594 id="Mexico" 2595 > 2596 <span 2597 2598 class="visibility-hidden" 2599 2600 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9">
2600<path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2601</span> 2602 <span class="country">Mexico</span> 2603 <span class="localization-form__currency motion-reduce"> 2604 USD 2605 $</span> 2606 </a> 2607 </li><li class="disclosure__item" tabindex="-1"> 2608 <a 2609 class="link link--text disclosure__link caption-large focus-inset" 2610 href="#" 2611 2612 data-value="NZ" 2613 id="New Zealand" 2614 > 2615 <span 2616 2617 class="visibility-hidden" 2618 2619 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2620</span> 2621 <span class="country">New Zealand</span> 2622 <span class="localization-form__currency motion-reduce"> 2623 NZD 2624 $</span> 2625 </a> 2626 </li><li class="disclosure__item" tabindex="-1"> 2627 <a 2628 class="link link--text disclosure__link caption-large focus-inset" 2629 href="#" 2630 2631 data-value="PT" 2632 id="Portugal" 2633 > 2634 <span 2635 2636 class="visibility-hidden" 2637 2638 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2639</span> 2640 <span class="country">Portugal</span> 2641 <span class="localization-form__currency motion-reduce"> 2642 EUR 2643 â¬</span> 2644 </a> 2645 </li><li class="disclosure__item" tabindex="-1"> 2646 <a 2647 class="link link--text disclosure__link caption-large focus-inset" 2648 href="#" 2649 2650 data-value="SA" 2651 id="Saudi Arabia" 2652 > 2653 <span 2654 2655 class="visibility-hidden" 2656 2657 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2658</span> 2659 <span class="country">Saudi Arabia</span> 2660 <span class="localization-form__currency motion-reduce"> 2661 SAR 2662 ر.س</span> 2663 </a> 2664 </li><li class="disclosure__item" tabindex="-1"> 2665 <a 2666 class="link link--text disclosure__link caption-large focus-inset" 2667 href="#" 2668 2669 data-value="RS" 2670 id="Serbia" 2671 > 2672 <span 2673 2674 class="visibility-hidden" 2675 2676 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2677</span> 2678 <span class="country">Serbia</span> 2679 <span class="localization-form__currency motion-reduce"> 2680 RSD 2681 РСÐ</span> 2682 </a> 2683 </li><li class="disclosure__item" tabindex="-1"> 2684 <a 2685 class="link link--text disclosure__link caption-large focus-inset" 2686 href="#" 2687 2688 data-value="ES" 2689 id="Spain" 2690 >
2691 <span 2692 2693 class="visibility-hidden" 2694 2695 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2696</span> 2697 <span class="country">Spain</span> 2698 <span class="localization-form__currency motion-reduce"> 2699 EUR 2700 â¬</span> 2701 </a> 2702 </li><li class="disclosure__item" tabindex="-1"> 2703 <a 2704 class="link link--text disclosure__link caption-large focus-inset" 2705 href="#" 2706 2707 data-value="SE" 2708 id="Sweden" 2709 > 2710 <span 2711 2712 class="visibility-hidden" 2713 2714 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2715</span> 2716 <span class="country">Sweden</span> 2717 <span class="localization-form__currency motion-reduce"> 2718 SEK 2719 kr</span> 2720 </a> 2721 </li><li class="disclosure__item" tabindex="-1"> 2722 <a 2723 class="link link--text disclosure__link caption-large focus-inset" 2724 href="#" 2725 2726 data-value="CH" 2727 id="Switzerland" 2728 > 2729 <span 2730 2731 class="visibility-hidden" 2732 2733 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2734</span> 2735 <span class="country">Switzerland</span> 2736 <span class="localization-form__currency motion-reduce"> 2737 CHF 2738 CHF</span> 2739 </a> 2740 </li><li class="disclosure__item" tabindex="-1"> 2741 <a 2742 class="link link--text disclosure__link caption-large focus-inset" 2743 href="#" 2744 2745 data-value="AE" 2746 id="United Arab Emirates" 2747 > 2748 <span 2749 2750 class="visibility-hidden" 2751 2752 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2753</span> 2754 <span class="country">United Arab Emirates</span> 2755 <span class="localization-form__currency motion-reduce"> 2756 AED 2757 د.Ø¥</span> 2758 </a> 2759 </li><li class="disclosure__item" tabindex="-1"> 2760 <a 2761 class="link link--text disclosure__link caption-large focus-inset" 2762 href="#" 2763 2764 data-value="GB" 2765 id="United Kingdom" 2766 > 2767 <span 2768 2769 class="visibility-hidden" 2770 2771 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2772</span> 2773 <span class="country">United Kingdom</span>
2774 <span class="localization-form__currency motion-reduce"> 2775 GBP 2776 £</span> 2777 </a> 2778 </li><li class="disclosure__item" tabindex="-1"> 2779 <a 2780 class="link link--text disclosure__link caption-large focus-inset" 2781 href="#" 2782 2783 aria-current="true" 2784 2785 data-value="US" 2786 id="United States" 2787 > 2788 <span 2789 2790 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-checkmark" viewBox="0 0 12 9"><path fill="currentColor" fill-rule="evenodd" d="M11.35.643a.5.5 0 0 1 .006.707l-6.77 6.886a.5.5 0 0 1-.719-.006L.638 4.845a.5.5 0 1 1 .724-.69l2.872 3.011 6.41-6.517a.5.5 0 0 1 .707-.006z" clip-rule="evenodd"/></svg> 2791</span> 2792 <span class="country">United States</span> 2793 <span class="localization-form__currency motion-reduce"> 2794 USD 2795 $</span> 2796 </a> 2797 </li></ul> 2798 </div> 2799 </div> 2800 <div class="country-selector__overlay"></div> 2801</div> 2802<input type="hidden" name="country_code" value="US"> 2803</div></form></localization-form> 2804 2805</div><ul class="list list-social list-unstyled" role="list"><li class="list-social__item"> 2806 <a href="https://www.pinterest.com/modernpicnic/" class="list-social__link link" target="_blank" rel="noopener noreferrer"> 2807 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20"><path fill="currentColor" d="M9.958.811q1.903 0 3.635.744t2.988 2 2 2.988.744 3.635q0 2.537-1.256 4.696t-3.415 3.415-4.696 1.256q-1.39 0-2.659-.366.707-1.147.951-2.025l.659-2.561q.244.463.903.817t1.39.354q1.464 0 2.622-.842t1.793-2.305.634-3.293q0-2.171-1.671-3.769t-4.257-1.598q-1.586 0-2.903.537T5.298 5.897 4.066 7.775t-.427 2.037q0 1.268.476 2.22t1.427 1.342q.171.073.293.012t.171-.232q.171-.61.195-.756.098-.268-.122-.512-.634-.707-.634-1.83 0-1.854 1.281-3.183t3.354-1.329q1.83 0 2.854 1t1.025 2.61q0 1.342-.366 2.476t-1.049 1.817-1.561.683q-.732 0-1.195-.537t-.293-1.269q.098-.342.256-.878t.268-.915.207-.817.098-.732q0-.61-.317-1t-.927-.39q-.756 0-1.269.695t-.512 1.744q0 .39.061.756t.134.537l.073.171q-1 4.342-1.22 5.098-.195.927-.146 2.171-2.513-1.122-4.062-3.44T.59 10.177q0-3.879 2.744-6.623T9.957.81z"></path></svg></span> 2808 <span class="visually-hidden">Pinterest</span> 2809 </a> 2810 </li><li class="list-social__item"> 2811 <a href="http://instagram.com/modernpicnic" class="list-social__link link" target="_blank" rel="noopener noreferrer"> 2812 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 512 512"><path fill="currentColor" d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"></path>
2812<path fill="currentColor" d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"></path><circle fill="white" cx="390.5" cy="121.5" r="30.2"></circle></svg></span> 2813 <span class="visually-hidden">Instagram</span> 2814 </a> 2815 </li><li class="list-social__item"> 2816 <a href="https://www.tiktok.com/@modernpicnic?_d=secCgYIASAHKAESMgow66utEFUXucKzoRk6J7M3j8PxKji7mD6KNuidVMtwzJ%2FcbEmc8PCSYQTzEETzapzfGgA%3D&checksum=1d56c53e5424caa89f1dec3817eee4573f495f92a34223b6c0210f44a665a112&language=en&preview_pb=0&sec_user_id=MS4wLjABAAAAXoorLioKuDyazY6KdiVLfNHxg1UfUByIw_KNPflX6rkpNZf9OlOUUh92S1CYEx7s&share_app_id=1233&share_item_id=6982187513729338629&share_link_id=FEF626FE-181C-4697-B2E0-7F229F53722C&source=h5_m×tamp=1625719433&tt_from=copy&u_code=dbfai7ak76ia8m&user_id=6808272991387878405&utm_campaign=client_share&utm_medium=ios&utm_source=copy&_r=1&is_copy_url=1&is_from_webapp=v1" class="list-social__link link" target="_blank" rel="noopener noreferrer"> 2817 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" class="icon icon-tiktok" style="width: 32px;"><path fill="currentColor" d="m475.074 0h-438.148c-20.395 0-36.926 16.531-36.926 36.926v438.148c0 20.395 16.531 36.926 36.926 36.926h438.148c20.395 0 36.926-16.531 36.926-36.926v-438.148c0-20.395-16.531-36.926-36.926-36.926zm-90.827 195.959v34.613c-16.322.006-32.181-3.192-47.137-9.503-9.617-4.06-18.577-9.292-26.772-15.613l.246 106.542c-.103 23.991-9.594 46.532-26.772 63.51-13.98 13.82-31.695 22.609-50.895 25.453-4.512.668-9.103 1.011-13.746 1.011-20.553 0-40.067-6.659-56.029-18.943-3.004-2.313-5.876-4.82-8.612-7.521-18.617-18.4-28.217-43.34-26.601-69.575 1.234-19.971 9.229-39.017 22.558-53.945 17.635-19.754 42.306-30.719 68.684-30.719 4.643 0 9.234.348 13.746 1.017v12.798 35.601c-4.277-1.411-8.846-2.187-13.603-2.187-24.1 0-43.597 19.662-43.237 43.779.228 15.431 8.658 28.92 21.09 36.355 5.842 3.495 12.564 5.659 19.737 6.053 5.62.308 11.016-.474 16.013-2.124 17.218-5.688 29.639-21.861 29.639-40.935l.057-71.346v-130.252h47.668c.046 4.723.525 9.332 1.416 13.797 3.598 18.075 13.786 33.757 27.966 44.448 12.364 9.326 27.76 14.854 44.448 14.854.011 0 .148 0 .137-.011v12.843z"></path></svg></span> 2818 <span class="visually-hidden">TikTok</span> 2819 </a> 2820 </li><li class="list-social__item"> 2821 <a href="https://www.youtube.com/channel/UCrzOPDVxl_poiR4eYzUYJKQ?view_as=subscriber" class="list-social__link link" target="_blank" rel="noopener noreferrer"> 2822 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 21 20"><path fill="currentColor" d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"></path></svg></span> 2823 <span class="visually-hidden">YouTube</span> 2824 </a> 2825 </li></ul> 2826 </div> 2827 </div> 2828 </div> 2829 </div> 2830 </details> 2831</header-drawer> 2832<a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper"> 2833 2834 <img src="//modernpicnic.com/cdn/shop/files/Modern_Picnic_Bag_Logo_1ece976f-0e2d-42f9-9e2f-369ed29b1afb_1.png?v=1686037682&width=1800" alt="Modern Picnic" srcset="//modernpicnic.com/cdn/shop/files/Modern_Picnic_Bag_Logo_1ece976f-0e2d-42f9-9e2f-369ed29b1afb_1.png?v=1686037682&width=600 600w, //modernpicnic.com/cdn/shop/files/Modern_Picnic_Bag_Logo_1ece976f-0e2d-42f9-9e2f-369ed29b1afb_1.png?v=1686037682&
2834width=900 900w, //modernpicnic.com/cdn/shop/files/Modern_Picnic_Bag_Logo_1ece976f-0e2d-42f9-9e2f-369ed29b1afb_1.png?v=1686037682&width=1200 1200w, //modernpicnic.com/cdn/shop/files/Modern_Picnic_Bag_Logo_1ece976f-0e2d-42f9-9e2f-369ed29b1afb_1.png?v=1686037682&width=1500 1500w, //modernpicnic.com/cdn/shop/files/Modern_Picnic_Bag_Logo_1ece976f-0e2d-42f9-9e2f-369ed29b1afb_1.png?v=1686037682&width=1800 1800w" width="300" height="42" loading="eager" class="header__heading-logo motion-reduce" sizes="(min-width: 990px) 300px, 300px"> 2835 </div></a> 2836 2837<nav class="header__inline-menu"> 2838 <ul class="list-menu list-menu--inline" role="list"><li><header-menu data-hover="true"> 2839 <details id="Details-HeaderMenu-1" class="mega-menu mega-menu--fullscreen"> 2840 <summary 2841 id="HeaderMenu-shop-all" 2842 class="header__menu-item list-menu__item link focus-inset" 2843 > 2844 <a href="/collections/shop-all" class="header__menu-item-link"> 2845 <span 2846 >SHOP ALL</span> 2847 </a> 2848 2849 </summary> 2850 <div 2851 id="MegaMenu-Content-1" 2852 class="mega-menu__content mega-menu__content--fullscreen color-scheme-1 gradient motion-reduce global-settings-popup" 2853 tabindex="-1" 2854 2855 > 2856 <div class="mega-menu__inner"><div class="mega-menu__left"> 2857 <h2 class="mega-menu__title h3"> 2858 <a href="/collections/shop-all"> 2859 <label> SHOP ALL </label> 2860 </a> 2861 </h2> 2862 2863 <ul class="mega-menu__links list-unstyled" role="list"><li> 2864 <a 2865 id="HeaderMenu-shop-all-the-luncher" 2866 href="/products/lunch-box-purse-black-croc" 2867 class="mega-menu__link" 2868 data-link-title="The Luncher" 2869 2870 > 2871 <span class="mega-menu__link-text">The Luncher</span><span class="mega-menu__badge">BEST SELLER</span></a> 2872 </li><li> 2873 <a 2874 id="HeaderMenu-shop-all-the-large-luncher" 2875 href="/products/the-large-luncher-black-croc" 2876 class="mega-menu__link" 2877 data-link-title="The Large Luncher" 2878 2879 > 2880 <span class="mega-menu__link-text">The Large Luncher</span><span class="mega-menu__badge">BEST SELLER</span></a> 2881 </li><li> 2882 <a 2883 id="HeaderMenu-shop-all-the-fanny-pack" 2884 href="/products/insulated-fanny-pack-belt-bag" 2885 class="mega-menu__link" 2886 data-link-title="The Fanny Pack" 2887 2888 > 2889 <span class="mega-menu__link-text">The Fanny Pack</span></a> 2890 </li><li> 2891 <a 2892 id="HeaderMenu-shop-all-the-food-container" 2893 href="/products/single-leak-proof-food-container" 2894 class="mega-menu__link" 2895 data-link-title="The Food Container" 2896 2897 > 2898 <span class="mega-menu__link-text">The Food Container</span></a> 2899 </li><li> 2900 <a 2901 id="HeaderMenu-shop-all-the-wicker-mini" 2902 href="/products/the-wicker-mini-dark-white-wicker" 2903 class="mega-menu__link" 2904 data-link-title=" The Wicker Mini " 2905 2906 >
2907 <span class="mega-menu__link-text"> The Wicker Mini </span></a> 2908 </li><li> 2909 <a 2910 id="HeaderMenu-shop-all-the-picnic-blanket" 2911 href="/products/the-picnic-blanket" 2912 class="mega-menu__link" 2913 data-link-title="The Picnic Blanket" 2914 2915 > 2916 <span class="mega-menu__link-text">The Picnic Blanket</span></a> 2917 </li><li> 2918 <a 2919 id="HeaderMenu-shop-all-the-tote" 2920 href="/products/the-tote-white-canvas" 2921 class="mega-menu__link" 2922 data-link-title="The Tote" 2923 2924 > 2925 <span class="mega-menu__link-text">The Tote</span></a> 2926 </li><li> 2927 <a 2928 id="HeaderMenu-shop-all-the-backpack" 2929 href="/products/the-backpack-black-croc" 2930 class="mega-menu__link" 2931 data-link-title="The Backpack" 2932 2933 > 2934 <span class="mega-menu__link-text">The Backpack</span></a> 2935 </li><li> 2936 <a 2937 id="HeaderMenu-shop-all-the-snacker" 2938 href="/products/insulated-snack-pouch-black-croc" 2939 class="mega-menu__link" 2940 data-link-title="The Snacker" 2941 2942 > 2943 <span class="mega-menu__link-text">The Snacker</span></a> 2944 </li><li> 2945 <a 2946 id="HeaderMenu-shop-all-the-nylon" 2947 href="/products/navy-nylon-insulated-lunch-bag" 2948 class="mega-menu__link" 2949 data-link-title="The Nylon" 2950 2951 > 2952 <span class="mega-menu__link-text">The Nylon</span></a> 2953 </li></ul> 2954 2955 <a href="/collections/shop-all" class="mega-menu__shop-all-btn button button--primary">SHOP ALL 2956</a> 2957 </div><div class="mega-menu__right"><div class="mega-menu__products-grid"><a href="/products/lunch-box-purse-black-croc" class="mega-menu__product-card" data-product-title="The Luncher"> 2958 <div class="mega-menu__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Group_289.jpg?v=1729988712&width=900" alt="The Luncher" srcset="//modernpicnic.com/cdn/shop/files/Group_289.jpg?v=1729988712&width=360 360w, //modernpicnic.com/cdn/shop/files/Group_289.jpg?v=1729988712&width=540 540w, //modernpicnic.com/cdn/shop/files/Group_289.jpg?v=1729988712&width=720 720w, //modernpicnic.com/cdn/shop/files/Group_289.jpg?v=1729988712&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image" sizes="(max-width: 1200px) 25vw, 280px"> 2959<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_7.jpg?v=1762434840&width=900" alt="The Luncher" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_7.jpg?v=1762434840&width=360 360w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_7.jpg?v=1762434840&width=540 540w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_7.jpg?v=1762434840&width=720 720w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_7.jpg?v=1762434840&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image mega-menu__product-image--hover" sizes="(max-width: 1200px) 25vw, 280px"> 2960</div><p class="mega-menu__product-title"><span class="mega-menu__product-title-prefix">The </span>Luncher 2961 </p> 2962 </a><a href="/products/the-large-luncher-black-croc" class="mega-menu__product-card" data-product-title="The Large Luncher"> 2963 <div class="mega-menu__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Group_1150.jpg?v=1767762112&width=900" alt="The Large Luncher" srcset="//modernpicnic.com/cdn/shop/files/Group_1150.jpg?v=1767762112&width=360 360w, //modernpicnic.com/cdn/shop/files/Group_1150.jpg?v=1767762112&width=540 540w, //modernpicnic.com/cdn/shop/files/Group_1150.jpg?v=1767762112&width=720 720w, //modernpicnic.com/cdn/shop/files/Group_1150.jpg?v=1767762112&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image" sizes="(max-width: 1200px) 25vw, 280px">
2964<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_8.jpg?v=1762434840&width=900" alt="The Large Luncher" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_8.jpg?v=1762434840&width=360 360w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_8.jpg?v=1762434840&width=540 540w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_8.jpg?v=1762434840&width=720 720w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_8.jpg?v=1762434840&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image mega-menu__product-image--hover" sizes="(max-width: 1200px) 25vw, 280px"> 2965</div><p class="mega-menu__product-title"><span class="mega-menu__product-title-prefix">The </span>Large Luncher 2966 </p> 2967 </a><a href="/products/insulated-fanny-pack-belt-bag" class="mega-menu__product-card" data-product-title="The Fanny Pack"> 2968 <div class="mega-menu__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Group_279.jpg?v=1762436611&width=900" alt="The Fanny Pack" srcset="//modernpicnic.com/cdn/shop/files/Group_279.jpg?v=1762436611&width=360 360w, //modernpicnic.com/cdn/shop/files/Group_279.jpg?v=1762436611&width=540 540w, //modernpicnic.com/cdn/shop/files/Group_279.jpg?v=1762436611&width=720 720w, //modernpicnic.com/cdn/shop/files/Group_279.jpg?v=1762436611&width=900 900w" width="900" height="904" loading="lazy" class="mega-menu__product-image" sizes="(max-width: 1200px) 25vw, 280px"> 2969<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_3.jpg?v=1762434839&width=900" alt="The Fanny Pack" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_3.jpg?v=1762434839&width=360 360w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_3.jpg?v=1762434839&width=540 540w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_3.jpg?v=1762434839&width=720 720w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_3.jpg?v=1762434839&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image mega-menu__product-image--hover" sizes="(max-width: 1200px) 25vw, 280px"> 2970</div><p class="mega-menu__product-title"><span class="mega-menu__product-title-prefix">The </span>Fanny Pack 2971 </p> 2972 </a><a href="/products/single-leak-proof-food-container" class="mega-menu__product-card" data-product-title="The Food Container"> 2973 <div class="mega-menu__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Group_282.jpg?v=1729988711&width=900" alt="The Food Container" srcset="//modernpicnic.com/cdn/shop/files/Group_282.jpg?v=1729988711&width=360 360w, //modernpicnic.com/cdn/shop/files/Group_282.jpg?v=1729988711&width=540 540w, //modernpicnic.com/cdn/shop/files/Group_282.jpg?v=1729988711&width=720 720w, //modernpicnic.com/cdn/shop/files/Group_282.jpg?v=1729988711&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image" sizes="(max-width: 1200px) 25vw, 280px"> 2974<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_2.webp?v=1767765555&width=900" alt="The Food Container" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_2.webp?v=1767765555&width=360 360w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_2.webp?v=1767765555&width=540 540w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_2.webp?v=1767765555&width=720 720w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_2.webp?v=1767765555&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image mega-menu__product-image--hover" sizes="(max-width: 1200px) 25vw, 280px"> 2975</div><p class="mega-menu__product-title"><span class="mega-menu__product-title-prefix">The </span>Food Container 2976 </p> 2977 </a><a href="/products/the-wicker-mini-dark-white-wicker" class="mega-menu__product-card" data-product-title=" The Wicker Mini "> 2978 <div class="mega-menu__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Group_1096_f629a15a-3509-4d6e-b7bf-21ac8ec3cb80.jpg?v=1788958241&width=900" alt=" The Wicker Mini " srcset="//modernpicnic.com/cdn/shop/files/Group_1096_f629a15a-3509-4d6e-b7bf-21ac8ec3cb80.jpg?v=1788958241&width=360 360w, //modernpicnic.com/cdn/shop/files/Group_1096_f629a15a-3509-4d6e-b7bf-21ac8ec3cb80.jpg?v=1788958241&width=540 540w, //modernpicnic.com/cdn/shop/files/Group_1096_f629a15a-3509-4d6e-b7bf-21ac8ec3cb80.jpg?v=1788958241&width=720 720w, //modernpicnic.com/cdn/shop/files/Group_1096_f629a15a-3509-4d6e-b7bf-21ac8ec3cb80.jpg?v=1788958241&width=900 900w" width="900" height="904" loading="lazy" class="mega-menu__product-image" sizes="(max-width: 1200px) 25vw, 280px">
2979<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_4.jpg?v=1762434839&width=900" alt=" The Wicker Mini " srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_4.jpg?v=1762434839&width=360 360w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_4.jpg?v=1762434839&width=540 540w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_4.jpg?v=1762434839&width=720 720w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_4.jpg?v=1762434839&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image mega-menu__product-image--hover" sizes="(max-width: 1200px) 25vw, 280px"> 2980</div><p class="mega-menu__product-title"><span class="mega-menu__product-title-prefix">The </span>Wicker Mini 2981 </p> 2982 </a><a href="/products/the-picnic-blanket" class="mega-menu__product-card" data-product-title="The Picnic Blanket"> 2983 <div class="mega-menu__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Screenshot_2026-07-14_at_3.13.49_PM_2.jpg?v=1787143470&width=900" alt="The Picnic Blanket" srcset="//modernpicnic.com/cdn/shop/files/Screenshot_2026-07-14_at_3.13.49_PM_2.jpg?v=1787143470&width=360 360w, //modernpicnic.com/cdn/shop/files/Screenshot_2026-07-14_at_3.13.49_PM_2.jpg?v=1787143470&width=540 540w, //modernpicnic.com/cdn/shop/files/Screenshot_2026-07-14_at_3.13.49_PM_2.jpg?v=1787143470&width=720 720w, //modernpicnic.com/cdn/shop/files/Screenshot_2026-07-14_at_3.13.49_PM_2.jpg?v=1787143470&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image" sizes="(max-width: 1200px) 25vw, 280px"> 2984<img src="//modernpicnic.com/cdn/shop/files/Screenshot_2026-07-01_at_9.33.39_AM_2_ce693f93-a893-4809-8704-51747dba6275.png?v=1784013798&width=900" alt="The Picnic Blanket" srcset="//modernpicnic.com/cdn/shop/files/Screenshot_2026-07-01_at_9.33.39_AM_2_ce693f93-a893-4809-8704-51747dba6275.png?v=1784013798&width=360 360w, //modernpicnic.com/cdn/shop/files/Screenshot_2026-07-01_at_9.33.39_AM_2_ce693f93-a893-4809-8704-51747dba6275.png?v=1784013798&width=540 540w, //modernpicnic.com/cdn/shop/files/Screenshot_2026-07-01_at_9.33.39_AM_2_ce693f93-a893-4809-8704-51747dba6275.png?v=1784013798&width=720 720w, //modernpicnic.com/cdn/shop/files/Screenshot_2026-07-01_at_9.33.39_AM_2_ce693f93-a893-4809-8704-51747dba6275.png?v=1784013798&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image mega-menu__product-image--hover" sizes="(max-width: 1200px) 25vw, 280px"> 2985</div><p class="mega-menu__product-title"><span class="mega-menu__product-title-prefix">The </span>Picnic Blanket 2986 </p> 2987 </a><a href="/products/the-tote-white-canvas" class="mega-menu__product-card" data-product-title="The Tote"> 2988 <div class="mega-menu__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/image_159_1.jpg?v=1787143473&width=900" alt="The Tote" srcset="//modernpicnic.com/cdn/shop/files/image_159_1.jpg?v=1787143473&width=360 360w, //modernpicnic.com/cdn/shop/files/image_159_1.jpg?v=1787143473&width=540 540w, //modernpicnic.com/cdn/shop/files/image_159_1.jpg?v=1787143473&width=720 720w, //modernpicnic.com/cdn/shop/files/image_159_1.jpg?v=1787143473&width=900 900w" width="900" height="904" loading="lazy" class="mega-menu__product-image" sizes="(max-width: 1200px) 25vw, 280px"> 2989<img src="//modernpicnic.com/cdn/shop/files/image_160_1.jpg?v=1787143473&width=900" alt="The Tote" srcset="//modernpicnic.com/cdn/shop/files/image_160_1.jpg?v=1787143473&width=360 360w, //modernpicnic.com/cdn/shop/files/image_160_1.jpg?v=1787143473&width=540 540w, //modernpicnic.com/cdn/shop/files/image_160_1.jpg?v=1787143473&width=720 720w, //modernpicnic.com/cdn/shop/files/image_160_1.jpg?v=1787143473&width=900 900w" width="900" height="892" loading="lazy" class="mega-menu__product-image mega-menu__product-image--hover" sizes="(max-width: 1200px) 25vw, 280px"> 2990</div><p class="mega-menu__product-title"><span class="mega-menu__product-title-prefix">The </span>Tote 2991 </p> 2992 </a><a href="/products/the-backpack-black-croc" class="mega-menu__product-card" data-product-title="The Backp
2992ack"> 2993 <div class="mega-menu__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/image_150.jpg?v=1787143474&width=900" alt="The Backpack" srcset="//modernpicnic.com/cdn/shop/files/image_150.jpg?v=1787143474&width=360 360w, //modernpicnic.com/cdn/shop/files/image_150.jpg?v=1787143474&width=540 540w, //modernpicnic.com/cdn/shop/files/image_150.jpg?v=1787143474&width=720 720w, //modernpicnic.com/cdn/shop/files/image_150.jpg?v=1787143474&width=900 900w" width="900" height="904" loading="lazy" class="mega-menu__product-image" sizes="(max-width: 1200px) 25vw, 280px"> 2994<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_10.jpg?v=1762434839&width=900" alt="The Backpack" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_10.jpg?v=1762434839&width=360 360w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_10.jpg?v=1762434839&width=540 540w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_10.jpg?v=1762434839&width=720 720w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_10.jpg?v=1762434839&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image mega-menu__product-image--hover" sizes="(max-width: 1200px) 25vw, 280px"> 2995</div><p class="mega-menu__product-title"><span class="mega-menu__product-title-prefix">The </span>Backpack 2996 </p> 2997 </a><a href="/products/insulated-snack-pouch-black-croc" class="mega-menu__product-card" data-product-title="The Snacker"> 2998 <div class="mega-menu__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/image_149.jpg?v=1787143474&width=900" alt="The Snacker" srcset="//modernpicnic.com/cdn/shop/files/image_149.jpg?v=1787143474&width=360 360w, //modernpicnic.com/cdn/shop/files/image_149.jpg?v=1787143474&width=540 540w, //modernpicnic.com/cdn/shop/files/image_149.jpg?v=1787143474&width=720 720w, //modernpicnic.com/cdn/shop/files/image_149.jpg?v=1787143474&width=900 900w" width="900" height="892" loading="lazy" class="mega-menu__product-image" sizes="(max-width: 1200px) 25vw, 280px"> 2999<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_7_3e643832-902d-4509-b1f1-cfb16d69bbf8.jpg?v=1775575534&width=900" alt="The Snacker" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_7_3e643832-902d-4509-b1f1-cfb16d69bbf8.jpg?v=1775575534&width=360 360w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_7_3e643832-902d-4509-b1f1-cfb16d69bbf8.jpg?v=1775575534&width=540 540w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_7_3e643832-902d-4509-b1f1-cfb16d69bbf8.jpg?v=1775575534&width=720 720w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_7_3e643832-902d-4509-b1f1-cfb16d69bbf8.jpg?v=1775575534&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image mega-menu__product-image--hover" sizes="(max-width: 1200px) 25vw, 280px"> 3000</div><p class="mega-menu__product-title"><span class="mega-menu__product-title-prefix">The </span>Snacker 3001 </p> 3002 </a><a href="/products/navy-nylon-insulated-lunch-bag" class="mega-menu__product-card" data-product-title="The Nylon"> 3003 <div class="mega-menu__product-image-wrapper has-hover-image"><img src="//modernpicnic.com/cdn/shop/files/Group_1437256278.jpg?v=1788958238&width=900" alt="The Nylon" srcset="//modernpicnic.com/cdn/shop/files/Group_1437256278.jpg?v=1788958238&width=360 360w, //modernpicnic.com/cdn/shop/files/Group_1437256278.jpg?v=1788958238&width=540 540w, //modernpicnic.com/cdn/shop/files/Group_1437256278.jpg?v=1788958238&width=720 720w, //modernpicnic.com/cdn/shop/files/Group_1437256278.jpg?v=1788958238&width=900 900w" width="900" height="904" loading="lazy" class="mega-menu__product-image" sizes="(max-width: 1200px) 25vw, 280px"> 3004<img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-021_6.webp?v=1773992800&width=900" alt="The Nylon" srcset="//modernpicnic.com/cdn/shop/files/M
3004odernPicnic-021_6.webp?v=1773992800&width=360 360w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_6.webp?v=1773992800&width=540 540w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_6.webp?v=1773992800&width=720 720w, //modernpicnic.com/cdn/shop/files/ModernPicnic-021_6.webp?v=1773992800&width=900 900w" width="900" height="900" loading="lazy" class="mega-menu__product-image mega-menu__product-image--hover" sizes="(max-width: 1200px) 25vw, 280px"> 3005</div><p class="mega-menu__product-title"><span class="mega-menu__product-title-prefix">The </span>Nylon 3006 </p> 3007 </a></div></div></div> 3008 </div> 3009 </details> 3010 </header-menu></li><li><header-menu data-hover="true"> 3011 <details id="Details-HeaderMenu-2" class="mega-menu mega-menu--fullscreen"> 3012 <summary 3013 id="HeaderMenu-collections" 3014 class="header__menu-item list-menu__item link focus-inset" 3015 > 3016 <a href="/collections/shop-all" class="header__menu-item-link"> 3017 <span 3018 >COLLECTIONS</span> 3019 </a> 3020 3021 </summary> 3022 <div 3023 id="MegaMenu-Content-2" 3024 class="mega-menu__content mega-menu__content--fullscreen color-scheme-1 gradient motion-reduce global-settings-popup" 3025 tabindex="-1" 3026 3027 > 3028 <div class="mega-menu__inner"><div class="mega-menu__left headerMenu-collections"> 3029 <h2 class="mega-menu__title h3"> 3030 <a href="/collections/shop-all"> 3031 <label> COLLECTIONS </label> 3032 </a> 3033 </h2> 3034 3035 <ul class="mega-menu__links list-unstyled" role="list"><li> 3036 <a 3037 id="HeaderMenu-collections-best-sellers" 3038 href="/collections/best-sellers" 3039 class="mega-menu__link" 3040 data-link-title="Best Sellers" 3041 3042 > 3043 <span class="mega-menu__link-text">Best Sellers</span></a> 3044 </li><li> 3045 <a 3046 id="HeaderMenu-collections-under-60" 3047 href="/collections/under-60-favorites" 3048 class="mega-menu__link" 3049 data-link-title="Under $60" 3050 3051 > 3052 <span class="mega-menu__link-text">Under $60</span></a> 3053 </li><li> 3054 <a 3055 id="HeaderMenu-collections-gift-guide" 3056 href="/pages/mp-gift-guide" 3057 class="mega-menu__link" 3058 data-link-title="Gift Guide" 3059 3060 > 3061 <span class="mega-menu__link-text">Gift Guide</span></a> 3062 </li><li> 3063 <a 3064 id="HeaderMenu-collections-pet-collection" 3065 href="/collections/the-pet-collection" 3066 class="mega-menu__link" 3067 data-link-title="Pet Collection" 3068 3069 > 3070 <span class="mega-menu__link-text">Pet Collection</span></a> 3071 </li><li> 3072 <a 3073 id="HeaderMenu-collections-travel-edit" 3074 href="/pages/travel-collection" 3075 class="mega-menu__link" 3076 data-link-title="Travel Edit" 3077 3078 > 3079 <span class="mega-menu__link-text">Travel Edit</span></a> 3080 </li><li> 3081 <a 3082 id="HeaderMenu-collections-save-with-sets" 3083 href="/collections/bundles" 3084 class="mega-menu__link" 3085 data-link-title="Save with Sets" 3086 3087 >
3088 <span class="mega-menu__link-text">Save with Sets</span></a> 3089 </li><li> 3090 <a 3091 id="HeaderMenu-collections-mp-market" 3092 href="/collections/marketplace-collection" 3093 class="mega-menu__link" 3094 data-link-title="MP Market" 3095 3096 > 3097 <span class="mega-menu__link-text">MP Market</span></a> 3098 </li><li> 3099 <a 3100 id="HeaderMenu-collections-bridal-collection" 3101 href="/collections/the-bridal-collection" 3102 class="mega-menu__link" 3103 data-link-title="Bridal Collection" 3104 3105 > 3106 <span class="mega-menu__link-text">Bridal Collection</span></a> 3107 </li><li> 3108 <a 3109 id="HeaderMenu-collections-wicker-collection" 3110 href="/collections/wicker-collection" 3111 class="mega-menu__link" 3112 data-link-title="Wicker Collection" 3113 3114 > 3115 <span class="mega-menu__link-text">Wicker Collection</span></a> 3116 </li><li> 3117 <a 3118 id="HeaderMenu-collections-coastal-collection" 3119 href="/collections/the-coastal-collection" 3120 class="mega-menu__link" 3121 data-link-title="Coastal Collection" 3122 3123 > 3124 <span class="mega-menu__link-text">Coastal Collection</span></a> 3125 </li></ul> 3126 3127 <a href="/collections/shop-all" class="mega-menu__shop-all-btn button button--primary">SHOP ALL 3128</a> 3129 </div><div class="mega-menu__right headerMenu-collections"><div class="mega-menu__collections-grid"><a href="/collections/best-sellers" class="mega-menu__collection-card"> 3130 <div class="mega-menu__collection-image-wrapper"><img src="//modernpicnic.com/cdn/shop/files/FW23-STUDIO-ANNA6_1_736c4695-952c-445c-92b1-67f851a63f04.jpg?v=1779186086&width=900" alt="Best Sellers" srcset="//modernpicnic.com/cdn/shop/files/FW23-STUDIO-ANNA6_1_736c4695-952c-445c-92b1-67f851a63f04.jpg?v=1779186086&width=360 360w, //modernpicnic.com/cdn/shop/files/FW23-STUDIO-ANNA6_1_736c4695-952c-445c-92b1-67f851a63f04.jpg?v=1779186086&width=540 540w, //modernpicnic.com/cdn/shop/files/FW23-STUDIO-ANNA6_1_736c4695-952c-445c-92b1-67f851a63f04.jpg?v=1779186086&width=720 720w, //modernpicnic.com/cdn/shop/files/FW23-STUDIO-ANNA6_1_736c4695-952c-445c-92b1-67f851a63f04.jpg?v=1779186086&width=900 900w" width="900" height="958" loading="lazy" class="mega-menu__collection-image" sizes="(max-width: 1200px) 30vw, 340px"> 3131</div> 3132 <span class="mega-menu__collection-title"> 3133 <label>BEST SELLERS</label> 3134 <span class="mega-menu-promo-arrow"><img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Arrow_4_1.png?v=1730374262"></span> 3135 </span> 3136 </a><a href="/collections/the-pet-collection" class="mega-menu__collection-card"> 3137 <div class="mega-menu__collection-image-wrapper"><img src="//modernpicnic.com/cdn/shop/files/ModernPicnic-084_b1475b8c-1afb-478a-bfab-93329d80b7b0.webp?v=1779186076&width=900" alt="THE PET COLLECTION" srcset="//modernpicnic.com/cdn/shop/files/ModernPicnic-084_b1475b8c-1afb-478a-bfab-93329d80b7b0.webp?v=1779186076&width=360 360w, //modernpicnic.com/cdn/shop/files/ModernPicnic-084_b1475b8c-1afb-478a-bfab-93329d80b7b0.webp?v=1779186076&
3137width=540 540w, //modernpicnic.com/cdn/shop/files/ModernPicnic-084_b1475b8c-1afb-478a-bfab-93329d80b7b0.webp?v=1779186076&width=720 720w, //modernpicnic.com/cdn/shop/files/ModernPicnic-084_b1475b8c-1afb-478a-bfab-93329d80b7b0.webp?v=1779186076&width=900 900w" width="900" height="947" loading="lazy" class="mega-menu__collection-image" sizes="(max-width: 1200px) 30vw, 340px"> 3138</div> 3139 <span class="mega-menu__collection-title"> 3140 <label>PET PORTRAITS</label> 3141 <span class="mega-menu-promo-arrow"><img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Arrow_4_1.png?v=1730374262"></span> 3142 </span> 3143 </a><a href="/collections/the-coastal-collection" class="mega-menu__collection-card"> 3144 <div class="mega-menu__collection-image-wrapper"><img src="//modernpicnic.com/cdn/shop/files/07EE82A8-146B-4ACB-86A6-0BA39C59E16C_1.png?v=1784013622&width=900" alt="The Coastal Collection" srcset="//modernpicnic.com/cdn/shop/files/07EE82A8-146B-4ACB-86A6-0BA39C59E16C_1.png?v=1784013622&width=360 360w, //modernpicnic.com/cdn/shop/files/07EE82A8-146B-4ACB-86A6-0BA39C59E16C_1.png?v=1784013622&width=540 540w, //modernpicnic.com/cdn/shop/files/07EE82A8-146B-4ACB-86A6-0BA39C59E16C_1.png?v=1784013622&width=720 720w, //modernpicnic.com/cdn/shop/files/07EE82A8-146B-4ACB-86A6-0BA39C59E16C_1.png?v=1784013622&width=900 900w" width="900" height="957" loading="lazy" class="mega-menu__collection-image" sizes="(max-width: 1200px) 30vw, 340px"> 3145</div> 3146 <span class="mega-menu__collection-title"> 3147 <label>COASTAL COLLECTION</label> 3148 <span class="mega-menu-promo-arrow"><img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Arrow_4_1.png?v=1730374262"></span> 3149 </span> 3150 </a></div></div></div> 3151 </div> 3152 </details> 3153 </header-menu></li><li><header-menu data-hover="true"> 3154 <details id="Details-HeaderMenu-3" class="mega-menu mega-menu--fullscreen"> 3155 <summary 3156 id="HeaderMenu-about-community" 3157 class="header__menu-item list-menu__item link focus-inset" 3158 > 3159 <a href="/pages/our-story" class="header__menu-item-link"> 3160 <span 3161 >ABOUT + COMMUNITY</span> 3162 </a> 3163 3164 </summary> 3165 <div 3166 id="MegaMenu-Content-3" 3167 class="mega-menu__content mega-menu__content--fullscreen color-scheme-1 gradient motion-reduce global-settings-popup" 3168 tabindex="-1" 3169 3170 > 3171 <div class="mega-menu__inner"><div class="mega-menu__left headerMenu-collections"> 3172 <h2 class="mega-menu__title h3"> 3173 <a href="/pages/our-story"> 3174 <label> ABOUT + COMMUNITY </label> 3175 </a> 3176 </h2> 3177 3178 <ul class="mega-menu__links list-unstyled" role="list"><li> 3179 <a 3180 id="HeaderMenu-about-community-shark-tank" 3181 href="/pages/shark-tank" 3182 class="mega-menu__link" 3183 data-link-title="Shark Tank ð¦" 3184 3185 > 3186 <span class="mega-menu__link-text">Shark Tank ð¦</span></a> 3187 </li><li> 3188 <a 3189 id="HeaderMenu-about-community-our-story" 3190 href="/pages/our-story" 3191 class="mega-menu__link" 3192 data-link-title="Our Story" 3193 3194 > 3195 <span class="mega-menu__link-text">Our Story</span></a> 3196 </li><li> 3197 <a 3198 id="HeaderMenu-about-community-join-our-ambassador-program" 3199 href="/pages/ambassador-program" 3200 class="mega-menu__link" 3201 data-link-title="Join Our Ambassador Program" 3202 3203 >
3204 <span class="mega-menu__link-text">Join Our Ambassador Program</span></a> 3205 </li><li> 3206 <a 3207 id="HeaderMenu-about-community-referral-program" 3208 href="https://app.therave.co/modern-picnic/affiliate/fae31ec9-d283-450e-8031-fa630dff6843" 3209 class="mega-menu__link" 3210 data-link-title="Referral Program" 3211 3212 > 3213 <span class="mega-menu__link-text">Referral Program</span></a> 3214 </li><li> 3215 <a 3216 id="HeaderMenu-about-community-lunch-break-the-blog" 3217 href="/blogs/lunch-break" 3218 class="mega-menu__link" 3219 data-link-title="Lunch Break: The Blog" 3220 3221 > 3222 <span class="mega-menu__link-text">Lunch Break: The Blog</span></a> 3223 </li></ul> 3224 3225 <a href="/collections/shop-all" class="mega-menu__shop-all-btn button button--primary">SHOP ALL 3226</a> 3227 </div><div class="mega-menu__right headerMenu-collections"><div class="mega-menu__collections-grid"><a href="/pages/our-story" class="mega-menu__collection-card"> 3228 <div class="mega-menu__collection-image-wrapper"><img src="//modernpicnic.com/cdn/shop/files/Group_275.webp?v=1776926110&width=900" alt="OUR STORY" srcset="//modernpicnic.com/cdn/shop/files/Group_275.webp?v=1776926110&width=360 360w, //modernpicnic.com/cdn/shop/files/Group_275.webp?v=1776926110&width=540 540w, //modernpicnic.com/cdn/shop/files/Group_275.webp?v=1776926110&width=720 720w, //modernpicnic.com/cdn/shop/files/Group_275.webp?v=1776926110&width=900 900w" width="900" height="947" loading="lazy" class="mega-menu__collection-image" sizes="(max-width: 1200px) 30vw, 340px"> 3229</div> 3230 <span class="mega-menu__collection-title"> 3231 <label>OUR STORY</label> 3232 <span class="mega-menu-promo-arrow"><img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Arrow_4_1.png?v=1730374262"></span> 3233 </span> 3234 </a><a href="/pages/ambassador-program" class="mega-menu__collection-card"> 3235 <div class="mega-menu__collection-image-wrapper"><img src="//modernpicnic.com/cdn/shop/files/image.png?v=1762433517&width=900" alt="AMBASSADOR PROGRAM" srcset="//modernpicnic.com/cdn/shop/files/image.png?v=1762433517&width=360 360w, //modernpicnic.com/cdn/shop/files/image.png?v=1762433517&width=540 540w, //modernpicnic.com/cdn/shop/files/image.png?v=1762433517&width=720 720w, //modernpicnic.com/cdn/shop/files/image.png?v=1762433517&width=900 900w" width="900" height="958" loading="lazy" class="mega-menu__collection-image" sizes="(max-width: 1200px) 30vw, 340px"> 3236</div> 3237 <span class="mega-menu__collection-title"> 3238 <label>AMBASSADOR PROGRAM</label> 3239 <span class="mega-menu-promo-arrow"><img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Arrow_4_1.png?v=1730374262"></span> 3240 </span> 3241 </a><a href="/blogs/lunch-break" class="mega-menu__collection-card"> 3242 <div class="mega-menu__collection-image-wrapper"><img src="//modernpicnic.com/cdn/shop/files/394_16.jpg?v=1785215839&width=900" alt="Lunch Break" srcset="//modernpicnic.com/cdn/shop/files/394_16.jpg?v=1785215839&width=360 360w, //modernpicnic.com/cdn/shop/files/394_16.jpg?v=1785215839&width=540 540w, //modernpicnic.com/cdn/shop/files/394_16.jpg?v=1785215839&width=720 720w, //modernpicnic.com/cdn/shop/files/394_16.jpg?v=1785215839&width=900 900w" width="900" height="1125" loading="lazy" class="mega-menu__collection-image" sizes="(max-width: 1200px) 30vw, 340px"> 3243</div>
3244 <span class="mega-menu__collection-title"> 3245 <label>LUNCH BREAK: THE BLOG</label> 3246 <span class="mega-menu-promo-arrow"><img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Arrow_4_1.png?v=1730374262"></span> 3247 </span> 3248 </a></div></div></div> 3249 </div> 3250 </details> 3251 </header-menu></li><li><a 3252 id="HeaderMenu-corporate-gifting" 3253 href="/pages/large-order" 3254 class="header__menu-item list-menu__item link link--text focus-inset" 3255 3256 > 3257 <span 3258 >CORPORATE GIFTING</span> 3259 </a></li></ul> 3260</nav>
3261<script> 3262 // Hover functionality for mega menu on desktop 3263 document.addEventListener('DOMContentLoaded', function() { 3264 if (window.innerWidth >= 990) { 3265 const headerMenus = document.querySelectorAll('header-menu[data-hover="true"]'); 3266 3267 headerMenus.forEach(function(menu) { 3268 const details = menu.querySelector('details'); 3269 const summary = menu.querySelector('summary'); 3270 let closeTimeout; 3271 3272 // Open on mouse enter 3273 menu.addEventListener('mouseenter', function() { 3274 clearTimeout(closeTimeout); 3275 details.setAttribute('open', ''); 3276 menu.classList.add('menu-opening'); 3277 }); 3278 3279 // Close on mouse leave with small delay 3280 menu.addEventListener('mouseleave', function() { 3281 closeTimeout = setTimeout(function() { 3282 details.removeAttribute('open'); 3283 menu.classList.remove('menu-opening'); 3284 }, 100); 3285 }); 3286 3287 // Allow link click to redirect; only prevent default when clicking summary (not the link) 3288 summary.addEventListener('click', function(e) { 3289 if (window.innerWidth >= 990 && !e.target.closest('a.header__menu-item-link')) { 3290 e.preventDefault(); 3291 } 3292 }); 3293 3294 // Sync hover between left menu links and right product cards 3295 const productCards = menu.querySelectorAll('.mega-menu__product-card'); 3296 const menuLinks = menu.querySelectorAll('.mega-menu__link'); 3297 3298 productCards.forEach(function(card) { 3299 const productTitle = card.getAttribute('data-product-title'); 3300 3301 // Find matching menu link 3302 const matchingLink = Array.from(menuLinks).find(function(link) { 3303 return link.getAttribute('data-link-title') === productTitle; 3304 }); 3305 3306 if (matchingLink) { 3307 // Hover on product card - highlight matching menu link 3308 card.addEventListener('mouseenter', function() { 3309 matchingLink.classList.add('mega-menu__link--hover-active'); 3310 }); 3311 3312 card.addEventListener('mouseleave', function() { 3313 matchingLink.classList.remove('mega-menu__link--hover-active'); 3314 }); 3315 3316 // Hover on menu link - highlight matching product card 3317 matchingLink.addEventListener('mouseenter', function() { 3318 card.classList.add('mega-menu__product-card--hover-active'); 3319 }); 3320 3321 matchingLink.addEventListener('mouseleave', function() { 3322 card.classList.remove('mega-menu__product-card--hover-active'); 3323 }); 3324 } 3325 }); 3326 }); 3327 } 3328 }); 3329</script>
3329 3330 3331 3332<div class="header__icons"> 3333 <div class="desktop-localization-wrapper"> 3334</div> 3335 3336 <div class="site-header__search"> 3337 3338 3339 3340 3341 <form action="/search" method="get" role="search" class="search search-modal__form"> 3342 <div class="field"> 3343 <input 3344 class="search__input field__input search-header__input search__input" 3345 id="Header-Search-Inline" 3346 type="hidden" 3347 name="q" 3348 value="" 3349 > 3350 3351 <input type="hidden" name="options[prefix]" value="last"> 3352 <button 3353 type="reset" 3354 class="reset__button field__button hidden" 3355 aria-label="Clear search term" 3356 > 3357 <span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg> 3358</span> 3359 </button> 3360 <button class="search__button field__button" aria-label="Search"> 3361 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 3362</span> 3363 </button> 3364 </div> 3365 3366 3367 </form> 3368 3369</div><a 3370 href="/account/login" 3371 class="header__icon header__icon--account link focus-inset small-hide" 3372 rel="nofollow" 3373 ><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg> 3374</span></account-icon><span class="visually-hidden">Log in</span> 3375 </a><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"> 3376 3377 <span class="svg-wrapper"><img width="" height="" src="https://cdn.shopify.com/s/files/1/2344/1411/files/Homepage_Icons-2.png?v=1678534321" /></span> 3378 3379 <span class="visually-hidden">Cart</span> 3380 <div class="cart-count-bubble" style="display: none;"><span aria-hidden="true">0</span><span class="visually-hidden">0 items</span> 3381 </div> 3382 </a> 3383 </div> 3384 </header> 3385</sticky-header>
3386<script type="application/ld+json"> 3387 { 3388 "@context": "https://schema.org", 3389 "@type": "Organization", 3390 "name": "Modern Picnic" 3391,"logo": "https:\/\/modernpicnic.com\/cdn\/shop\/files\/Modern_Picnic_Bag_Logo_1ece976f-0e2d-42f9-9e2f-369ed29b1afb_1.png?v=1686037682\u0026width=500" 3392,"sameAs": ["https:\/\/www.pinterest.com\/modernpicnic\/","http:\/\/instagram.com\/modernpicnic","https:\/\/www.tiktok.com\/@modernpicnic?_d=secCgYIASAHKAESMgow66utEFUXucKzoRk6J7M3j8PxKji7mD6KNuidVMtwzJ%2FcbEmc8PCSYQTzEETzapzfGgA%3D\u0026checksum=1d56c53e5424caa89f1dec3817eee4573f495f92a34223b6c0210f44a665a112\u0026language=en\u0026preview_pb=0\u0026sec_user_id=MS4wLjABAAAAXoorLioKuDyazY6KdiVLfNHxg1UfUByIw_KNPflX6rkpNZf9OlOUUh92S1CYEx7s\u0026share_app_id=1233\u0026share_item_id=6982187513729338629\u0026share_link_id=FEF626FE-181C-4697-B2E0-7F229F53722C\u0026source=h5_m\u0026timestamp=1625719433\u0026tt_from=copy\u0026u_code=dbfai7ak76ia8m\u0026user_id=6808272991387878405\u0026utm_campaign=client_share\u0026utm_medium=ios\u0026utm_source=copy\u0026_r=1\u0026is_copy_url=1\u0026is_from_webapp=v1","https:\/\/www.youtube.com\/channel\/UCrzOPDVxl_poiR4eYzUYJKQ?view_as=subscriber"],"url": "https:\/\/modernpicnic.com" 3393 } 3394</script>
3394 3395</div> 3396<!-- END sections: header-group --> 3397 3398 <style> 3399 .bf-top-promo, 3400 .bf-footer-promo { 3401 background: black; 3402 padding: 10px; 3403 } 3404 3405 .bf-top-promo-container { 3406 border: 1px solid white; 3407 } 3408 3409 .bf-promo-text { 3410 padding: 10px 0; 3411 text-align: center; 3412 letter-spacing: 4px; 3413 margin: 0; 3414 color: white; 3415 font-size: 17pt; 3416 } 3417 3418 .bf-top-promo .bf-promo-text { 3419 font-size: 20pt; 3420 padding: 20px 0; 3421 } 3422 3423 .bf-footer-promo .bf-promo-text { 3424 padding: 20px 0; 3425 font-size: 26pt; 3426 letter-spacing: 3px; 3427 } 3428 3429 @media screen and (max-width: 990px) and (min-width: 769px) { 3430 .bf-footer-promo .bf-promo-text { 3431 font-size: 13pt; 3432 } 3433 } 3434 3435 @media screen and (max-width: 768px) { 3436 .bf-top-promo .bf-promo-text, 3437 .bf-footer-promo .bf-promo-text { 3438 line-height: 30px; 3439 font-size: 15px; 3440 padding: 15px 0; 3441 } 3442 3443 .bf-footer-promo .bf-promo-text { 3444 font-size: 12px; 3445 letter-spacing: 1px; 3446 } 3447 3448 .bf-top-promo .bf-promo-text { 3449 padding: 10px 0; 3450 } 3451 } 3452 </style> 3453 3454 3455 3456 <div class="main-layout-breadcrumbs"> 3457 <style> 3458 .breadcrumbs { 3459 margin: 1em 0 0em; 3460 margin-left: 30px; 3461 font-weight: 500; 3462 font-size: 15px; 3463 margin-bottom: 1em; 3464 } 3465 3466 .breadcrumbs__list { 3467 list-style-type: none; 3468 margin: 0; 3469 padding: 0; 3470 } 3471 3472 .breadcrumbs__item { 3473 display: inline-block; 3474 text-transform: capitalize; 3475 font-size: 12pt; 3476 letter-spacing: 1px; 3477 3478 } 3479 .breadcrumbs__item a{ 3480 color: black; 3481 text-decoration: none; 3482 } 3483 3484 .breadcrumbs__item:not(:last-child):after { 3485 margin-right: 0.2em; 3486 margin-left: 0.1em; 3487 content: '/'; 3488 color: #5E5E5E; 3489 display: inline-block; 3490 3491 } 3492 3493 .breadcrumbs__link { 3494 3495 opacity: 1 !important; 3496 color: black; 3497 } 3498 3499 .breadcrumbs__link[aria-current="page"] { 3500 3501 text-decoration: underline; 3502 } 3503 3504 .breadcrumbs__link[aria-current="page"]:hover, 3505 .breadcrumbs__link[aria-current="page"]:focus { 3506 text-decoration: underline; 3507 } 3508 a.breadcrumbs__link { 3509 text-decoration: none; 3510 } 3511 a.breadcrumbs__link:hover { 3512 opacity: 0.6; 3513 } 3514 @media screen and (max-width: 768px){ 3515 .breadcrumbs{ 3516 margin: 0; 3517 } 3518 3519 .breadcrumbs__item{ 3520 font-size: 10pt; 3521 } 3522 } 3523 3524</style><nav class="breadcrumbs" role="navigation" aria-label="breadcrumbs"> 3525 <ol class="breadcrumbs__list"> 3526 <li class="breadcrumbs__item"> 3527 <a class="breadcrumbs__link" href="/">Home</a> 3528 </li><li class="breadcrumbs__item"> 3529 <a class="breadcrumbs__link" href="/account/login" aria-current="page">Account</a> 3530 </li></ol> 3531</nav> 3532 </div> 3533 3534 <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> 3535 <section id="shopify-section-template--18685823779050__image_banner_4BLkUT" class="shopify-section section"><link href="//modernpicnic.com/cdn/shop/t/387/assets/section-image-banner.css?v=20609731870261852991788801527" rel="stylesheet" type="text/css" media="all" /> 3536<style data-shopify>@media screen and (max-width: 749px) { 3537 #Banner-template--18685823779050__image_banner_4BLkUT::before, 3538 #Banner-template--18685823779050__image_banner_4BLkUT .banner__media::before, 3539 #Banner-template--18685823779050__image_banner_4BLkUT:not(.banner--mobile-bottom) .banner__content::before { 3540 padding-bottom: 28.43333333333333%; 3541 content: ''; 3542 display: block; 3543 } 3544 .travel_logo_banner{ 3545 display: none; 3546 } 3547 } 3548 3549 @media screen and (min-width: 750px) { 3550 #Banner-template--18685823779050__image_banner_4BLkUT::before, 3551 #Banner-template--18685823779050__image_banner_4BLkUT .banner__media::before { 3552 padding-bottom: 28.43333333333333%; 3553 content: ''; 3554 display: block; 3555 } 3556 } 3557 .travel_logo_banner { 3558 margin-bottom: 40px; 3559 }</style><style data-shopify>#Banner-template--18685823779050__image_banner_4BLkUT::after { 3560 opacity: 0.0; 3561 } 3562 3563 #Banner-template--18685823779050__image_banner_4BLkUT.banner--has-link .banner__content { 3564 pointer-events: none; 3565 } 3566 3567 #Banner-template--18685823779050__image_banner_4BLkUT.banner--has-link .banner__box a, 3568 #Banner-template--18685823779050__image_banner_4BLkUT.banner--has-link .banner__box button, 3569 #Banner-template--18685823779050__image_banner_4BLkUT.banner--has-link .banner__box [role='button'], 3570 #Banner-template--18685823779050__image_banner_4BLkUT.banner--has-link .banner__box input, 3571 #Banner-template--18685823779050__image_banner_4BLkUT.banner--has-link .banner__box select, 3572 #Banner-template--18685823779050__image_banner_4BLkUT.banner--has-link .banner__box textarea { 3573 pointer-events: auto; 3574 } 3575 3576 #Banner-template--18685823779050__image_banner_4BLkUT .banner__media-link { 3577 display: block; 3578 position: absolute; 3579 inset: 0; 3580 z-index: 2; 3581 } 3582 3583 #Banner-template--18685823779050__image_banner_4BLkUT::after, 3584 #Banner-template--18685823779050__image_banner_4BLkUT .banner__media::after { 3585 pointer-events: none; 3586 } 3587 3588 /* Desktop/mobile image swap */ 3589 #Banner-template--18685823779050__image_banner_4BLkUT .banner__media-image--mobile { 3590 display: none; 3591 } 3592 @media screen and (max-width: 749px) { 3593 #Banner-template--18685823779050__image_banner_4BLkUT .banner__media-image--desktop { 3594 display: none !important; 3595 } 3596 #Banner-template--18685823779050__image_banner_4BLkUT .banner__media-image--mobile { 3597 display: block !important; 3598 object-fit: contain !important; 3599 } 3600 }</style><div class="-wrapper"> 3601<div 3602 id="Banner-template--18685823779050__image_banner_4BLkUT" 3603 class=" banner banner--content-align-center banner--content-align-mobile-center banner--adapt banner--adapt banner--mobile-bottom scroll-tr
3603igger animate--fade-in" 3604><div class="banner__media media scroll-trigger animate--fade-in"><img src="//modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=3000" alt="" srcset="//modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=375 375w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=550 550w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=750 750w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=990 990w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=1200 1200w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=1500 1500w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=2000 2000w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=2500 2500w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=3000 3000w" width="3000" height="853.0" loading="eager" class="banner__media-image--desktop" sizes="100vw" fetchpriority="high"> 3605<img src="//modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=3000" alt="" srcset="//modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=375 375w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=550 550w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=750 750w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=990 990w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=1200 1200w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=1500 1500w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=2000 2000w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=2500 2500w, //modernpicnic.com/cdn/shop/files/FW23-STREET-ANNA39_2_Custom.jpg?format=webp&v=1706521758&width=3000 3000w" width="3000" height="853.0" loading="eager" class="banner__media-image--mobile" sizes="100vw" fetchpriority="high"> 3606</div><div class="banner__content banner__content--middle-center page-width scroll-trigger animate--slide-in"> 3607 <div class="banner__box content-container content-container--full-width-mobile color-scheme-1 gradient"></div> 3608 </div> 3609</div> 3610</div> 3611 3612</section><div id="shopify-section-template--18685823779050__main" class="shopify-section"><link href="//modernpicnic.com/cdn/shop/t/387/assets/customer.css?v=146582765074550731881788801439" rel="stylesheet" type="text/css" media="all" /> 3613<style data-shopify>.section-template--18685823779050__main-padding { 3614 padding-top: 27px; 3615 padding-bottom: 27px; 3616 } 3617 3618 @media screen and (min-width: 750px) { 3619 .section-template--18685823779050__main-padding { 3620 padding-top: 36px; 3621 padding-bottom: 36px; 3622 } 3623 } 3624 3625 .breadcrumbs { 3626 margin-bottom: 0; 3627 } 3628 3629 .login-header-image { 3630 width: 100%; 3631 height: auto; 3632 display: block; 3633 margin-bottom: 0; 3634 } 3635 3636 .customer.login { 3637 text-align: center; 3638 max-width: 500px; 3639 margin: 0 auto; 3640 padding: 30px 20px; 3641 background: white; 3642 } 3643 3644 .customer.login > div { 3645 text-align: center; 3646 } 3647 3648 .customer.login h1 { 3649 text-decoration: underline; 3650 text-decoration-thickness: 1px; 3651 font-size: 36px; 3652 margin-bottom: 30px; 3653 text-align: center; 3654 color: black; 3655 font-weight: normal; 3656 text-transform: uppercase; 3657 } 3658 3659 .customer.login h1:focus, 3660 .customer.login h1:focus-visible { 3661 outline: none; 3662 box-shadow: none; 3663 } 3664 3665 .customer.login .field { 3666 margin-bottom: 1.5rem; 3667 text-align: center; 3668 } 3669 3670 .customer.login input[type="email"], 3671 .customer.login input[type="password"] { 3672 border: 1px solid black; 3673 border-color: black; 3674 width: 100%; 3675 max-width: 500px; 3676 padding: 8px 15px; 3677 background: white; 3678 color: black; 3679 text-align: left; 3680 font-size: 16px; 3681 } 3682 3683 .customer.login input[type="email"]:focus, 3684 .customer.login input[type="password"]:focus { 3685 border-color: orange; 3686 outline: 2px solid orange; 3687 outline-offset: 0; 3688 color: black; 3689 } 3690 3691 .customer.login input[type="email"]:not(:placeholder-shown), 3692 .customer.login input[type="password"]:not(:placeholder-shown) { 3693 color: black; 3694 } 3695 3696 .customer.login .field label { 3697 display: none; 3698 } 3699 3700 .customer.login input::placeholder { 3701 color: #999; 3702 opacity: 1; 3703 } 3704 3705 .customer.login input:focus::placeholder { 3706 opacity: 0; 3707 } 3708 3709 .customer.login form { 3710 text-align: center; 3711 } 3712 3713 .customer.login a { 3714 font-style: italic; 3715 text-decoration: underline; 3716 color: black; 3717 display: block; 3718 margin: 10px auto; 3719 text-align: center; 3720 width: fit-content; 3721 } 3722 3723 .customer.login button, 3724 .customer.login input[type="submit"] { 3725 background: black; 3726 color: white; 3727 border: none; 3728 padding: 10px 18px; 3729 width: 80%; 3730 max-width: 400px; 3731 margin: 20px auto; 3732 display: block; 3733 font-size: 13px; 3734 text-transform: uppercase; 3735 cursor: pointer; 3736 min-height: unset; 3737 } 3738 3739 .customer.login button:hover, 3740 .customer.login input[type="submit"]:hover { 3741 background: #333; 3742 } 3743 3744 @media screen and (max-width: 768px) { 3745 .main-content { 3746 padding-top: 0; 3747 } 3748 3749 .customer.login h1 { 3750 font-size: 28px; 3751 } 3752 }</style><div class="customer login section-template--18685823779050__main-padding"> 3753 <h1 id="recover" tabindex="-1"> 3754 Reset your password 3755 </h1> 3756 <div> 3757 <p> 3758 We will send you an email to reset your password 3759 </p><form method="post" action="/account/recover" accept-charset="UTF-8"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="â" /> 3760 <div class="field"> 3761 <input 3762 type="email" 3763 value="" 3764 name="email" 3765 id="RecoverEmail" 3766 autocorrect="off" 3767 autocapitalize="off" 3768 autocomplete="email" 3769 3770 placeholder="Email" 3771 > 3772 <label for="RecoverEmail"> 3773 Email 3774 </label> 3775 </div><button>
3775 3776 Submit 3777 </button> 3778 3779 <a href="#login"> 3780 Cancel 3781 </a></form></div> 3782 3783 <h1 id="login" tabindex="-1"> 3784 MP ACCOUNT LOGIN 3785 </h1> 3786 <div><form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" novalidate="novalidate"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="â" /><section name="sign-in-with-shop-provider"> 3787
3787<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 3787
3787
3788<script type="module"> 3789 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 3790 3791 3792</script>
3792 3793 3794<shop-login-button ux-mode="windoid" return-uri="https://modernpicnic.com/account/redirect" hide-button="true" proxy="true" redirect-type="iframe" response-type="code"></shop-login-button> 3795 3796</section><div class="field"> 3797 <input 3798 type="email" 3799 name="customer[email]" 3800 id="CustomerEmail" 3801 autocomplete="email" 3802 autocorrect="off" 3803 autocapitalize="off" 3804 3805 placeholder="Email" 3806 > 3807 <label for="CustomerEmail"> 3808 Email 3809 </label> 3810 </div><div class="field"> 3811 <input 3812 type="password" 3813 value="" 3814 name="customer[password]" 3815 id="CustomerPassword" 3816 autocomplete="current-password" 3817 3818 placeholder="Password" 3819 > 3820 <label for="CustomerPassword"> 3821 Password 3822 </label> 3823 </div><button> 3824 LOGIN 3825 </button> 3826 <a href="#recover"> 3827 Forgot your password? 3828 </a> 3829 <a href="/account/register"> 3830 New to Modern Picnic? Create an account 3831 </a></form></div></div> 3832 3833 3834</div> 3835 </main> 3836 <!-- BEGIN sections: footer-group --> 3837<div id="shopify-section-sections--18685825220842__footer" class="shopify-section shopify-section-group-footer-group"> 3838<link href="//modernpicnic.com/cdn/shop/t/387/assets/section-footer.css?v=86330508203516135121790593886" rel="stylesheet" type="text/css" media="all" /> 3839<link href="//modernpicnic.com/cdn/shop/t/387/assets/component-newsletter.css?v=121925793944830565731788801429" rel="stylesheet" type="text/css" media="all" /> 3840<link href="//modernpicnic.com/cdn/shop/t/387/assets/component-list-menu.css?v=151968516119678728991788801425" rel="stylesheet" type="text/css" media="all" /> 3841<link href="//modernpicnic.com/cdn/shop/t/387/assets/component-list-payment.css?v=69253961410771838501788801425" rel="stylesheet" type="text/css" media="all" /> 3842<link href="//modernpicnic.com/cdn/shop/t/387/assets/component-list-social.css?v=160655444699622014811788801426" rel="stylesheet" type="text/css" media="all" /> 3843<style data-shopify>.footer { 3844 margin-top: 0px; 3845 } 3846 3847 .section-sections--18685825220842__footer-padding { 3848 padding-top: 30px; 3849 padding-bottom: 30px; 3850 margin: 15px 0 20px; 3851 } 3852 3853 @media screen and (min-width: 750px) { 3854 .footer { 3855 margin-top: 0px; 3856 } 3857 3858 .section-sections--18685825220842__footer-padding { 3859 padding-top: 28px; 3860 padding-bottom: 32px; 3861 margin: 15px 0 20px; 3862 } 3863 } 3864 @media screen and (min-width: 898px) { 3865 .footer__bottom-logo-link { 3866 display: inline-block; 3867 line-height: 0; 3868 position:absolute; 3869 top:0 3870 } 3871 } 3872 a.footer__bottom-logo-link:hover { 3873 opacity: 0.6; 3874 } 3875 /* Bottom bar logo (left side) */ 3876 .footer__content-bottom-wrapper--with-logo { 3877 display: flex; 3878 align-items: center; 3879 justify-content: flex-start; 3880 } 3881 .footer__content-bottom-wrapper--with-logo .footer__bottom-logo { 3882 flex-shrink: 0; 3883 } 3884 .footer__content-bottom-wrapper--with-logo .footer__copyright { 3885 flex: 1; 3886 text-align: center; 3887 position: relative; 3888 } 3889 .footer__bottom-logo-link { 3890 display: inline-block; 3891 line-height: 0; 3892 } 3893 .footer__bottom-logo-image { 3894 max-width: 300px; 3895 width: auto; 3896 height: auto; 3897 display: block; 3898 } 3899 @media screen and (max-width: 899px) { 3900 .footer__bottom-logo-image { 3901 max-width: 280px; 3902 } 3903 .footer__content-bottom-wrapper--with-logo { 3904 flex-direction: column; 3905 align-items: center; 3906 text-align: center; 3907 } 3908 .footer__content-bottom-wrapper--with-logo .footer__copyright { 3909 order: 2; 3910 } 3911 .footer-newsletter-message{ 3912 font-size: 14px; 3913 } 3914 } 3915 3916 /* Text block newsletter styles */ 3917 .footer-newsletter-input-group{ 3918 display: flex; 3919 margin-bottom: 10px; 3920 } 3921 .footer-newsletter-disclaimer{ 3922 font-size: 10px; 3923 margin-bottom: 10px; 3924 } 3925 /* Hide duplicate Klaviyo submit row (form has email+button row, then a lone second button) */ 3926 .klaviyo-form-R2gViQ [data-testid="form-row"]:has(.klaviyo-form-button):not(:has(.klaviyo-emailinput)) { 3927 display: none !important; 3928 } 3929 3930
3931 .footer-newsletter-message .success{ 3932 padding: 10px; 3933 margin: 0; 3934 background: #aed2ae82; 3935 border: 1px solid green; 3936 } 3937 3938 .footer-newsletter-message .error{ 3939 padding: 10px; 3940 margin: 0; 3941 background: #cea8a882; 3942 border: 1px solid #b14747; 3943 color: white; 3944 } 3945 3946 .footer-newsletter-message{ 3947 margin-top: 8px; 3948 } 3949 3950 .site-footer .footer-newsletter-input-group input{ 3951 border-color: white; 3952 color: black; 3953 background: white; 3954 } 3955 3956 .site-footer .footer-newsletter-input-group input::placeholder { 3957 color: grey !important; 3958 opacity: 1; 3959 } 3960 3961 .site-footer .footer-newsletter-input-group input ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ 3962 color: black; 3963 }</style><footer class="footer color-scheme-4660e30f-0c30-4081-bc10-6acad9ada756 gradient section-sections--18685825220842__footer-padding"><div class="footer__content-top page-width"><div 3964 class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet scroll-trigger animate--slide-in" 3965 3966 data-cascade 3967 3968 ><div 3969 class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in" 3970 3971 3972 data-cascade 3973 style="--animation-order: 1;" 3974 3975 ><details class="footer-block__accordion"> 3976 <summary class="footer-block__accordion-summary"><h2 class="footer-block__heading inline-richtext hover_effect">Shop</h2><span class="footer-block__accordion-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><defs></defs><path fill="white" d="M223.18 628.49a35 35 0 0 1-24.75-59.75L388.17 379 198.43 189.26a35 35 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L247.93 618.24a34.89 34.89 0 0 1-24.75 10.25z" transform="translate(-188.18 -129.51)"/></svg></span> 3977 <span class="footer-block__accordion-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 498.98 284.49"><defs></defs><path fill="white" d="M80.93 271.76A35 35 0 0 1 140.68 247l189.74 189.75L520.16 247a35 35 0 1 1 49.5 49.5L355.17 511a35 35 0 0 1-49.5 0L91.18 296.5a34.89 34.89 0 0 1-10.25-24.74z" transform="translate(-80.93 -236.76)"/></svg></span> 3978 </summary> 3979 <div class="footer-block__accordion-content"><ul class="footer-block__details-content list-unstyled"><li class="footer-block__list-item hover_effect"><a 3980 href="/collections/shop-all" 3981 class="link link--text list-menu__item list-menu__item--link" 3982 > 3983 Shop All 3984 </a></li><li class="footer-block__list-item hover_effect"><a 3985 href="/collections/best-sellers" 3986 class="link link--text list-menu__item list-menu__item--link" 3987 > 3988 Best Sellers 3989 </a></li><li class="footer-block__list-item hover_effect"><a 3990 href="/collections/bundles" 3991 class="link link--text list-menu__item list-menu__item--link" 3992 > 3993 Gift Sets 3994 </a></li><li class="footer-block__list-item hover_effect"><a 3995 href="/pages/retailers" 3996 class="link link--text list-menu__item list-menu__item--link" 3997 > 3998 Retailers 3999 </a></li><li class="footer-block__list-item hover_effect"><a 4000 href="/pages/large-order" 4001 class="link link--text list-menu__item list-menu__item--link" 4002 > 4003 Corporate Gifting 4004 </a></li><li class="footer-block__list-item hover_effect"><a 4005 href="/pages/travel-collection" 4006 class="link link--text list-menu__item list-menu__item--link" 4007 > 4008 Travel Guide 4009 </a></li><li class="footer-block__list-item hover_effect"><a 4010 href="/collections/monogram" 4011 class="link link--text list-menu__item list-menu__item--link" 4012 > 4013 Monogram 4014 </a></li></ul><a 4015 4016 target="_blank" 4017 rel="noopener noreferrer" 4018 href="http://modernpicnic.faire.com" 4019 4020 class="newsletter-form__submit-button button" 4021 4022 > 4023 Shop wholesale prices on Faire
4024 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-arrow-right" viewBox="0 0 20 8"><path d="M15.186.445c.865.944 1.614 1.662 2.246 2.154.631.491 1.227.857 1.787 1.098v.44a9.933 9.933 0 0 0-1.875 1.196c-.606.485-1.328 1.196-2.168 2.134h-.752c.612-1.309 1.253-2.315 1.924-3.018H.77v-.986h15.577c-.495-.632-.84-1.1-1.035-1.406-.196-.306-.486-.843-.87-1.612h.743z" fill="#000" fill-rule="evenodd"></path></svg></span> 4025 </a></div> 4026 </details> 4027 </div><div 4028 class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in" 4029 4030 4031 data-cascade 4032 style="--animation-order: 2;" 4033 4034 ><details class="footer-block__accordion"> 4035 <summary class="footer-block__accordion-summary"><h2 class="footer-block__heading inline-richtext hover_effect">About</h2><span class="footer-block__accordion-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><defs></defs><path fill="white" d="M223.18 628.49a35 35 0 0 1-24.75-59.75L388.17 379 198.43 189.26a35 35 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L247.93 618.24a34.89 34.89 0 0 1-24.75 10.25z" transform="translate(-188.18 -129.51)"/></svg></span> 4036 <span class="footer-block__accordion-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 498.98 284.49"><defs></defs><path fill="white" d="M80.93 271.76A35 35 0 0 1 140.68 247l189.74 189.75L520.16 247a35 35 0 1 1 49.5 49.5L355.17 511a35 35 0 0 1-49.5 0L91.18 296.5a34.89 34.89 0 0 1-10.25-24.74z" transform="translate(-80.93 -236.76)"/></svg></span> 4037 </summary> 4038 <div class="footer-block__accordion-content"><ul class="footer-block__details-content list-unstyled"><li class="footer-block__list-item hover_effect"><a 4039 href="/pages/why-mp" 4040 class="link link--text list-menu__item list-menu__item--link" 4041 > 4042 Why MP 4043 </a></li><li class="footer-block__list-item hover_effect"><a 4044 href="/pages/our-story" 4045 class="link link--text list-menu__item list-menu__item--link" 4046 > 4047 Our Story 4048 </a></li><li class="footer-block__list-item hover_effect"><a 4049 href="/blogs/lunch-break" 4050 class="link link--text list-menu__item list-menu__item--link" 4051 > 4052 Lunch Break: The Blog 4053 </a></li><li class="footer-block__list-item hover_effect"><a 4054 href="/pages/ambassador-program" 4055 class="link link--text list-menu__item list-menu__item--link" 4056 > 4057 Become an Ambassador 4058 </a></li><li class="footer-block__list-item hover_effect"><a 4059 href="/pages/affiliate-page" 4060 class="link link--text list-menu__item list-menu__item--link" 4061 > 4062 Become an Affiliate 4063 </a></li><li class="footer-block__list-item hover_effect"><a 4064 href="/pages/sustainability-benefits" 4065 class="link link--text list-menu__item list-menu__item--link" 4066 > 4067 Sustainability / Benefits 4068 </a></li><li class="footer-block__list-item hover_effect"><a 4069 href="/pages/shark-tank" 4070 class="link link--text list-menu__item list-menu__item--link" 4071 > 4072 Shark Tank 4073 </a></li><li class="footer-block__list-item hover_effect"><a 4074 href="http://app.therave.co/modern-picnic/affiliate/fae31ec9-d283-450e-8031-fa630dff6843" 4075 class="link link--text list-menu__item list-menu__item--link" 4076 > 4077 Referral Program 4078 </a></li><li class="footer-block__list-item hover_effect"><a 4079 href="/pages/press" 4080 class="link link--text list-menu__item list-menu__item--link" 4081 > 4082 Press 4083 </a></li></ul></div> 4084 </details> 4085 </div><div 4086 class="footer-block grid__item footer-block--menu scroll-tr
4086igger animate--slide-in" 4087 4088 4089 data-cascade 4090 style="--animation-order: 3;" 4091 4092 ><details class="footer-block__accordion"> 4093 <summary class="footer-block__accordion-summary"><h2 class="footer-block__heading inline-richtext hover_effect">Help</h2><span class="footer-block__accordion-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><defs></defs><path fill="white" d="M223.18 628.49a35 35 0 0 1-24.75-59.75L388.17 379 198.43 189.26a35 35 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L247.93 618.24a34.89 34.89 0 0 1-24.75 10.25z" transform="translate(-188.18 -129.51)"/></svg></span> 4094 <span class="footer-block__accordion-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 498.98 284.49"><defs></defs><path fill="white" d="M80.93 271.76A35 35 0 0 1 140.68 247l189.74 189.75L520.16 247a35 35 0 1 1 49.5 49.5L355.17 511a35 35 0 0 1-49.5 0L91.18 296.5a34.89 34.89 0 0 1-10.25-24.74z" transform="translate(-80.93 -236.76)"/></svg></span> 4095 </summary> 4096 <div class="footer-block__accordion-content"><ul class="footer-block__details-content list-unstyled"><li class="footer-block__list-item hover_effect"><a 4097 href="/pages/lets-chat" 4098 class="link link--text list-menu__item list-menu__item--link" 4099 > 4100 Contact Us 4101 </a></li><li class="footer-block__list-item hover_effect"><a 4102 href="/pages/shipping" 4103 class="link link--text list-menu__item list-menu__item--link" 4104 > 4105 Shipping + Returns 4106 </a></li><li class="footer-block__list-item hover_effect"><a 4107 href="/pages/faq" 4108 class="link link--text list-menu__item list-menu__item--link" 4109 > 4110 FAQ 4111 </a></li><li class="footer-block__list-item hover_effect"><a 4112 href="/policies/privacy-policy" 4113 class="link link--text list-menu__item list-menu__item--link" 4114 > 4115 Privacy Policy 4116 </a></li><li class="footer-block__list-item hover_effect"><a 4117 href="https://auth.govx.com/shopify/verify?shop=modern-picnic-ny.myshopify.com&utm_source=shopify&utm_medium=govxid&utm_campaign=custom_link" 4118 class="link link--text list-menu__item list-menu__item--link" 4119 > 4120 Teacher / Healthcare Discount 4121 </a></li><li class="footer-block__list-item hover_effect"><button 4122 type="button" 4123 class="link link--text list-menu__item list-menu__item--link js-footer-accessibly-trigger" 4124 aria-haspopup="dialog" 4125 aria-controls="accessiblyAppDialog" 4126 > 4127 Accessibility 4128 </button></li></ul> 4129 4130<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item"> 4131 <a href="http://instagram.com/modernpicnic" class="link list-social__link" target="_blank" rel="noopener noreferrer"> 4132 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 512 512"><path fill="currentColor" d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2
413218.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"></path><path fill="currentColor" d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"></path><circle fill="white" cx="390.5" cy="121.5" r="30.2"></circle></svg></span> 4133 <span class="visually-hidden">Instagram</span> 4134 </a> 4135 </li><li class="list-social__item"> 4136 <a href="https://www.tiktok.com/@modernpicnic?_d=secCgYIASAHKAESMgow66utEFUXucKzoRk6J7M3j8PxKji7mD6KNuidVMtwzJ%2FcbEmc8PCSYQTzEETzapzfGgA%3D&checksum=1d56c53e5424caa89f1dec3817eee4573f495f92a34223b6c0210f44a665a112&language=en&preview_pb=0&sec_user_id=MS4wLjABAAAAXoorLioKuDyazY6KdiVLfNHxg1UfUByIw_KNPflX6rkpNZf9OlOUUh92S1CYEx7s&share_app_id=1233&share_item_id=6982187513729338629&share_link_id=FEF626FE-181C-4697-B2E0-7F229F53722C&source=h5_m×tamp=1625719433&tt_from=copy&u_code=dbfai7ak76ia8m&user_id=6808272991387878405&utm_campaign=client_share&utm_medium=ios&utm_source=copy&_r=1&is_copy_url=1&is_from_webapp=v1" class="link list-social__link" target="_blank" rel="noopener noreferrer"> 4137 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" class="icon icon-tiktok" style="width: 32px;"><path fill="currentColor" d="m475.074 0h-438.148c-20.395 0-36.926 16.531-36.926 36.926v438.148c0 20.395 16.531 36.926 36.926 36.926h438.148c20.395 0 36.926-16.531 36.926-36.926v-438.148c0-20.395-16.531-36.926-36.926-36.926zm-90.827 195.959v34.613c-16.322.006-32.181-3.192-47.137-9.503-9.617-4.06-18.577-9.292-26.772-15.613l.246 106.542c-.103 23.991-9.594 46.532-26.772 63.51-13.98 13.82-31.695 22.609-50.895 25.453-4.512.668-9.103 1.011-13.746 1.011-20.553 0-40.067-6.659-56.029-18.943-3.004-2.313-5.876-4.82-8.612-7.521-18.617-18.4-28.217-43.34-26.601-69.575 1.234-19.971 9.229-39.017 22.558-53.945 17.635-19.754 42.306-30.719 68.684-30.719 4.643 0 9.234.348 13.746 1.017v12.798 35.601c-4.277-1.411-8.846-2.187-13.603-2.187-24.1 0-43.597 19.662-43.237 43.779.228 15.431 8.658 28.92 21.09 36.355 5.842 3.495 12.564 5.659 19.737 6.053 5.62.308 11.016-.474 16.013-2.124 17.218-5.688 29.639-21.861 29.639-40.935l.057-71.346v-130.252h47.668c.046 4.723.525 9.332 1.416 13.797 3.598 18.075 13.786 33.757 27.966 44.448 12.364 9.326 27.76 14.854 44.448 14.854.011 0 .148 0 .137-.011v12.843z"></path></svg></span> 4138 <span class="visually-hidden">TikTok</span> 4139 </a> 4140 </li><li class="list-social__item"> 4141 <a href="https://www.youtube.com/channel/UCrzOPDVxl_poiR4eYzUYJKQ?view_as=subscriber" class="link list-social__link" target="_blank" rel="noopener noreferrer"> 4142 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 21 20"><path fill="currentColor" d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"></path></svg></span> 4143 <span class="visually-hidden">YouTube</span> 4144 </a> 4145 </li><li class="list-social__item"> 4146 <a href="https://www.pinterest.com/modernpicnic/" class="link list-social__link" target="_blank" rel="noopener noreferrer">
4147 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20"><path fill="currentColor" d="M9.958.811q1.903 0 3.635.744t2.988 2 2 2.988.744 3.635q0 2.537-1.256 4.696t-3.415 3.415-4.696 1.256q-1.39 0-2.659-.366.707-1.147.951-2.025l.659-2.561q.244.463.903.817t1.39.354q1.464 0 2.622-.842t1.793-2.305.634-3.293q0-2.171-1.671-3.769t-4.257-1.598q-1.586 0-2.903.537T5.298 5.897 4.066 7.775t-.427 2.037q0 1.268.476 2.22t1.427 1.342q.171.073.293.012t.171-.232q.171-.61.195-.756.098-.268-.122-.512-.634-.707-.634-1.83 0-1.854 1.281-3.183t3.354-1.329q1.83 0 2.854 1t1.025 2.61q0 1.342-.366 2.476t-1.049 1.817-1.561.683q-.732 0-1.195-.537t-.293-1.269q.098-.342.256-.878t.268-.915.207-.817.098-.732q0-.61-.317-1t-.927-.39q-.756 0-1.269.695t-.512 1.744q0 .39.061.756t.134.537l.073.171q-1 4.342-1.22 5.098-.195.927-.146 2.171-2.513-1.122-4.062-3.44T.59 10.177q0-3.879 2.744-6.623T9.957.81z"></path></svg></span> 4148 <span class="visually-hidden">Pinterest</span> 4149 </a> 4150 </li></ul> 4151</div> 4152 </details> 4153 </div><div 4154 class="footer-block grid__item footer-block--last scroll-trigger animate--slide-in" 4155 4156 4157 data-cascade 4158 style="--animation-order: 4;" 4159 4160 ><details class="footer-block__accordion"> 4161 <summary class="footer-block__accordion-summary"><h2 class="footer-block__newsletter-form footer-block__heading inline-richtext">LET'S TEXT | GET <span class="number" style="font-weight: 600;">15</span>% OFF</h2><span class="footer-block__accordion-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><defs></defs><path fill="white" d="M223.18 628.49a35 35 0 0 1-24.75-59.75L388.17 379 198.43 189.26a35 35 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L247.93 618.24a34.89 34.89 0 0 1-24.75 10.25z" transform="translate(-188.18 -129.51)"/></svg></span> 4162 <span class="footer-block__accordion-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 498.98 284.49"><defs></defs><path fill="white" d="M80.93 271.76A35 35 0 0 1 140.68 247l189.74 189.75L520.16 247a35 35 0 1 1 49.5 49.5L355.17 511a35 35 0 0 1-49.5 0L91.18 296.5a34.89 34.89 0 0 1-10.25-24.74z" transform="translate(-80.93 -236.76)"/></svg></span> 4163 </summary> 4164 <div class="footer-block__accordion-content">
4164<script> 4165 (function() { 4166 var footerFormBound = false; 4167 function bindFooterNewsletterForm() { 4168 if (footerFormBound) return; 4169 var btn = document.querySelector('.js-newsletter-submit'); 4170 if (!btn) return; 4171 footerFormBound = true; 4172 4173 btn.addEventListener('click', function(e) { 4174 e.preventDefault(); 4175 4176 var phoneInput = document.getElementById('FooterPhone--text_jMEVXm'); 4177 var emailInput = document.getElementById('FooterEmail--text_jMEVXm'); 4178 var msgContainer = document.querySelector('.footer-newsletter-message'); 4179 4180 if (!phoneInput || !emailInput || !msgContainer) return; 4181 4182 var phone = phoneInput.value; 4183 var email = emailInput.value; 4184 4185 var data = { 4186 user: { 4187 phone: phone, 4188 email: email 4189 }, 4190 signUpSourceId: '102453' 4191 }; 4192 4193 var xhr = new XMLHttpRequest(); 4194 xhr.open('POST', 'https://hooks.zapier.com/hooks/catch/8666541/32yioh0/', true); 4195 xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8'); 4196 4197 xhr.onreadystatechange = function() { 4198 if (xhr.readyState === 4) { 4199 if (xhr.status >= 200 && xhr.status < 300) { 4200 msgContainer.innerHTML = '<p class="success">Thank you for subscribing!</p>'; 4201 } else { 4202 msgContainer.innerHTML = '<p class="error">Error has occurred! Please try again later.</p>'; 4203 } 4204 } 4205 }; 4206 4207 xhr.send(JSON.stringify(data)); 4208 }); 4209 } 4210 4211 if (document.readyState === 'loading') { 4212 document.addEventListener('DOMContentLoaded', bindFooterNewsletterForm); 4213 } else { 4214 bindFooterNewsletterForm(); 4215 } 4216 })(); 4217 </script>
4217 4218 4219 <div class="footer-block__newsletter-form footer-block__details-content rte footer-newsletter-container"> 4220 <p class="small--hide"> 4221 Get <span class="avenir">15</span>% off your first order + be the first to know about new products, 4222 promotions + more when you sign up for texts! 4223 </p> 4224 <div class="klaviyo-form-R2gViQ"></div><div class="footer-newsletter-disclaimer newsletter-form__disclaimer rte"> 4225 <p>*By submitting this form, you agree to receive recurring automated promotional and personalized marketing text messages (e.g. cart reminders) from Modern Picnic at the cell number used when signing up. Consent is not a condition of any purchase. Reply HELP for help and STOP to cancel. Msg frequency varies. Msg & data rates may apply. <a href="/policies/terms-of-service" target="_blank" title="Terms of Service">View Terms</a> & <a href="/policies/privacy-policy" target="_blank" title="Privacy Policy">Privacy</a></p> 4226 </div> 4227 </div></div> 4228 </details> 4229 </div></div><div 4230 class="footer-block--newsletter scroll-trigger animate--slide-in" 4231 4232 data-cascade 4233 4234 > 4235 4236<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item"> 4237 <a href="http://instagram.com/modernpicnic" class="link list-social__link" target="_blank" rel="noopener noreferrer"> 4238 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 512 512"><path fill="currentColor" d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"></path><path fill="currentColor" d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"></path><circle fill="white" cx="390.5" cy="121.5" r="30.2"></circle></svg></span> 4239 <span class="visually-hidden">Instagram</span> 4240 </a> 4241 </li><li class="list-social__item"> 4242 <a href="https://www.tiktok.com/@modernpicnic?_d=secCgYIASAHKAESMgow66utEFUXucKzoRk6J7M3j8PxKji7mD6KNuidVMtwzJ%2FcbEmc8PCSYQTzEETzapzfGgA%3D&checksum=1d56c53e5424caa89f1dec3817eee4573f495f92a34223b6c0210f44a665a112&language=en&preview_pb=0&sec_user_id=MS4wLjABAAAAXoorLioKuDyazY6KdiVLfNHxg1UfUByIw_KNPflX6rkpNZf9OlOUUh92S1CYEx7s&share_app_id=1233&share_item_id=6982187513729338629&share_link_id=FEF626FE-181C-4697-B2E0-7F229F53722C&source=h5_m×tamp=1625719433&tt_from=copy&u_code=dbfai7ak76ia8m&user_id=6808272991387878405&utm_campaign=client_share&utm_medium=ios&utm_source=copy&_r=1&is_copy_url=1&is_from_webapp=v1" class="link list-social__link" target="_blank" rel="noopener noreferrer">
4243 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" class="icon icon-tiktok" style="width: 32px;"><path fill="currentColor" d="m475.074 0h-438.148c-20.395 0-36.926 16.531-36.926 36.926v438.148c0 20.395 16.531 36.926 36.926 36.926h438.148c20.395 0 36.926-16.531 36.926-36.926v-438.148c0-20.395-16.531-36.926-36.926-36.926zm-90.827 195.959v34.613c-16.322.006-32.181-3.192-47.137-9.503-9.617-4.06-18.577-9.292-26.772-15.613l.246 106.542c-.103 23.991-9.594 46.532-26.772 63.51-13.98 13.82-31.695 22.609-50.895 25.453-4.512.668-9.103 1.011-13.746 1.011-20.553 0-40.067-6.659-56.029-18.943-3.004-2.313-5.876-4.82-8.612-7.521-18.617-18.4-28.217-43.34-26.601-69.575 1.234-19.971 9.229-39.017 22.558-53.945 17.635-19.754 42.306-30.719 68.684-30.719 4.643 0 9.234.348 13.746 1.017v12.798 35.601c-4.277-1.411-8.846-2.187-13.603-2.187-24.1 0-43.597 19.662-43.237 43.779.228 15.431 8.658 28.92 21.09 36.355 5.842 3.495 12.564 5.659 19.737 6.053 5.62.308 11.016-.474 16.013-2.124 17.218-5.688 29.639-21.861 29.639-40.935l.057-71.346v-130.252h47.668c.046 4.723.525 9.332 1.416 13.797 3.598 18.075 13.786 33.757 27.966 44.448 12.364 9.326 27.76 14.854 44.448 14.854.011 0 .148 0 .137-.011v12.843z"></path></svg></span> 4244 <span class="visually-hidden">TikTok</span> 4245 </a> 4246 </li><li class="list-social__item"> 4247 <a href="https://www.youtube.com/channel/UCrzOPDVxl_poiR4eYzUYJKQ?view_as=subscriber" class="link list-social__link" target="_blank" rel="noopener noreferrer"> 4248 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 21 20"><path fill="currentColor" d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"></path></svg></span> 4249 <span class="visually-hidden">YouTube</span> 4250 </a> 4251 </li><li class="list-social__item"> 4252 <a href="https://www.pinterest.com/modernpicnic/" class="link list-social__link" target="_blank" rel="noopener noreferrer"> 4253 <span class="svg-wrapper"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-pinterest" viewBox="0 0 20 20"><path fill="currentColor" d="M9.958.811q1.903 0 3.635.744t2.988 2 2 2.988.744 3.635q0 2.537-1.256 4.696t-3.415 3.415-4.696 1.256q-1.39 0-2.659-.366.707-1.147.951-2.025l.659-2.561q.244.463.903.817t1.39.354q1.464 0 2.622-.842t1.793-2.305.634-3.293q0-2.171-1.671-3.769t-4.257-1.598q-1.586 0-2.903.537T5.298 5.897 4.066 7.775t-.427 2.037q0 1.268.476 2.22t1.427 1.342q.171.073.293.012t.171-.232q.171-.61.195-.756.098-.268-.122-.512-.634-.707-.634-1.83 0-1.854 1.281-3.183t3.354-1.329q1.83 0 2.854 1t1.025 2.61q0 1.342-.366 2.476t-1.049 1.817-1.561.683q-.732 0-1.195-.537t-.293-1.269q.098-.342.256-.878t.268-.915.207-.817.098-.732q0-.61-.317-1t-.927-.39q-.756 0-1.269.695t-.512 1.744q0 .39.061.756t.134.537l.073.171q-1 4.342-1.22 5.098-.195.927-.146 2.171-2.513-1.122-4.062-3.44T.59 10.177q0-3.879 2.744-6.623T9.957.81z"></path></svg></span> 4254 <span class="visually-hidden">Pinterest</span> 4255 </a> 4256 </li></ul> 4257</div> 4258 </div><div 4259 class="footer__content-bottom scroll-trigger animate--slide-in" 4260 4261 data-cascade 4262 4263 > 4264 <div class="footer__content-bottom-wrapper page-width"> 4265 <div class="footer__column footer__localization isolate"></div> 4266 <div class="footer__column footer__column--info"></div> 4267 </div> 4268 <div class="footer__content-bottom-wrapper page-width footer__content-bottom-wrapper--center footer__content-bottom-wrapper--with-logo"><div class="footer__bottom-logo"> 4269 <a href="/" class="footer__bottom-logo-link" aria-label="Modern Picnic"> 4270 <img src="//modernpicnic.com/cdn/shop/files/Copy_of_Modern_Picnic_Logo_white_border_1_63ae8052-a0f3-453d-a14a-958b18725a21.webp?v=1773992801&width=400" alt="Modern Picnic" srcset="//modernpicnic.com/cdn/shop/files/Copy_of_Modern_Picnic_Logo_white_border_1_63ae8052-a0f3-453d-a14a-958b18725a21.webp?v=1773992801&width=352 352w, //modernpicnic.com/cdn/shop/files/Copy_of_Modern_Picnic_Logo_white_border_1_63ae8052-a0f3-453d-a14a-958b18725a21.webp?v=1773992801&width=400 400w" width="400" height="45" loading="lazy" class="footer__bottom-logo-image"> 4271 </a> 4272 </div>
4272<div class="footer__copyright caption"> 4273 <small class="copyright__content" 4274 >© 2026, <a href="/" title="">Modern Picnic</a></small> 4275 <small class="copyright__content">| <a class="footer-car-form" target="_blank" href="https://www.sec.gov/Archives/edgar/data/1920756/000192075623000001/mpformc-ar.pdf">Form C-AR</a></small></div> 4276 </div> 4277 </div> 4278</footer> 4279
4280<script> 4281 // Auto-open footer accordions on desktop, keep closed on mobile 4282 // Always keep the last block (newsletter form) open 4283 (function() { 4284 function isFooterDesktop() { 4285 return window.innerWidth >= 750; 4286 } 4287 4288 function handleFooterAccordions() { 4289 const accordions = document.querySelectorAll('.footer-block__accordion'); 4290 const isDesktop = isFooterDesktop(); 4291 4292 accordions.forEach(function(accordion) { 4293 const isLastBlock = accordion.closest('.footer-block--last'); 4294 4295 if (isDesktop || isLastBlock) { 4296 accordion.setAttribute('open', ''); 4297 } else { 4298 accordion.removeAttribute('open'); 4299 } 4300 }); 4301 } 4302 4303 function bindFooterAccordionClicks() { 4304 const footer = document.querySelector('.footer'); 4305 if (!footer || footer.dataset.accordionBound === 'true') return; 4306 footer.dataset.accordionBound = 'true'; 4307 4308 footer.addEventListener('click', function(e) { 4309 if (!isFooterDesktop()) return; 4310 if (e.target.closest('.footer-block__accordion-summary')) { 4311 e.preventDefault(); 4312 } 4313 }); 4314 4315 footer.addEventListener('toggle', function(e) { 4316 if (!isFooterDesktop()) return; 4317 if (e.target.matches('.footer-block__accordion') && !e.target.hasAttribute('open')) { 4318 e.target.setAttribute('open', ''); 4319 } 4320 }); 4321 } 4322 4323 function initFooterAccordions() { 4324 handleFooterAccordions(); 4325 bindFooterAccordionClicks(); 4326 } 4327 4328 if (document.readyState === 'loading') { 4329 document.addEventListener('DOMContentLoaded', initFooterAccordions); 4330 } else { 4331 initFooterAccordions(); 4332 } 4333 4334 let resizeTimer; 4335 window.addEventListener('resize', function() { 4336 clearTimeout(resizeTimer); 4337 resizeTimer = setTimeout(handleFooterAccordions, 100); 4338 }); 4339 })(); 4340 4341 // Force footer social links to open in new tab 4342 (function() { 4343 function setFooterSocialLinksNewTab() { 4344 const footerSocialLinks = document.querySelectorAll('.footer__list-social .list-social__link, .footer .list-social__link'); 4345 footerSocialLinks.forEach(function(link) { 4346 link.setAttribute('target', '_blank'); 4347 link.setAttribute('rel', 'noopener noreferrer'); 4348 }); 4349 } 4350 if (document.readyState === 'loading') { 4351 document.addEventListener('DOMContentLoaded', setFooterSocialLinksNewTab); 4352 } else { 4353 setFooterSocialLinksNewTab(); 4354 } 4355 })(); 4356 4357 // Footer "Accessibility" menu item opens Accessibly app widget (same as floating widget button) 4358 (function() { 4359 function clickAccessiblyLauncher() { 4360 var btn = document.getElementById('accessiblyAppDialogButton'); 4361 if (btn) { 4362 btn.click(); 4363 return true; 4364 } 4365 return false; 4366 } 4367 4368 document.addEventListener('click', function (e) { 4369 if (!e.target.closest('.js-footer-accessibly-trigger')) return; 4370 if (clickAccessiblyLauncher()) return; 4371 var attempts = 0; 4372 var id = window.setInterval(function () { 4373 attempts += 1; 4374 if (clickAccessiblyLauncher() || attempts > 60) window.clearInterval(id); 4375 }, 100); 4376 }); 4377 })(); 4378</script>
4378 4379 4380 4381</div> 4382<!-- END sections: footer-group --> 4383 4384 <ul hidden> 4385 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 4386 <li id="a11y-new-window-message">Opens in a new window.</li> 4387 </ul> 4388 4389 4390 4391 <link href="//modernpicnic.com/cdn/shop/t/387/assets/section-main-product.css?v=126357317873901664721788801529" rel="stylesheet" type="text/css" media="all" /> 4392 4393 4394<style> 4395 /* Hide size guide sections when they appear on the page (e.g. added to template) â show only in popup after clicking "Size Guide" */ 4396 #MainContent .food-container-size-guide-section, 4397 #MainContent .food-container-size-guide-mobiles-section { 4398 display: none !important; 4399 } 4400 4401 #size-chart-popup.fancybox-content{ 4402 display: block !Important; 4403 } 4404 4405 #size-chart-popup .page-header-font{ 4406 font-size: 34px; 4407 } 4408 4409 .sizing-table{ 4410 text-align: center; 4411 } 4412 .sizing-table thead td{ 4413 background: #c5cec1; 4414 } 4415 4416 .sizing-table thead td:not(:first-child){ 4417 text-decoration: underline; 4418 } 4419 4420 .sizing-table tbody tr td:first-child{ 4421 background: #f2f1ee; 4422 } 4423 4424 4425 .sizing-table td{ 4426 padding: 10px; 4427 border: 1px solid #6f6f6f; 4428 height: 70px; 4429 text-align: center; 4430 color: black; 4431 font-weight: 600; 4432 } 4433 4434 .sizing-table thead td, .sizing-table td:first-child{ 4435 font-size: 15px; 4436 } 4437 4438 .sizing-table tr:nth-child(3) td:not(:first-child){ 4439 font-size: 10px; 4440 } 4441 4442 .sizing-table tr:nth-child(2) td:not(:first-child), .sizing-table tr:nth-child(3) td:not(:first-child){ 4443 font-family: 'Avenir LT Std'; 4444 } 4445 4446 .sizing-chart-wrapper .page-header-font{ 4447 font-size: 40px; 4448 } 4449 4450 .sizing-chart-hr{ 4451 height: 2px; 4452 background: #C8B2AC; 4453 max-width: 50%; 4454 margin: 0 auto; 4455 } 4456 4457 .sizing-table{ 4458 margin-bottom: 20px; 4459 min-width: 1200px; 4460 } 4461 4462 /* Size guide popup: desktop = food-container-size-guide, mobile = food-container-size-guide-mobiles (same as main product) */ 4463 @media screen and (max-width: 768px) { 4464 #size-chart-popup .mobile-hide { display: none !important; } 4465 #size-chart-popup .desktop-hide { display: block !important; } 4466 4467 #size-chart-popup a, 4468 #size-chart-popup a:focus, 4469 #size-chart-popup a:focus-visible, 4470 #size-chart-popup a:active, 4471 .product-popup-modal__content--size-guide:focus, 4472 .product-popup-modal__content--size-guide:focus-visible, 4473 .product-popup-modal__content--size-guide.focused { 4474 outline: none !important; 4475 box-shadow: none !important; 4476 -webkit-tap-highlight-color: transparent; 4477 } 4478 } 4479 @media screen and (min-width: 769px) { 4480 #size-chart-popup .desktop-hide { display: none !important; } 4481 #size-chart-popup .mobile-hide { display: block !important; } 4482 } 4483 4484 .sizing-chart-footer{ 4485 4486 font-size: 18px; 4487 letter-spacing: 0.03em; 4488 color: #6f6f6f; 4489 } 4490 4491 4492 .sizing-chart-footer a{ 4493 text-decoration: none; 4494 color: #6f6f6f; 4495 } 4496 4497 hr.sizing-chart-hr-bottom{ 4498 margin-bottom: 30px; margin-top: 20px; 4499 } 4500 4501 @media screen and (min-width: 769px){ 4502 #size-chart-popup{ 4503 position: absolute; 4504 top: 0px; 4505 margin: 0px auto 6px; 4506 left: 50%; 4507 transform: translateX(-50%); 4508 } 4509 4510 .sizing-table .price-row td{ 4511 font-size: 18px; 4512 } 4513 } 4514 4515 /* FAQ modal: show inner chart same as product page */ 4516 #shopify-section-faq-size-guide-modal .product-popup-modal__content--size-guide #size-chart-popup { 4517 display: block !important; 4518 max-width: 900px !important; 4519 } 4520 @media screen and (max-width: 768px){ 4521 #size-chart-popup{ 4522 position: absolute; 4523 top: 0px; 4524 left: 0px; 4525 overflow: scroll; 4526 width: 100%; 4527 } 4528 .sizing-chart-wrapper .page-header-font{ 4529 font-size: 27px !important; 4530 } 4531 4532 .sizing-table{ 4533 min-width: 900px; 4534 } 4535 4536 4537 #size-chart-popup.fancybox-content{ 4538 padding: 15px; 4539 } 4540 #sizing-chart-popup{ 4541 max-width: 90%; 4542 4543 } 4544 4545 4546 #size-chart-popup .page-header-font{ 4547 font-size: 16px; 4548 text-align: center; 4549 } 4550 4551 .sizing-chart-hr { 4552 margin-left: 0; 4553 width: 30px; 4554 display: none; 4555 } 4556 4557 .sizing-table td { 4558 padding: 5px; 4559 border: 1px solid #6f6f6f; 4560 height: 50px; 4561 font-size: 8px; 4562 } 4563 4564 .sizing-table thead td, .sizing-table td:first-child, .sizing-table tr:nth-child(3) td:not(:first-child) { 4565 font-size: 8px; 4566 } 4567 4568 4569 .sizing-table td img{ 4570 max-height: 70px; 4571 } 4572 4573 .sizing-chart-footer{ 4574 text-align: left; 4575 font-size: 16px; 4576 } 4577 4578 hr.sizing-chart-hr-bottom{ 4579 margin: 15px 0; 4580 } 4581 4582 .sizing-table { 4583 min-width: 520px; 4584 } 4585 /* FAQ modal: show inner chart same as product page */ 4586 #shopify-section-faq-size-guide-modal .product-popup-modal__content--size-guide #size-chart-popup { 4587 padding-top: 50px; 4588 } 4589 } 4590 4591 4592</style> 4593 4594 4595<modal-dialog id="shopify-section-faq-size-guide-modal" class="product-popup-modal shopify-section"> 4596 <div 4597 role="dialog" 4598 aria-label="Translation missing: en.products.product.size_guide" 4599 aria-modal="true" 4600 class="product-popup-modal__content product-popup-modal__content--size-guide" 4601 tabindex="-1" 4602 > 4603 <button 4604 id="ModalClose-FaqSizeGuide" 4605 type="button" 4606 class="product-popup-modal__toggle" 4607 aria-label="Close" 4608 ><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close-small" viewBox="0 0 12 13"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.486 9.33 2.828 3.67M2.885 9.385l5.544-5.77"/></svg> 4609</button> 4610 <div class="product-popup-modal__content-info"> 4611 4612 4613<div id="size-chart-popup" style="display: none; max-width: 1300px; margin-bottom: 6px;"> 4614 4615 4616 4617 4618 <div class="mobile-hide"> 4619 <style> 4620 4621 .food-container-size-guide-wrapper{ 4622 min-width: 800px; 4623 width: 100%; 4624 background: white; 4625 } 4626 4627 .fancybox-button.fancybox-close-small{ 4628 fill:white; 4629 color: white; 4630 } 4631 4632 #size-chart-popup.fancybox-content{ 4633 padding: 0; 4634 } 4635 .food-container-size-guide-table th{ 4636 font-size: 23px; 4637 letter-spacing: 2px; 4638 font-weight: 600; 4639 background: black; 4640 color: white; 4641 height: 96px; 4642 border: 0; 4643 } 4644 th, td { 4645 text-align: left; 4646 border: 1px solid rgba(0, 0, 0, 0); 4647 padding: 10px 14px; 4648 } 4649 .food-container-size-guide-table{ 4650 border: 1px solid black; 4651 min-width: 900px; 4652 width: 100%; 4653 } 4654 4655 .food-container-size-guide-table td{ 4656 border-right: 1px solid black; 4657 border-bottom: 1px solid black; 4658 padding: 10px; 4659 text-align: center; 4660 } 4661 4662 .food-container-size-guide-table p, .food-container-size-guide-flex-text{ 4663 font-size: 15px; 4664 line-height: 1.5em; 4665 letter-spacing: 2px; 4666 text-align: center; 4667 font-weight: 600; 4668 font-family: 'Avenir' 4669 4670 } 4671 4672 .food-container-size-guide-table p{ 4673 text-decoration: underline; 4674 } 4675 4676 .food-container-size-guide-flex-text u{ 4677 margin-left: 10px; 4678 } 4679 4680 .food-container-image{ 4681 max-width: 130px !important; 4682 text-align: center; 4683 margin-left: auto; 4684 margin-right: auto; 4685 } 4686 4687 .food-container-size-guide-flex-container img{ 4688 max-height: 83px; 4689 object-fit:contain; 4690 4691 4692 } 4693 4694 .food-container-size-guide-flex-container{ 4695 display: flex; 4696 align-items: center; 4697 } 4698 4699 .food-container-size-guide-table a{ 4700 outline: none; 4701 opacity: 1 !important; 4702 color: black; 4703 text-decoration: none; 4704 } 4705 4706 @media screen and (max-width: 768px){ 4707 4708 #size-chart-popup.fancybox-content{ 4709 padding-top: 50px; 4710 background: transparent; 4711 } 4712 .food-container-size-guide-table th{ 4713 font-size: 16px; 4714 height: 45px; 4715 } 4716 4717 .food-container-size-guide-table p, .food-container-size-guide-flex-text{ 4718 font-size: 12px; 4719 } 4720 4721 .food-container-image{ 4722 max-width: 90px !important; 4723 } 4724 4725 .food-container-size-guide-flex-container img{ 4726 max-height: 60px; 4727 } 4728 4729 .food-container-size-guide-table, .food-container-size-guide-wrapper{ 4730 min-width: 750px; 4731 } 4732 } 4733</style> 4734 4735 4736 4737<div class="food-container-size-guide-wrapper"> 4738 <table class="food-container-size-guide-table"> 4739 <thead> 4740 <tr> 4741 <th>MP LUNCHBOX</th> 4742 <th># OF MP FOOD CONTAINERS THAT FIT INSIDE</th> 4743 </tr> 4744 </thead> 4745 <tbody> 4746 <tr> 4747 <td> 4748 <a href="/pages/designer-lunch-bags"> 4749 <img class="food-container-image" src="https://cdn.shopify.com/s/files/1/2344/1411/files/Black_Luncher_Front_1.jpg?v=1762432941"> 4750 <p>LUNCHER | $159</p> 4751 </a> 4752 </td> 4753 <td> 4754 <a class="link-no-hover" href="/products/the-luncher-x-container-set"> 4755 <div class="food-container-size-guide-flex-container"> 4756 <div> 4757 <img src="https://cdn.shopify.com/s/files/1/2344/1411/files/adjusted_corner_angles_of_clips_2-18-22_2_4.jpg?v=1762432603"> 4758 </div> 4759 <div class="food-container-size-guide-flex-text"> 4760 - <u>SHOP THE BUNDLE | $170</u> 4761 </div> 4762 </div> 4763 </a> 4764 </td> 4765 </tr> 4766 <tr> 4767 <td> 4768 <a href="/pages/large-luncher-collection"> 4769 <img class="food-container-image" src="https://cdn.shopify.com/s/files/1/2344/1411/files/Screen_Shot_2023-05-04_at_2.06_4.jpg?v=1686054252"> 4770 <p>LARGE LUNCHER | $189</p> 4771 </a> 4772 </td> 4773 <td> 4774 <a class="link-no-hover" href="/products/the-large-luncher-x-container-set"> 4775 <div class="food-container-size-guide-flex-container"> 4776 <div> 4777 <img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Group_3_7.jpg?v=1686054706"> 4778 </div> 4779 <div class="food-container-size-guide-flex-text"> 4780 - <u>SHOP THE BUNDLE | $215</u> 4781 </div> 4782 </div> 4783 </a> 4784 </td> 4785 </tr> 4786 <tr> 4787 <td> 4788 <a href="/pages/the-backpack"> 4789 <img class="food-container-image" src="https://cdn.shopify.com/s/files/1/2344/1411/files/Welcome_Ambassadors_FB_1080_x_1080_px_-2_1_2.jpg?v=1686054252"> 4790 <p>
4790BACKPACK | $210</p> 4791 </a> 4792 </td> 4793 <td> 4794 <a class="link-no-hover" href="products/the-container-set?variant=44056910823658"> 4795 <div class="food-container-size-guide-flex-container"> 4796 <div> 4797 <img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Group_3_7.jpg?v=1686054706"> 4798 </div> 4799 <div class="food-container-size-guide-flex-text"> 4800 <u>SHOP THE BUNDLE | $37</u> 4801 </div> 4802 </div> 4803 </a> 4804 </td> 4805 </tr> 4806 <tr> 4807 <td> 4808 <a href="/products/the-pouch"> 4809 <img class="food-container-image" src="https://cdn.shopify.com/s/files/1/2344/1411/files/9999_ModernPicnic070119-26_1.jpg?v=1762432604"> 4810 <p>POUCH | $79</p> 4811 </a> 4812 </td> 4813 <td> 4814 <a class="link-no-hover" href="/products/the-container-span-class-number-4-span-set?variant=44056914362602"> 4815 <div class="food-container-size-guide-flex-container"> 4816 <div> 4817 <img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Group_3_8.jpg?v=1686054705"> 4818 </div> 4819 <div class="food-container-size-guide-flex-text"> 4820 <u>SHOP THE BUNDLE | $70</u> 4821 </div> 4822 </div> 4823 </a> 4824 </td> 4825 </tr> 4826 <tr> 4827 <td> 4828 <a href="/pages/the-tote"> 4829 <img class="food-container-image" src="https://cdn.shopify.com/s/files/1/2344/1411/files/Screen_Shot_2023-05-04_at_2.06_6.jpg?v=1686054252"> 4830 <p>TOTE | $210</p> 4831 </a> 4832 </td> 4833 <td> 4834 <a class="link-no-hover" href="/products/the-container-span-class-number-4-span-set?variant=44056914362602"> 4835 <div class="food-container-size-guide-flex-container"> 4836 <div> 4837 <img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Group_3_8.jpg?v=1686054705"> 4838 </div> 4839 <div class="food-container-size-guide-flex-text"> 4840 <u>SHOP THE BUNDLE | $70</u> 4841 </div> 4842 </div> 4843 </a> 4844 </td> 4845 </tr> 4846 <tr> 4847 <td> 4848 <a href="/pages/shop-mini-luncher"> 4849 <img class="food-container-image" src="https://cdn.shopify.com/s/files/1/2344/1411/files/Black_Mini_Luncher_S20_Front_1.jpg?v=1762432940"> 4850 <p>MINI | $129</p> 4851 </a> 4852 </td> 4853 <td> 4854 <a class="link-no-hover" href="/products/the-food-container?variant=44055622877418"> 4855 <div class="food-container-size-guide-flex-container"> 4856 <div class="food-container-size-guide-flex-text"> 4857 N/A 4858 </div> 4859 </div> 4860 </a> 4861 </td> 4862 </tr> 4863 <tr> 4864 <td> 4865 <a href="/pages/shop_thesnacker"> 4866 <img class="food-container-image" src="https://cdn.shopify.com/s/files/1/2344/1411/files/Screen_Shot_2023-05-11_at_1.16_1.jpg?v=1686054252"> 4867 <p>SNACKER | $59</p> 4868 </a> 4869 </td> 4870 <td> 4871 <a class="link-no-hover" href="/products/the-food-container?variant=44055622877418"> 4872 <div class="food-container-size-guide-flex-container"> 4873 <div class="food-container-size-guide-flex-text"> 4874 N/A 4875 </div> 4876 </div> 4877 </a> 4878 </td> 4879 </tr> 4880 </tbody> 4881 </table> 4882</div> 4883 </div> 4884 <div class="desktop-hide"> 4885 <style> 4886 .food-container-size-guide-mobile-wrapper{ 4887 background: white; 4888 overflow: hidden; 4889 padding: 15px; 4890 } 4891 4892 .food-container-size-guide-mobile-header{ 4893 margin-bottom: 10px; 4894 } 4895 4896 .food-container-size-guide-mobile-item a, 4897 .food-container-size-guide-mobile-item a:focus, 4898 .food-container-size-guide-mobile-item a:focus-visible, 4899 .food-container-size-guide-mobile-item a:active { 4900 outline: none !important; 4901 box-shadow: none !important; 4902 -webkit-tap-highlight-color: transparent; 4903 text-decoration: none; 4904 } 4905</style> 4906 4907<div class="food-container-size-guide-mobile-wrapper"> 4908 <div class="food-container-size-guide-mobile-container"> 4909 <div class="food-container-size-guide-mobile-header"> 4910 <img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Group_16_e4092729-49c7-4746-8786-ac25ca9d1481.jpg?v=1781093559"> 4911 </div> 4912 <div class="food-container-size-guide-mobile-content"> 4913 <div class="food-container-size-guide-mobile-item"> 4914 <a class="link-no-hover" href="/products/the-luncher-x-container-set?variant=44055687332074"> 4915 <img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Group_398.png?v=1783401806"> 4916 </a> 4917 </div> 4918 <div class="food-container-size-guide-mobile-item"> 4919 <a class="link-no-hover" href="/products/the-large-luncher-x-container-set?variant=44055692706026"> 4920 <img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Group_397_18b3a8a1-19d3-4895-a36a-e3e944976241.png?v=1783401806"> 4921 </a> 4922 </div> 4923 <div class="food-container-size-guide-mobile-item"> 4924 <a class="link-no-hover" href="/products/the-backpack"> 4925 <img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Group_399.png?v=1783401805"> 4926 </a> 4927 </div> 4928 <div class="food-container-size-guide-mobile-item"> 4929 <a class="link-no-hover" href="/products/the-pouch"> 4930 <img src="https://cdn.shopify.com/s/files/1/2344/1411/files/Group_400.png?v=1783401805"> 4931 </a> 4932 </div> 4933 </div> 4934 </div> 4935</div> 4936 </div> 4937 4938</div> 4939 4940 4941 </div> 4942 </div> 4943</modal-dialog>
4944<script> 4945 (function () { 4946 document.addEventListener('click', function (e) { 4947 var a = e.target.closest('a[href="#size-chart-popup"]'); 4948 if (!a) return; 4949 var modal = document.getElementById('shopify-section-faq-size-guide-modal'); 4950 if (!modal || typeof modal.show !== 'function') return; 4951 e.preventDefault(); 4952 var hd = a.closest('header-drawer'); 4953 if (hd) { 4954 var details = hd.querySelector('details'); 4955 var summary = details && details.querySelector('summary'); 4956 if (details && details.hasAttribute('open') && summary) { 4957 summary.click(); 4958 } 4959 } 4960 modal.show(a); 4961 }); 4962 })(); 4963</script>
4963 4964 4965 4966 4967 4968
4968<script> 4969 window.__mpLoadScript = function (src, callback, attrs) { 4970 if (document.querySelector('script[src="' + src + '"]')) { 4971 if (typeof callback === 'function') callback(); 4972 return; 4973 } 4974 var script = document.createElement('script'); 4975 script.src = src; 4976 script.async = true; 4977 if (attrs) { 4978 Object.keys(attrs).forEach(function (key) { 4979 script.setAttribute(key, attrs[key]); 4980 }); 4981 } 4982 if (typeof callback === 'function') { 4983 script.addEventListener('load', callback, { once: true }); 4984 } 4985 document.head.appendChild(script); 4986 }; 4987 </script>
vendor: 1 bytes, line 4987
4987
4988<script> 4989 // Close mobile nav when size guide is clicked (no jQuery) 4990 (function() { 4991 var el = document.querySelector('.mobile-nav__item #size-chart-popup-link'); 4992 if (el && typeof theme !== 'undefined' && theme.MobileNav) { 4993 el.addEventListener('click', function() { 4994 theme.MobileNav.closeMobileNav(); 4995 }); 4996 } 4997 })(); 4998</script>
4998 4999 <!-- Klaviyo back in stock --> 5000 5001 5002 5003 <!-- End Shopify-Afterpay JavaScript Snippet (v1.1.4) --> 5004 <style type="text/css"> 5005 p.afterpay-paragraph { 5006 color: inherit !important; 5007 font-family: inherit !important; 5008 display: block !important; 5009 font-size: 11px; 5010 } 5011 5012 afterpay-placement { 5013 font-family: 'Avenir LT Std'; 5014 } 5015 afterpay-placement .afterpay-main-text > *, 5016 afterpay-placement .afterpay-main-text { 5017 font-weight: normal !important; 5018 } 5019 5020 afterpay-placement { 5021 --logo-badge-width: 60px; 5022 --messaging-font-size: 10px; 5023 } 5024 5025 .afterpay-instalments { 5026 font-weight: bold !important; 5027 } 5028 5029 .afterpay-link-inner { 5030 font-size: 12px; 5031 margin-left: 2px; 5032 } 5033 5034 .afterpay-logo { 5035 width: 4em !important; 5036 height: auto !important; 5037 } 5038 5039 .afterpay-text2 { 5040 margin-right: 1px; 5041 } 5042 </style> 5043 <!-- Rebuy START --> 5044
5044<script> 5045 (function() { 5046 setTimeout(function() { 5047 var openSearch = document.querySelector('.search-header__input'); 5048 if (openSearch) { 5049 openSearch.addEventListener('click', function() { 5050 document.body.style.overflow = 'hidden'; 5051 }); 5052 } 5053 document.addEventListener('click', function(e) { 5054 if (e.target.closest('.rebuy-quick-view-dropdown__close')) { 5055 document.body.style.overflow = ''; 5056 } 5057 }); 5058 }, 500); 5059 })(); 5060 </script>
5060 5061 5062
5062<script src="//modernpicnic.com/cdn/shop/t/387/assets/monogram-routing.js?v=58088819492377842581788801508" defer="defer"></script>
5062 5063
5063<script src="//modernpicnic.com/cdn/shop/t/387/assets/product-quick.js?v=51116487219632741021788801515" defer="defer"></script>
5063 5064 5065
5065<script> 5066 document.addEventListener('rebuy:reorderLandingPage.ready', () => { 5067 Rebuy.Cart.clearCart(); 5068 }); 5069 </script>
5069<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=modern-picnic-ny.myshopify.com"></script>
5069 5070 5071 5072 5073 <!-- <div data-rebuy-id="176030" data-rebuy-shopify-product-ids=""></div> --> 5074 5075 5076<!-- Manual Widget Installs BELOW --> 5077 5078<!-- Home Page Widgets installs BELOW --> 5079 5080 5081<style> 5082 .rebuy-widget{ 5083 padding: 0 !important; 5084 } 5085 #rebuy-widget-103355 img{ 5086 aspect-ratio: unset !important; 5087 } 5088 .rebuy-widget .rebuy-review-count-label, .rebuy-widget .rebuy-review-count-number{ 5089 font-family: "Avenir LT Std", sans-serif !important; 5090 } 5091 .rebuy-cart__flyout-subtotal{ 5092 font-family: "Avenir LT Std", sans-serif; 5093 } 5094 .rebuy-cart__progress-bar-prompt{ 5095 text-transform: none; 5096 } 5097 5098 .rebuy-cart__flyout-item-property{ 5099 color: #414141; 5100 font-family: 'Avenir LT Std'; 5101 font-weight: 300; 5102 } 5103 5104 .rebuy-cart__flyout-subtotal-amount{ 5105 font-family: Avenir Next; 5106 font-weight: 600; 5107 } 5108 5109 .rebuy-cart__flyout-item-variant-title { 5110 color: #414141; 5111 font-family: 'Avenir LT Std'; 5112 font-weight: 300; 5113 } 5114 5115 /* Tablet (750â989px): âMake it a setâ add-on â keep title + price from crowding / overlapping */ 5116 @media screen and (min-width: 750px) and (max-width: 989px) { 5117 .rebuy-widget.widget-type-product-addon .rebuy-addon__item { 5118 display: grid; 5119 grid-template-columns: auto auto minmax(0, 1fr); 5120 grid-template-rows: auto auto; 5121 column-gap: 1rem; 5122 row-gap: 0.35rem; 5123 align-items: start; 5124 } 5125 5126 .rebuy-widget.widget-type-product-addon .rebuy-addon__item-checkbox { 5127 grid-column: 1; 5128 grid-row: 1 / -1; 5129 align-self: center; 5130 } 5131 5132 .rebuy-widget.widget-type-product-addon .rebuy-addon__item-image { 5133 grid-column: 2; 5134 grid-row: 1 / -1; 5135 align-self: start; 5136 } 5137 5138 .rebuy-widget.widget-type-product-addon .rebuy-addon__item-info { 5139 grid-column: 3; 5140 grid-row: 1; 5141 min-width: 0; 5142 } 5143 5144 .rebuy-widget.widget-type-product-addon .rebuy-addon__item .closing-container { 5145 grid-column: 3; 5146 grid-row: 2; 5147 min-width: 0; 5148 } 5149 5150 .rebuy-widget.widget-type-product-addon .rebuy-addon__item-product-title { 5151 white-space: normal !important; 5152 line-height: 1.25; 5153 } 5154 5155 .rebuy-widget.widget-type-product-addon .rebuy-addon__item-product-price > div { 5156 display: flex; 5157 flex-wrap: wrap; 5158 align-items: baseline; 5159 gap: 0.35rem 0.75rem; 5160 } 5161 } 5162</style> 5163 5164<!-- Recently Viewed Widget Below --> 5165
5166<script id="rebuy-widget-103353" type="text/template"> 5167<div 5168 class="rebuy-widget" 5169 v-cloak 5170 v-on:click="stopPropagation($event)" 5171 v-bind:id="'rebuy-widget-' + id" 5172 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]" 5173> 5174 <div 5175 class="rebuy-widget-container" 5176 v-cloak 5177 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 5178 v-on:click.self="hide()" 5179 > 5180 <div class="rebuy-widget-content"> 5181 <div class="rebuy-modal-close" v-on:click="hide()"> 5182 <i class="fas fa-times"></i> 5183 </div> 5184 5185 <div class="rebuy-timer" v-if="hasTimer()"> 5186 <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> 5187 <span v-html="config.language.timer_title"></span> 5188 <span 5189 class="rebuy-timer-minutes" 5190 v-html="config.timer.duration_minutes" 5191 ></span 5192 >:<span 5193 class="rebuy-timer-seconds" 5194 v-html="config.timer.duration_seconds" 5195 ></span> 5196 </h5> 5197 </div> 5198 5199 <h4 5200 class="super-title" 5201 v-if="config.language.super_title != ''" 5202 v-html="config.language.super_title" 5203 ></h4> 5204 5205 <h3 5206 class="primary-title" 5207 v-if="config.language.title != ''" 5208 v-html="config.language.title" 5209 ></h3> 5210 5211 <div 5212 class="description" 5213 v-if="config.language.description != ''" 5214 v-html="config.language.description" 5215 ></div> 5216 5217 <div class="rebuy-product-grid" v-bind:class="layoutClasses"> 5218 <div 5219 class="rebuy-product-block" 5220 v-for="(product, product_index) in products" 5221 v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]" 5222 > 5223 <div class="rebuy-product-media"> 5224 <a 5225 class="rebuy-product-image" 5226 v-bind:href="learnMoreURL(product)" 5227 v-bind:style="imageStyles" 5228 v-on:click="learnMore(product);" 5229 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 5230 > 5231 <img 5232 v-bind:src="itemImage(product, product.selected_variant, '900x900')" 5233 v-bind:alt="'View ' + product.title" 5234 /> 5235 </a> 5236 </div> 5237 <div class="rebuy-product-info"> 5238 <a 5239 class="rebuy-product-title" 5240 v-bind:href="learnMoreURL(product)" 5241 v-on:click="learnMore(product);" 5242 v-html="product.title" 5243 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 5244 v-bind:alt="'View ' + product.title" 5245 ></a> 5246 5247 <!-- <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div> --> 5248 <div class="rebuy-product-review" v-if="hasProductReviews(product)"> 5249 <span class="rebuy-star-rating"> 5250 <span class="rebuy-star-rating-background"></span> 5251 <span 5252 class="rebuy-star-rating-foreground" 5253 v-bind:style="{ width: productReviewRatingPercentage(product) }" 5254 ></span> 5255 </span> 5256 <span 5257 class="rebuy-review-count" 5258 v-html="productReviewCount(product)" 5259 ></span> 5260 </div> 5261 5262 5263 <div 5264 class="rebuy-product-description" 5265 v-if="showProductDescription(product)" 5266 v-html="text(product.body_html)" 5267 ></div> 5268 </div> 5269 5270 <!-- special --> 5271 <div 5272 class="rebuy-product-options" 5273 v-if="showVariantSelect(product)" 5274 v-for="option in product.options" 5275 > 5276 <div 5277 class="variant-option" 5278 v-if="option.name.toLowerCase() == 'color' " 5279 > 5280 <div 5281 class="option-swatch color" 5282 v-bind:class="{ activeSwatch: product.selected_variant['option' + option.position] == value, unavailable: !variantOptionAvailable(product, 'option' + option.position, value) }" 5283 v-for="(value, index) in option.values" 5284 v-on:click="selectVariantOption(product, 'option' + option.position, value)" 5285 > {{ value }} 5286 <div 5287 class="option-swatch color-container" 5288 :style="{ backgroundImage: 'url(' + getURL(value) + ')' }" 5289 ></div> 5290 </div> 5291 </div> 5292 <div v-else> 5293 <div class="variant-option"> 5294 <div 5295 class="option-swatch size" 5296 v-bind:class="{ activeSwatch: product.selected_variant['option' + option.position] == value, unavailable: !variantOptionAvailable(product, 'option' + option.position, value) }" 5297 v-for="(value, index) in option.values" 5298 v-on:click="selectVariantOption(product, 'option' + option.position, value)" 5299 > 5300 <div 5301 class="option-swatch size-container" 5302 v-html="value" 5303 ></div> 5304 </div> 5305 </div> 5306 </div> 5307 </div> 5308 <!-- special --> 5309 5310 <div class="rebuy-product-actions"> 5311 <div 5312 class="subscription-checkbox" 5313 v-if="showSubscriptionOptions(product)" 5314 > 5315 <label class="rebuy-checkbox-label"> 5316 <input 5317 class="checkbox-input rebuy-checkbox" 5318 v-model="product.subscription" 5319 v-on:change="toggleSubscription(product)" 5320 type="checkbox" 5321 />
5322 <span 5323 class="checkbox-label" 5324 v-html="upgradeToSubscriptionLabel(product)" 5325 ></span> 5326 </label> 5327 </div> 5328 5329 <div 5330 class="subscription-frequency" 5331 v-if="showSubscriptionFrequency(product)" 5332 > 5333 <select 5334 class="rebuy-select" 5335 v-model="product.subscription_frequency" 5336 v-on:change="updateSubscriptionFrequency(product)" 5337 > 5338 <option 5339 v-for="frequency in product.subscription_frequencies" 5340 v-bind:value="frequency" 5341 > 5342 {{ frequencyLabel(frequency, product.subscription_interval) }} 5343 </option> 5344 </select> 5345 </div> 5346 5347 <div class="product-quantity" v-if="hasQuantityInputEnabled()"> 5348 <div class="rebuy-select-wrapper"> 5349 <label class="rebuy-label">Quantity</label> 5350 <select class="rebuy-select" v-model="product.quantity"> 5351 <option v-for="n in maxQuantityInputValue()" v-bind:value="n"> 5352 {{ n }} 5353 </option> 5354 </select> 5355 </div> 5356 </div> 5357 5358 <button 5359 class="rebuy-button" 5360 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 5361 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 5362 v-bind:alt="'Add ' + product.title + ' to Cart'" 5363 v-on:click="addToCart(product)" 5364 type="button" 5365 > 5366 <span v-html="buttonLabel(product)"></span> 5367 <span class="divider-hyphen">-</span> 5368 <div class="rebuy-product-price"> 5369 <div v-if="variantOnSale(product, product.selected_variant)"> 5370 <span 5371 class="rebuy-money sale" 5372 v-html="formatMoney(variantPrice(product, product.selected_variant))" 5373 ></span> 5374 <span 5375 class="rebuy-money compare-at" 5376 v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))" 5377 ></span> 5378 </div> 5379 <div v-if="!(variantOnSale(product, product.selected_variant))"> 5380 <span 5381 class="rebuy-money" 5382 v-html="formatMoney(variantPrice(product, product.selected_variant))" 5383 ></span> 5384 </div> 5385 </div> 5386 </button> 5387 </div> 5388 </div> 5389 </div> 5390 5391 <div class="rebuy-modal-actions" v-if="showContinueButton()"> 5392 <button class="rebuy-button decline" v-on:click="hide()" type="button"> 5393 <span v-html="continueLabel()"></span> 5394 </button> 5395 </div> 5396 5397 <div class="powered-by-rebuy"> 5398 <a 5399 v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" 5400 target="_blank" 5401 rel="noopener" 5402 > 5403 Powered by Rebuy 5404 </a> 5405 </div> 5406 </div> 5407 </div> 5408</div> 5409</script>
5409 5410 5411 5412<style> 5413 .variant-option .option-swatch.color { 5414 display: flex; 5415 align-items: center; 5416 justify-content: center; 5417 flex-wrap: wrap; 5418 5419 height: 32px; 5420 width: 32px; 5421 margin: 3px; 5422 5423 } 5424 5425 .variant-option .option-swatch.size { 5426 display: flex; 5427 align-items: center; 5428 justify-content: center; 5429 flex-wrap: wrap; 5430 border: 1px solid #e8e8e1; 5431 height: 40px; 5432 width: 40px; 5433 margin: 3px; 5434 } 5435 5436 .variant-option .option-swatch.unavailable { 5437 opacity: 0.1; 5438 } 5439 5440 .variant-option .option-swatch.activeSwatch { 5441 5442 } 5443 5444 .variant-option .color-container { 5445 width: 100%; 5446 height: 30px; 5447 5448 } 5449 5450 .variant-option { 5451 display: flex; 5452 flex-wrap: wrap; 5453 } 5454 5455 .variant-option p { 5456 margin-bottom: 0px; 5457 } 5458 5459 .variant-option { 5460 display: flex; 5461 } 5462 .variant-option .option-swatch.color{ 5463 width: 15% !important; 5464 margin: auto; 5465 } 5466 5467 /* .variant-option .option-swatch:hover { transform: scale(1.2); } */ 5468</style>
5469<script> 5470 if (typeof window.getURL === 'undefined') { 5471 window.getURL = function(variantName){ 5472 var url = 'https://modernpicnic.com/cdn/shop/t/186/assets/'; 5473 url += variantName; 5474 url = url.replaceAll("'", ''); 5475 url = url.replaceAll("&", ''); 5476 url = url.replaceAll("®", ''); 5477 url = url.replaceAll(' ','-'); 5478 url = url.replaceAll(' ','-'); 5479 url += '_50x50.png'; 5480 url = url.toLowerCase(); 5481 return url; 5482 }; 5483 } 5484</script>
5484 5485 5486<!-- You May Also Like PDP Carousel Widget Below --> 5487
5488<script id="rebuy-widget-103355" type="text/template"> 5489<div 5490 class="rebuy-widget" 5491 v-cloak 5492 v-on:click="stopPropagation($event)" 5493 v-bind:id="'rebuy-widget-' + id" 5494 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]" 5495> 5496 <div 5497 class="rebuy-widget-container" 5498 v-cloak 5499 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 5500 v-on:click.self="hide()" 5501 > 5502 <div class="rebuy-widget-content"> 5503 <div class="rebuy-modal-close" v-on:click="hide()"> 5504 <i class="fas fa-times"></i> 5505 </div> 5506 5507 <div class="rebuy-timer" v-if="hasTimer()"> 5508 <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> 5509 <span v-html="config.language.timer_title"></span> 5510 <span 5511 class="rebuy-timer-minutes" 5512 v-html="config.timer.duration_minutes" 5513 ></span 5514 >:<span 5515 class="rebuy-timer-seconds" 5516 v-html="config.timer.duration_seconds" 5517 ></span> 5518 </h5> 5519 </div> 5520 5521 <h4 5522 class="super-title" 5523 v-if="config.language.super_title != ''" 5524 v-html="config.language.super_title" 5525 ></h4> 5526 5527 <h3 5528 class="primary-title" 5529 v-if="config.language.title != ''" 5530 v-html="config.language.title" 5531 ></h3> 5532 5533 <div 5534 class="description" 5535 v-if="config.language.description != ''" 5536 v-html="config.language.description" 5537 ></div> 5538 5539 <div class="rebuy-product-grid" v-bind:class="layoutClasses"> 5540 <div 5541 class="rebuy-product-block" 5542 v-for="(product, product_index) in products" 5543 v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]" 5544 > 5545 <div class="rebuy-product-media"> 5546 <a class="rebuy-product-image" tabindex="-1" v-bind:href="learnMoreURL(product)" v-bind:style="imageStyles" 5547 v-on:click="learnMore(product);" v-bind:class="[hasLearnMore() ? 'clickable' : '']"> 5548 <img v-bind:loading="product_index > 1 ? 'lazy' : 'eager'" 5549 v-bind:src="itemImage(product, product.selected_variant, '900x900')" 5550 v-bind:alt="itemImageAlt(product, product.selected_variant)"> 5551 </a> 5552 </div> 5553 <div class="rebuy-product-info"> 5554 <a 5555 class="rebuy-product-title" 5556 v-bind:href="learnMoreURL(product)" 5557 v-on:click="learnMore(product);" 5558 v-html="product.title" 5559 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 5560 v-bind:alt="'View ' + product.title" 5561 ></a> 5562 5563 <!-- <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div> --> 5564 <div class="rebuy-product-review" v-if="hasProductReviews(product)"> 5565 <span class="rebuy-star-rating"> 5566 <span class="rebuy-star-rating-background"></span> 5567 <span 5568 class="rebuy-star-rating-foreground" 5569 v-bind:style="{ width: productReviewRatingPercentage(product) }" 5570 ></span> 5571 </span> 5572 <span 5573 class="rebuy-review-count" 5574 v-html="productReviewCount(product)" 5575 ></span> 5576 </div> 5577 5578 5579 <div 5580 class="rebuy-product-description" 5581 v-if="showProductDescription(product)" 5582 v-html="text(product.body_html)" 5583 ></div> 5584 </div> 5585 5586 <!-- special --> 5587 <div 5588 class="rebuy-product-options" 5589 v-if="showVariantSelect(product)" 5590 v-for="option in product.options" 5591 > 5592 <div 5593 class="variant-option" 5594 v-if="option.name.toLowerCase() == 'color' " 5595 > 5596 <div 5597 class="option-swatch color" 5598 v-bind:class="{ activeSwatch: product.selected_variant['option' + option.position] == value, unavailable: !variantOptionAvailable(product, 'option' + option.position, value) }" 5599 v-for="(value, index) in option.values" 5600 v-on:click="selectVariantOption(product, 'option' + option.position, value)" 5601 > 5602 <div 5603 class="option-swatch color-container" 5604 :style="{ backgroundImage: 'url(' + getURL(value) + ')' }" 5605 ></div> 5606 </div> 5607 </div> 5608 <div v-else> 5609 <div class="variant-option"> 5610 <div 5611 class="option-swatch size" 5612 v-bind:class="{ activeSwatch: product.selected_variant['option' + option.position] == value, unavailable: !variantOptionAvailable(product, 'option' + option.position, value) }" 5613 v-for="(value, index) in option.values" 5614 v-on:click="selectVariantOption(product, 'option' + option.position, value)" 5615 > 5616 <div 5617 class="option-swatch size-container" 5618 v-html="value" 5619 ></div> 5620 </div> 5621 </div> 5622 </div> 5623 </div> 5624 <!-- special --> 5625 5626 <div class="rebuy-product-actions"> 5627 <div 5628 class="subscription-checkbox" 5629 v-if="showSubscriptionOptions(product)" 5630 > 5631 <label class="rebuy-checkbox-label"> 5632 <input 5633 class="checkbox-input rebuy-checkbox" 5634 v-model="product.subscription" 5635 v-on:change="toggleSubscription(product)" 5636 type="checkbox" 5637 />
5638 <span 5639 class="checkbox-label" 5640 v-html="upgradeToSubscriptionLabel(product)" 5641 ></span> 5642 </label> 5643 </div> 5644 5645 <div 5646 class="subscription-frequency" 5647 v-if="showSubscriptionFrequency(product)" 5648 > 5649 <select 5650 class="rebuy-select" 5651 v-model="product.subscription_frequency" 5652 v-on:change="updateSubscriptionFrequency(product)" 5653 > 5654 <option 5655 v-for="frequency in product.subscription_frequencies" 5656 v-bind:value="frequency" 5657 > 5658 {{ frequencyLabel(frequency, product.subscription_interval) }} 5659 </option> 5660 </select> 5661 </div> 5662 5663 <div class="product-quantity" v-if="hasQuantityInputEnabled()"> 5664 <div class="rebuy-select-wrapper"> 5665 <label class="rebuy-label">Quantity</label> 5666 <select class="rebuy-select" v-model="product.quantity"> 5667 <option v-for="n in maxQuantityInputValue()" v-bind:value="n"> 5668 {{ n }} 5669 </option> 5670 </select> 5671 </div> 5672 </div> 5673 5674 <button 5675 class="rebuy-button" 5676 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 5677 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 5678 v-bind:alt="'Add ' + product.title + ' to Cart'" 5679 v-on:click="addToCart(product)" 5680 type="button" 5681 > 5682 <span v-html="buttonLabel(product)"></span> 5683 <span class="divider-hyphen">-</span> 5684 <div class="rebuy-product-price"> 5685 <div v-if="variantOnSale(product, product.selected_variant)"> 5686 <span 5687 class="rebuy-money sale" 5688 v-html="formatMoney(variantPrice(product, product.selected_variant))" 5689 ></span> 5690 <span 5691 class="rebuy-money compare-at" 5692 v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))" 5693 ></span> 5694 </div> 5695 <div v-if="!(variantOnSale(product, product.selected_variant))"> 5696 <span 5697 class="rebuy-money" 5698 v-html="formatMoney(variantPrice(product, product.selected_variant))" 5699 ></span> 5700 </div> 5701 </div> 5702 </button> 5703 </div> 5704 </div> 5705 </div> 5706 5707 <div class="rebuy-modal-actions" v-if="showContinueButton()"> 5708 <button class="rebuy-button decline" v-on:click="hide()" type="button"> 5709 <span v-html="continueLabel()"></span> 5710 </button> 5711 </div> 5712 5713 <div class="powered-by-rebuy"> 5714 <a 5715 v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" 5716 target="_blank" 5717 rel="noopener" 5718 > 5719 Powered by Rebuy 5720 </a> 5721 </div> 5722 </div> 5723 </div> 5724</div> 5725</script>
5725 5726 5727<!-- 5728 <style> 5729 .rebuy-product-media .secondary-image { display: none !important; } 5730 .rebuy-product-media:hover .primary-image { display: none !important; } 5731 .rebuy-product-media:hover .secondary-image { display: block !important; } 5732 </style> 5733--> 5734<style> 5735 .variant-option .option-swatch.color { 5736 display: flex; 5737 align-items: center; 5738 justify-content: center; 5739 flex-wrap: wrap; 5740 5741 height: 32px; 5742 width: 32px; 5743 margin: 3px; 5744 5745 } 5746 5747 .variant-option .option-swatch.size { 5748 display: flex; 5749 align-items: center; 5750 justify-content: center; 5751 flex-wrap: wrap; 5752 border: 1px solid #e8e8e1; 5753 height: 40px; 5754 width: 40px; 5755 margin: 3px; 5756 } 5757 5758 .variant-option .option-swatch.unavailable { 5759 opacity: 0.1; 5760 } 5761 5762 .variant-option .option-swatch.activeSwatch { 5763 5764 } 5765 5766 .variant-option .color-container { 5767 width: 100%; 5768 height: 30px; 5769 5770 } 5771 5772 .variant-option { 5773 display: flex; 5774 flex-wrap: wrap; 5775 } 5776 5777 .variant-option p { 5778 margin-bottom: 0px; 5779 } 5780 5781 .variant-option { 5782 display: flex; 5783 } 5784 .variant-option .option-swatch.color{ 5785 width: 15% !important; 5786 margin: auto; 5787 } 5788 5789 /* .variant-option .option-swatch:hover { transform: scale(1.2); } */ 5790</style>
5791<script> 5792 if (typeof window.getURL === 'undefined') { 5793 window.getURL = function(variantName){ 5794 var url = 'https://modernpicnic.com/cdn/shop/t/186/assets/'; 5795 url += variantName; 5796 url = url.replaceAll("'", ''); 5797 url = url.replaceAll("&", ''); 5798 url = url.replaceAll("®", ''); 5799 url = url.replaceAll(' ','-'); 5800 url = url.replaceAll(' ','-'); 5801 url += '_50x50.png'; 5802 url = url.toLowerCase(); 5803 return url; 5804 }; 5805 } 5806</script>
5806 5807 5808<!-- Home Page Widget Below --> 5809
5810<script id="rebuy-widget-103356" type="text/template"> 5811<div 5812 class="rebuy-widget" 5813 v-cloak 5814 v-on:click="stopPropagation($event)" 5815 v-bind:id="'rebuy-widget-' + id" 5816 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]" 5817> 5818 <div 5819 class="rebuy-widget-container" 5820 v-cloak 5821 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 5822 v-on:click.self="hide()" 5823 > 5824 <div class="rebuy-widget-content"> 5825 <div class="rebuy-modal-close" v-on:click="hide()"> 5826 <i class="fas fa-times"></i> 5827 </div> 5828 5829 <div class="rebuy-timer" v-if="hasTimer()"> 5830 <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> 5831 <span v-html="config.language.timer_title"></span> 5832 <span 5833 class="rebuy-timer-minutes" 5834 v-html="config.timer.duration_minutes" 5835 ></span 5836 >:<span 5837 class="rebuy-timer-seconds" 5838 v-html="config.timer.duration_seconds" 5839 ></span> 5840 </h5> 5841 </div> 5842 5843 <h4 5844 class="super-title" 5845 v-if="config.language.super_title != ''" 5846 v-html="config.language.super_title" 5847 ></h4> 5848 5849 <h3 5850 class="primary-title" 5851 v-if="config.language.title != ''" 5852 v-html="config.language.title" 5853 ></h3> 5854 5855 <div 5856 class="description" 5857 v-if="config.language.description != ''" 5858 v-html="config.language.description" 5859 ></div> 5860 5861 <div class="rebuy-product-grid" v-bind:class="layoutClasses"> 5862 <div 5863 class="rebuy-product-block" 5864 v-for="(product, product_index) in products" 5865 v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]" 5866 > 5867 <div class="rebuy-product-media"> 5868 <a 5869 class="rebuy-product-image" 5870 v-bind:href="learnMoreURL(product)" 5871 v-bind:style="imageStyles" 5872 v-on:click="learnMore(product);" 5873 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 5874 > 5875 <img 5876 v-bind:src="itemImage(product, product.selected_variant, '900x900')" 5877 v-bind:alt="'View ' + product.title" 5878 /> 5879 </a> 5880 </div> 5881 <div class="rebuy-product-info"> 5882 <a 5883 class="rebuy-product-title" 5884 v-bind:href="learnMoreURL(product)" 5885 v-on:click="learnMore(product);" 5886 v-html="product.title" 5887 v-bind:class="[hasLearnMore() ? 'clickable' : '']" 5888 v-bind:alt="'View ' + product.title" 5889 ></a> 5890 5891 <!-- <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div> --> 5892 <div class="rebuy-product-review" v-if="hasProductReviews(product)"> 5893 <span class="rebuy-star-rating"> 5894 <span class="rebuy-star-rating-background"></span> 5895 <span 5896 class="rebuy-star-rating-foreground" 5897 v-bind:style="{ width: productReviewRatingPercentage(product) }" 5898 ></span> 5899 </span> 5900 <span 5901 class="rebuy-review-count" 5902 v-html="productReviewCount(product)" 5903 ></span> 5904 </div> 5905 5906 5907 <div 5908 class="rebuy-product-description" 5909 v-if="showProductDescription(product)" 5910 v-html="text(product.body_html)" 5911 ></div> 5912 </div> 5913 5914 <!-- special --> 5915 <div 5916 class="rebuy-product-options" 5917 v-if="showVariantSelect(product)" 5918 v-for="option in product.options" 5919 > 5920 <div 5921 class="variant-option" 5922 v-if="option.name.toLowerCase() == 'color' " 5923 > 5924 <div 5925 class="option-swatch color" 5926 v-bind:class="{ activeSwatch: product.selected_variant['option' + option.position] == value, unavailable: !variantOptionAvailable(product, 'option' + option.position, value) }" 5927 v-for="(value, index) in option.values" 5928 v-on:click="selectVariantOption(product, 'option' + option.position, value)" 5929 > 5930 <div 5931 class="option-swatch color-container" 5932 :style="{ backgroundImage: 'url(' + getURL(value) + ')' }" 5933 ></div> 5934 </div> 5935 </div> 5936 <div v-else> 5937 <div class="variant-option"> 5938 <div 5939 class="option-swatch size" 5940 v-bind:class="{ activeSwatch: product.selected_variant['option' + option.position] == value, unavailable: !variantOptionAvailable(product, 'option' + option.position, value) }" 5941 v-for="(value, index) in option.values" 5942 v-on:click="selectVariantOption(product, 'option' + option.position, value)" 5943 > 5944 <div 5945 class="option-swatch size-container" 5946 v-html="value" 5947 ></div> 5948 </div> 5949 </div> 5950 </div> 5951 </div> 5952 <!-- special --> 5953 5954 <div class="rebuy-product-actions"> 5955 <div 5956 class="subscription-checkbox" 5957 v-if="showSubscriptionOptions(product)" 5958 > 5959 <label class="rebuy-checkbox-label"> 5960 <input 5961 class="checkbox-input rebuy-checkbox" 5962 v-model="product.subscription" 5963 v-on:change="toggleSubscription(product)" 5964 type="checkbox" 5965 />
5966 <span 5967 class="checkbox-label" 5968 v-html="upgradeToSubscriptionLabel(product)" 5969 ></span> 5970 </label> 5971 </div> 5972 5973 <div 5974 class="subscription-frequency" 5975 v-if="showSubscriptionFrequency(product)" 5976 > 5977 <select 5978 class="rebuy-select" 5979 v-model="product.subscription_frequency" 5980 v-on:change="updateSubscriptionFrequency(product)" 5981 > 5982 <option 5983 v-for="frequency in product.subscription_frequencies" 5984 v-bind:value="frequency" 5985 > 5986 {{ frequencyLabel(frequency, product.subscription_interval) }} 5987 </option> 5988 </select> 5989 </div> 5990 5991 <div class="product-quantity" v-if="hasQuantityInputEnabled()"> 5992 <div class="rebuy-select-wrapper"> 5993 <label class="rebuy-label">Quantity</label> 5994 <select class="rebuy-select" v-model="product.quantity"> 5995 <option v-for="n in maxQuantityInputValue()" v-bind:value="n"> 5996 {{ n }} 5997 </option> 5998 </select> 5999 </div> 6000 </div> 6001 6002 <button 6003 class="rebuy-button" 6004 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 6005 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 6006 v-bind:alt="'Add ' + product.title + ' to Cart'" 6007 v-on:click="addToCart(product)" 6008 type="button" 6009 > 6010 <span v-html="buttonLabel(product)"></span> 6011 <span class="divider-hyphen">-</span> 6012 <div class="rebuy-product-price"> 6013 <div v-if="variantOnSale(product, product.selected_variant)"> 6014 <span 6015 class="rebuy-money sale" 6016 v-html="formatMoney(variantPrice(product, product.selected_variant))" 6017 ></span> 6018 <span 6019 class="rebuy-money compare-at" 6020 v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))" 6021 ></span> 6022 </div> 6023 <div v-if="!(variantOnSale(product, product.selected_variant))"> 6024 <span 6025 class="rebuy-money" 6026 v-html="formatMoney(variantPrice(product, product.selected_variant))" 6027 ></span> 6028 </div> 6029 </div> 6030 </button> 6031 </div> 6032 </div> 6033 </div> 6034 6035 <div class="rebuy-modal-actions" v-if="showContinueButton()"> 6036 <button class="rebuy-button decline" v-on:click="hide()" type="button"> 6037 <span v-html="continueLabel()"></span> 6038 </button> 6039 </div> 6040 6041 <div class="powered-by-rebuy"> 6042 <a 6043 v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" 6044 target="_blank" 6045 rel="noopener" 6046 > 6047 Powered by Rebuy 6048 </a> 6049 </div> 6050 </div> 6051 </div> 6052</div> 6053</script>
6053 6054 6055 6056<style> 6057 .variant-option .option-swatch.color { 6058 display: flex; 6059 align-items: center; 6060 justify-content: center; 6061 flex-wrap: wrap; 6062 6063 height: 32px; 6064 width: 32px; 6065 margin: 3px; 6066 6067 } 6068 6069 .variant-option .option-swatch.size { 6070 display: flex; 6071 align-items: center; 6072 justify-content: center; 6073 flex-wrap: wrap; 6074 border: 1px solid #e8e8e1; 6075 height: 40px; 6076 width: 40px; 6077 margin: 3px; 6078 } 6079 6080 .variant-option .option-swatch.unavailable { 6081 opacity: 0.1; 6082 } 6083 6084 .variant-option .option-swatch.activeSwatch { 6085 6086 } 6087 6088 .variant-option .color-container { 6089 width: 100%; 6090 height: 30px; 6091 6092 } 6093 6094 .variant-option { 6095 display: flex; 6096 flex-wrap: wrap; 6097 } 6098 6099 .variant-option p { 6100 margin-bottom: 0px; 6101 } 6102 6103 .variant-option { 6104 display: flex; 6105 } 6106 .variant-option .option-swatch.color{ 6107 width: 15% !important; 6108 margin: auto; 6109 } 6110 6111 /* .variant-option .option-swatch:hover { transform: scale(1.2); } */ 6112</style>
6113<script> 6114 if (typeof window.getURL === 'undefined') { 6115 window.getURL = function(variantName){ 6116 var url = 'https://modernpicnic.com/cdn/shop/t/186/assets/'; 6117 url += variantName; 6118 url = url.replaceAll("'", ''); 6119 url = url.replaceAll("&", ''); 6120 url = url.replaceAll("®", ''); 6121 url = url.replaceAll(' ','-'); 6122 url = url.replaceAll(' ','-'); 6123 url += '_50x50.png'; 6124 url = url.toLowerCase(); 6125 return url; 6126 }; 6127 } 6128</script>
6128 6129 6130<!-- PDP Add-ons Widget Below --> 6131 6132
6132<script id="rebuy-widget-103359" type="text/template"> 6133 <div class="rebuy-widget" 6134 v-cloak 6135 v-on:click="stopPropagation($event)" 6136 v-bind:id="'rebuy-widget-' + id" 6137 v-bind:class="['widget-type-' + config.type.replace('_','-'), products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"> 6138 6139 <div class="rebuy-widget-container"> 6140 <div class="rebuy-widget-content"> 6141 <div class="rebuy-timer" v-if="hasTimer()"> 6142 <p class="rebuy-timer-title" v-if="config.language.timer_title"> 6143 <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 6144 </p> 6145 </div> 6146 6147 <h3 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h3> 6148 6149 <h4 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h4> 6150 6151 <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> 6152 6153 <div class="rebuy-addon"> 6154 6155 <div class="rebuy-addon__items"> 6156 6157 <div class="rebuy-addon__item" v-for="(product, product_index) in products"> 6158 6159 <div class="rebuy-addon__item-checkbox"> 6160 <label class="rebuy-checkbox-label"> 6161 <input 6162 class="checkbox-input rebuy-checkbox" 6163 v-model="product.selected" 6164 type="checkbox" /> 6165 </label> 6166 </div> 6167 6168 <div class="rebuy-addon__item-image" v-on:click="toggleProductSelect(product)"> 6169 <img v-bind:src="itemImage(product, product.selected_variant, '400x400')" v-bind:alt="product.title"> 6170 </div> 6171 6172 <div class="rebuy-addon__item-info"> 6173 <div class="rebuy-addon__item-product-title rebuy-product-title" v-on:click="toggleProductSelect(product)" v-html="product.title" v-bind:alt="'View ' + product.title"></div> 6174 <div class="rebuy-addon__item-variant-title rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div> 6175 <div class="rebuy-addon__item-product-review rebuy-product-review" v-if="hasProductReviews(product)" aria-label="product star rating"> 6176 <span class="rebuy-star-rating sr-only"> 6177 <span 6178 v-if="product.reviews.star_rating" 6179 class="rebuy-star-rating-value sr-only" 6180 v-html="product.reviews.star_rating + ' stars out of 5 stars'" 6181 > 6182 </span> 6183 <span class="rebuy-star-rating-background"></span> 6184 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> 6185 </span> 6186 <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> 6187 </div> 6188 6189 6190 <div class="rebuy-addon__item-product-options rebuy-product-options" v-if="showVariantSelect(product)"> 6191 <select 6192 :id="id + '-' + 'select' + '-' + product_index" 6193 :class="{ hide : settings.view_options.variant_selector == 'buttons' }" 6194 class="rebuy-select" 6195 v-bind:aria-label="'variant of ' + product.title" 6196 v-model="product.selected_variant_id" 6197 v-on:change="selectVariant(product)"> 6198 <option v-for="variant in product.variants" v-bind:value="variant.id">{{ variant.title }}</option> 6199 </select> 6200 6201 <div v-if="displayColorSwatches(option)" v-for="option in product.options" class="rebuy-color-swatches"> 6202 <div v-for="(value, value_index) in filterOOSOptions(option, product)" class="rebuy-color-swatch"> 6203 <input 6204 :name="id + '-color-' + product_index" 6205 :id="id + '-color-' + product_index + '-' + value + '-' + value_index" 6206 :checked="value_index == 0" 6207 :value="value" 6208 type="radio" 6209 class="rebuy-color-input hide" 6210 v-on:change="selectVariantByColor(product, value, product_index)"> 6211 <label 6212 :for="id + '-color-' + product_index + '-' + value + '-' + value_index" 6213 :style="{ backgroundColor: value }" 6214 :title="value" 6215 class="rebuy-color-label"></label> 6216 </div> 6217 </div> 6218 6219 <div v-if="displaySizeSwatches(option)" v-for="option in product.options" class="mt-10 rebuy-size-swatches"> 6220 <div v-for="(value, value_index) in filterOOSOptions(option, product)" class="rebuy-size-swatch"> 6221 <input 6222 :name="id + '-size-' + product_index" 6223 :id="id + '-size-' + product_index + '-' + value" 6224 :checked="value_index == 0" 6225 :value="value" 6226 type="radio" 6227 class="rebuy-size-input hide" 6228 v-on:change="selectVariantBySize(product, value, product_index)"> 6229 <label 6230 :for="id + '-size-' + product_index + '-' + value" 6231 class="rebuy-size-label">{{ value }}</label> 6232 </div> 6233 </div> 6234 </div> 6235 6236 <div class="rebuy-addon__item-product-description rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> 6237 <div class="rebuy-addon__item-learn-more" v-if="hasLearnMore()"> 6238 <a class="rebuy-addon__item-learn-more-link" v-bind:href="learnMoreURL(product)" v-on:click="learnMore(product);" v-html="config.language.learn_more_label"></a> 6239 </div> 6240 </div> 6241 <div class="closing-container"> 6242 <div class="rebuy-addon__item-product-price rebuy-product-price"> 6243 <div v-if="variantOnSale(product, product.selected_variant)">
6244 <span class="rebuy-money sale"> 6245 <span class="sr-only">Sale price</span> 6246 <span v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 6247 </span> 6248 <span class="rebuy-money compare-at"> 6249 <span class="sr-only">Original price</span> 6250 <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> 6251 </span> 6252 </div> 6253 <div v-if="!(variantOnSale(product, product.selected_variant))"> 6254 <span class="rebuy-money"> 6255 <span class="sr-only">Price</span> 6256 <span v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 6257 </span> 6258 </div> 6259 </div> 6260 6261 </div> 6262 6263 </div> 6264 6265 </div> 6266 6267 <div class="rebuy-addon__subtotal" v-if="subtotal() > 0"> 6268 <strong class="rebuy-addon__subtotal-label" v-html="config.language.total_price_label"></strong> 6269 <div class="rebuy-addon__subtotal-value" v-if="!(bundleOnSale())"> 6270 <span class="rebuy-money"> 6271 <span class="sr-only">Price</span> 6272 <span v-html="formatMoney(subtotal())"></span> 6273 </span> 6274 </div> 6275 <div class="rebuy-addon__subtotal-value" v-if="bundleOnSale()"> 6276 <span class="rebuy-money compare-at"> 6277 <span class="sr-only">Original price</span> 6278 <span v-html="formatMoney(compareAtSubtotal())"></span> 6279 </span> 6280 <span class="rebuy-money sale"> 6281 <span class="sr-only">Sale price</span> 6282 <span v-html="formatMoney(subtotal())"></span> 6283 </span> 6284 6285 </div> 6286 6287 </div> 6288 6289 </div> 6290 6291 </div> 6292 </div> 6293 6294 </div> 6295</script>
6295 6296 6297 6298<!-- Shark Tank Bundle Widget BELOW --> 6299 6300
6300<script id="rebuy-widget-132115" type="text/template"> 6301 <div class="rebuy-widget" 6302 v-cloak 6303 v-on:click="stopPropagation($event)" 6304 v-bind:id="'rebuy-widget-' + id" 6305 v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"> 6306 6307 <div 6308 class="rebuy-widget-container" 6309 v-cloak 6310 v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" 6311 v-on:click.self="hide()"> 6312 6313 <div class="rebuy-widget-content"> 6314 <div class="rebuy-modal-close" v-on:click="hide()"> 6315 <i class="fas fa-times"></i> 6316 </div> 6317 6318 <div class="rebuy-timer" v-if="hasTimer()"> 6319 <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> 6320 <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> 6321 </h5> 6322 </div> 6323 6324 <h4 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h4> 6325 6326 <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3> 6327 6328 <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> 6329 6330 <div class="rebuy-product-grid" v-bind:class="layoutClasses"> 6331 6332 <div class="rebuy-product-block" v-for="(product, product_index) in products" v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]"> 6333 6334 <div class="rebuy-product-media"> 6335 <a class="rebuy-product-image" v-bind:href="learnMoreURL(product)" v-bind:style="imageStyles" v-on:click="learnMore(product);" v-bind:class="[hasLearnMore() ? 'clickable' : '']"> 6336 <img v-bind:src="itemImage(product, product.selected_variant, '400x400')" v-bind:alt="'View ' + product.title"> 6337 </a> 6338 </div> 6339 <div class="rebuy-product-info"> 6340 <a class="rebuy-product-title" v-bind:href="learnMoreURL(product)" v-on:click="learnMore(product);" v-html="product.title" v-bind:class="[hasLearnMore() ? 'clickable' : '']" v-bind:alt="'View ' + product.title"></a> 6341 <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div> 6342 <div class="rebuy-product-review" v-if="hasProductReviews(product)"> 6343 <span class="rebuy-star-rating"> 6344 <span class="rebuy-star-rating-background"></span> 6345 <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> 6346 </span> 6347 <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> 6348 </div> 6349 6350 <div class="rebuy-product-price"> 6351 <div v-if="variantOnSale(product, product.selected_variant)"> 6352 <span class="rebuy-money sale" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 6353 <span class="rebuy-money compare-at" v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> 6354 </div> 6355 <div v-if="!(variantOnSale(product, product.selected_variant))"> 6356 <span class="rebuy-money" v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> 6357 </div> 6358 </div> 6359 <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> 6360 </div> 6361 <div class="rebuy-product-options" v-if="showVariantSelect(product)"> 6362 <select 6363 :id="id + '-' + 'select' + '-' + product_index" 6364 :class="{ hide : settings.view_options.variant_selector == 'buttons' }" 6365 class="rebuy-select" 6366 v-model="product.selected_variant_id" 6367 v-on:change="selectVariant(product)"> 6368 <option v-for="variant in product.variants" v-bind:value="variant.id">{{ variant.title }}</option> 6369 </select> 6370 <div v-if="displayColorSwatches(option)" v-for="option in product.options" class="rebuy-color-swatches"> 6371 <div v-for="(value, value_index) in filterOOSOptions(option, product)" class="rebuy-color-swatch"> 6372 <input 6373 :name="id + '-color-' + product_index" 6374 :id="id + '-color-' + product_index + '-' + value + '-' + value_index" 6375 :checked="value_index == 0" 6376 :value="value" 6377 type="radio" 6378 class="rebuy-color-input hide" 6379 v-on:change="selectVariantByColor(product, value, product_index)"> 6380 <label 6381 :for="id + '-color-' + product_index + '-' + value + '-' + value_index" 6382 :style="{ backgroundColor: value }" 6383 :title="value" 6384 class="rebuy-color-label"></label> 6385 </div> 6386 </div> 6387 6388 <div v-if="displaySizeSwatches(option)" v-for="option in product.options" class="mt-10 rebuy-size-swatches"> 6389 <div v-for="(value, value_index) in filterOOSOptions(option, product)" class="rebuy-size-swatch"> 6390 6391 <input 6392 :name="id + '-size-' + product_index" 6393 :id="id + '-size-' + product_index + '-' + value" 6394 :checked="value_index == 0" 6395 :value="value" 6396 type="radio" 6397 class="rebuy-size-input hide" 6398 v-on:change="selectVariantBySize(product, value, product_index)"> 6399 <label 6400 :for="id + '-size-' + product_index + '-' + value" 6401 class="rebuy-size-label">{{ value }}</label> 6402 </div> 6403 </div> 6404 </div> 6405 <div class="rebuy-product-actions"> 6406 6407 <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> 6408 <label class="rebuy-checkbox-label"> 6409 <input 6410 class="checkbox-input rebuy-checkbox" 6411 v-model="product.subscription" 6412 v-on:change="toggleSubscription(product)" 6413 type="checkbox" />
6414 <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> 6415 </label> 6416 </div> 6417 6418 <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> 6419 <select 6420 class="rebuy-select" 6421 v-model="product.subscription_frequency" 6422 v-on:change="updateSubscriptionFrequency(product)"> 6423 <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency">{{ frequencyLabel(frequency, product.subscription_interval) }}</option> 6424 </select> 6425 </div> 6426 6427 <div class="product-quantity" v-if="hasQuantityInputEnabled()"> 6428 <div class="rebuy-select-wrapper"> 6429 <label class="rebuy-label">Quantity</label> 6430 <select 6431 class="rebuy-select" 6432 v-model="product.quantity"> 6433 <option v-for="n in maxQuantityInputValue()" v-bind:value="n">{{ n }}</option> 6434 </select> 6435 </div> 6436 </div> 6437 6438 <button 6439 class="rebuy-button" 6440 v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" 6441 v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" 6442 v-bind:alt="'Add ' + product.title + ' to Cart'" 6443 v-on:click="addToCart(product)" 6444 type="button"> 6445 <span v-html="buttonLabel(product)"></span> 6446 </button> 6447 </div> 6448 </div> 6449 6450 </div> 6451 6452 <div class="rebuy-modal-actions" v-if="showContinueButton()"> 6453 <button 6454 class="rebuy-button decline" 6455 v-on:click="hide()" 6456 type="button"> 6457 <span v-html="continueLabel()"></span> 6458 </button> 6459 </div> 6460 6461 <div class="powered-by-rebuy"> 6462 <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener"> 6463 Powered by Rebuy 6464 </a> 6465 </div> 6466 6467 </div> 6468 6469 </div> 6470 </div> 6471</script>
6471 6472 6473 6474
6475<script id="rebuy-cart-template" type="text/template"> 6476<div 6477 id="rebuy-cart" 6478 class="rebuy-cart" 6479 v-cloak 6480 v-bind:class="[visible ? 'is-visible' : '', 'currency-' + currency() ]" 6481 role="dialog" 6482 aria-modal="true" 6483 aria-labelledby="SmartCart_title" 6484 v-bind:aria-hidden="!visible ? 'true' : 'false'" 6485> 6486 <div class="rebuy-cart__flyout"> 6487 <div id="rebuy-smart-cart-announcement-bar" class="rebuy-cart__flyout-announcement-bar splide is-initialized" role="region"> 6488 <div class="splide__track" id="rebuy-smart-cart-announcement-bar-track"> 6489 <div class="splide__list" id="rebuy-smart-cart-announcement-bar-list" style=""> 6490 <div class="rebuy-cart__flyout-announcement-bar-message splide__slide" id="rebuy-smart-cart-announcement-bar-slide01" style="width: calc(100%);" aria-label="1 of 1"> 6491 <a>20% OFF SITEWIDE WITH CODE: HOLIDAY â¨</a> 6492 </div> 6493 </div> 6494 </div> 6495 </div> 6496 6497 <div class="rebuy-cart__flyout-header"> 6498 <div v-html="renderHeader()"></div> 6499 <button 6500 class="rebuy-cart__flyout-close" 6501 type="button" 6502 v-on:click="hide()" 6503 aria-label="Close Cart" 6504 > 6505 <i class="fal fa-times"></i> 6506 <span class="sr-only">Close Cart</span> 6507 </button> 6508 </div> 6509 <div class="rebuy-cart__flyout-body"> 6510 <div 6511 class="rebuy-cart__flyout-announcement-bar" 6512 id="rebuy-smart-cart-announcement-bar" 6513 v-if="announcementBarEnabled()" 6514 > 6515 <div 6516 class="rebuy-cart__flyout-announcement-bar-message" 6517 v-for="message in settings.announcement_bar.messages" 6518 v-html="message" 6519 ></div> 6520 </div> 6521 6522 <div 6523 class="rebuy-cart__flyout-shipping-bar" 6524 v-if="freeShippingEnabled()" 6525 v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]" 6526 > 6527 <div 6528 class="rebuy-cart__flyout-shipping-bar-message" 6529 v-if="!hasFreeShipping()" 6530 v-html="freeShippingRemainingMessage()" 6531 ></div> 6532 <div 6533 class="rebuy-cart__flyout-shipping-bar-message" 6534 v-if="hasFreeShipping()" 6535 v-html="freeShippingCompleteMessage()" 6536 ></div> 6537 <div 6538 class="rebuy-cart__flyout-shipping-bar-meter" 6539 v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']" 6540 > 6541 <span id="free-shipping-progress-label" class="rebuy-cart__flyout-shipping-bar-meter-fill-text"> 6542 Progress to free shipping: {{ freeShippingPercentComplete() }} 6543 </span> 6544 <div 6545 class="rebuy-cart__flyout-shipping-bar-meter-fill" 6546 v-bind:style="{ width: freeShippingPercentComplete() }" 6547 role="progressbar" 6548 tabindex="0" 6549 aria-valuemin="0" 6550 aria-valuemax="100" 6551 v-bind:aria-valuenow="freeShippingPercentComplete(false, true)" 6552 aria-labelledby="free-shipping-progress-label" 6553 ></div> 6554 </div> 6555 <div 6556 class="rebuy-cart__flyout-shipping-bar-helper" 6557 v-if="freeShippingHelperMessage()" 6558 v-html="freeShippingHelperMessage()" 6559 ></div> 6560 </div> 6561 6562 <div v-else-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container above"> 6563 <div v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar)"> 6564 <div class="rebuy-cart__progress-step-wrapper" v-bind:class="[ 'count-' + bar.tiers.length ]"> 6565 <div v-for="tier in bar.tiers" class="rebuy-cart__progress-step" v-bind:style="{ width: progressStepMaxWidth(bar) }" v-bind:class="[ progressTierReached(tier) ? 'complete' : '' ]"> 6566 <div class="rebuy-cart__progress-step-icon" v-html="progressTierIcon(tier)"></div> 6567 <span class="rebuy-cart__progress-step-label">{{ getTierLabel(tier)}}</span> 6568 </div> 6569 </div> 6570 6571 <div class="rebuy-cart__progress-bar-wrapper"> 6572 <div class="rebuy-cart__progress-bar-meter" v-bind:class="[hasTierProgress() ? 'has-progress' : 'no-progress']"> 6573 <div 6574 class="rebuy-cart__progress-bar-meter-fill" 6575 v-bind:style="{ width: tiersPercentageComplete(bar) }" 6576 role="progressbar" 6577 tabindex="0" 6578 aria-valuemin="0" 6579 aria-valuemax="100" 6580 v-bind:aria-valuenow="tiersPercentageComplete(bar, true)" 6581 aria-labelledby="rebuy-cart__progress-bar-meter-label" 6582 >
6583 <span class="sr-only"></span> 6584 </div> 6585 </div> 6586 6587 <div id="rebuy-cart__progress-bar-meter-label" class="rebuy-cart__progress-bar-prompt" v-if="hasProgressPrompt(bar)" v-html="getTierFeedbackText(bar)"></div> 6588 </div> 6589 6590 <div class="rebuy-cart__progress-free-products" v-if="getBarLayout(bar) == 'above' && earnedProducts(bar).length > 0"> 6591 <div class="rebuy-cart__progress-free-products-title">Free Gifts</div> 6592 <div class="rebuy-cart__progress-free-products-list" ref="freeProductList"> 6593 <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]"> 6594 <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div> 6595 <div class="rebuy-cart__progress-free-product-info"> 6596 <div> 6597 <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p> 6598 <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="getFreeVariantTitle(product)"></span> 6599 </div> 6600 <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container"> 6601 <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)"> 6602 <option value="" disabled selected>Select Variant</option> 6603 <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ variant.title }}</option> 6604 </select> 6605 <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div> 6606 </div> 6607 </div> 6608 <button v-show="product.chosen_variant" class="rebuy-cart__progress-free-product-remove" v-on:click="removeFreeProduct(product)"> 6609 <i class="fal fa-times"></i> 6610 <span class="sr-only">Remove {{ product.title }} {{ product.chosen_variant?.title ? product.chosen_variant.title : '' }} from Cart</span> 6611 </button> 6612 </div> 6613 </div> 6614 </div> 6615 </div> 6616 </div> 6617 6618 <div 6619 class="rebuy-cart__flyout-content" 6620 v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" 6621 > 6622 <ul class="rebuy-cart__flyout-items" v-if="hasItems()" data-smartcart-items tabindex="0"> 6623 <li 6624 class="rebuy-cart__flyout-item" 6625 v-for="item in items()" 6626 v-if="!isHiddenItem(item)" 6627 v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]" 6628 role="group" 6629 aria-label="product" 6630 > 6631 <div class="rebuy-cart__flyout-item-media"> 6632 <a v-bind:href="itemURL(item)" tabindex="-1"> 6633 <img 6634 v-bind:src="sizeImage(item.image, '240x240')" 6635 v-bind:alt="item.featured_image?.alt" 6636 /> 6637 </a> 6638 </div> 6639 <div class="rebuy-cart__flyout-item-info"> 6640 <a 6641 role="heading" 6642 aria-level="5" 6643 class="rebuy-cart__flyout-item-product-title" 6644 v-bind:href="itemURL(item)" 6645 v-html="item.id == 45752041505002 ? 'FabFitFun x Modern Picnic - FREE' : item.product_title" 6646 v-bind:alt="'View ' + item.product_title" 6647 v-bind:style="item.id == 45752041505002 ? 'color: #9c1414;' : ''" 6648 ></a> 6649 <div 6650 class="rebuy-cart__flyout-item-variant-title" 6651 v-html="item.variant_title" 6652 v-if="item.variant_title" 6653 ></div> 6654 6655 <div 6656 class="rebuy-cart__flyout-item-discount-message" 6657 v-if="hasLineItemDiscount(item)" 6658 v-html="lineItemDiscountMessage(item)" 6659 ></div> 6660 6661 <div 6662 class="rebuy-cart__flyout-item-properties" 6663 v-if="hasItemProperties(item)" 6664 > 6665 <div 6666 class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" 6667 v-if="itemDeliveryFrequency(item)" 6668 v-html="itemDeliveryFrequency(item)" 6669 ></div> 6670 <div 6671 class="rebuy-cart__flyout-item-property" 6672 v-for="property in itemProperties(item)" 6673 v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]" 6674 >
6675 <span 6676 class="rebuy-cart__flyout-item-property-name" 6677 v-html="property.key" 6678 ></span> 6679 <span class="rebuy-cart__flyout-item-property-separator"> 6680 : 6681 </span> 6682 <span 6683 class="rebuy-cart__flyout-item-property-value" 6684 v-html="property.value" 6685 ></span> 6686 </div> 6687 </div> 6688 6689 <button 6690 class="rebuy-cart__flyout-item-remove" 6691 type="button" 6692 v-bind:alt="'Remove ' + item.product_title" 6693 v-on:click="removeItem(item)" 6694 > 6695 <i 6696 class="far" 6697 v-bind:class="[(item.status == 'removing') ? 'fa-sync-alt fa-fast-spin' : 'fa-trash']" 6698 ></i> 6699 <span class="sr-only">Remove {{ item.product_title }} from Cart</span> 6700 </button> 6701 6702 <div class="rebuy-cart__flyout-item-quantity"> 6703 <div 6704 class="rebuy-cart__flyout-item-quantity-widget" 6705 v-if="hideQuantitySelectors && !hideQuantitySelectors(item)" 6706 > 6707 <button 6708 class="rebuy-cart__flyout-item-quantity-widget-button" 6709 v-bind:alt="'Decrease quantity of ' + item.product_title" 6710 v-on:click="decreaseItem(item)" 6711 type="button" 6712 > 6713 <i 6714 class="far" 6715 v-bind:class="[(item.status == 'decreasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-minus']" 6716 aria-hidden="true" 6717 ></i> 6718 <span class="sr-only">Decrease quantity of {{ item.product_title }}</span> 6719 </button> 6720 6721 <span 6722 class="rebuy-cart__flyout-item-quantity-widget-label" 6723 > 6724 <span class="sr-only">Quantity of {{ item.product_title }}</span> 6725 {{ item.quantity }} 6726 </span> 6727 6728 <button 6729 class="rebuy-cart__flyout-item-quantity-widget-button" 6730 v-bind:alt="'Increase quantity of ' + item.product_title" 6731 v-on:click="increaseItem(item)" 6732 type="button" 6733 > 6734 <i 6735 class="far" 6736 v-bind:class="[(item.status == 'increasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-plus']" 6737 aria-hidden="true" 6738 ></i> 6739 <span class="sr-only">Increase quantity of {{ item.product_title }}</span> 6740 </button> 6741 </div> 6742 </div> 6743 6744 <div class="rebuy-cart__flyout-item-price"> 6745 <div v-if="itemHasDiscount(item)"> 6746 <span 6747 class="rebuy-money sale" 6748 > 6749 <span class="sr-only">Sale price</span> 6750 <span v-html="formatMoney(itemPrice(item))"></span> 6751 </span> 6752 <span 6753 class="rebuy-money compare-at" 6754 > 6755 <span class="sr-only">Original price</span> 6756 <span v-html="formatMoney(compareAtPrice(item))"></span> 6757 </span> 6758 </div> 6759 <div v-if="!itemHasDiscount(item)"> 6760 <span 6761 class="rebuy-money" 6762 > 6763 <span class="sr-only">Price</span> 6764 <span v-html="formatMoney(itemPrice(item))"></span> 6765 </span> 6766 </div> 6767 </div> 6768 </div> 6769 6770 <div 6771 v-if="itemHasBMSM(item) && bMSMFinalTierNotReached(item)" 6772 class="rebuy-cart__flyout-item-buy-more-save-more" 6773 > 6774 <div 6775 v-if="hasBMSMButtons()" 6776 class="rebuy-cart__flyout-item-buy-more-save-more-container" 6777 > 6778 <div 6779 v-for="tier in getBMSMTiers()" 6780 class="rebuy-cart__flyout-item-buy-more-save-more-button-container" 6781 v-if="tier.quantity > item.quantity" 6782 > 6783 <button 6784 v-on:click="adjustBMSMQuantity(item, tier)" 6785 class="rebuy-button rebuy-cart__flyout-item-buy-more-save-more-button" 6786 v-bind:alt="getBMSMButtonText(tier)" 6787 >
6788 <span v-html="getBMSMButtonText(tier)"></span> 6789 </button> 6790 </div> 6791 </div> 6792 6793 <span 6794 v-if="!hasBMSMButtons()" 6795 class="rebuy-cart__flyout-buy-more-save-more-dynamic-message-text" 6796 v-html="buyMoreSaveMoreDynamicText(item)" 6797 ></span> 6798 </div> 6799 6800 <div 6801 class="rebuy-cart__flyout-item-subscription" 6802 v-if="hasSwitchToSubscription(item)" 6803 > 6804 <button 6805 class="rebuy-button outline" 6806 v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'" 6807 v-bind:alt="'Switch ' + item.product_title + ' to a Subscription'" 6808 v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')" 6809 v-on:click="updateItemDeliveryFrequency(item, selectedSubscriptionFrequency(item, 0), 'onetime')" 6810 type="button" 6811 > 6812 <span v-html="switchToSubscriptionLabel(item)"></span> 6813 </button> 6814 6815 <select 6816 class="rebuy-select muted" 6817 v-if="item.product.subscription && item.status != 'downgrading'" 6818 v-model="item.product.subscription_frequency" 6819 v-on:change="updateItemDeliveryFrequency(item)" 6820 > 6821 <optgroup 6822 v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()" 6823 v-bind:label="onetimeOptionGroupLabel(item)" 6824 > 6825 <option 6826 v-bind:value="'onetime'" 6827 v-html="onetimeOptionLabel(item)" 6828 ></option> 6829 </optgroup> 6830 <optgroup v-bind:label="subscriptionOptionGroupLabel(item)"> 6831 <option 6832 v-for="frequency in subscriptionFrequencies(item)" 6833 v-bind:value="frequency" 6834 v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)" 6835 ></option> 6836 </optgroup> 6837 </select> 6838 </div> 6839 </li> 6840 </ul> 6841 <div class="rebuy-cart__flyout-note" v-if="notesEnabled()"> 6842 <label class="rebuy-cart__flyout-note-toggle"> 6843 <input 6844 class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" 6845 type="checkbox" 6846 v-model="notes.visible" 6847 v-on:click="notesToggle()" 6848 /> 6849 <span 6850 class="rebuy-cart__flyout-note-toggle-label" 6851 v-html="settings.language.notes_label" 6852 ></span> 6853 </label> 6854 <div 6855 class="rebuy-cart__flyout-note-content" 6856 v-if="notesIsVisible()" 6857 > 6858 <textarea 6859 id="rebuy-cart-notes" 6860 class="rebuy-textarea rebuy-cart__flyout-note-textarea" 6861 v-model="notes.value" 6862 v-on:keyup="notesChange($event)" 6863 v-on:keydown="notesChange($event)" 6864 v-on:change="notesChange($event)" 6865 v-bind:placeholder="settings.language.notes_placeholder" 6866 ></textarea> 6867 <small 6868 id="rebuy-cart-characters-remaining" 6869 v-html="notesRemainingCharacters()" 6870 ></small> 6871 </div> 6872 </div> 6873 6874 6875 <div class="rebuy-cart__flyout-empty-cart" v-html="emptyCartMessage()" v-if="!hasItems()"></div> 6876 <div class="rebuy-cart__flyout-empty-cart-footer" v-if="!hasItems()"> 6877 <div data-app-target="empty_cart"></div> 6878 </div> 6879 6880 <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()"> 6881 <div 6882 v-for="widget_id in settings.cross_sells" 6883 v-bind:data-rebuy-id="widget_id" 6884 ></div> 6885 </div> 6886 6887 <div class="rebuy-cart__upsells" v-if="hasPrePurchase()"> 6888 <div v-bind:data-rebuy-id="settings.pre_purchase.id"></div> 6889 </div> 6890 </div> 6891 6892 <div v-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container below"> 6893 <div class="rebuy-cart__progress-free-products" v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar) && getBarLayout(bar) == 'below' && earnedProducts(bar).length > 0"> 6894 <div class="rebuy-cart__progress-free-products-title">Free Gifts</div> 6895 <div class="rebuy-cart__progress-free-products-list" ref="freeProductList"> 6896 <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]"> 6897 <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div> 6898 <div class="rebuy-cart__progress-free-product-info"> 6899 <div> 6900 <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p>
6901 <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="product.chosen_variant.title"></span> 6902 </div> 6903 <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container"> 6904 <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)"> 6905 <option value="" disabled selected>Select Variant</option> 6906 <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ variant.title }}</option> 6907 </select> 6908 <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div> 6909 </div> 6910 </div> 6911 <button v-show="product.chosen_variant" class="rebuy-cart__progress-free-product-remove" v-on:click="removeFreeProduct(product)"> 6912 <i class="fal fa-times" aria-hidden="true"></i> 6913 <span class="sr-only">Remove {{ product.title }} {{ product.chosen_variant?.title ? product.chosen_variant.title : '' }} from Cart</span> 6914 </button> 6915 </div> 6916 </div> 6917 </div> 6918 </div> 6919 </div> 6920 6921 <div class="rebuy-cart__flyout-footer" v-show="hasItems()"> 6922 6923 <div class="rebuy-cart__flyout-discount-container" v-if="discountEnabled()"> 6924 6925 <form class="rebuy-cart__flyout-discount-form" v-if="shouldShowDiscountInput()" v-on:submit="applyDiscount(null, $event)"> 6926 <div 6927 class="rebuy-input-wrapper rebuy-input-wrapper--floating-label" 6928 v-bind:class="[discount.inputValue ? 'show-label' : '' ]" 6929 > 6930 <span 6931 class="rebuy-input-label" 6932 v-html="settings.language.discount_code_label" 6933 ></span> 6934 <input 6935 class="rebuy-input" 6936 v-model="discount.inputValue" 6937 v-bind:placeholder="settings.language.discount_code_label" 6938 v-bind:disabled="discount.loading" 6939 id="rebuy-discount-input" 6940 aria-label="Input Discount" 6941 autocomplete 6942 /> 6943 </div> 6944 <button 6945 class="rebuy-button" 6946 v-bind:disabled="discount.loading" 6947 > 6948 <span v-html="discountButtonLabel()"></span> 6949 </button> 6950 </form> 6951 6952 <div class="rebuy-cart__flyout-discount-error-message" v-if="discount.hasError()" v-html="discount.errorMessage()"></div> 6953 6954 <div class="rebuy-cart__flyout-discount-tag" v-if="shouldShowDiscountSubtotal()"> 6955 <span class="rebuy-cart__flyout-discount-tag-icon"><i class="fas fa-tags"></i></span> 6956 <span class="rebuy-cart__flyout-discount-tag-text" v-html="discount.code"></span> 6957 <span 6958 class="rebuy-cart__flyout-discount-tag-remove" 6959 v-on:click="removeDiscount()" 6960 > 6961 <i class="far fa-times"></i> 6962 </span> 6963 </div> 6964 6965 <div class="rebuy-cart__flyout-discount-amount" v-if="shouldShowDiscountSubtotal()"> 6966 <span v-html="discountTotal()"></span> 6967 </div> 6968 </div> 6969 6970 <div 6971 class="rebuy-cart__flyout-integration" 6972 v-if="settings.integrations && settings.integrations.enabled" 6973 ></div> 6974 <div class="rebuy-cart__flyout-apps"> 6975 <div data-app-target="above_subtotal"></div> 6976 </div> 6977 6978 <div class="rebuy-cart__flyout-subtotal"> 6979 <div class="rebuy-cart__flyout-subtotal-label"> 6980 <span v-html="subtotalLabel()"></span> 6981 </div> 6982 <div 6983 class="rebuy-cart__flyout-subtotal-amount" 6984 v-html="subtotal()" 6985 ></div> 6986 </div> 6987 <div data-app-target="below_subtotal"></div> 6988 6989 <div class="rebuy-cart__flyout-actions"> 6990 <div 6991 v-if="settings.terms && settings.terms.enabled" 6992 class="rebuy-cart__flyout-terms" 6993 > 6994 <input 6995 class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" 6996 id="rebuy-terms-checkbox" 6997 name="rebuy-terms-checkbox" 6998 type="checkbox" 6999 v-model="termsAccepted" 7000 v-on:click="updateTermsCheck()" 7001 /> 7002 <label 7003 class="rebuy-cart__flyout-terms-label" 7004 for="rebuy-terms-checkbox" 7005 v-html="settings.terms.disclaimer" 7006 ></label> 7007 </div> 7008 7009 <button 7010 v-show="hasCheckoutButton()" 7011 class="rebuy-button rebuy-cart__checkout-button block" 7012 type="button" 7013 v-on:click="checkout()" 7014 v-bind:disabled="hasTermsEnabled() && !hasAcceptedTerms()" 7015 >
7016 <span v-html="checkoutLabel()"></span> 7017 </button> 7018 7019 <button 7020 v-if="hasViewCartButton()" 7021 class="rebuy-button rebuy-cart__view-cart-button block" 7022 v-bind:class="{'outline': hasCheckoutButton()}" 7023 type="button" 7024 v-on:click="viewCart()" 7025 > 7026 <span v-html="viewCartLabel()"></span> 7027 </button> 7028 7029 <button 7030 v-if="hasContinueShoppingButton()" 7031 class="rebuy-button rebuy-cart__continue-shopping-button block outline" 7032 type="button" 7033 v-on:click="hide()" 7034 > 7035 <span v-html="continueShoppingLabel()"></span> 7036 </button> 7037 7038 <button 7039 v-if="hasShopPayButton()" 7040 class="rebuy-button rebuy-cart__shop-pay-button block" 7041 v-on:click="shopPayCheckout()" 7042 aria-label="Checkout with Shop Pay" 7043 > 7044 <svg 7045 width="80" 7046 height="30" 7047 viewBox="0 0 4317 1037" 7048 fill="none" 7049 xmlns="http://www.w3.org/2000/svg" 7050 > 7051 <g clip-path="url(#clip0)"> 7052 <path 7053 d="M1105.96 326.186C1071.34 253.553 1005.7 206.635 906.786 206.635C876.426 207.164 846.593 214.661 819.588 228.543C792.585 242.427 769.128 262.328 751.033 286.711L747.423 291.109V6.44337C747.423 4.7982 746.77 3.22051 745.606 2.05722C744.443 0.8939 742.864 0.240234 741.219 0.240234H601.367C599.742 0.269795 598.194 0.936325 597.055 2.09644C595.915 3.25656 595.277 4.81756 595.277 6.44337V822.999C595.277 824.614 595.92 826.162 597.062 827.304C598.204 828.447 599.752 829.089 601.367 829.089H751.145C752.771 829.089 754.332 828.452 755.492 827.311C756.652 826.172 757.318 824.624 757.348 822.999V474.835C757.348 407.165 802.461 359.231 874.643 359.231C953.592 359.231 973.555 424.195 973.555 490.398V822.999C973.555 824.614 974.196 826.162 975.338 827.304C976.48 828.447 978.03 829.089 979.645 829.089H1129.08C1130.71 829.089 1132.27 828.452 1133.43 827.311C1134.59 826.172 1135.26 824.624 1135.29 822.999V470.549C1135.29 458.481 1135.29 446.638 1133.71 435.135C1131.14 397.437 1121.74 360.519 1105.96 326.186Z" 7054 fill="white" 7055 /> 7056 <path 7057 d="M358.093 447.206C358.093 447.206 281.851 429.273 253.768 422.055C225.684 414.837 176.623 399.498 176.623 362.392C176.623 325.286 216.21 313.443 256.362 313.443C296.513 313.443 341.176 323.143 344.672 367.693C344.813 369.299 345.552 370.791 346.742 371.879C347.933 372.965 349.488 373.563 351.1 373.558L498.734 372.994C499.603 372.996 500.463 372.819 501.26 372.474C502.057 372.129 502.774 371.623 503.367 370.987C503.96 370.353 504.416 369.602 504.705 368.783C504.994 367.963 505.113 367.093 505.05 366.226C495.915 223.668 370.837 172.69 255.459 172.69C118.652 172.69 18.6132 262.917 18.6132 362.392C18.6132 435.025 39.1399 503.147 200.533 550.516C228.842 558.749 267.302 569.463 300.912 578.825C341.288 590.104 363.055 607.134 363.055 633.976C363.055 665.104 317.942 686.758 273.618 686.758C209.444 686.758 163.879 662.961 160.157 620.215C159.963 618.652 159.202 617.212 158.016 616.172C156.831 615.132 155.305 614.564 153.728 614.576L6.43255 615.253C5.569 615.253 4.71432 615.426 3.91928 615.764C3.12425 616.101 2.40528 616.594 1.80527 617.216C1.20527 617.836 0.736446 618.572 0.426968 619.378C0.11749 620.185 -0.0263401 621.045 0.00395994 621.908C6.77099 756.459 136.698 828.978 257.829 828.978C438.283 828.978 519.825 727.474 519.825 632.397C520.051 587.734 509.787 486.003 358.093 447.206Z" 7058 fill="white" 7059 /> 7060 <path 7061 d="M2257.37 206.409C2182.38 206.409 2119.55 247.913 2079.06 297.991V212.274C2079.06 210.678 2078.43 209.145 2077.31 208.007C2076.21 206.868 2074.68 206.213 2073.08 206.185H1933.01C1931.4 206.185 1929.84 206.825 1928.7 207.967C1927.56 209.11 1926.91 210.66 1926.91 212.274V1013.04C1926.95 1014.63 1927.61 1016.16 1928.75 1017.27C1929.89 1018.39 1931.42 1019.02 1933.01 1019.02H2082.9C2084.48 1019.02 2086 1018.39 2087.12 1017.27C2088.24 1016.15 2088.87 1014.62 2088.87 1013.04V749.802H2091.13C2114.92 786.117 2180 829.653 2265.05 829.653C2424.96 829.653 2558.28 697.019 2558.28 517.806C2558.4 345.811 2425.76 206.409 2257.37 206.409ZM2243.5 677.057C2211.94 677.841 2180.83 669.2 2154.2 652.238C2127.57 635.274 2106.58 610.759 2093.93 581.82C2081.29 552.88 2077.55 520.829 2083.21 489.757C2088.85 458.685 2103.64 430.002 2125.66 407.369C2147.69 384.733 2175.96 369.175 2206.87 362.679C2237.77 356.183 2269.91 359.042 2299.18 370.893C2328.46 382.743 2353.53 403.048 2371.22 429.215C2388.9 455.383 2398.38 486.224 2398.47 517.806C2398.79 538.449 2395.03 558.955 2387.42 578.145C2379.81 597.335 2368.47 614.831 2354.07 629.628C2339.68 644.425 2322.5 656.232 2303.51 664.371C2284.54 672.511 2264.15 676.821 2243.5 677.057Z" 7062 fill="white" 7063 /> 7064 <path 7065 d="M1483.34 171.229C1343.6 171.229 1273.9 218.711 1217.95 256.72L1216.26 257.847C1213.38 259.821 1211.35 262.813 1210.57 266.221C1209.8 269.63 1210.34 273.204 1212.09 276.231L1267.35 371.419C1268.39 373.201 1269.81 374.732 1271.5 375.901C1273.2 377.071 1275.13 377.852 1277.17 378.187C1279.16 378.546 1281.2 378.459 1283.15 377.932C1285.1 377.405 1286.91 376.454 1288.45 375.141L1292.84 371.533C1321.6 347.397 1367.73 315.14 1479.39 306.343C1541.53 301.382 1595.22 317.622 1634.8 354.615C1678.34 394.767 1704.4 459.617 1704.4 528.077C1704.4 654.057 1630.18 733.23 1510.97 734.81C1412.73 734.246 1346.75 683.042 1346.75 607.364C1346.75 567.212 1364.91 541.047 1400.33 514.881C1403.03 512.947 1404.94 510.1 1405.71 506.866C1406.48 503.632 1406.05 500.229 1404.5 497.287L1354.87 403.45C1353.96 401.771 1352.72 400.289 1351.23 399.089C1349.74 397.889 1348.03 396.995 1346.19 396.458C1344.31 395.899 1342.34 395.741 1340.4 395.992C1338.45 396.245 1336.58 396.903 1334.91 397.925C1279.2 430.97 1210.85 491.422 1214.57 607.59C1219.08 755.449 1342.02 868.345 1501.83 872.97H1509.84H1520.78C1710.7 866.766 1847.85 725.787 1847.85 534.619C1847.85 359.126 1719.95 171.229 1483.34 171.229Z" 7066 fill="white" 7067 /> 7068 <path 7069 d="M3148.93 261.455H3053.73C3051.51 261.484 3049.37 262.385 3047.79 263.964C3046.2 265.544 3045.3 267.679 3045.29 269.914V469.653C3045.3 471.878 3046.21 473.999 3047.8 475.561C3049.38 477.123 3051.51 478 3053.73 478H3148.93C3206.9 478 3249.65 432.322 3249.65 369.727C3249.65 307.132 3206.9 261.455 3148.93 261.455Z" 7070 fill="white" 7071 /> 7072 <path 7073 d="M3441.38 614.802C3441.38 643.787 3465.85 659.915 3508.48 659.915C3566.45 659.915 3600.73 628.561 3600.73 572.958V556.944L3513.9 561.455C3468.1 563.71 3441.38 582.772 3441.38 614.802Z" 7074 fill="white" 7075 /> 7076 <path 7077 d="M4146.27 2.04983H2867.3C2846.33 2.04981 2825.54 6.18442 2806.17 14.2172C2786.78 22.25 2769.17 34.0237 2754.35 48.8653C2739.51 63.707 2727.75 81.3258 2719.73 100.715C2711.7 120.104 2707.59 140.883 2707.61 161.865V862.026C2707.61 904.392 2724.43 945.025 2754.38 974.992C2784.33 1004.96 2824.95 1021.81 2867.3 1021.84H4146.27C4167.28 1021.9 4188.1 1017.82 4207.53 1009.83C4226.95 1001.84 4244.61 990.093 4259.5 975.273C4274.37 960.45 4286.2 942.839 4294.28 923.445C4302.35 904.052 4306.51 883.258 4306.55 862.252V162.09C4306.58 141.042 4302.47 120.192 4294.43 100.74C4286.39 81.2884 4274.58 63.6179 4259.69 48.7448C4244.8 33.8719 4227.11 22.0899 4207.65 14.0763C4188.19 6.06265 4167.33 1.97545 4146.27 2.04983ZM3153.77 556.609H3053.17C3050.93 556.609 3048.79 557.499 3047.19 559.085C3045.61 560.672 3044.71 562.824 3044.71 565.068V708.3
707702C3044.71 710.545 3043.82 712.697 3042.24 714.283C3040.65 715.87 3038.5 716.761 3036.26 716.761H2965.42C2963.2 716.732 2961.05 715.831 2959.47 714.25C2957.89 712.672 2957.01 710.537 2956.97 708.302V191.639C2956.97 189.397 2957.86 187.245 2959.46 185.658C2961.04 184.072 2963.18 183.181 2965.42 183.181H3153.77C3260.47 183.181 3336.82 260.889 3336.82 369.951C3336.82 479.013 3261.03 556.833 3154.35 556.833L3153.77 556.609ZM3683.86 708.19C3683.88 709.31 3683.68 710.421 3683.25 711.461C3682.83 712.5 3682.21 713.447 3681.43 714.244C3680.63 715.041 3679.7 715.675 3678.66 716.107C3677.64 716.538 3676.52 716.761 3675.4 716.761H3608.52C3607.4 716.761 3606.29 716.538 3605.26 716.107C3604.22 715.675 3603.28 715.041 3602.5 714.244C3601.72 713.447 3601.09 712.5 3600.68 711.461C3600.26 710.421 3600.05 709.31 3600.07 708.19V692.739C3600.17 691.382 3599.85 690.026 3599.12 688.874C3598.41 687.72 3597.34 686.829 3596.06 686.334C3594.8 685.84 3593.41 685.769 3592.1 686.131C3590.77 686.491 3589.62 687.266 3588.79 688.34C3568.82 710.107 3536.34 725.896 3484.57 725.896C3408.34 725.896 3357.91 686.197 3357.91 617.624C335
70777.18 600.904 3360.63 584.265 3367.96 569.216C3375.28 554.17 3386.26 541.19 3399.88 531.458C3427.39 510.818 3470.02 500.104 3533.29 497.622L3600.39 495.367V475.741C3600.39 436.154 3573.78 419.35 3531.03 419.35C3488.29 419.35 3461.33 434.463 3455.03 459.163C3454.52 460.907 3453.45 462.433 3451.97 463.496C3450.51 464.56 3448.72 465.098 3446.9 465.027H3380.7C3379.48 465.058 3378.27 464.82 3377.15 464.334C3376.05 463.846 3375.04 463.12 3374.23 462.206C3373.43 461.291 3372.83 460.214 3372.49 459.044C3372.14 457.875 3372.05 456.646 3372.24 455.441C3382.17 396.793 3430.66 352.243 3534.09 352.243C3643.94 352.243 3683.52 403.335 3683.52 500.892L3683.86 708.19ZM4100.49 372.995L3951.62 770.108C3917.78 862.364 3858.56 886.05 3793.71 886.05C3781.5 886.348 3769.3 884.866 3757.51 881.652C3755.67 881.157 3754.06 880.073 3752.88 878.563C3751.73 877.056 3751.1 875.208 3751.08 873.305V812.965C3751.08 811.703 3751.35 810.455 3751.88 809.311C3752.42 808.167 3753.19 807.154 3754.16 806.347C3755.14 805.538 3756.27 804.955 3757.49 804.637C3758.71 804.319 3759.99 804.274 3761.23 804.506C3771.46 806.446 3781.84 807.428 3792.25 807.44C3810.18 808.339 3827.9 803.193 3842.57 792.825C3857.22 782.457 3867.98 767.467 3873.11 750.258L3877.52 736.385C3878.2 734.529 3878.2 732.491 3877.52 730.633L3738.33 373.109C3737.91 371.831 3737.79 370.469 3737.99 369.137C3738.2 367.804 3738.71 366.537 3739.47 365.439C3740.26 364.341 3741.29 363.442 3742.48 362.814C3743.67 362.187 3745 361.849 3746.34 361.83H3814.02C3815.75 361.847 3817.43 362.381 3818.86 363.367C3820.29 364.351 3821.39 365.741 3822.02 367.357L3916.54 619.542C3917.17 621.189 3918.27 622.608 3919.72 623.609C3921.18 624.612 3922.89 625.147 3924.66 625.147C3926.41 625.147 3928.15 624.612 3929.59 623.609C3931.04 622.608 3932.16 621.189 3932.77 619.542L4014.78 368.034C4015.32 366.319 4016.41 364.825 4017.87 363.77C4019.33 362.714 4021.08 362.153 4022.88 362.169H4092.26C4093.59 362.163 4094.91 362.475 4096.12 363.073C4097.31 363.673 4098.36 364.545 4099.16 365.62C4099.96 366.695 4100.49 367.942 4100.72 369.263C4100.96 370.582 4100.88 371.938 4100.49 373.221V372.995Z" 7078 fill="white" 7079 /> 7080 </g> 7081 <defs> 7082 <clipPath id="clip0"> 7083 <rect 7084 width="4317" 7085 height="1036.76" 7086 fill="white" 7087 transform="translate(0 0.240234)" 7088 /> 7089 </clipPath> 7090 </defs> 7091 </svg> 7092 </button> 7093 </div> 7094 7095 <div 7096 class="rebuy-cart__flyout-installments" 7097 v-if="installmentsEnabled()" 7098 v-html="installmentsMessage()" 7099 ></div> 7100 7101 <div data-app-target="below_checkout"></div> 7102 </div> 7103 </div> 7104 7105 <div class="rebuy-cart__background" v-on:click="hide()"></div> 7106 <div id="rebuy-cart-live-region" class="sr-only" aria-live="polite"></div> 7107</div> 7108</script>
7108 7109 7110 7111 7112
7112<script> 7113 window.shopUrl = 'https://modernpicnic.com'; 7114 window.routes = { 7115 cart_add_url: '/cart/add', 7116 cart_change_url: '/cart/change', 7117 cart_update_url: '/cart/update', 7118 cart_url: '/cart', 7119 predictive_search_url: '/search/suggest', 7120 }; 7121 7122 window.cartStrings = { 7123 error: `There was an error while updating your cart. Please try again.`, 7124 quantityError: `You can only add [quantity] of this item to your cart.`, 7125 }; 7126 7127 window.variantStrings = { 7128 addToCart: `Add to cart`, 7129 soldOut: `Sold out`, 7130 notifyMe: 'NOTIFY ME', 7131 unavailable: `Unavailable`, 7132 unavailable_with_option: `[value] - Unavailable`, 7133 }; 7134 7135 window.quickOrderListStrings = { 7136 itemsAdded: `[quantity] items added`, 7137 itemAdded: `[quantity] item added`, 7138 itemsRemoved: `[quantity] items removed`, 7139 itemRemoved: `[quantity] item removed`, 7140 viewCart: `View cart`, 7141 each: `[money]/ea`, 7142 min_error: `This item has a minimum of [min]`, 7143 max_error: `This item has a maximum of [max]`, 7144 step_error: `You can only add this item in increments of [step]`, 7145 }; 7146 7147 window.accessibilityStrings = { 7148 imageAvailable: `Image [index] is now available in gallery view`, 7149 shareSuccess: `Link copied to clipboard`, 7150 pauseSlideshow: `Pause slideshow`, 7151 playSlideshow: `Play slideshow`, 7152 recipientFormExpanded: `Gift card recipient form expanded`, 7153 recipientFormCollapsed: `Gift card recipient form collapsed`, 7154 countrySelectorSearchCount: `[count] countries/regions found`, 7155 }; 7156 </script>
7156 7157
7157<script> 7158 (function () { 7159 function dedupeDeferredScripts(partialName) { 7160 var selectors = 'script[src*="' + partialName + '"]'; 7161 var scripts = document.querySelectorAll(selectors); 7162 if (!scripts.length) return; 7163 for (var i = 1; i < scripts.length; i++) { 7164 scripts[i].parentNode.removeChild(scripts[i]); 7165 } 7166 } 7167 7168 dedupeDeferredScripts('product-form.js'); 7169 dedupeDeferredScripts('quick-add.js'); 7170 })(); 7171 </script>
7171 7172
7172<script> 7173 (function () { 7174 function loadDeferredScripts() { 7175 7176 window.__mpLoadScript('https://scripts.therave.co/overlay.js?display_style=right'); 7177 7178 window.__mpLoadScript('https://scripts.therave.co/core.js?allow_signup=true'); 7179 window.__mpLoadScript('https://app.octaneai.com/2oz5o93sjmw8wiav/shopify.js'); 7180 window.__mpLoadScript('https://gdprcdn.b-cdn.net/js/gdpr_cookie_consent.min.js?shop=modern-picnic-ny.myshopify.com'); 7181 } 7182 7183 function deferIdleLoad() { 7184 if ('requestIdleCallback' in window) { 7185 requestIdleCallback(loadDeferredScripts, { timeout: 4000 }); 7186 } else { 7187 window.addEventListener('load', function () { 7188 setTimeout(loadDeferredScripts, 2000); 7189 }, { once: true }); 7190 } 7191 } 7192 7193 function loadTolstoyWidgets() { 7194 window.__mpLoadScript('https://widget.gotolstoy.com/we/widget.js'); 7195 window.__mpLoadScript('https://play.gotolstoy.com/widget-v2/widget.js'); 7196 } 7197 7198 function getTolstoyContainer() { 7199 return document.querySelector( 7200 '[data-tolstoy-widget], .tolstoy-widget, #tolstoy-stories, #tolstoy, [id*="tolstoy"]' 7201 ); 7202 } 7203 7204 7205 var tolstoyContainer = getTolstoyContainer(); 7206 if (tolstoyContainer && 'IntersectionObserver' in window) { 7207 var tolstoyObserver = new IntersectionObserver(function (entries, observer) { 7208 entries.forEach(function (entry) { 7209 if (!entry.isIntersecting) return; 7210 loadTolstoyWidgets(); 7211 observer.unobserve(entry.target); 7212 }); 7213 }, { rootMargin: '200px 0px' }); 7214 7215 tolstoyObserver.observe(tolstoyContainer); 7216 } else { 7217 if ('requestIdleCallback' in window) { 7218 requestIdleCallback(loadTolstoyWidgets, { timeout: 4000 }); 7219 } else { 7220 window.addEventListener('load', function () { 7221 setTimeout(loadTolstoyWidgets, 2000); 7222 }, { once: true }); 7223 } 7224 } 7225 7226 7227 deferIdleLoad(); 7228 })(); 7229 </script>
7229 7230 7231 <!-- Attentive --> 7232 7233
7233<script src="https://cdn.attn.tv/modernpicnic/dtag.js"></script>
7233<script src="//modernpicnic.com/cdn/shop/t/387/assets/predictive-search.js?v=57209189334897115771788801510" defer="defer"></script>
7233<script data-lazy data-src="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 7233
7233
7234<script> 7235(function() { 7236 function swymReinitProductCallback(swat) { 7237 if (typeof swat !== 'undefined' && typeof swat.initializeActionButtons === 'function') { 7238 window._swymSwat = swat; 7239 document.addEventListener('swym:product-info-updated', function(evt) { 7240 var container = evt.detail && evt.detail.container; 7241 if (!container || !container.querySelector || !container.querySelector('.swym-wishlist-button-bar')) return; 7242 var selector = container.id ? ('#' + CSS.escape(container.id)) : null; 7243 if (!selector) { 7244 container.setAttribute('data-swym-reinit', Date.now()); 7245 selector = 'product-info[data-swym-reinit]'; 7246 } 7247 swat.initializeActionButtons(selector); 7248 }); 7249 } 7250 } 7251 if (!window.SwymCallbacks) { 7252 window.SwymCallbacks = []; 7253 } 7254 window.SwymCallbacks.push(swymReinitProductCallback); 7255})(); 7256</script>
7256 7257 7258 7259 7260 7261 <div id="shopify-block-AbEpqaklGb2U2U255a__10274264662263595587" class="shopify-block shopify-app-block">
7262<script> 7263 window.SwymCollectionsConfig = { 7264 'CollectionsSelectors': [], 7265 'CollectionsPosition': "top-right", 7266 'CollectionsIcon': "heart", 7267 'CollectionsButtonSize': 25, 7268 'CollectionsVerticalOffset': 0, 7269 'CollectionsHorizontalOffset': 0, 7270 'CollectionsProductLinkSelector': "-", 7271 'CollectionsProductTileSelector': "-", 7272 'CollectionsVariantSelector': "false", 7273 'CollectionsVariantSelectorChooseActionText': "Choose or Create new Wishlist", 7274 'CollectionsCreateListTitle': "Name Your Wishlist", 7275 'CollectionsCreateListPlaceholder': "Enter wishlist name", 7276 'CollectionsCustomIconAdd': "", 7277 'CollectionsCustomIconAdded': "", 7278 'CollectionsIconColor': "#000000", 7279 'CollectionsIconThickness': "1.7", 7280} 7281</script>
7281 7282<style> 7283 .swym-wishlist-collections-v2, .swym-wishlist-collections-v2 svg {border:unset; background:unset; min-width: 25px; height: 25px!important;} 7284 .swym-wishlist-collections-icon-heart-filled, .swym-wishlist-collections-icon-heart-unfilled, .swym-wishlist-collections-icon-star-filled, .swym-wishlist-collections-icon-star-unfilled, .swym-wishlist-collections-icon-bookmark-unfilled, .swym-wishlist-collections-icon-bookmark-filled {fill: #000000;} 7285 .swym-wishlist-collections-v2 .swym-collections-social-count {color: #000000;} 7286</style> 7287 7288 7289
7290<script> 7291 // Send heartbeat for collections button 7292 (function() { 7293 let collectionsButtonHeartbeatData = '{"140207030506":"2025-04-29T03:26:04.993Z","140647760106":"2025-05-09T08:53:02.251Z","141258457322":"2025-04-29T07:35:21.888Z","140544442602":"2025-05-09T08:51:56.776Z","140225380586":"2025-05-09T08:51:45.172Z","140227477738":"2025-05-09T08:53:01.555Z","141187875050":"2025-05-09T08:51:47.568Z","140211945706":"2025-04-29T03:26:09.030Z","140352356586":"2025-05-09T08:51:54.201Z","140250644714":"2025-05-09T08:51:53.612Z","140315754730":"2025-05-09T08:51:45.420Z","141258064106":"2025-05-14T16:28:58.121Z","141220282602":"2025-05-14T16:23:57.362Z","141261045994":"2025-06-04T23:53:10.247Z","140406456554":"2025-05-09T08:51:55.796Z","140704874730":"2025-05-09T08:51:46.296Z","140742033642":"2025-05-09T08:51:48.723Z","141323829482":"2025-05-20T17:02:32.536Z","editor":"2025-05-14T16:25:40.017Z","140804849898":"2025-05-09T08:51:57.753Z","141157269738":"2025-05-09T08:48:44.082Z","140239438058":"2025-05-09T08:51:54.940Z","141258096874":"2025-04-29T07:30:13.610Z","141212319978":"2025-05-14T16:23:59.091Z","140439191786":"2025-05-09T08:51:46.587Z"}'; 7294 try { 7295 collectionsButtonHeartbeatData = JSON.parse(collectionsButtonHeartbeatData) || {}; 7296 } catch (e) { 7297 collectionsButtonHeartbeatData = {}; 7298 } 7299 const ShopifyTheme = window.Shopify.theme; 7300 const themeId = ShopifyTheme.id; 7301 let heartbeatMetadata = { 7302 schema_name: ShopifyTheme?.schema_name, 7303 schema_version: ShopifyTheme?.schema_version, 7304 theme_store_id: ShopifyTheme?.theme_store_id, 7305 role: ShopifyTheme?.role 7306 }; 7307 7308 const isDesignMode = !!window.swymDesignMode; 7309 7310 if (!window.SwymCallbacks) { 7311 window.SwymCallbacks = []; 7312 } 7313 window.SwymCallbacks.push((swat) => { 7314 if (!swat || !themeId) { 7315 return; 7316 } 7317 const triggerHeartbeat = swat?.ExtensionHealth?.triggerExtensionHeartbeat; 7318 if (typeof triggerHeartbeat !== "function") return; 7319 7320 const lastHeartbeat = isDesignMode ? collectionsButtonHeartbeatData?.editor : collectionsButtonHeartbeatData?.[themeId]; 7321 const themeContext = isDesignMode ? 'editor' : themeId; 7322 7323 const extensionData = { 7324 extensionName: "add-to-wishlist-collections-button", 7325 extensionType: "app-embed", 7326 metadata: heartbeatMetadata, 7327 themeId: themeContext, 7328 extensionSource: "default" 7329 }; 7330 7331 /** Stop heartbeat 7332 triggerHeartbeat(extensionData, lastHeartbeat); 7333 */ 7334 }); 7335 })(); // IIFE to prevent polluting global scope 7336</script>
7336 7337 7338 7339<style> 7340 .swym-advanced-wishlist-collections-container { 7341 display: none; 7342 } 7343</style> 7344</div><div id="shopify-block-AS0lNMVZlSktiRm1BQ__5888675206956468567" class="shopify-block shopify-app-block"> 7345 7346 7347 7348 7349 7350 7351 7352 7353 7354 7355 7356 7357 7358 7359 7360 7361<div 7362 id='loop-onstore-data' 7363 data-show-onstore-bar='false' 7364 data-apikey='test-key' 7365 data-checkoutselector='#checkout' 7366 data-replacecheckoutbutton='false' 7367 data-cartdetails='true' 7368 data-preservecart='false' 7369 data-label='in available credit' 7370 data-mobile-label='credit' 7371 data-valuesize='15' 7372 data-labelsize='10' 7373 data-buttonsize='10' 7374 data-alignment='full' 7375 data-bgcolor='#000000' 7376 data-textcolor='#ffffff' 7377 data-bumpsidecart='false' 7378 data-sidecartselector='.sidecart'></div> 7379 7380 7381</div><div id="shopify-block-AVmMvSlRLZkZxelVSe__7594718713064568544" class="shopify-block shopify-app-block"> 7382 7383 7384 7385 7386 7387 7388 7389</div><div id="shopify-block-AeHhSMHRscDBnTDlvW__15885745614559378752" class="shopify-block shopify-app-block"><div id="accessibly-config" style="display:none"> 7390 {"themeColor":"#838383","iconColor":"#838383","showLogo":true,"topBottomPosition":10,"rightLeftPosition":10,"iconSize":"custom","iconCustomSize":35,"position":"bottom-right"} 7391</div> 7392 7393 7394</div><div id="shopify-block-ASXJCWWEvMUE5L1VWd__5946647744298494267" class="shopify-block shopify-app-block"> 7395 7396 7397<!-- BEGIN app snippet: swymVersion -->
7397<script>var __SWYM__VERSION__ = '7.0.7';</script>
7397<!-- END app snippet --> 7398<!-- BEGIN app snippet: swymCustomCss --> 7399 7400 7401 7402 7403<style id="swym-custom-css"> 7404 7405</style> 7406 7407<!-- END app snippet --> 7408 7409 7410 7411 7412 7413 7414 7415 7416 7417 7418 7419
7420<script> 7421 (function () { 7422 // Get CompanyLocation Metadata for B2B customer scenerios (SFS) 7423 7424 7425 // Put metafields in window variable 7426 const commonCustomizationSettings = ''; 7427 try { 7428 const parsedSettings = JSON.parse(commonCustomizationSettings); 7429 if (parsedSettings) { 7430 window.SwymWishlistCommonCustomizationSettings = parsedSettings[window.Shopify.theme.schema_name] || parsedSettings['global-settings']; 7431 } else { 7432 window.SwymWishlistCommonCustomizationSettings = {}; 7433 } 7434 } catch (e) { 7435 window.SwymWishlistCommonCustomizationSettings = {}; 7436 } 7437 7438 let enabledCommonFeatures = '{"multiple-wishlist":false}'; 7439 try { 7440 enabledCommonFeatures = JSON.parse(enabledCommonFeatures) || {}; 7441 } catch (e) { 7442 enabledCommonFeatures = {}; 7443 } 7444 // Storing COMMON FEATURES data in the window object for potential use in the storefront JS code. 7445 window.SwymEnabledCommonFeatures = enabledCommonFeatures; 7446 7447 // Ghost-Intent Configuration 7448 // Defaults to disabled (false). Only enabled when metafields explicitly set to "true". 7449 try { 7450 let ghostIntentConfig = { 7451 isExplicitConsentNeeded: false, 7452 isExplicitConsentNeededEvenForLocalStorage: false, 7453 askForPermissionOnFirstClick: true 7454 }; 7455 7456 7457 7458 window.SwymGhostIntentConfig = ghostIntentConfig; 7459 } catch(e) { 7460 window.SwymGhostIntentConfig = { 7461 isExplicitConsentNeeded: false, 7462 isExplicitConsentNeededEvenForLocalStorage: false, 7463 askForPermissionOnFirstClick: true 7464 }; 7465 } 7466 7467 // Education Layer Configuration 7468 // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility. 7469 7470 7471 window.SwymEducationLayerEnabled = enabledCommonFeatures?.["education-layer"] ?? true; 7472 7473 // Login Nudge Configuration 7474 // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility. 7475 7476 7477 window.SwymLoginNudgeEnabled = enabledCommonFeatures?.["login-nudge"] ?? true; 7478 7479 // Initialize or ensure SwymViewProducts exists 7480 if (!window.SwymViewProducts) { 7481 window.SwymViewProducts = {}; 7482 } 7483 7484 })(); 7485</script>
7485 7486 7487<!-- BEGIN app snippet: swymLoadConsentManager -->
7488<script> 7489 (function () { 7490 if (document.querySelector("script[data-swym-consent-manager]")) return; 7491 var swymConsentManagerScript = document.createElement("script"); 7492 swymConsentManagerScript.src = "https:\/\/cdn.shopify.com\/extensions\/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8\/swym-relay-839\/assets\/swym-consent-manager.js"; 7493 swymConsentManagerScript.async = false; // run in insertion order once fetched, instead of whenever fetch resolves 7494 swymConsentManagerScript.setAttribute("data-swym-consent-manager", "true"); 7495 document.head.appendChild(swymConsentManagerScript); 7496 })(); 7497</script>
7497 7498<!-- END app snippet --> 7499
7500<script 7501 7502 id="wishlist-embed-init" 7503 defer 7504 async 7505> 7506 (function () { 7507 window.swymWishlistEmbedLoaded = true; 7508 var fullAssetUrl = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/apps.bundle.js"; 7509 var assetBaseUrl = fullAssetUrl?.substring(0, fullAssetUrl.lastIndexOf('/') + 1); 7510 var swymJsPath = '//freecdn.swymrelay.com/code/swym-shopify.js'; 7511 var baseJsPath = swymJsPath?.substring(0, swymJsPath.lastIndexOf('/') + 1); 7512 window.SwymCurrentJSPath = baseJsPath; 7513 window.SwymAssetBaseUrl = assetBaseUrl; 7514 7515 window.SwymCurrentStorePath = "//swymstore-v3free-01.swymrelay.com"; 7516 7517 function loadSwymShopifyScript() { 7518 var element = ""; 7519 var scriptSrc = ""; 7520 7521 7522 element = "swym-ext-shopify-script"; 7523 window.SwymShopifyCdnInUse = true; 7524 scriptSrc = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/swym-ext-shopify.js"; 7525 7526 7527 if (document.getElementById(element)) { 7528 return; 7529 } 7530 7531 var s = document.createElement("script"); 7532 s.id = element; 7533 s.type = "text/javascript"; 7534 s.async = true; 7535 s.defer = true; 7536 s.src = scriptSrc; 7537 7538 s.onerror = function() { 7539 console.warn("Failed to load Swym Shopify script: ", scriptSrc, " Continuing with default"); 7540 // Fallback logic here 7541 element = `swym-ext-shopify-script-${__SWYM__VERSION__}`; 7542 var fallbackJsPathVal = "\/\/freecdn.swymrelay.com\/code\/swym-shopify.js"; 7543 var fallbackJsPathWithExt = fallbackJsPathVal.replace("swym-shopify", "swym-ext-shopify"); 7544 scriptSrc = fallbackJsPathWithExt + '?shop=' + encodeURIComponent(window.Shopify.shop) + '&v=' + __SWYM__VERSION__; 7545 7546 var fallbackScript = document.createElement("script"); 7547 fallbackScript.id = element; 7548 fallbackScript.type = "text/javascript"; 7549 fallbackScript.async = true; 7550 fallbackScript.defer = true; 7551 fallbackScript.src = scriptSrc; 7552 var y = document.getElementsByTagName("script")[0]; 7553 y.parentNode.insertBefore(fallbackScript, y); 7554 }; 7555 7556 var x = document.getElementsByTagName("script")[0]; 7557 x.parentNode.insertBefore(s, x); 7558 } 7559 7560 var consentAPICallbackInvoked = false; 7561 function checkConsentAndLoad() { 7562 // Allow app to load in design mode (theme editor) regardless of consent 7563 if (window.Shopify?.designMode) { 7564 loadSwymShopifyScript(); 7565 return; 7566 } 7567 7568 // Ghost-Intent: If merchant enabled explicit consent, block SDK until 7569 // consent is given through our Ghost-Intent flow (sync nudge accept). 7570 // This works on any store regardless of region (EU or non-EU). 7571 var ghostConfig = window.SwymGhostIntentConfig || {}; 7572 if (ghostConfig.isExplicitConsentNeeded || ghostConfig.isExplicitConsentNeededEvenForLocalStorage) { 7573 try { 7574 var consentKey = 'swym-ghost-consent-' + (window.Shopify && window.Shopify.shop || ''); 7575 if (localStorage.getItem(consentKey) === 'true') { 7576 // Consent was given through our flow â load SDK 7577 loadSwymShopifyScript(); 7578 return; 7579 } 7580 } catch(e) {} 7581 7582 // Check if Shopify native cookie consent was given via the cookie banner. 7583 // If user accepted cookies through Shopify's banner, load SDK normally 7584 // (Ghost-Intent is only needed when NO consent mechanism has been used). 7585 var shopifyConsentGiven = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.(); 7586 if (shopifyConsentGiven) { 7587 loadSwymShopifyScript(); 7588 return; 7589 } 7590 7591 console.warn("[Swym Ghost-Intent] SDK blocked until explicit consent is given"); 7592 return; 7593 } 7594 7595 var isCookieBannerVisible = window.Shopify?.customerPrivacy?.shouldShowBanner?.(); 7596 if(!isCookieBannerVisible) { 7597 loadSwymShopifyScript(); 7598 return; 7599 } 7600 var shouldLoadSwymScript = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.(); 7601 if (shouldLoadSwymScript) { 7602 loadSwymShopifyScript(); 7603 } else { 7604 console.warn("No customer consent to load Swym Wishlist Plus"); 7605 } 7606 } 7607 function initialiseConsentCheck() { 7608 document.addEventListener("visitorConsentCollected", (event) => { checkConsentAndLoad(); }); 7609 window.Shopify?.loadFeatures?.( 7610 [{name: 'consent-tracking-api', version: '0.1'}], 7611 error => { 7612 consentAPICallbackInvoked = true; 7613 if (error) { 7614 if(!window.Shopify?.customerPrivacy) { 7615 loadSwymShopifyScript(); 7616 return; 7617 } 7618 } 7619 checkConsentAndLoad(); 7620 } 7621 ); 7622 } 7623 function consentCheckFallback(retryCount) { 7624 if(!consentAPICallbackInvoked) { 7625 if (window.Shopify?.customerPrivacy) { 7626 checkConsentAndLoad(); 7627 } else if (retryCount >= 1) { 7628 console.warn("Shopify.loadFeatures unsuccessful on site, refer - https://shopify.dev/docs/api/customer-privacy#loading-the-customer-privacy-api. Proceeding with normal Swym Wishlist Plus load"); 7629 // Ghost-Intent: route through checkConsentAndLoad so SDK block is respected 7630 checkConsentAndLoad(); 7631 } else { 7632 setTimeout(() => consentCheckFallback(retryCount + 1), 1000); 7633 } 7634 } 7635 } 7636 if (document.readyState === "loading") { 7637 document.addEventListener("DOMContentLoaded", initialiseConsentCheck); 7638 window.addEventListener("load", () => consentCheckFallback(0)); 7639 } else { 7640 initialiseConsentCheck(); 7641 } 7642 7643 })(); 7644</script>
7644 7645 7646<!-- BEGIN app snippet: swymSnippet -->
7646<script defer> 7647 (function () { 7648 const currentSwymJSPath = '//freecdn.swymrelay.com/code/swym-shopify.js'; 7649 const currentSwymStorePath = 'https://swymstore-v3free-01.swymrelay.com'; 7650 const dnsPrefetchLink = `<link rel="dns-prefetch" href="${currentSwymStorePath}" crossorigin>`; 7651 const dnsPrefetchLink2 = `<link rel="dns-prefetch" href="${currentSwymJSPath}">`; 7652 const preConnectLink = `<link rel="preconnect" href="${currentSwymJSPath}">`; 7653 const swymSnippet = document.getElementById('wishlist-embed-init'); 7654 if(dnsPrefetchLink) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink);} 7655 if(dnsPrefetchLink2) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink2);} 7656 if(preConnectLink) {swymSnippet.insertAdjacentHTML('afterend', preConnectLink);} 7657 })() 7658</script>
vendor: 1 bytes, line 7658
7658
7659<script id="swym-snippet" type="text"> 7660 window.swymLandingURL = document.URL; 7661 window.swymCart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; 7662 window.swymPageLoad = function() { 7663 window.SwymProductVariants = window.SwymProductVariants || {}; 7664 window.SwymHasCartItems = 0 > 0; 7665 window.SwymPageData = {}, window.SwymProductInfo = {}; 7666 var unknown = {et: 0}; 7667 window.SwymPageData = unknown; 7668 7669 window.SwymPageData.uri = window.swymLandingURL; 7670 }; 7671 if(window.selectCallback){ 7672 (function(){ 7673 var originalSelectCallback = window.selectCallback; 7674 window.selectCallback = function(variant){ 7675 originalSelectCallback.apply(this, arguments); 7676 try{ 7677 if(window.triggerSwymVariantEvent){ 7678 window.triggerSwymVariantEvent(variant.id); 7679 } 7680 }catch(err){ 7681 console.warn("Swym selectCallback", err); 7682 } 7683 };})();} 7684 window.swymCustomerId =null; 7685 window.swymCustomerExtraCheck = 7686 null; 7687 var swappName = ("Wishlist" || "Wishlist"); 7688 var swymJSObject = { 7689 pid: "iXVrTtz2HI6SZRBh71x4I+cg68EifcRn6BqsA9yLY8M=", 7690 interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName 7691 }; 7692 window.swymJSShopifyLoad = function(){ 7693 if(window.swymPageLoad) swymPageLoad(); 7694 if(!window._swat) { 7695 (function (s, w, r, e, l, a, y) { 7696 r['SwymRetailerConfig'] = s; 7697 r[s] = r[s] || function (k, v) { 7698 r[s][k] = v; 7699 }; 7700 })('_swrc', '', window); 7701 _swrc('RetailerId', swymJSObject.pid); 7702 _swrc('Callback', function(){initSwymShopify();}); 7703 }else if(window._swat.postLoader){ 7704 _swrc = window._swat.postLoader; 7705 _swrc('RetailerId', swymJSObject.pid); 7706 _swrc('Callback', function(){initSwymShopify();}); 7707 }else{ 7708 initSwymShopify();} 7709 } 7710 if(!window._SwymPreventAutoLoad) { 7711 swymJSShopifyLoad(); 7712 } 7713</script>
7713 7714 7715<style id="safari-flasher-pre"></style>
7716<script> 7717 if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) { 7718 document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin #swym-notepad, #swym-hosted-plugin #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin #swym-notepad, #swym-plugin #swym-overlay, #swym-plugin #swym-notification,' + '#swym-hosted-plugin #swym-notepad, #swym-hosted-plugin #swym-overlay, #swym-hosted-plugin #swym-notification' + '{-webkit-transition: none; transition: none;}' + ''; 7719 window.SwymCallbacks = window.SwymCallbacks || []; 7720 window.SwymCallbacks.push(function(tracker) { 7721 tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function() { 7722 var x = function() { 7723 SwymUtils.onDOMReady(function() { 7724 var d = document.createElement("div"); 7725 d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready #swym-notepad, #swym-plugin.swym-ready #swym-overlay, #swym-plugin.swym-ready #swym-notification," + "#swym-hosted-plugin.swym-ready #swym-notepad, #swym-hosted-plugin.swym-ready #swym-overlay, #swym-hosted-plugin.swym-ready #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>"; 7726 document.head.appendChild(d); 7727 });}; 7728 setTimeout(x, 10); 7729 });});} 7730 window.SwymOverrideMoneyFormat = "${{amount_no_decimals}}"; 7731</script>
7731 7732<style id="swym-product-view-defaults"> .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) { display: none; } </style><!-- END app snippet --> 7733
7734<script 7735 7736 id="swymSnippetCheckAndActivate" 7737> 7738 (function () { 7739 var duplicateProneIds = ['safari-flasher-pre', 'swym-product-view-defaults', 'swym-wrap-login-handler']; 7740 7741 function removeDuplicateIdNodes(id) { 7742 var nodes = document.querySelectorAll('#' + id); 7743 nodes.forEach(function (node, index) { 7744 if (index > 0) { 7745 node.remove(); 7746 } 7747 }); 7748 } 7749 7750 function cleanupDuplicateSnippetNodes(activeScript) { 7751 if (!activeScript) { 7752 return; 7753 } 7754 var allSwymSnippets = document.querySelectorAll('script#swym-snippet'); 7755 allSwymSnippets.forEach(function (scriptNode) { 7756 if (scriptNode !== activeScript) { 7757 scriptNode.remove(); 7758 } 7759 }); 7760 } 7761 7762 function cleanupDuplicateActivationGuards() { 7763 var guardScripts = document.querySelectorAll('script#swymSnippetCheckAndActivate'); 7764 guardScripts.forEach(function (scriptNode, index) { 7765 if (index > 0) { 7766 scriptNode.removeAttribute('id'); 7767 } 7768 }); 7769 } 7770 7771 function postDomLoad() { 7772 var activeScript = document.querySelector('script#swym-snippet:not([type="text"])'); 7773 if (!activeScript) { 7774 var inactiveScript = document.querySelector('script#swym-snippet[type="text"]'); 7775 if (inactiveScript) { 7776 inactiveScript.type = 'text/javascript'; 7777 new Function(inactiveScript.textContent)(); 7778 activeScript = inactiveScript; 7779 } 7780 } 7781 7782 cleanupDuplicateSnippetNodes(activeScript); 7783 cleanupDuplicateActivationGuards(); 7784 duplicateProneIds.forEach(removeDuplicateIdNodes); 7785 } 7786 7787 if (document.readyState === 'loading') { 7788 document.addEventListener('DOMContentLoaded', postDomLoad); 7789 } else { 7790 postDomLoad(); 7791 } 7792 })(); 7793</script>
7793 7794 7795 7796
7797<script> 7798 (function () { 7799 const themeSchemaName = window.Shopify.theme.schema_name; 7800 7801 if (!window.SwymCallbacks) { 7802 window.SwymCallbacks = []; 7803 } 7804 window.SwymCallbacks.push(swat => { 7805 if (!swat) { 7806 return; 7807 } 7808 7809 // Ghost-Intent: Sync local wishlist items to cloud when SDK loads after consent 7810 if (window.SwymLocalWishlist && window.SwymLocalWishlist.getSyncableItems().length > 0) { 7811 window.SwymLocalWishlist.syncToCloud(swat); 7812 } 7813 7814 if (window._SwymSDKOnlyMode) { 7815 return; 7816 } 7817 7818 // ENABLE COMMON FEATURES 7819 let swymEnabledCommonFeatures = window.SwymEnabledCommonFeatures; 7820 Object.keys(swymEnabledCommonFeatures).forEach(key => { 7821 if (!swymEnabledCommonFeatures[key]) return; 7822 7823 switch (key) { 7824 case 'add-to-wishlist-collections-button': 7825 // Check if app block is already handling the collections button 7826 if (window.SwymCollectionsConfig) { 7827 return; 7828 } 7829 7830 // Check if v2 default collections is handling it 7831 if (window.SwymAdvancedCollectionsWishlistConfig) { 7832 return; 7833 } 7834 7835 // Fallback to old v1 behavior if v2 config is not present 7836 swat?.collectionsApi?.setDefaultCustomizationOptions(); 7837 swat?.collectionsApi?.initializeCollections(swat, false, themeSchemaName); 7838 7839 break; 7840 case 'add-to-wishlist-pdp-button': 7841 // Check if app block is already handling the PDP button 7842 if (window.swymATWButtonConfig?.shopifyExtensionType === 'appblock') { 7843 return; 7844 } 7845 7846 if (!(window.SwymPageData && window.SwymPageData.et === 1)) { 7847 // Not initiating pdp button as it is not a product page 7848 return; 7849 } 7850 7851 // Inject addtowishlist.css into the document's <head> 7852 var head = document.head; 7853 var pdpButtonStylesheet = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/addtowishlistbutton.css"; 7854 var pdpButtonStylesheetTag = document.createElement('link'); 7855 pdpButtonStylesheetTag.id = `swym-pdp-button-stylesheet`; 7856 pdpButtonStylesheetTag.rel = 'stylesheet'; 7857 pdpButtonStylesheetTag.href = pdpButtonStylesheet; 7858 7859 if (!document.getElementById('swym-pdp-button-stylesheet')) { 7860 head.appendChild(pdpButtonStylesheetTag); 7861 } 7862 7863 var x = document.getElementsByTagName('script')[0]; 7864 function createAndInsertScript(id, src, onLoadCallback) { 7865 var scriptTag = document.createElement('script'); 7866 scriptTag.id = id; 7867 scriptTag.type = 'text/javascript'; 7868 scriptTag.src = src; 7869 scriptTag.onload = onLoadCallback; 7870 x.parentNode.insertBefore(scriptTag, x); 7871 } 7872 7873 var pdpButtonScript = "https://cdn.shopify.com/extensions/01a0d2a3-23d4-7eab-8707-4bef87dc5dd8/swym-relay-839/assets/addtowishlistbutton.js"; 7874 createAndInsertScript(`swym-pdp-button-script`, pdpButtonScript, function () { 7875 const pdpBtnApi = window.WishlistPlusPDPButtonAPI; 7876 if (pdpBtnApi) { 7877 pdpBtnApi.setDefaultCustomizationOptions(swat); 7878 pdpBtnApi.initializePDPButton(swat, true); 7879 } 7880 }); 7881 break; 7882 default: 7883 return; 7884 } 7885 }); 7886 }); 7887 })(); // IIFE to prevent polluting global scope 7888</script>
7888 7889 7890 7891
7892<script> 7893 (function () { 7894 // Get the settings from Shopify's Liquid variables and create the styles 7895 const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"]; 7896 const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && 7897 Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0; 7898 const isControlCentreEnabledFromBlockSettings = false; 7899 7900 if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) { 7901 // Don't enable control centre if this is disabled and block settings are not enabled 7902 return; 7903 } 7904 7905 let borderRadius = 6; 7906 let drawerWidth = window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutDrawerWidth || 400; 7907 7908 // Check if block settings exist, use them, otherwise fall back to common settings 7909 let primaryBgColor = isControlCentreEnabledFromBlockSettings ? 7910 "#000000" : 7911 window.SwymWishlistCommonCustomizationSettings.primaryColor; 7912 7913 let primaryTextColor = isControlCentreEnabledFromBlockSettings ? 7914 "#ffffff" : 7915 window.SwymWishlistCommonCustomizationSettings.secondaryColor; 7916 7917 let secondaryBgColor = isControlCentreEnabledFromBlockSettings ? 7918 "#f4f8fe" : null; 7919 let secondaryTextColor = isControlCentreEnabledFromBlockSettings ? 7920 "#333333" : null; 7921 7922 // Only use color adjustment functions if we're using common settings 7923 if (!secondaryBgColor || !secondaryTextColor) { 7924 function adjustOpacity(color, opacity) { 7925 if (color[0] === '#') { 7926 color = color.slice(1); 7927 } 7928 7929 if (color.length === 3) { 7930 color = color.split('').map(char => char + char).join(''); 7931 } 7932 7933 const r = parseInt(color.slice(0, 2), 16); 7934 const g = parseInt(color.slice(2, 4), 16); 7935 const b = parseInt(color.slice(4, 6), 16); 7936 7937 return `rgba(${r}, ${g}, ${b}, ${opacity})`; 7938 } 7939 7940 function hexToRgb(color) { 7941 if (color[0] === '#') { 7942 color = color.slice(1); 7943 } 7944 if (color.length === 3) { 7945 color = color.split('').map(c => c + c).join(''); 7946 } 7947 7948 return { 7949 r: parseInt(color.slice(0, 2), 16), 7950 g: parseInt(color.slice(2, 4), 16), 7951 b: parseInt(color.slice(4, 6), 16) 7952 }; 7953 } 7954 7955 function getLuminance({ r, g, b }) { 7956 return 0.299 * r + 0.587 * g + 0.114 * b; 7957 } 7958 7959 function generateSecondaryColors(primaryBgColor, primaryTextColor) { 7960 const secondaryBgOpacity = 0.2; 7961 const secondaryTextOpacity = 0.8; 7962 7963 const secondaryBgColor = adjustOpacity(primaryBgColor, secondaryBgOpacity); 7964 7965 const bgRgb = hexToRgb(primaryBgColor); 7966 const bgLuminance = getLuminance(bgRgb); 7967 7968 // Determine whether to use dark or light text for contrast 7969 const lightText = adjustOpacity(primaryTextColor, secondaryTextOpacity); 7970 const darkText = adjustOpacity(primaryBgColor, secondaryTextOpacity); 7971 7972 const secondaryTextColor = bgLuminance > 186 ? darkText : lightText; 7973 7974 return { 7975 secondaryBgColor, 7976 secondaryTextColor 7977 }; 7978 } 7979 7980 const generatedColors = generateSecondaryColors(primaryBgColor, primaryTextColor); 7981 secondaryBgColor = secondaryBgColor || generatedColors.secondaryBgColor; 7982 secondaryTextColor = secondaryTextColor || generatedColors.secondaryTextColor; 7983 } 7984 7985 // Create the CSS rule 7986 let styles = ` 7987 .swym-storefront-layout-root-component { 7988 --swym-storefront-layout-ui-border-radius: ${borderRadius}px; 7989 --swym-storefront-layout-button-border-radius: ${borderRadius}px; 7990 --swym-storefront-layout-side-drawer-width: ${drawerWidth}px; 7991 --swym-storefront-layout-button-color-bg-primary: ${primaryBgColor}; 7992 --swym-storefront-layout-button-color-text-primary: ${primaryTextColor}; 7993 --swym-storefront-layout-button-color-bg-secondary: ${secondaryBgColor}; 7994 --swym-storefront-layout-button-color-text-secondary: ${secondaryTextColor}; 7995 } 7996 `; 7997 7998 // Create a <style> element and append the styles 7999 let styleSheet = document.createElement("style"); 8000 styleSheet.type = "text/css"; 8001 styleSheet.innerText = styles; 8002 document.head.appendChild(styleSheet); 8003 8004 if (typeof window.SwymStorefrontLayoutContext === 'undefined') { 8005 window.SwymStorefrontLayoutContext = {}; 8006 } 8007 if (typeof window.SwymStorefrontLayoutExtensions === 'undefined'){ 8008 window.SwymStorefrontLayoutExtensions = {}; 8009 } 8010 8011 // Expose block settings toggle state so ThemeCSSMapping can respect it. 8012 // When true, theme editor color pickers take priority over inherited theme CSS variables. 8013 SwymStorefrontLayoutContext.BlockSettingsEnabled = isControlCentreEnabledFromBlockSettings; 8014 8015 if (isControlCentreEnabledFromBlockSettings) { 8016 // If block settings are enabled, use them 8017 SwymStorefrontLayoutContext.Settings = { 8018 EnableStorefrontLayoutOnLauncher: true, 8019 EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true, 8020 StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer", 8021 StorefrontLayoutDrawerPosition: "left", 8022 StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", 8023 StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist", 8024 EnableStorefrontLayoutVariantSelector: true, 8025 StorefrontLayoutNotificationPosition: "left", 8026 StorefrontLayoutActionPopupPosition: "left", 8027 StorefrontLayoutNotificationDuration: 5000 8028 }; 8029 } else { 8030 // If only metafield is enabled but no block settings, use common settings 8031 SwymStorefrontLayoutContext.Settings = { 8032 EnableStorefrontLayoutOnLauncher: true, 8033 EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true, 8034 StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer", 8035 StorefrontLayoutDrawerPosition: "left", 8036 StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container", 8037 StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist", 8038 EnableStorefrontLayoutVariantSelector: true, 8039 StorefrontLayoutNotificationPosition: "left", 8040 StorefrontLayoutActionPopupPosition: "left", 8041 StorefrontLayoutNotificationDuration: 5000 8042 }; 8043 } 8044 const storefrontLayoutCallback = (swat) =>{ 8045 SwymStorefrontLayoutContext.swat = swat; 8046 let isStoreOnPaidPlan = swat.getApp('Wishlist')?.['is-paid']; 8047 let isWishlistEnabled = swat.getApp('Wishlist')?.['enabled']; 8048 SwymStorefrontLayoutContext.Settings = { 8049 ...SwymStorefrontLayoutContext?.Settings, 8050 EnableStorefrontLayoutCollection: window?.SwymEnabledCommonFeatures?.["multiple-wishlist"] ?? false, 8051 EnableStorefrontLayout: isWishlistEnabled && (isControlCentreEnabledFromBlockSettings || isControlCentreEnabledFromMetafield), 8052 } 8053 8054 if(SwymStorefrontLayoutContext?.Settings?.EnableStorefrontLayout){ 8055 if(SwymStorefrontLayoutContext?.CustomEvents?.LayoutInitialized){ 8056 var event = new CustomEvent(SwymStorefrontLayoutContext.CustomEvents.LayoutInitialized, { 8057 detail: { settings: SwymStorefrontLayoutContext?.Settings } 8058 }); 8059 document.dispatchEvent(event); 8060 }else{ 8061 swat.utils.warn(`LayoutInitialized event is not defined.`); 8062 } 8063 }else{ 8064 swat.utils.warn(`Storefront Layout is disabled.`); 8065 document.getElementById("swym-storefront-layout-container")?.remove(); 8066 document.getElementById("swym-storefront-extention-render-container")?.remove(); 8067 } 8068 } 8069 8070 if (!window.SwymCallbacks) { 8071 window.SwymCallbacks = []; 8072 } 8073 window.SwymCallbacks.push(storefrontLayoutCallback); 8074 8075 SwymStorefrontLayoutContext.SwymCustomerData = { 8076 8077 name: null, 8078 email: null 8079 8080 };
8081 SwymStorefrontLayoutContext.isShopperLoggedIn = !!SwymStorefrontLayoutContext?.SwymCustomerData?.email; 8082 })(); 8083</script>
8083 8084 8085 8086 8087 8088</div>
8088<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8088 8089</body> 8090</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.