PageSourceSearch

https://www.peepers.com/pages/shoreline

html peepers.com collected 2026-09-25 14:06:50 UTC 562,402 bytes, 10,731 lines download raw bytes

1<!doctype html>
2  <html lang="en-US">
3    <head>
3<script>
4  window.peepersGcmVisitorCountry = "US";
5  window.peepersGcmInitialState = 1;
6  window.consentmo_gcm_initial_state = "";
7  window.consentmo_gcm_state = "1";
8  window.consentmo_gcm_security_storage = "strict";
9  window.consentmo_gcm_ad_storage = "marketing";
10  window.consentmo_gcm_analytics_storage = "analytics";
11  window.consentmo_gcm_functionality_storage = "functionality";
12  window.consentmo_gcm_personalization_storage = "functionality";
13  window.consentmo_gcm_ads_data_redaction = "true";
14  window.consentmo_gcm_url_passthrough = "false";
15  window.consentmo_gcm_data_layer_name = "dataLayer";
16  
17  // Google Consent Mode V2 integration script from Consentmo GDPR
18  window.isenseRules = {};
19  window.isenseRules.gcm = {
20      gcmVersion: 2,
21      integrationVersion: 3,
22      customChanges: false,
23      consentUpdated: false,
24      initialState: 1,
25      isCustomizationEnabled: false,
26      adsDataRedaction: true,
27      urlPassthrough: false,
28      dataLayer: 'dataLayer',
29      categories: { ad_personalization: "marketing", ad_storage: "marketing", ad_user_data: "marketing", analytics_storage: "analytics", functionality_storage: "functionality", personalization_storage: "functionality", security_storage: "strict"},
30      storage: { ad_personalization: "false", ad_storage: "false", ad_user_data: "false", analytics_storage: "false", functionality_storage: "false", personalization_storage: "false", security_storage: "false", wait_for_update: 2000 }
31  };
32  if(window.consentmo_gcm_state !== null && window.consentmo_gcm_state !== "" && window.consentmo_gcm_state !== "0") {
33    window.isenseRules.gcm.isCustomizationEnabled = true;
34    window.isenseRules.gcm.initialState = window.consentmo_gcm_initial_state === null || window.consentmo_gcm_initial_state.trim() === "" ? window.isenseRules.gcm.initialState : window.consentmo_gcm_initial_state;
35    window.isenseRules.gcm.categories.ad_storage = window.consentmo_gcm_ad_storage === null || window.consentmo_gcm_ad_storage.trim() === "" ? window.isenseRules.gcm.categories.ad_storage : window.consentmo_gcm_ad_storage;
36    window.isenseRules.gcm.categories.ad_user_data = window.consentmo_gcm_ad_storage === null || window.consentmo_gcm_ad_storage.trim() === "" ? window.isenseRules.gcm.categories.ad_user_data : window.consentmo_gcm_ad_storage;
37    window.isenseRules.gcm.categories.ad_personalization = window.consentmo_gcm_ad_storage === null || window.consentmo_gcm_ad_storage.trim() === "" ? window.isenseRules.gcm.categories.ad_personalization : window.consentmo_gcm_ad_storage;
38    window.isenseRules.gcm.categories.analytics_storage = window.consentmo_gcm_analytics_storage === null || window.consentmo_gcm_analytics_storage.trim() === "" ? window.isenseRules.gcm.categories.analytics_storage : window.consentmo_gcm_analytics_storage;
39    window.isenseRules.gcm.categories.functionality_storage = window.consentmo_gcm_functionality_storage === null || window.consentmo_gcm_functionality_storage.trim() === "" ? window.isenseRules.gcm.categories.functionality_storage : window.consentmo_gcm_functionality_storage;
40    window.isenseRules.gcm.categories.personalization_storage = window.consentmo_gcm_personalization_storage === null || window.consentmo_gcm_personalization_storage.trim() === "" ? window.isenseRules.gcm.categories.personalization_storage : window.consentmo_gcm_personalization_storage;
41    window.isenseRules.gcm.categories.security_storage = window.consentmo_gcm_security_storage === null || window.consentmo_gcm_security_storage.trim() === "" ? window.isenseRules.gcm.categories.security_storage : window.consentmo_gcm_security_storage;
42    window.isenseRules.gcm.urlPassthrough = window.consentmo_gcm_url_passthrough === null || window.consentmo_gcm_url_passthrough.trim() === "" ? window.isenseRules.gcm.urlPassthrough : window.consentmo_gcm_url_passthrough;
43    window.isenseRules.gcm.adsDataRedaction = window.consentmo_gcm_ads_data_redaction === null || window.consentmo_gcm_ads_data_redaction.trim() === "" ? window.isenseRules.gcm.adsDataRedaction : window.consentmo_gcm_ads_data_redaction;
44    window.isenseRules.gcm.dataLayer = window.consentmo_gcm_data_layer_name === null || window.consentmo_gcm_data_layer_name.trim() === "" ? window.isenseRules.gcm.dataLayer : window.consentmo_gcm_data_layer_name;
45  }
46  window.isenseRules.initializeGcm = function (rules) {
47    if(window.isenseRules.gcm.isCustomizationEnabled) {
48      rules.initialState = window.isenseRules.gcm.initialState;
49      rules.urlPassthrough = window.isenseRules.gcm.urlPassthrough === true || window.isenseRules.gcm.urlPassthrough === 'true';
50      rules.adsDataRedaction = window.isenseRules.gcm.adsDataRedaction === true || window.isenseRules.gcm.adsDataRedaction === 'true';
51    }
52    
53    let initialState = parseInt(rules.initialState);
54    let marketingBlocked = initialState === 0 || initialState === 2 || initialState === 5 || initialState === 7;
55    let analyticsBlocked = initialState === 0 || initialState === 3 || initialState === 6 || initialState === 7;
56    let functionalityBlocked = initialState === 4 || initialState === 5 || initialState === 6 || initialState === 7;
57
58    let gdprCache = localStorage.getItem('gdprCache') ? JSON.parse(localStorage.getItem('gdprCache')) : null;
59    if (gdprCache && typeof gdprCache.updatedPreferences !== "undefined") {
60      let updatedPreferences = gdprCache.updatedPreferences;
61      marketingBlocked = parseInt(updatedPreferences.indexOf('marketing')) > -1;
62      analyticsBlocked = parseInt(updatedPreferences.indexOf('analytics')) > -1;
63      functionalityBlocked = parseInt(updatedPreferences.indexOf('functionality')) > -1;
64    }
65
66    Object.entries(rules.categories).forEach(category => {
67      if(rules.storage.hasOwnProperty(category[0])) {
68        switch(category[1]) {
69          case 'strict':
70            rules.storage[category[0]] = "granted";
71            break;
72          case 'marketing':
73            rules.storage[category[0]] = marketingBlocked ? "denied" : "granted";
74            break;
75          case 'analytics':
76            rules.storage[category[0]] = analyticsBlocked ? "denied" : "granted";
77            break;
78          case 'functionality':
79            rules.storage[category[0]] = functionalityBlocked ? "denied" : "granted";
80            break;
81        }
82      }
83    });
84    rules.consentUpdated = true;
85    isenseRules.gcm = rules;
86  }
87
88  // Google Consent Mode - initialization start
89  // PEEPERS EDIT: a GDPR-region visitor is denied by default no matter what the app says.
90  // This sits after the isCustomizationEnabled block on purpose: that block re-reads
91  // initialState from the global, so an override placed before it would be discarded.
92  if (window.peepersGcmInitialState === 7) {
93    window.isenseRules.gcm.initialState = 7;
94  }
95
96  window.isenseRules.initializeGcm({
97    ...window.isenseRules.gcm,
98    adsDataRedaction: true,
99    urlPassthrough: false,
100    initialState: 1
101  });
102
103  /*
104  * initialState acceptable values:
105  * 0 - Set both ad_storage and analytics_storage to denied
106  * 1 - Set all categories to granted
107  * 2 - Set only ad_storage to denied
108  * 3 - Set only analytics_storage to denied
109  * 4 - Set only functionality_storage to denied
110  * 5 - Set both ad_storage and functionality_storage to denied
111  * 6 - Set both analytics_storage and functionality_storage to denied
112  * 7 - Set all categories to denied
113  */
114
115  window[window.isenseRules.gcm.dataLayer] = window[window.isenseRules.gcm.dataLayer] || [];
116  function gtag() { window[window.isenseRules.gcm.dataLayer].push(arguments); }
117  gtag("consent", "default", isenseRules.gcm.storage);
118  isenseRules.gcm.adsDataRedaction && gtag("set", "ads_data_redaction", isenseRules.gcm.adsDataRedaction);
119  isenseRules.gcm.urlPassthrough && gtag("set", "url_passthrough", isenseRules.gcm.urlPassthrough);
120
121  // PEEPERS EDIT 2026-09-16 — the async half. localization.country.iso_code is the MARKET
122  // country: every visitor without a localized market (all of the EU, no subfolders here)
123  // renders as "US", so the synchronous default above is granted for a real Finnish visitor
124  // even though Shopify.customerPrivacy.getRegulation() on the same page says "GDPR".
125  // Measured from Helsinki 2026-09-16 on live 149976809551 with the region branch in place.
126  // The 9/14 verification used ?country=DE, which forces the market and is not what a real
127  // visitor gets. So: as soon as the privacy API resolves, re-issue the state as an UPDATE.
128  // GTM (loaded by Elevar's embed, ~3.5s in) processes the dataLayer in order, so every
129  // consent-checked tag sees denied. Only a first-visit GDPR visitor is touched; a visitor
130  // whose choice is already recorded keeps whatever Consentmo restored above.
131  (function () {
132    var done = false;
133    function apply() {
134      if (done) return;
135      var api = window.Shopify && window.Shopify.customerPrivacy;
136      if (!api) return;
137      done = true;
138      var reg = "", collected = false, cached = false;
139      try { reg = api.getRegulation() || ""; } catch (e) {}
140      try {
141        // A recorded choice means marketing or analytics answered. sale_of_data alone (GPC) is
142        // not a choice about those categories and must not suppress the GDPR denial.
143        var c = api.currentVisitorConsent ? api.currentVisitorConsent() : {};
144        collected = (c.marketing === "yes" || c.marketing === "no" || c.analytics === "yes" || c.analytics === "no");
145      } catch (e) {}
146      try {
147        // Consentmo restored this visitor's earlier choice from its own cache above; leave it.
148        var g = JSON.parse(localStorage.getItem("gdprCache") || "null");
149        cached = !!(g && typeof g.updatedPreferences !== "undefined");
150      } catch (e) {}
151      window.peepersGcmRegulation = reg;
152      if (reg !== "GDPR" || collected || cached) return;
153      var denied = { ad_storage: "denied", ad_user_data: "denied", ad_personalization: "denied",
154        analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied" };
155      gtag("consent", "update", denied);
156      for (var d in denied) { window.isenseRules.gcm.storage[d] = denied[d]; }
157      window.peepersGcmInitialState = 7;
158    }
159    if (window.Shopify && window.Shopify.customerPrivacy) return apply();
160    if (window.Shopify && window.Shopify.loadFeatures) {
161      window.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], function (err) { if (!err) apply(); });
162    }
163    document.addEventListener("DOMContentLoaded", function () {
164      if (done) return;
165      if (window.Shopify && window.Shopify.customerPrivacy) return apply();
166      if (window.Shopify && window.Shopify.loadFeatures) {
167        window.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], function (err) { if (!err) apply(); });
168      }
169    });
170  })();
171</script>
171<script>
172  (function () {
173    window.__peepersGateRuns = (window.__peepersGateRuns || 0) + 1;
174    if (window.PeepersConsent) { window.__peepersGateGuardHits = (window.__peepersGateGuardHits || 0) + 1; return; }
175    var queues = { marketing: [], analytics: [] };
176    var opened = { marketing: false, analytics: false };
177    var api = null;
178
179    function allowed(kind) {
180      if (!api) return false;
181      try {
182        if (kind === 'marketing') return !!(api.marketingAllowed() && api.saleOfDataAllowed());
183        if (kind === 'analytics') return !!api.analyticsProcessingAllowed();
184      } catch (e) {}
185      return false;
186    }
187
188    // Diagnostic trail (in-memory only, never logged to the console): every ready() and
189    // every gate opening, with what the privacy API said at that instant. Read it with
190    // window.PeepersConsent.log. Added 2026-09-16 to chase an intermittent second-page
191    // opening in GDPR sessions.
192    var now = function () { return window.performance && performance.now ? Math.round(performance.now()) : Date.now(); };
193    var trail = [{ t: now(), tag: 'init', path: location.pathname, rs: document.readyState, scripts: document.scripts.length }];
194    function snap(tag) {
195      if (trail.length >= 40) return;
196      var a = window.Shopify && window.Shopify.customerPrivacy, o = { t: now(), tag: tag };
197      try { o.reg = a && a.getRegulation ? a.getRegulation() : null; o.mk = a ? a.marketingAllowed() : null; o.sale = a ? a.saleOfDataAllowed() : null; o.an = a ? a.analyticsProcessingAllowed() : null; o.cv = a && a.currentVisitorConsent ? a.currentVisitorConsent() : null; o.banner = a && a.shouldShowBanner ? a.shouldShowBanner() : null; } catch (e) { o.err = String(e); }
198      o.hasConsentCookie = /(^|;\s*)_tracking_consent=/.test(document.cookie);
199      o.stack = (new Error().stack || '').split('\n').slice(2, 6).join(' | ').replace(/https?:\/\/[^ ]*\//g, '').slice(0, 300);
200      trail.push(o);
201    }
202
203    function flush() {
204      ['marketing', 'analytics'].forEach(function (kind) {
205        if (opened[kind] || !allowed(kind)) return;
206        snap('open:' + kind);
207        opened[kind] = true;
208        var q = queues[kind];
209        queues[kind] = [];
210        q.forEach(function (fn) {
211          try { fn(); } catch (e) { console.warn('[consent-gate]', kind, e); }
212        });
213      });
214    }
215
216    // Klaviyo's onsite JS only honours Shopify consent in the EU/EEA/UK/CH.
217    // Its documented kill switch is the `__kla_off` cookie: set it while
218    // marketing is not allowed (US "Do not sell"), clear it once it is.
219    function syncKlaviyoOptOut() {
220      var off = /(^|;\s*)__kla_off=true/.test(document.cookie);
221      if (allowed('marketing')) {
222        if (off) document.cookie = '__kla_off=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT';
223      } else if (api && !off) {
224        document.cookie = '__kla_off=true; path=/; max-age=31536000; SameSite=Lax';
225      }
226    }
227
228    // Global Privacy Control. Shopify records a GPC signal as sale_of_data = "no" and
229    // leaves marketing untouched, so Elevar (which maps marketing, not sale_of_data)
230    // keeps firing Meta / TikTok / Snapchat for a GPC visitor. Our policy says we honour
231    // GPC as an opt-out of sale/share, which is exactly what those pixels are. Mirror it:
232    // once per visitor, write marketing = no too, the same record a "Do not sell" click
233    // makes. Only in an opt-out regulation, only when GPC actually set sale_of_data, and
234    // never over a choice the shopper already made. Measured 2026-09-16 (postflip-probe gpc).
235    var gpcMirrors = 0;
236    function mirrorGpc() {
237      if (gpcMirrors >= 3 || !api || !api.setTrackingConsent || !api.currentVisitorConsent) return false;
238      try {
239        var reg = api.getRegulation ? api.getRegulation() : null;
240        var c = api.currentVisitorConsent() || {};
241        // Only an opt-out regulation, only a browser actually sending GPC, only when Shopify has
242        // recorded the signal as sale_of_data = no. Consentmo writes its US implied default
243        // (marketing = yes) about two seconds in, on top of the mirror; that write is not a
244        // shopper's choice, so it is mirrored again. An explicit banner click sets Consentmo's
245        // cookieconsent_status cookie and is never overridden. Capped at three writes a page.
246        if (reg === null || reg === 'GDPR') return false;
247        if (!(navigator.globalPrivacyControl === true)) return false;
248        if (c.sale_of_data !== 'no' || c.marketing === 'no') return false;
249        if (c.marketing === 'yes' && /(^|;\s*)cookieconsent_status=/.test(document.cookie)) return false;
250        gpcMirrors++;
251        api.setTrackingConsent({ marketing: false, sale_of_data: false }, function () { ready(); });
252        return true;
253      } catch (e) { return false; }
254    }
255
256    function ready() {
257      api = window.Shopify && window.Shopify.customerPrivacy;
258      snap('ready');
259      if (mirrorGpc()) return;
260      syncKlaviyoOptOut();
261      flush();
262    }
263
264    function loadApi() {
265      if (window.Shopify && window.Shopify.customerPrivacy) return ready();
266      if (window.Shopify && window.Shopify.loadFeatures) {
267        window.Shopify.loadFeatures([{ name: 'consent-tracking-api', version: '0.1' }], function (err) {
268          if (!err) ready();
269        });
270        return true;
271      }
272      return false;
273    }
274
275    window.PeepersConsent = {
276      whenMarketing: function (fn) {
277        if (opened.marketing) return fn();
278        queues.marketing.push(fn);
279        flush();
280      },
281      whenAnalytics: function (fn) {
282        if (opened.analytics) return fn();
283        queues.analytics.push(fn);
284        flush();
285      },
286      marketingAllowed: function () { return allowed('marketing'); },
287      analyticsAllowed: function () { return allowed('analytics'); },
288      log: trail,
289      loadScript: function (src, attrs, onload) {
290        snap('loadScript:' + String(src).replace(/^https?:\/\//, '').slice(0, 40) + ' mk=' + allowed('marketing') + ' an=' + allowed('analytics') + ' opened=' + opened.marketing + '/' + opened.analytics);
291        var s = document.createElement('script');
292        s.src = src;
293        s.async = true;
294        if (attrs) Object.keys(attrs).forEach(function (k) { s.setAttribute(k, attrs[k]); });
295        if (onload) s.onload = onload;
296        (document.head || document.documentElement).appendChild(s);
297        return s;
298      }
299    };
300
301    // Diagnostic: keep the trail of a document that unloads (a redirecting PDP), so the next
302    // document can read it from sessionStorage['peepersGateTrail:<href>'].
303    window.addEventListener('pagehide', function () {
304      try { sessionStorage.setItem('peepersGateTrail:' + location.pathname.slice(0, 80), JSON.stringify(trail)); } catch (e) {}
305    });
306    document.addEventListener('visitorConsentCollected', ready);
307    if (!loadApi()) window.addEventListener('DOMContentLoaded', loadApi);
308  })();
309</script>
309
310
311<meta charset="utf-8" />
312<meta http-equiv="X-UA-Compatible" content="IE=edge" />
313<meta name="theme-color" content="#0c2340" />
314<meta name="viewport" content="width=device-width,initial-scale=1" /><title>Shoreline - Peepers by PeeperSpecs</title><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /><meta property="og:type" content="website">
315  <meta property="og:title" content="Shoreline">
316  <meta property="og:image" content="https://www.peepers.com/cdn/shop/files/Peepers_Mens_Horz__Logo_3_1200x.jpg?v=1614810703">
317  <meta property="og:image:secure_url" content="https://www.peepers.com/cdn/shop/files/Peepers_Mens_Horz__Logo_3_1200x.jpg?v=1614810703"><meta property="og:url" content="https://www.peepers.com/pages/shoreline">
318<meta property="og:site_name" content="Peepers by PeeperSpecs">
319<meta property="og:locale" content="en_US"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Shoreline">
320  <meta name="twitter:description" content="">
321  <meta property="twitter:image" content="https://www.peepers.com/cdn/shop/files/Peepers_Mens_Horz__Logo_3_1200x.jpg?v=1614810703">
321<script type="application/ld+json">
322{
323  "@context": "https://schema.org",
324  "@graph": [
325    {
326      "@type": "Organization",
327      "@id": "https:\/\/www.peepers.com#organization",
328      "name": "Peepers by PeeperSpecs",
329      "url": "https:\/\/www.peepers.com"
330,
331      "logo": {
332        "@type": "ImageObject",
333        "url": "https:\/\/www.peepers.com\/cdn\/shop\/files\/Peepers_Mens_Horz__Logo_3.jpg?v=1614810703\u0026width=1200"
334      }
335    },
336    {
337      "@type": "WebSite",
338      "@id": "https:\/\/www.peepers.com#website",
339      "url": "https:\/\/www.peepers.com",
340      "name": "Peepers by PeeperSpecs",
341      "publisher": { "@id": "https:\/\/www.peepers.com#organization" },
342      "potentialAction": {
343        "@type": "SearchAction",
344        "target": {
345          "@type": "EntryPoint",
346          "urlTemplate": "https://www.peepers.com/search?q={search_term_string}"
347        },
348        "query-input": "required name=search_term_string"
349      }
350    }
351  ]
352}
353</script>
353
354<meta name="google-site-verification" content="gXEJAvT3vevwbM7a3vXijx6p6NggmLhOYSKvYGZYuzU" />
355<meta name="google-site-verification" content="FHfMSap6cVxdJ37Wt4pNf3jF_P78k_43o7rzuWsplyw" />
356<meta name="msvalidate.01" content="0390E69505412CF06DD347A87FE479DE" />
357<meta name="p:domain_verify" content="3f6e54cd2b86c57399ae3918429da972"/>
358<link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
359<link rel="preconnect" href="https://www.google.com" crossorigin>
360<link rel="preconnect" href="https://googleads.g.doubleclick.net" crossorigin>
361<link rel="preconnect" href="https://ajax.googleapis.com" crossorigin>
362<link rel="preconnect" href="https://scontent.cdninstagram.com/" crossorigin>
363<link rel="canonical" href="https://www.peepers.com/pages/shoreline" />
364<link rel="icon" href="//www.peepers.com/cdn/shop/files/196-2.png?v=1614810714" />
364<script>
365  window.taskQueue = window.taskQueue || {
366    tasks: [],
367    hasProcessed: false,
368    lcpOccurred: false,
369    addTask(task) {
370      this.tasks.push(task);
371      if (this.lcpOccurred && !this.hasProcessed) {
372        this.processTasks();
373      }
374    },
375    processTasks() {
376      if (this.tasks.length === 0 || this.hasProcessed) return;
377      this.hasProcessed = true;
378      const processNextTask = () => {
379        if (this.tasks.length > 0) {
380          requestAnimationFrame(() => {
381            // Safari does not support requestIdleCallback yet without a flag as of Safari 17.5
382            if (window.requestIdleCallback) {
383              requestIdleCallback(() => {
384                const task = this.tasks.shift();
385                task();
386                processNextTask();
387              });
388            } else {
389              setTimeout(() => {
390                const task = this.tasks.shift();
391                task();
392                processNextTask();
393              }, 0);
394            }
395          });
396        }
397      };
398      processNextTask();
399    }
400  };
401  
402  function runAfterLCP(callback) {
403    const lcpEntry = performance.getEntriesByType('largest-contentful-paint')[0];
404    if (lcpEntry) {
405      window.taskQueue.lcpOccurred = true;
406      callback();
407    } else {
408      const observer = new PerformanceObserver((entryList) => {
409        for (const entry of entryList.getEntries()) {
410          if (entry.entryType === 'largest-contentful-paint') {
411            observer.disconnect();
412            window.taskQueue.lcpOccurred = true;
413            callback();
414            break;
415          }
416        }
417      });
418      observer.observe({ type: 'largest-contentful-paint', buffered: true });
419    }
420  }
421  
422  runAfterLCP(() => {
423    if (!window.taskQueue.hasProcessed) {
424      window.taskQueue.processTasks();
425    }
426  });
427
428  // fallback to make sure we load things if LCP didn't fire for some reason.
429  window.addEventListener('load', () => {
430    if (!window.taskQueue.hasProcessed) {
431      window.taskQueue.processTasks();
432    }
433  });
434  
435
436  window.Peepers = window.Peepers || {};window.Peepers.isAppProxy = false;window.Peepers.currencyIsoCode = 'USD';
437
438  window.preselectedSwatchesOptions = {
439    "webExclusivesEnabled": true,
440    "webExclusiveBadgeText": "Limited Edition"
441  };
442
443  window.Peepers.assetFileUrl = "\/\/www.peepers.com\/cdn\/shop\/files\/";
444  window.Peepers.productImagesFileUrl = "\/\/www.peepers.com\/cdn\/shop\/products\/";window.Peepers.themeAssetsUrl = "\/\/www.peepers.com\/cdn\/shop\/t\/809\/assets\/";
445
446  window.Peepers.routes = {
447    predictive_search_url: 'https://www.peepers.com/search/suggest',
448    cart_url: 'https://www.peepers.com/cart'
449  };
450
451  window.Peepers.performanceHacks = {};
452
453  
454
455
456  window.Peepers.isWholesale = false;
457
458  window.Peepers.isAdmin = false
459
460  window.Peepers.isLoggedIn = false;
461
462  window.Peepers.permanentDomain = "beta23.myshopify.com"
463
464  window.Peepers.enableSentry = false
465
466  window.Peepers.isDemoWholesale = false;
467
468  window.Peepers.isSunExperience = false;
469
470  window.Peepers.isCustomerAllowedToSeeProgressives = true;
471
472  window.Peepers.customerHasLauraParkAccess = true;
473
474  window.Peepers.sentry = {
475    enable: false,
476    initialScope: {
477      user: {
478        id: null,
479        email: null
480      },
481      tags: {
482        "currency": "USD"
483      }
484    }
485  };
486
487  window.Peepers.seasonPreviewMode = {
488    "enabled": false
489  };
490
491  window.Peepers.geolocation = {
492    enable: true,
493    restrictions: [{
494            "states": ["NY"],
495            "blockedStrengths":["3.00","3.25","3.50","4.00"]},{
496            "states": ["GA","ME","MN","RI"],
497            "blockedStrengths":["3.50","4.00"]},{
498            "states": ["AL"],
499            "blockedStrengths":["4.00"]},],
500    progressiveBlockedStates:[]};
501
502  window.Peepers.theme = {
503    id: 149976809551,
504    name: "[POLARIZED 2FOR50] Peepers.com (2.87)",
505    role: "main"
506  };
507
508  // Single source of truth for cross-origin service endpoints the storefront calls.
509  // NOTE: dev.peepers.com endpoints are REAL PRODUCTION services despite the subdomain name.
510  // Local override for tunnel testing: localStorage 'peepers.endpointOverrides' = JSON object
511  // keyed like this one — tunnel URLs must never be committed to git again.
512  (function () {
513    var isDevTheme = window.Peepers.theme.role === 'unpublished' || window.Peepers.theme.role === 'development';
514    var endpoints = {
515      prex: isDevTheme ? 'https://peepers-rex-dev.rickm-peepers.com' : 'https://peepers-rex.fly.dev',
516      // peepers-experiments exposure beacon (denominator for A/B readouts). Origin-allowlisted
517      // public route, same pattern as catalog-kit telemetry; fail-soft on the theme side.
518      experiments: isDevTheme ? 'https://peepers-experiments-dev.rickm-peepers.com/api/expose' : 'https://peepers-experiments.fly.dev/api/expose',
519      orderLookup: 'https://dev.peepers.com/peeperscom-order-lookup/orders',
520      pftSignIn: 'https://dev.peepers.com/pft-parking-lot-sign-in',
521      catalogKitTelemetry: 'https://catalog-kit.fly.dev/api/telemetry'
522    };
523    try {
524      var overrides = JSON.parse(localStorage.getItem('peepers.endpointOverrides') || 'null');
525      if (overrides && typeof overrides === 'object') {
526        Object.keys(overrides).forEach(function (k) {
527          console.warn('[Peepers] endpoint override active: ' + k + ' -> ' + overrides[k]);
528          endpoints[k] = overrides[k];
529        });
530      }
531    } catch (e) { /* malformed override JSON — ignore */ }
532    window.Peepers.endpoints = endpoints;
533  })();
534
535  // Set cart attribute for SPARK discount function theme-gating.
536  // The function reads _sparkThemeId to determine which promotions to apply.
537  // Uses the full GID format to match what SPARK stores on sales.
538  (function() {
539    var tid = 'gid://shopify/OnlineStoreTheme/' + 149976809551;
540    fetch('/cart.js').then(function(r) { return r.json(); }).then(function(cart) {
541      if (cart.attributes && cart.attributes._sparkThemeId === tid) return;
542      fetch('/cart/update.js', {
543        method: 'POST',
544        headers: { 'Content-Type': 'application/json' },
545        body: JSON.stringify({ attributes: { _sparkThemeId: tid } })
546      });
547    });
548  })();
549</script>
549<script>
550  window.Peepers.sale = {
551    "disableFunctions": false,
552    "meta": null,
553    "promotions": [],
554    "doorBusters": [],"offers": [{
555  "id": null,
556  "name": "2 for $50 · Polarized",
557  "active": true,
558  "offerKey": "fb-polarized-2for50",
559  "saleId": 276097302607,
560  "saleName": "FB Polarized 2 for $50",
561  "collectionHandle": null,
562  "sunExperience": true,
563  "priceRules": [{
564        "type": "multi_buy",
565        "amount": 50,
566        "productNumbers": ["2453","2454","2471","2700","2701","2758","3216","3336","3338","3339","3350","3352","3353","3356","3357","3367","3542","3545","3546","3547","3548","3550","3552","3553","3554","3557","3558","3560","3561","3562","3564","3565","3566","3569","3570","3572","3573","3575","3576","3579","3654","3655","3656","3657","3658","3659","3660","3662","3747","3748","3749","3750","3751","3752","3753","3754","3755","3756","3757","3758","3759","3760","3761","3762","3763","3784","3785","3852","3853","3854","3855","3856","3857","3858","3859","3860","3861","389"]
567,"message": "2 for $50 · Polarized","pricePointCents": 3200,"targetQuantity": 2}],
568  "badges": {
569    "pdp": null,
570    "collection": null
571  },
572  "collectionFilter": null
573}
574]
575  };window.Peepers.giftOffers = [];window.Peepers.catalog = {
576    useCache: true,
577    cacheLocation: "https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/catalog-2026-09-25T131333.json?v=1790342083",
578    productTagExclusions:[],
579    lensExclusions:[]
580  };
581
582  // ── Session offer gate ───────────────────────────────────────────────
583  // `?offer=<key>` (from an ad landing page) → 30-day cookie `_peepers_offer`
584  // → the matching `sale.offers[]` entries become live `promotions` for this
585  // shopper → `_sparkOffer` cart attribute → the SPARK discount function
586  // prices the cart. `?offer=off` clears it. Theme-gated sales win: while a
587  // theme sale is live on this theme the offer's promotions stay dormant
588  // (the function mirrors this), but the attribute is still stamped so the
589  // order carries the attribution either way.
590  (function () {
591    var COOKIE = '_peepers_offer';
592    var ATTR = '_sparkOffer';
593    var DAYS = 30;
594    var KEY_RE = /^[a-z0-9][a-z0-9-]{2,63}$/;
595
596    function readCookie() {
597      var m = document.cookie.match(/(?:^|;\s*)_peepers_offer=([^;]+)/);
598      return m ? decodeURIComponent(m[1]) : '';
599    }
600    function writeCookie(value, days) {
601      document.cookie = COOKIE + '=' + encodeURIComponent(value) + '; Max-Age=' + (days * 86400) +
602        '; Path=/; SameSite=Lax' + (location.protocol === 'https:' ? '; Secure' : '');
603    }
604
605    var fromUrl = '';
606    try { fromUrl = new URLSearchParams(location.search).get('offer') || ''; } catch (e) {}
607    if (fromUrl === 'off') { writeCookie('', 0); fromUrl = ''; }
608    else if (fromUrl && KEY_RE.test(fromUrl)) { writeCookie(fromUrl, DAYS); }
609    else { fromUrl = ''; }
610    var key = fromUrl || readCookie();
611    if (key && !KEY_RE.test(key)) key = '';
612
613    var sale = window.Peepers.sale || (window.Peepers.sale = {});
614    var offers = Array.isArray(sale.offers) ? sale.offers : [];
615    var forceAwake = false;
616
617    var active = key ? offers.filter(function (o) { return o && o.offerKey === key; }) : [];
618    var themePromos = Array.isArray(sale.promotions) ? sale.promotions : [];
619    // Mirror SPARK's precedence exactly: the offer sleeps only where a
620    // theme-gated sale prices the SAME product numbers (SPARK writes those as
621    // exclusion blocks into the offer's config). An unrelated theme sale on
622    // other styles leaves the offer live.
623    function ruleNumbers(promos) {
624      var set = {};
625      promos.forEach(function (p) {
626        ((p && p.priceRules) || []).forEach(function (r) {
627          ((r && r.productNumbers) || []).forEach(function (pn) { set[String(pn)] = true; });
628        });
629      });
630      return set;
631    }
632    var themeNumbers = ruleNumbers(themePromos);
633    var overlaps = Object.keys(ruleNumbers(active)).some(function (pn) { return themeNumbers[pn]; });
634    var sleeping = active.length > 0 && overlaps && !forceAwake;
635
636    window.Peepers.offer = {
637      key: key || null,
638      active: active.length > 0,
639      sleeping: sleeping,
640      promotions: active,
641      // Sun-only shopping path only while the offer is actually pricing the
642      // cart; a sleeping offer must not restrict the PDP or filters (Codex 9/1).
643      sunExperience: active.length > 0 && !sleeping && active.some(function (o) { return o.sunExperience === true; }),
644      collectionHandle: active.length ? (active[0].collectionHandle || null) : null,
645      saleName: active.length ? (active[0].saleName || null) : null
646    };
647
648    if (active.length && !sleeping) {
649      sale.promotions = themePromos.concat(active);
650      if (!sale.meta) {
651        sale.meta = { id: active[0].saleId || null, name: active[0].saleName || active[0].name, startsAt: null, endsAt: null, offer: true };
652      }
653    }
654    // The html class drives offer copy on the landing page and PDP; it only
655    // goes on when the offer is actually pricing this cart (not while a theme
656    // sale has precedence), so the page never promises a price the function
657    // won't honour.
658    if (active.length && !sleeping) document.documentElement.classList.add('peepers-offer-active');
659    if (window.Peepers.offer.sunExperience) document.documentElement.classList.add('peepers-sun-experience');
660
661    // Stamp (or clear) the cart attribute. update.js merges attributes, so this
662    // never disturbs _sparkThemeId or the experiments stamps.
663    // Only shoppers who carry a key, or whose cart we stamped earlier (local
664    // marker), pay for the cart probe — same rule as the experiments stamps.
665    var want = active.length ? key : '';
666    var MARK = 'peepers.offerStamped';
667    var stampedBefore = false;
668    try { stampedBefore = window.localStorage.getItem(MARK) === '1'; } catch (e) {}
669    if (!want && !stampedBefore) return;
670    try { if (want) window.localStorage.setItem(MARK, '1'); } catch (e) {}
671    fetch('/cart.js').then(function (r) { return r.json(); }).then(function (cart) {
672      var have = (cart.attributes && cart.attributes[ATTR]) || '';
673      if (have === want) return;
674      var attrs = {}; attrs[ATTR] = want;
675      return fetch('/cart/update.js', {
676        method: 'POST',
677        headers: { 'Content-Type': 'application/json' },
678        body: JSON.stringify({ attributes: attrs })
679      }).then(function () {
680        try { if (!want) window.localStorage.removeItem(MARK); } catch (e) {}
681      });
682    }).catch(function () {});
683  })();
684</script>
684<script>
685  (function () {
686    var isLoggedIn = false;
687    var items = [];
688
689    if (isLoggedIn) {
690      
691    } else {
692      try {
693        var stored = window.localStorage.getItem('peepers_favs');
694        if (stored) {
695          var parsed = JSON.parse(stored);
696          items = (parsed && Array.isArray(parsed.items)) ? parsed.items : [];
697        }
698      } catch (e) {}
699    }
700
701    window.Peepers.favs = {
702      items: items,
703      productNumbers: new Set(items.map(function (i) { return i.pn; })),
704      count: items.length,
705      isLoggedIn: isLoggedIn,
706      source: isLoggedIn ? 'metafield' : 'localStorage'
707    };
708  })();
709
710  // Cookie bridge: recover Smart Wishlist express (anonymous) items.
711  // If the visitor has the old wishlist_id cookie and no favs yet, fetch their
712  // pre-resolved items from the LegacyExpressWishlist table and seed localStorage.
713  // Sunset: remove this block ~90 days after launch (around May 2026).
714  (function () {
715    if (window.Peepers.favs.isLoggedIn) return;
716    if (window.Peepers.favs.items.length > 0) return;
717
718    var match = document.cookie.match(/(?:^|;\s*)wishlist_id=([^;]+)/);
719    if (!match) return;
720
721    // Clear the old Smart Wishlist cookies immediately — whether or not items
722    // are found. Without this, visitors whose wid isn't in the DB fire
723    // this fetch on every single page load forever. The wid is already
724    // captured in the fetch URL so the in-flight request is unaffected.
725    document.cookie = 'wishlist_id=; Max-Age=0; path=/';
726    document.cookie = 'wishlist_customer_id=; Max-Age=0; path=/';
727
728    fetch('/a/peepers-favs/api/favs/legacy-import?wid=' + encodeURIComponent(match[1]))
729      .then(function (r) { return r.json(); })
730      .then(function (data) {
731        if (!data.items || data.items.length === 0) return;
732
733        window.localStorage.setItem('peepers_favs', JSON.stringify({ v: 1, items: data.items }));
734
735        // Update the global object so React islands pick up the items immediately
736        window.Peepers.favs.items = data.items;
737        window.Peepers.favs.productNumbers = new Set(data.items.map(function (i) { return i.pn; }));
738        window.Peepers.favs.count = data.items.length;
739        window.Peepers.favs.source = 'legacy-import';
740
741        // Notify React islands that favs data has changed — they mount
742        // asynchronously and may have initialized with an empty set.
743        document.dispatchEvent(new CustomEvent('peepers:favs-updated'));
744      })
745      .catch(function () {}); // silent fail — best-effort recovery
746  })();
747
748  // Favs ∩ Sale — the shared primitive behind every "your favorites are on
749  // sale" surface (header heart pulse, sale-moment toast, drawer sort).
750  // Both inputs are already seeded above; recomputes whenever favs change.
751  // v1 intersects SPARK promotions only (door busters are time/qty-gated and
752  // need window checks — same scope as FavsPageApp's ActNowSection).
753  (function () {
754    function compute() {
755      var favItems = (window.Peepers.favs && window.Peepers.favs.items) || [];
756      var promotions = (window.Peepers.sale && window.Peepers.sale.promotions) || [];
757
758      // Best discount per on-sale product number across all promotions.
759      // Percent rules win over flat/other types for messaging purposes.
760      var discountByPn = {};
761      promotions.forEach(function (promo) {
762        (promo.priceRules || []).forEach(function (rule) {
763          (rule.productNumbers || []).forEach(function (pn) {
764            var existing = discountByPn[pn];
765            var better = !existing ||
766              (rule.type === 'percent' && (existing.type !== 'percent' || rule.amount > existing.amount));
767            if (better) {
768              discountByPn[pn] = { type: rule.type, amount: rule.amount, promotionName: promo.name };
769            }
770          });
771        });
772      });
773
774      var items = favItems.filter(function (i) { return discountByPn[i.pn]; });
775      var maxPercent = 0;
776      items.forEach(function (i) {
777        var d = discountByPn[i.pn];
778        if (d.type === 'percent' && d.amount > maxPercent) maxPercent = d.amount;
779      });
780
781      window.Peepers.favsOnSale = {
782        count: items.length,
783        items: items,
784        productNumbers: new Set(items.map(function (i) { return i.pn; })),
785        discountByPn: discountByPn,
786        maxPercent: maxPercent,
787        meta: (window.Peepers.sale && window.Peepers.sale.meta) || null
788      };
789      document.dispatchEvent(new CustomEvent('peepers:favs-on-sale-updated'));
790    }
791
792    compute();
793    document.addEventListener('peepers:favs-updated', compute);
794  })();
795</script>
vendor: 1 bytes, line 795
795
796<script>
797  window.Peepers = window.Peepers || {};
798  window.Peepers.experiments = window.Peepers.experiments || {};
799  window.Peepers.experiments.defs = [{
800        "key": "lens-modal-readers",
801        "name": "Lens builder modal on reader PDPs",
802        "status": "shipped",
803        "class": "S",
804        "surface": "pdp:lens-selector",
805        "arms": [{"id":"control","weight":50,"label":"Lens tabs (today)","description":"The reader PDP as it is today: Reading \/ No Correction \/ Progressives tabs with the strength grid underneath, then Add to Bag.","screenshot":"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/exp-lens-modal-readers-control-1787855283119.png?v=1787855285"},{"id":"modal","weight":50,"label":"Lens builder modal","description":"The button says Select Lens and opens the 3-step Choose Your Lens window (lens type → strength → review), the same one sunglasses use; returning shoppers open on the review step with their saved lens and strength.","screenshot":"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/exp-lens-modal-readers-modal-1787855346063.png?v=1787855352"}],
806        "traffic": 100,
807        "theme_ids": ["149114683471","149812936783"],
808        "start_at": "2026-09-09T08:57:55-05:00",
809        "end_at": "2026-10-15T23:59:59-05:00",
810        "audience": null,
811        "primary_metric": "rpv",
812        "winner": "control",
813        "rollout_pct": 100
814      }];
815  (function () {
816    try {
817      var S = window.Peepers.experiments;
818      var themeId = 149976809551;
819      var themeRole = "main";
820      var now = Date.now();
821      function hashUnit(input) {
822        var h = 0x811c9dc5;
823        for (var i = 0; i < input.length; i++) { h ^= input.charCodeAt(i); h = Math.imul(h, 0x01000193) >>> 0; }
824        h ^= h >>> 16; h = Math.imul(h, 0x85ebca6b) >>> 0; h ^= h >>> 13; h = Math.imul(h, 0xc2b2ae35) >>> 0; h ^= h >>> 16;
825        return (h >>> 0) / 0x100000000;
826      }
827      function cookie(name) { var m = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)')); return m ? decodeURIComponent(m[1]) : null; }
828      function uuid() { try { return crypto.randomUUID(); } catch (e) { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) { var r = (Math.random() * 16) | 0; return (c === 'x' ? r : (r & 3) | 8).toString(16); }); } }
829      // Visitor id: cookie → this session's pre-consent id → Shopify's own
830      // `_shopify_y` → mint. The 1-year `_peepers_vid` cookie is written ONLY
831      // when the Customer Privacy API already reports analytics consent (it
832      // rarely has loaded this early); otherwise the id waits in
833      // sessionStorage, sticky for the session, and utils/experiments.js
834      // persists the same id once consent is allowed. Assignment itself is
835      // unchanged and still happens here, before first paint.
836      var vid = cookie('_peepers_vid');
837      var vidPersisted = !!vid;
838      if (!vid) { try { vid = JSON.parse(sessionStorage.getItem('peepers.exp.vid') || 'null'); } catch (e) { vid = null; } }
839      if (!vid) vid = cookie('_shopify_y') || uuid();
840      if (!vidPersisted) {
841        try { sessionStorage.setItem('peepers.exp.vid', JSON.stringify(vid)); } catch (e) {}
842        var analyticsOk = false;
843        try { analyticsOk = !!(window.Shopify && window.Shopify.customerPrivacy && window.Shopify.customerPrivacy.analyticsProcessingAllowed() === true); } catch (e) {}
844        if (analyticsOk) {
845          var domain = location.hostname.slice(-11) === 'peepers.com' ? '; domain=peepers.com' : '';
846          document.cookie = '_peepers_vid=' + encodeURIComponent(vid) + '; expires=' + new Date(now + 365 * 864e5).toUTCString() + '; path=/' + domain + '; SameSite=Lax';
847        }
848      }
849      // Forced arms (?exp=key:arm persisted by utils/experiments.js; also honour the param on THIS load).
850      var forced = {};
851      try { forced = JSON.parse(localStorage.getItem('peepers.exp.force') || '{}') || {}; } catch (e) {}
852      try {
853        var q = new URLSearchParams(location.search).get('exp');
854        if (q === 'off') forced = {};
855        else if (q) q.split(',').forEach(function (p) { var kv = p.split(':'); if (kv[0] && kv[1]) forced[kv[0].trim()] = kv[1].trim(); });
856      } catch (e) {}
857      // Dev-theme-only definition override (QA seam), mirrors utils/experiments.js.
858      var defs = S.defs || [];
859      try {
860        if (themeRole !== 'main') {
861          var ov = JSON.parse(localStorage.getItem('peepers.exp.defsOverride') || 'null');
862          if (Array.isArray(ov) && ov.length) {
863            var byKey = {}; defs.forEach(function (d) { byKey[d.key] = d; });
864            ov.forEach(function (d) { if (d && d.key) byKey[d.key] = Object.assign({}, byKey[d.key] || {}, d); });
865            defs = Object.keys(byKey).map(function (k) { return byKey[k]; });
866          }
867        }
868      } catch (e) {}
869      var assignments = {};
870      var classes = [];
871      defs.forEach(function (d) {
872        if (!d || !d.key) return;
873        var arms = d.arms; if (typeof arms === 'string') { try { arms = JSON.parse(arms); } catch (e) { arms = null; } }
874        if (!Array.isArray(arms) || arms.length < 2) return;
875        arms = arms.map(function (a) { return typeof a === 'string' ? { id: a, weight: 1 } : { id: String(a.id), weight: Number(a.weight) || 0 }; });
876        var traffic = d.traffic == null ? 100 : Math.max(0, Math.min(100, Number(d.traffic)));
877        var themeIds = Array.isArray(d.theme_ids) ? d.theme_ids.map(String) : [];
878        var active = String(d.status || '').toLowerCase() === 'running';
879        if (active && themeIds.length && (!themeId || !themeIds.some(function (t) { return t.slice(-String(themeId).length) === String(themeId); }))) active = false;
880        if (active && d.start_at && Date.parse(d.start_at) > now) active = false;
881        if (active && d.end_at && Date.parse(d.end_at) < now) active = false;
882        var control = arms[0].id;
883        var status = String(d.status || '').toLowerCase();
884        var a;
885        if (forced[d.key] && arms.some(function (x) { return x.id === forced[d.key]; })) {
886          a = { key: d.key, arm: forced[d.key], enrolled: true, forced: true, active: active };
887        } else if (status === 'shipped' && d.winner && arms.some(function (x) { return x.id === d.winner; })) {
888          // Rollout: the winner is simply what the site does now. Not a
889          // measurement — never enrolled, never exposed, never on the cart.
890          var pct = d.rollout_pct == null || d.rollout_pct === '' ? 100 : Math.max(0, Math.min(100, Number(d.rollout_pct)));
891          var inRamp = pct >= 100 || hashUnit(d.key + '|ramp|' + vid) < pct / 100;
892          a = { key: d.key, arm: inRamp ? d.winner : control, enrolled: false, forced: false, active: false, shipped: true };
893        } else if (!active) {
894          a = { key: d.key, arm: control, enrolled: false, forced: false, active: false };
895        } else {
896          var u = hashUnit(d.key + '|' + vid);
897          var total = arms.reduce(function (s, x) { return s + x.weight; }, 0);
898          if (u >= traffic / 100 || total <= 0) {
899            a = { key: d.key, arm: control, enrolled: false, forced: false, active: true };
900          } else {
901            var v = hashUnit(d.key + '|arm|' + vid) * total, acc = 0, arm = arms[arms.length - 1].id;
902            for (var i = 0; i < arms.length; i++) { acc += arms[i].weight; if (v < acc) { arm = arms[i].id; break; } }
903            a = { key: d.key, arm: arm, enrolled: true, forced: false, active: true };
904          }
905        }
906        assignments[d.key] = a;
907        // Classes drive the section gates: `exp-key-arm` for the arm in effect,
908        // and `exp-key-not-control` so a control section can hide for others.
909        classes.push('exp-' + d.key + '-' + a.arm);
910        if (a.arm !== control) classes.push('exp-' + d.key + '-not-' + control);
911      });
912      S.visitorId = vid;
913      S.themeId = String(themeId);
914      S.assignments = assignments;
915      S.headReady = true;
916      if (classes.length) document.documentElement.classList.add.apply(document.documentElement.classList, classes);
917    } catch (e) {
918      /* control for everyone; utils/experiments.js recomputes if headReady is unset */
919    }
920  })();
921</script>
vendor: 1 bytes, line 921
921
922<script>
923  // Check if URL contains pending_exchange parameter
924  if (window.location.search.includes('pending_exchange')) {
925    // Make POST request to clear cart
926    fetch('/cart/clear.js', {
927      method: 'POST',
928      headers: {
929        'Content-Type': 'application/json'
930      }
931    })
932      .then(response => response.json())
933      .then(data => {
934        console.log('Cart cleared successfully:', data);
935      })
936      .catch(error => {
937        console.error('Error clearing cart:', error);
938      });
939  }
940</script>
vendor: 1 bytes, line 940
940
941<script type="module" src="//www.peepers.com/cdn/shop/t/809/assets/section-side-cart.min.js?v=110640580210609512401790277054"></script>
vendor: 1 bytes, line 941
941
942<script type="module" src="//www.peepers.com/cdn/shop/t/809/assets/section-favs-drawer.min.js?v=133152438236575505331789664772"></script>
942<style>
943  :root {
944    --color-primary: #d61a69;
945    --color-secondary: #0c2340;
946    --color-grey: #fafafb;
947    --color-default: #2e2f2a;
948    --color-neutral: #c5b9ac;
949    --hover-arrow-url: url("//www.peepers.com/cdn/shop/t/809/assets/hover-arrow.svg?v=78983539863979712031789488283");
950    --collection-filters-icon-url: url("//www.peepers.com/cdn/shop/t/809/assets/collection-filters-icon.svg?v=20233124055809639931789488283");
951    --product-swatch-checkmark-url: url("//www.peepers.com/cdn/shop/t/809/assets/icon-checkmark.svg?v=154464699274496402521789488283");
952    --font-primary: 'acumin-pro', sans-serif;
953    --font-secondary: "ivyora-display", sans-serif;
954    --font-acumin: 'acumin-pro', sans-serif;
955    --font-acumin-pro: 'acumin-pro', sans-serif;
956    --font-ivyora: 'ivyora-display', sans-serif;
957    --font-lulo: 'Lulo', sans-serif;
958    --font-juana: 'Juana', sans-serif;
959    --font-chloe: 'Chloe', sans-serif;
960    --font-superior: 'superior-title', serif;
961    --font-theseasons: 'the-seasons', sans-serif;
962    --font-pfmarletdisplay: 'pf-marlet-display', sans-serif;
963
964    --font-utiledisplay: 'utile-display', sans-serif;
965    --font-centuryoldstylestd: 'century-old-style-std', sans-serif;
966
967    --z-index-max: 2147483647; 
968    --z-index-max--1: 2147483646;
969    --z-index-max--2: 2147483645;
970    --z-index-max-1: 2147483648;
971    --z-index-max-2: 2147483649;
972    --header-height: 75px;
973  }
974</style><!-- This causes the CSS file to be interpreted as a "preload", then when it's loaded, the "onload" event changes the rel property to "stylesheet" so that the browser interprets it differently -->
975<link href="https://use.typekit.net/qvf4orc.css" rel="preload" as="style" onload="this.rel='stylesheet'">
976
977<link href="https://use.typekit.net/vwl7rob.css" rel="preload" as="style" onload="this.rel='stylesheet'">
978
979<!-- begin font metaobjects -->
980
981  
982    <link rel="stylesheet" href="https://use.typekit.net/wur1rnq.css">
983  
984  
985  
986    
987  
988    
989  
990    
991  
992    
993  
994    
995  
996    
997  
998    
999  
1000    
1001  
1002    
1003  
1004    
1005  
1006    
1007  
1008    
1009  
1010    
1011  
1012    
1013  
1014    
1015  
1016    
1017  
1018    
1019  
1020    
1021  
1022
1023  
1024    <link rel="stylesheet" href="https://use.typekit.net/qva5hdq.css">
1025  
1026  
1027  
1028    
1029  
1030    
1031  
1032    
1033  
1034    
1035  
1036    
1037  
1038    
1039  
1040    
1041  
1042    
1043  
1044    
1045  
1046    
1047  
1048    
1049  
1050    
1051  
1052    
1053  
1054    
1055  
1056    
1057  
1058    
1059  
1060    
1061  
1062    
1063  
1064
1065  
1066    <link rel="stylesheet" href="https://use.typekit.net/sjr4mms.css">
1067  
1068  
1069  
1070    
1071  
1072    
1073  
1074    
1075  
1076    
1077  
1078    
1079  
1080    
1081  
1082    
1083  
1084    
1085  
1086    
1087  
1088    
1089  
1090    
1091  
1092    
1093  
1094    
1095  
1096    
1097  
1098    
1099  
1100    
1101  
1102    
1103  
1104    
1105  
1106
1107  
1108    <link rel="stylesheet" href="https://use.typekit.net/sjr4mms.css">
1109  
1110  
1111  
1112    
1113  
1114    
1115  
1116    
1117  
1118    
1119  
1120    
1121  
1122    
1123  
1124    
1125  
1126    
1127  
1128    
1129  
1130    
1131  
1132    
1133  
1134    
1135  
1136    
1137  
1138    
1139  
1140    
1141  
1142    
1143  
1144    
1145  
1146    
1147  
1148
1149  
1150    <link rel="stylesheet" href="https://use.typekit.net/sjr4mms.css">
1151  
1152  
1153  
1154    
1155  
1156    
1157  
1158    
1159  
1160    
1161  
1162    
1163  
1164    
1165  
1166    
1167  
1168    
1169  
1170    
1171  
1172    
1173  
1174    
1175  
1176    
1177  
1178    
1179  
1180    
1181  
1182    
1183  
1184    
1185  
1186    
1187  
1188    
1189  
1190
1191  
1192    <link rel="stylesheet" href="https://use.typekit.net/bkx8khw.css">
1193  
1194  
1195  
1196    
1197  
1198    
1199  
1200    
1201  
1202    
1203  
1204    
1205  
1206    
1207  
1208    
1209  
1210    
1211  
1212    
1213  
1214    
1215  
1216    
1217  
1218    
1219  
1220    
1221  
1222    
1223  
1224    
1225  
1226    
1227  
1228    
1229  
1230    
1231  
1232
1233  
1234    <link rel="stylesheet" href="https://use.typekit.net/wur1rnq.css">
1235  
1236  
1237  
1238    
1239  
1240    
1241  
1242    
1243  
1244    
1245  
1246    
1247  
1248    
1249  
1250    
1251  
1252    
1253  
1254    
1255  
1256    
1257  
1258    
1259  
1260    
1261  
1262    
1263  
1264    
1265  
1266    
1267  
1268    
1269  
1270    
1271  
1272    
1273  
1274
1275  
1276    <link rel="stylesheet" href="https://use.typekit.net/ktz3wws.css">
1277  
1278  
1279  
1280    
1281  
1282    
1283  
1284    
1285  
1286    
1287  
1288    
1289  
1290    
1291  
1292    
1293  
1294    
1295  
1296    
1297  
1298    
1299  
1300    
1301  
1302    
1303  
1304    
1305  
1306    
1307  
1308    
1309  
1310    
1311  
1312    
1313  
1314    
1315  
1316
1317  
1318    <link rel="stylesheet" href="https://use.typekit.net/duv1hwf.css">
1319  
1320  
1321  
1322    
1323  
1324    
1325  
1326    
1327  
1328    
1329  
1330    
1331  
1332    
1333  
1334    
1335  
1336    
1337  
1338    
1339  
1340    
1341  
1342    
1343  
1344    
1345  
1346    
1347  
1348    
1349  
1350    
1351  
1352    
1353  
1354    
1355  
1356    
1357  
1358
1359  
1360    <link rel="stylesheet" href="https://use.typekit.net/bkx8khw.css">
1361  
1362  
1363  
1364    
1365  
1366    
1367  
1368    
1369  
1370    
1371  
1372    
1373  
1374    
1375  
1376    
1377  
1378    
1379  
1380    
1381  
1382    
1383  
1384    
1385  
1386    
1387  
1388    
1389  
1390    
1391  
1392    
1393  
1394    
1395  
1396    
1397  
1398    
1399  
1400
1401  
1402  
1403  
1404    
1405  
1406    
1407  
1408    
1409  
1410    
1411  
1412    
1413  
1414    
1415  
1416    
1417  
1418    
1419  
1420    
1421  
1422    
1423  
1424    
1425  
1426    
1427  
1428    
1429      <style>
1430        @font-face {
1431          font-family: 'Domaine-Sans';
1432          src: url('//www.peepers.com/cdn/shop/files/domaine-sans-text-bold.woff2?v=6320101475210942403') format('woff2');
1433          font-display: fallback;
1434          font-style: normal;
1435          font-weight: 700;
1436        } 
1437      </style>
1438    
1439  
1440    
1441  
1442    
1443  
1444    
1445  
1446    
1447  
1448    
1449  
1450
1451  
1452  
1453  
1454    
1455  
1456    
1457  
1458    
1459  
1460    
1461  
1462    
1463  
1464    
1465  
1466    
1467  
1468    
1469  
1470    
1471  
1472    
1473  
1474    
1475  
1476    
1477  
1478    
1479      <style>
1480        @font-face {
1481          font-family: 'Domaine Sans Text';
1482          src: url('//www.peepers.com/cdn/shop/files/TestDomaineSansText-Bold.otf?v=8532653914018562301') format('woff2');
1483          font-display: fallback;
1484          font-style: normal;
1485          font-weight: 700;
1486        } 
1487      </style>
1488    
1489  
1490    
1491  
1492    
1493  
1494    
1495  
1496    
1497  
1498    
1499  
1500
1501  
1502  
1503  
1504    
1505  
1506    
1507  
1508    
1509  
1510    
1511  
1512    
1513  
1514    
1515  
1516    
1517      <style>
1518        @font-face {
1519          font-family: 'edita, serif;';
1520          src: url('//www.peepers.com/cdn/shop/files/Edita_W02_Small_Text_Regular.woff2?v=10041774118475658201') format('woff2');
1521          font-display: fallback;
1522          font-style: normal;
1523          font-weight: 400;
1524        } 
1525      </style>
1526    
1527  
1528    
1529  
1530    
1531  
1532    
1533  
1534    
1535  
1536    
1537  
1538    
1539  
1540    
1541  
1542    
1543  
1544    
1545  
1546    
1547  
1548    
1549  
1550
1551  
1552    <link rel="stylesheet" href="https://use.typekit.net/sjr4mms.css">
1553  
1554  
1555  
1556    
1557  
1558    
1559  
1560    
1561  
1562    
1563  
1564    
1565  
1566    
1567  
1568    
1569  
1570    
1571  
1572    
1573  
1574    
1575  
1576    
1577  
1578    
1579  
1580    
1581  
1582    
1583  
1584    
1585  
1586    
1587  
1588    
1589  
1590    
1591  
1592
1593  
1594  
1595  
1596    
1597  
1598    
1599  
1600    
1601  
1602    
1603  
1604    
1605  
1606    
1607  
1608    
1609      <style>
1610        @font-face {
1611          font-family: 'Fonesca Script';
1612          src: url('//www.peepers.com/cdn/shop/files/fonseca_script-webfont.woff2?v=3695736565082114338') format('woff2');
1613          font-display: fallback;
1614          font-style: normal;
1615          font-weight: 400;
1616        } 
1617      </style>
1618    
1619  
1620    
1621  
1622    
1623  
1624    
1625  
1626    
1627  
1628    
1629  
1630    
1631  
1632    
1633  
1634    
1635  
1636    
1637  
1638    
1639  
1640    
1641  
1642
1643  
1644  
1645  
1646    
1647  
1648    
1649  
1650    
1651  
1652    
1653  
1654    
1655  
1656    
1657  
1658    
1659      <style>
1660        @font-face {
1661          font-family: 'Fonesca Grande';
1662          src: url('//www.peepers.com/cdn/shop/files/fonseca_grande_extrude-webfont.woff2?v=3717920921266440745') format('woff2');
1663          font-display: fallback;
1664          font-style: normal;
1665          font-weight: 400;
1666        } 
1667      </style>
1668    
1669  
1670    
1671  
1672    
1673  
1674    
1675  
1676    
1677  
1678    
1679  
1680    
1681  
1682    
1683  
1684    
1685  
1686    
1687  
1688    
1689  
1690    
1691  
1692
1693  
1694  
1695  
1696    
1697  
1698    
1699  
1700    
1701  
1702    
1703  
1704    
1705  
1706    
1707  
1708    
1709      <style>
1710        @font-face {
1711          font-family: 'Fonesca Grande Extrude';
1712          src: url('//www.peepers.com/cdn/shop/files/fonseca_grande-webfont_1.woff2?v=13890152553897121172') format('woff2');
1713          font-display: fallback;
1714          font-style: normal;
1715          font-weight: 400;
1716        } 
1717      </style>
1718    
1719  
1720    
1721  
1722    
1723  
1724    
1725  
1726    
1727  
1728    
1729  
1730    
1731  
1732    
1733  
1734    
1735  
1736    
1737  
1738    
1739  
1740    
1741  
1742
1743  
1744  
1745  
1746    
1747  
1748    
1749  
1750    
1751  
1752    
1753  
1754    
1755  
1756    
1757  
1758    
1759      <style>
1760        @font-face {
1761          font-family: 'Fonseca Script Slant';
1762          src: url('//www.peepers.com/cdn/shop/files/fonseca_script_slant-webfont.woff2?v=3674244592430651340') format('woff2');
1763          font-display: fallback;
1764          font-style: normal;
1765          font-weight: 400;
1766        } 
1767      </style>
1768    
1769  
1770    
1771  
1772    
1773  
1774    
1775  
1776    
1777  
1778    
1779  
1780    
1781  
1782    
1783  
1784    
1785  
1786    
1787  
1788    
1789  
1790    
1791  
1792
1793  
1794    <link rel="stylesheet" href="https://use.typekit.net/ktz3wws.css">
1795  
1796  
1797  
1798    
1799  
1800    
1801  
1802    
1803  
1804    
1805  
1806    
1807  
1808    
1809  
1810    
1811  
1812    
1813  
1814    
1815  
1816    
1817  
1818    
1819  
1820    
1821  
1822    
1823  
1824    
1825  
1826    
1827  
1828    
1829  
1830    
1831  
1832    
1833  
1834
1835  
1836    <link rel="stylesheet" href="https://use.typekit.net/qva5hdq.css">
1837  
1838  
1839  
1840    
1841  
1842    
1843  
1844    
1845  
1846    
1847  
1848    
1849  
1850    
1851  
1852    
1853  
1854    
1855  
1856    
1857  
1858    
1859  
1860    
1861  
1862    
1863  
1864    
1865  
1866    
1867  
1868    
1869  
1870    
1871  
1872    
1873  
1874    
1875  
1876
1877  
1878  
1879  
1880    
1881  
1882    
1883  
1884    
1885  
1886    
1887  
1888    
1889  
1890    
1891  
1892    
1893      <style>
1894        @font-face {
1895          font-family: '"ivyora-display", sans-serif;';
1896          src: url('//www.peepers.com/cdn/shop/files/ivyora-display-regular.woff2?v=16209556184232533385') format('woff2');
1897          font-display: fallback;
1898          font-style: normal;
1899          font-weight: 400;
1900        } 
1901      </style>
1902    
1903  
1904    
1905  
1906    
1907  
1908    
1909  
1910    
1911  
1912    
1913  
1914    
1915  
1916    
1917  
1918    
1919  
1920    
1921  
1922    
1923  
1924    
1925  
1926
1927  
1928    <link rel="stylesheet" href="https://use.typekit.net/vrr8qgj.css">
1929  
1930  
1931  
1932    
1933  
1934    
1935  
1936    
1937  
1938    
1939  
1940    
1941  
1942    
1943  
1944    
1945  
1946    
1947  
1948    
1949  
1950    
1951  
1952    
1953  
1954    
1955  
1956    
1957  
1958    
1959  
1960    
1961  
1962    
1963  
1964    
1965  
1966    
1967  
1968
1969  
1970    <link rel="stylesheet" href="https://use.typekit.net/fbu4jtl.css">
1971  
1972  
1973  
1974    
1975  
1976    
1977  
1978    
1979  
1980    
1981  
1982    
1983  
1984    
1985  
1986    
1987  
1988    
1989  
1990    
1991  
1992    
1993  
1994    
1995  
1996    
1997  
1998    
1999  
2000    
2001  
2002    
2003  
2004    
2005  
2006    
2007  
2008    
2009  
2010
2011  
2012    <link rel="stylesheet" href="https://use.typekit.net/oxv2gzp.css">
2013  
2014  
2015  
2016    
2017  
2018    
2019  
2020    
2021  
2022    
2023  
2024    
2025  
2026    
2027  
2028    
2029  
2030    
2031  
2032    
2033  
2034    
2035  
2036    
2037  
2038    
2039  
2040    
2041  
2042    
2043  
2044    
2045  
2046    
2047  
2048    
2049  
2050    
2051  
2052
2053  
2054    <link rel="stylesheet" href="https://use.typekit.net/bkx8khw.css">
2055  
2056  
2057  
2058    
2059  
2060    
2061  
2062    
2063  
2064    
2065  
2066    
2067  
2068    
2069  
2070    
2071  
2072    
2073  
2074    
2075  
2076    
2077  
2078    
2079  
2080    
2081  
2082    
2083  
2084    
2085  
2086    
2087  
2088    
2089  
2090    
2091  
2092    
2093  
2094
2095  
2096    <link rel="stylesheet" href="https://use.typekit.net/qva5hdq.css">
2097  
2098  
2099  
2100    
2101  
2102    
2103  
2104    
2105  
2106    
2107  
2108    
2109  
2110    
2111  
2112    
2113  
2114    
2115  
2116    
2117  
2118    
2119  
2120    
2121  
2122    
2123  
2124    
2125  
2126    
2127  
2128    
2129  
2130    
2131  
2132    
2133  
2134    
2135  
2136
2137  
2138    <link rel="stylesheet" href="https://use.typekit.net/bkx8khw.css">
2139  
2140  
2141  
2142    
2143  
2144    
2145  
2146    
2147  
2148    
2149  
2150    
2151  
2152    
2153  
2154    
2155  
2156    
2157  
2158    
2159  
2160    
2161  
2162    
2163  
2164    
2165  
2166    
2167  
2168    
2169  
2170    
2171  
2172    
2173  
2174    
2175  
2176    
2177  
2178
2179  
2180    <link rel="stylesheet" href="https://use.typekit.net/ktz3wws.css">
2181  
2182  
2183  
2184    
2185  
2186    
2187  
2188    
2189  
2190    
2191  
2192    
2193  
2194    
2195  
2196    
2197  
2198    
2199  
2200    
2201  
2202    
2203  
2204    
2205  
2206    
2207  
2208    
2209  
2210    
2211  
2212    
2213  
2214    
2215  
2216    
2217  
2218    
2219  
2220
2221  
2222    <link rel="stylesheet" href="https://use.typekit.net/zax3znv.css">
2223  
2224  
2225  
2226    
2227  
2228    
2229  
2230    
2231  
2232    
2233  
2234    
2235  
2236    
2237  
2238    
2239  
2240    
2241  
2242    
2243  
2244    
2245  
2246    
2247  
2248    
2249  
2250    
2251  
2252    
2253  
2254    
2255  
2256    
2257  
2258    
2259  
2260    
2261  
2262
2263  
2264    <link rel="stylesheet" href="https://use.typekit.net/egb3qcv.css">
2265  
2266  
2267  
2268    
2269  
2270    
2271  
2272    
2273  
2274    
2275  
2276    
2277  
2278    
2279  
2280    
2281  
2282    
2283  
2284    
2285  
2286    
2287  
2288    
2289  
2290    
2291  
2292    
2293  
2294    
2295  
2296    
2297  
2298    
2299  
2300    
2301  
2302    
2303  
2304
2305  
2306    <link rel="stylesheet" href="https://use.typekit.net/oxv2gzp.css">
2307  
2308  
2309  
2310    
2311  
2312    
2313  
2314    
2315  
2316    
2317  
2318    
2319  
2320    
2321  
2322    
2323  
2324    
2325  
2326    
2327  
2328    
2329  
2330    
2331  
2332    
2333  
2334    
2335  
2336    
2337  
2338    
2339  
2340    
2341  
2342    
2343  
2344    
2345  
2346
2347  
2348    <link rel="stylesheet" href="https://use.typekit.net/mvl7irj.css">
2349  
2350  
2351  
2352    
2353  
2354    
2355  
2356    
2357  
2358    
2359  
2360    
2361  
2362    
2363  
2364    
2365  
2366    
2367  
2368    
2369  
2370    
2371  
2372    
2373  
2374    
2375  
2376    
2377  
2378    
2379  
2380    
2381  
2382    
2383  
2384    
2385  
2386    
2387  
2388
2389  
2390    <link rel="stylesheet" href="https://use.typekit.net/qva5hdq.css">
2391  
2392  
2393  
2394    
2395  
2396    
2397  
2398    
2399  
2400    
2401  
2402    
2403  
2404    
2405  
2406    
2407  
2408    
2409  
2410    
2411  
2412    
2413  
2414    
2415  
2416    
2417  
2418    
2419  
2420    
2421  
2422    
2423  
2424    
2425  
2426    
2427  
2428    
2429  
2430
2431  
2432    <link rel="stylesheet" href="https://use.typekit.net/sun2gaa.css">
2433  
2434  
2435  
2436    
2437  
2438    
2439  
2440    
2441  
2442    
2443  
2444    
2445  
2446    
2447  
2448    
2449  
2450    
2451  
2452    
2453  
2454    
2455  
2456    
2457  
2458    
2459  
2460    
2461  
2462    
2463  
2464    
2465  
2466    
2467  
2468    
2469  
2470    
2471  
2472
2473  
2474  
2475  
2476    
2477      <style>
2478        @font-face {
2479          font-family: ''TTNorms', sans-serif';
2480          src: url('//www.peepers.com/cdn/shop/files/TTNorms-Thin.woff2?v=6599923539635401960') format('woff2');
2481          font-display: fallback;
2482          font-style: normal;
2483          font-weight: 100;
2484        } 
2485      </style>
2486    
2487  
2488    
2489  
2490    
2491      <style>
2492        @font-face {
2493          font-family: ''TTNorms', sans-serif';
2494          src: url('//www.peepers.com/cdn/shop/files/TTNorms-XLt.woff2?v=17261254945050504554') format('woff2');
2495          font-display: fallback;
2496          font-style: normal;
2497          font-weight: 200;
2498        } 
2499      </style>
2500    
2501  
2502    
2503  
2504    
2505      <style>
2506        @font-face {
2507          font-family: ''TTNorms', sans-serif';
2508          src: url('//www.peepers.com/cdn/shop/files/TTNorms-Light.woff2?v=13748854653961343933') format('woff2');
2509          font-display: fallback;
2510          font-style: normal;
2511          font-weight: 300;
2512        } 
2513      </style>
2514    
2515  
2516    
2517  
2518    
2519      <style>
2520        @font-face {
2521          font-family: ''TTNorms', sans-serif';
2522          src: url('//www.peepers.com/cdn/shop/files/TTNorms-Regular.woff2?v=6475076809553320949') format('woff2');
2523          font-display: fallback;
2524          font-style: normal;
2525          font-weight: 400;
2526        } 
2527      </style>
2528    
2529  
2530    
2531  
2532    
2533      <style>
2534        @font-face {
2535          font-family: ''TTNorms', sans-serif';
2536          src: url('//www.peepers.com/cdn/shop/files/TTNorms-Medium.woff2?v=10453592111451252201') format('woff2');
2537          font-display: fallback;
2538          font-style: normal;
2539          font-weight: 500;
2540        } 
2541      </style>
2542    
2543  
2544    
2545      <style>
2546        @font-face {
2547          font-family: ''TTNorms', sans-serif';
2548          src: url('//www.peepers.com/cdn/shop/files/TTNorms-MediumItalic.woff2?v=3214851038249581802') format('woff2');
2549          font-display: fallback;
2550          font-style: italic;
2551          font-weight: 500;
2552        } 
2553      </style>
2554    
2555  
2556    
2557      <style>
2558        @font-face {
2559          font-family: ''TTNorms', sans-serif';
2560          src: url('//www.peepers.com/cdn/shop/files/TTNorms-DmBd.woff2?v=13309767672904369390') format('woff2');
2561          font-display: fallback;
2562          font-style: normal;
2563          font-weight: 600;
2564        } 
2565      </style>
2566    
2567  
2568    
2569  
2570    
2571      <style>
2572        @font-face {
2573          font-family: ''TTNorms', sans-serif';
2574          src: url('//www.peepers.com/cdn/shop/files/TTNorms-Bold.woff2?v=711661631618392739') format('woff2');
2575          font-display: fallback;
2576          font-style: normal;
2577          font-weight: 700;
2578        } 
2579      </style>
2580    
2581  
2582    
2583      <style>
2584        @font-face {
2585          font-family: ''TTNorms', sans-serif';
2586          src: url('//www.peepers.com/cdn/shop/files/TTNorms-BoldItalic.woff2?v=1474859595387663744') format('woff2');
2587          font-display: fallback;
2588          font-style: italic;
2589          font-weight: 700;
2590        } 
2591      </style>
2592    
2593  
2594    
2595      <style>
2596        @font-face {
2597          font-family: ''TTNorms', sans-serif';
2598          src: url('//www.peepers.com/cdn/shop/files/TTNorms-XBd.woff2?v=3888433280180129818') format('woff2');
2599          font-display: fallback;
2600          font-style: normal;
2601          font-weight: 800;
2602        } 
2603      </style>
2604    
2605  
2606    
2607  
2608    
2609      <style>
2610        @font-face {
2611          font-family: ''TTNorms', sans-serif';
2612          src: url('//www.peepers.com/cdn/shop/files/TTNorms-Blk.woff2?v=9494884049603680290') format('woff2');
2613          font-display: fallback;
2614          font-style: normal;
2615          font-weight: 900;
2616        } 
2617      </style>
2618    
2619  
2620    
2621  
2622
2623  
2624    <link rel="stylesheet" href="https://use.typekit.net/bkx8khw.css">
2625  
2626  
2627  
2628    
2629  
2630    
2631  
2632    
2633  
2634    
2635  
2636    
2637  
2638    
2639  
2640    
2641  
2642    
2643  
2644    
2645  
2646    
2647  
2648    
2649  
2650    
2651  
2652    
2653  
2654    
2655  
2656    
2657  
2658    
2659  
2660    
2661  
2662    
2663  
2664
2665  
2666    <link rel="stylesheet" href="https://use.typekit.net/pyl0lpf.css">
2667  
2668  
2669  
2670    
2671  
2672    
2673  
2674    
2675  
2676    
2677  
2678    
2679  
2680    
2681  
2682    
2683  
2684    
2685  
2686    
2687  
2688    
2689  
2690    
2691  
2692    
2693  
2694    
2695  
2696    
2697  
2698    
2699  
2700    
2701  
2702    
2703  
2704    
2705  
2706
2707  
2708  
2709  
2710    
2711  
2712    
2713  
2714    
2715  
2716    
2717  
2718    
2719  
2720    
2721  
2722    
2723      <style>
2724        @font-face {
2725          font-family: '"yrsa", serif;';
2726          src: url('//www.peepers.com/cdn/shop/files/Yrsa_Bold.woff2?v=16104869162102960853') format('woff2');
2727          font-display: fallback;
2728          font-style: normal;
2729          font-weight: 400;
2730        } 
2731      </style>
2732    
2733  
2734    
2735  
2736    
2737  
2738    
2739  
2740    
2741  
2742    
2743  
2744    
2745  
2746    
2747  
2748    
2749  
2750    
2751  
2752    
2753  
2754    
2755  
2756 
2757<!-- end font metaobjects -->
2758
2759<style>
2760  @font-face {
2761    font-family: 'Juana';
2762    src: url('//www.peepers.com/cdn/shop/t/809/assets/juana-extra-light.woff2?v=131317234765609241361789488283') format('woff2');
2763    font-weight: 200;
2764    font-style: normal;
2765    font-display: fallback;
2766  }
2767
2768  @font-face {
2769    font-family: 'Lulo';
2770    src: url('//www.peepers.com/cdn/shop/t/809/assets/lulo-clean-one.woff2?v=92425778228530262931789488283') format('woff2');
2771    font-weight: normal;
2772    font-style: normal;
2773    font-display: fallback;
2774  }
2775
2776  @font-face {
2777    font-family: 'Lulo';
2778    src: url('//www.peepers.com/cdn/shop/t/809/assets/lulo-clean-one-bold.woff2?v=148650541979288783901789488283') format('woff2'); 
2779    font-weight: 700;
2780    font-style: normal;
2781    font-display: fallback;
2782  }
2783
2784  @font-face {
2785    font-family: 'Chloe';
2786    src: url('//www.peepers.com/cdn/shop/t/809/assets/Chloe-Regular.woff2?v=169024204134630710051789488283') format('woff2');
2787    font-display: fallback;
2788    font-style: normal;
2789    font-weight: 400;
2790  }
2791
2792</style>
2793<link href="//www.peepers.com/cdn/shop/t/809/assets/theme.min.css?v=96412452280963734831790272817" rel="stylesheet">
2794<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
2795<link rel="preconnect" href="https://fonts.googleapis.com">
2796<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2797<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400&display=swap" rel="preload" as="style" onload="this.rel='stylesheet'">
2798    <!-- load FitMix script, must be done only once in HEAD -->
2798<script src="//vto-advanced-integration-api.fittingbox.com/index.js" type="text/javascript"></script>
2798
2799      
2800    
2801    <!-- load FitMix instance when window is ready -->
2802<script>
2803	window.YouTubePlayers = new Map();
2804
2805	function setupPlayer(youtube) {
2806		let player = new YT.Player(youtube.id, {
2807			events: {
2808				'onReady': function(event) {
2809					player.pauseVideo();
2810					let section = youtube.closest('.shopify-section');
2811					let button = section && section.querySelector('[data-behavior="play-video"]');
2812					if (!button) return;
2813					button.addEventListener('click', function(e) {
2814						player.unMute();
2815						player.playVideo();
2816					});
2817				}
2818			}
2819		});
2820		window.YouTubePlayers.set(youtube.id, player);
2821	}
2822
2823	function onYouTubeIframeAPIReady() {
2824		let iframes = document.querySelectorAll('iframe[id^="youtube-"]');
2825		iframes.forEach(setupPlayer);
2826	}
2827
2828	(function () {
2829		function loadYouTubeApi() {
2830			if (window.__peepersYouTubeApiRequested) return;
2831			if (!document.querySelector('iframe[id^="youtube-"]')) return;
2832			window.__peepersYouTubeApiRequested = true;
2833			window.PeepersConsent.loadScript("https://www.youtube.com/iframe_api");
2834		}
2835		function arm() { window.PeepersConsent.whenMarketing(loadYouTubeApi); }
2836		// The iframe query needs the body; this script runs in <head>.
2837		if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', arm);
2838		else arm();
2839	})();
2840</script>
2840
2841
2842<!-- MICROSOFT CLARITY — analytics, consent-gated. Moved here from Elevar's GTM container
2843     (tag "Microsoft Clarity - Sitewide Pixel", project 4yo2zj3v52) for the GTM-less switch on
2844     2026-09-16; the container tag dies with the container, this is its only home now. -->
2845<script>
2846  window.PeepersConsent.whenAnalytics(function () {
2847    window.clarity = window.clarity || function () { (window.clarity.q = window.clarity.q || []).push(arguments); };
2848    window.PeepersConsent.loadScript("https://www.clarity.ms/tag/4yo2zj3v52");
2849  });
2850</script>
2850
2851
2852<!-- BING UET — marketing, consent-gated. window.uetq stays a plain queue until bat.js loads. -->
2853<script>
2854  window.uetq = window.uetq || [];
2855  window.PeepersConsent.whenMarketing(function () {
2856    (function(w,d,t,r,u)
2857    {
2858      var f,n,i;
2859      w[u]=w[u]||[],f=function()
2860      {
2861        var o={ti:"4073240", enableAutoSpaTracking: true};
2862        o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")
2863      },
2864      n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function()
2865      {
2866        var s=this.readyState;
2867        s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)
2868      },
2869      i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)
2870    })
2871    (window,document,"script","//bat.bing.com/bat.js","uetq");
2872  });
2873</script>
2873<script>
2874  
2875  window.shopGender = false;
2876</script>
2876<script>
2877  window.shopCorrectionType = "correction";
2878</script>
2878<!-- snippets/lazyload-js-css.liquid -->
2879
2880<script>
2881
2882    function initializeBrowserUpdate() {
2883        // http://browser-update.org/
2884        var $buoop = {c:2};
2885        function $buo_f(){
2886        var e = document.createElement("script");
2887        e.src = "//browser-update.org/update.js";
2888        document.body.appendChild(e);
2889        };
2890        try { $buo_f() }
2891        catch(e){window.attachEvent("onload", $buo_f)}
2892    }
2893
2894    function initializeKlaviyo() { 
2895        var _learnq = _learnq || [];
2896
2897        _learnq.push(['account', 'LS5KAH']);
2898
2899        (function () {
2900        var b = document.createElement('script'); b.async = true;
2901        b.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'a.klaviyo.com/media/js/analytics/analytics.js';
2902        var a = document.getElementsByTagName('script')[0]; a.parentNode.insertBefore(b, a);
2903        })();
2904    }
2905
2906    function activity(eventName){
2907        initializeBrowserUpdate()
2908
2909        
2910
2911        // Klaviyo legacy loader — marketing, consent-gated
2912        window.PeepersConsent.whenMarketing(function () {
2913            initializeKlaviyo();
2914        });
2915        
2916        activityEvents.forEach(function(eventName) {
2917            // Now that we've initialized the functions, we don't need to listen for events anymore
2918            document.removeEventListener(eventName, activity, true);
2919        })
2920    }
2921  
2922    // An array of DOM events that should be interpreted as user activity.
2923    var activityEvents = [
2924      'mousedown', 'mousemove', 'keydown', 'scroll', 'touchstart'
2925    ];
2926  
2927    window.addEventListener('load', function() {  
2928      // Add these events to the document. Register the activity function as the listener parameter.
2929      activityEvents.forEach(function(eventName) {
2930        document.addEventListener(eventName, activity, true);
2931      });
2932    }); 
2933</script>
2933
2934
2935<script id="json-swatch" type="application/json">[{"color":"Grey","image":false,"hex":"#818182"},{"color":"Gray","image":false,"hex":"#818182"},{"color":"Gray\/Sunset Geo","image":false,"hex":"#818182"},{"color":"Gray\/Marble","image":false,"hex":"#818182"},{"color":"Gray\/Wood","image":false,"hex":"#818182"},{"color":"Gray\/Animal","image":false,"hex":"#818182"},{"color":"Pewter\/Navy","image":false,"hex":"#818182"},{"color":"Gray\/Black","image":false,"hex":"#818182"},{"color":"Gray\/Red","image":false,"hex":"#818182"},{"color":"Gray\/Pink","image":false,"hex":"#818182"},{"color":"Charcoal","image":false,"hex":"#818182"},{"color":"Warm Gray","image":false,"hex":"#818182"},{"color":"Navy\/Green","image":false,"hex":"#002041"},{"color":"Navy","image":false,"hex":"#002041"},{"color":"Navy\/Fish","image":false,"hex":"#002041"},{"color":"Navy\/Gold","image":false,"hex":"#002041"},{"color":"Navy\/Turquoise","image":false,"hex":"#002041"},{"color":"Navy\/Golden Tortoise","image":false,"hex":"#002041"},{"color":"Navy\/Wood","image":false,"hex":"#002041"},{"color":"Navy\/Mosaic","image":false,"hex":"#002041"},{"color":"Navy\/Animal","image":false,"hex":"#002041"},{"color":"Navy\/Red","image":false,"hex":"#002041"},{"color":"Navy\/Galaxy","image":false,"hex":"#002041"},{"color":"Navy\/Tortoise","image":false,"hex":"#002041"},{"color":"Navy\/Marine Quartz","image":false,"hex":"#002041"},{"color":"Navy\/Chai Tortoise","image":false,"hex":"#002041"},{"color":"Navy Horn","image":false,"hex":"#002041"},{"color":"Blue\/Purple","image":false,"hex":"#002041"},{"color":"Blue\/Ikat","image":false,"hex":"#002041"},{"color":"Navy\/Summer Stripe","image":false,"hex":"#002041"},{"color":"Navy\/Navy Horn","image":false,"hex":"#002041"},{"color":"Navy\/Blue","image":false,"hex":"#002041"},{"color":"Navy\/Plaid","image":false,"hex":"#002041"},{"color":"Navy\/Yellow","image":false,"hex":"#002041"},{"color":"Aqua","image":false,"hex":"#488bba"},{"color":"Blue\/Green","image":false,"hex":"#488bba"},{"color":"Blue","image":false,"hex":"#488bba"},{"color":"Blue\/Tan","image":false,"hex":"#488bba"},{"color":"Blue\/Gray Tortoise","image":false,"hex":"#488bba"},{"color":"Blue\/Wood","image":false,"hex":"#488bba"},{"color":"Blue\/Tie Dye","image":false,"hex":"#488bba"},{"color":"Blue\/Brown","image":false,"hex":"#488bba"},{"color":"Blue\/Grapefruits","image":false,"hex":"#488bba"},{"color":"Blue\/Tortoise","image":false,"hex":"#488bba"},{"color":"Blue\/Stripe","image":false,"hex":"#488bba"},{"color":"Blue\/Blue Tortoise","image":false,"hex":"#488bba"},{"color":"Blue\/Stars","image":false,"hex":"#488bba"},{"color":"Blue\/Black","image":false,"hex":"#488bba"},{"color":"Blue\/Silver","image":false,"hex":"#488bba"},{"color":"Blue\/Umbrellas","image":false,"hex":"#488bba"},{"color":"Blue Tortoise\/Blue","image":false,"hex":"#488bba"},{"color":"Blue\/Patchwork","image":false,"hex":"#488bba"},{"color":"Blue\/Herringbone","image":false,"hex":"#488bba"},{"color":"Teal\/Golden","image":false,"hex":"#488bba"},{"color":"Blue\/Terrazzo","image":false,"hex":"#488bba"},{"color":"Teal\/Wood","image":false,"hex":"#488bba"},{"color":"Blue\/Boheme","image":false,"hex":"#488bba"},{"color":"Blue\/Tokyo Tortoise","image":false,"hex":"#488bba"},{"color":"Blue\/Amber Ombre","image":false,"hex":"#488bba"},{"color":"Blue\/Floral","image":false,"hex":"#488bba"},{"color":"Blue\/Navy","image":false,"hex":"#488bba"},{"color":"Purple","image":false,"hex":"#434398"},{"color":"Purple\/Diamond","image":false,"hex":"#434398"},{"color":"Purple\/Green","image":false,"hex":"#434398"},{"color":"Purple\/Brown","image":false,"hex":"#434398"},{"color":"Purple\/Aqua","image":false,"hex":"#434398"},{"color":"Purple\/Teal","image":false,"hex":"#434398"},{"color":"Purple\/Wood","image":false,"hex":"#434398"},{"color":"Indigo\/Teal","image":false,"hex":"#434398"},{"color":"Tortoise\/Purple","image":false,"hex":"#434398"},{"color":"Purple\/Tortoise","image":false,"hex":"#434398"},{"color":"Purple\/Coral Iridescent","image":false,"hex":"#434398"},{"color":"Purple\/Purple Quartz","image":false,"hex":"#434398"},{"color":"Purple\/Blue","image":false,"hex":"#434398"},{"color":"Black","image":false,"hex":"#222222"},{"color":"Black\/Tortoise","image":false,"hex":"#222222"},{"color":"Black\/Marble","image":false,"hex":"#222222"},{"color":"Black\/White","image":false,"hex":"#222222"},{"color":"Black\/Stripe","image":false,"hex":"#222222"},{"color":"Black\/Wood","image":false,"hex":"#222222"},{"color":"Black\/Oranges","image":false,"hex":"#222222"},{"color":"Black\/Gold","image":false,"hex":"#222222"},{"color":"Black\/Silver","image":false,"hex":"#222222"},{"color":"Black\/Blue","image":false,"hex":"#222222"},{"color":"Black\/Stars","image":false,"hex":"#222222"},{"color":"Black\/Palm","image":false,"hex":"#222222"},{"color":"Black\/Brown","image":false,"hex":"#222222"},{"color":"Black\/Umbrellas","image":false,"hex":"#222222"},{"color":"Black\/Animal","image":false,"hex":"#222222"},{"color":"Black\/Fair Isle","image":false,"hex":"#222222"},{"color":"Black\/Folklore","image":false,"hex":"#222222"},{"color":"Black\/Taupe","image":false,"hex":"#222222"},{"color":"Black\/Leopard","image":false,"hex":"#222222"}
2935,{"color":"Black\/Clear","image":false,"hex":"#222222"},{"color":"Black\/Smoke","image":false,"hex":"#222222"},{"color":"Onyx","image":false,"hex":"#222222"},{"color":"Black\/Sand Quartz","image":false,"hex":"#222222"},{"color":"Black\/Tortoise","image":false,"hex":"#222222"},{"color":"Black\/Green","image":false,"hex":"#222222"},{"color":"Black\/Frost","image":false,"hex":"#222222"},{"color":"Black\/Tokyo Tortoise","image":false,"hex":"#222222"},{"color":"Black\/Amber Tortoise","image":false,"hex":"#222222"},{"color":"Black\/Periwinkle","image":false,"hex":"#222222"},{"color":"Black\/Cobalt Tortoise","image":false,"hex":"#222222"},{"color":"Black\/Wavy","image":false,"hex":"#222222"},{"color":"Black\/Leopard Tortoise","image":false,"hex":"#222222"},{"color":"Black\/Fire Tortoise","image":false,"hex":"#222222"},{"color":"Black\/Fog","image":false,"hex":"#222222"},{"color":"Taupe","image":false,"hex":"#bc987e"},{"color":"Taupe\/Cucumber","image":false,"hex":"#bc987e"},{"color":"Taupe\/Yellow","image":false,"hex":"#bc987e"},{"color":"Taupe\/Tokyo Tortoise","image":false,"hex":"#bc987e"},{"color":"Emerald","image":false,"hex":"#43695b"},{"color":"Green","image":false,"hex":"#43695b"},{"color":"Green\/Gray Tortoise","image":false,"hex":"#43695b"},{"color":"Green\/Brown","image":false,"hex":"#43695b"},{"color":"Green\/Blue","image":false,"hex":"#43695b"},{"color":"Green\/Tortoise","image":false,"hex":"#43695b"},{"color":"Green\/Wood","image":false,"hex":"#43695b"},{"color":"Green\/Deco","image":false,"hex":"#43695b"},{"color":"Green\/Purple","image":false,"hex":"#43695b"},{"color":"Green\/Pink","image":false,"hex":"#43695b"},{"color":"Emerald\/Floral","image":false,"hex":"#43695b"},{"color":"Green\/Leopard Floral","image":false,"hex":"#43695b"},{"color":"Green\/Floral","image":false,"hex":"#43695b"},{"color":"Green\/Multi","image":false,"hex":"#43695b"},{"color":"Green\/Tan","image":false,"hex":"#43695b"},{"color":"Green\/Leopard Tortoise","image":false,"hex":"#43695b"},{"color":"Green\/Tortoise Horn","image":false,"hex":"#43695b"},{"color":"Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Sunset Geo","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Turquoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Pink","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Wood","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Blue","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Lemons","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Gold","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Brown","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Black","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Red","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Tan","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Gray","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Orange","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Green","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Frost","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Frond","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false}
2935,{"color":"Tortoise\/Pineapple","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Navy","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Deco","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Patchwork","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Folk Stripe","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Herringbone","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Floral","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Waves","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Blush","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Plaid","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Cheetah","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Floral","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Multi","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Coral","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Geo","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Batik","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Fauna","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Yellow","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Amber","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Plaid","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Red","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Tan","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Blush","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Blue","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Summer Stripe","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Rose","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Cloud","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/Cherry","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Tortoise\/White","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Pink","image":false,"hex":"#e3abb0"},{"color":"Pink\/Gray Tortoise","image":false,"hex":"#e3abb0"},{"color":"Pink\/Tie Dye","image":false,"hex":"#e3abb0"},{"color":"Pink\/Wood","image":false,"hex":"#e3abb0"},{"color":"Pink\/Stripe","image":false,"hex":"#e3abb0"},{"color":"Pink\/Pink Tortoise","image":false,"hex":"#e3abb0"},{"color":"Pink\/Turquoise","image":false,"hex":"#e3abb0"},{"color":"Pink\/Gray","image":false,"hex":"#e3abb0"},{"color":"Pink\/Animal","image":false,"hex":"#e3abb0"},{"color":"Pink\/Tortoise","image":false,"hex":"#e3abb0"},{"color":"Pink\/Red","image":false,"hex":"#e3abb0"},{"color":"Pink\/Brown","image":false,"hex":"#e3abb0"},{"color":"Pink\/Gold","image":false,"hex":"#e3abb0"},{"color":"Rose","image":false,"hex":"#e3abb0"},{"color":"Purple\/Gold","image":false,"hex":"#e3abb0"},{"color":"Neon Pink","image":false,"hex":"#e3abb0"},{"color":"Rose Gold\/Gray Tortoise","image":false,"hex":"#e3abb0"},{"color":"Rose Gold\/Galaxy","image":false,"hex":"#e3abb0"},{"color":"Gray Tortoise\/Blush","image":false,"hex":"#e3abb0"}
2935,{"color":"Pink\/Clear","image":false,"hex":"#e3abb0"},{"color":"Rose Quartz","image":false,"hex":"#e3abb0"},{"color":"Pink\/Tan","image":false,"hex":"#e3abb0"},{"color":"Bubblegum","image":false,"hex":"#e3abb0"},{"color":"Brown","image":false,"hex":"#7b551a"},{"color":"Brown\/Black","image":false,"hex":"#7b551a"},{"color":"Brown\/Pink","image":false,"hex":"#7b551a"},{"color":"Brown\/Blue","image":false,"hex":"#7b551a"},{"color":"Brown\/Animal","image":false,"hex":"#7b551a"},{"color":"Brown\/Green","image":false,"hex":"#7b551a"},{"color":"Brown\/Red","image":false,"hex":"#7b551a"},{"color":"Brown\/Teal","image":false,"hex":"#7b551a"},{"color":"Brown\/Wood","image":false,"hex":"#7b551a"},{"color":"Brown\/Gray","image":false,"hex":"#7b551a"},{"color":"Brown\/Deco","image":false,"hex":"#7b551a"},{"color":"Brown\/Stripe","image":false,"hex":"#7b551a"},{"color":"Brown Lacquer","image":false,"hex":"#7b551a"},{"color":"Tan","image":false,"hex":"#ebdbba"},{"color":"Tan\/Diamond","image":false,"hex":"#ebdbba"},{"color":"Tan\/Brown","image":false,"hex":"#ebdbba"},{"color":"Tan\/Tortoise","image":false,"hex":"#ebdbba"},{"color":"Tan\/Gray","image":false,"hex":"#ebdbba"},{"color":"Cream","image":false,"hex":"#ebdbba"},{"color":"Cream\/Fair Isle","image":false,"hex":"#ebdbba"},{"color":"Tan\/Leopard Floral","image":false,"hex":"#ebdbba"},{"color":"Tan\/Gray Tortoise","image":false,"hex":"#ebdbba"},{"color":"Tan\/Chai Tortoise","image":false,"hex":"#ebdbba"},{"color":"Chai Horn","image":false,"hex":"#ebdbba"},{"color":"Tan\/Coral","image":false,"hex":"#ebdbba"},{"color":"Chai Horn\/Green","image":false,"hex":"#ebdbba"},{"color":"Tan\/Tan Marble","image":false,"hex":"#ebdbba"},{"color":"Silver","image":false,"hex":"#8c847b"},{"color":"Silver\/Black","image":false,"hex":"#8c847b"},{"color":"Smoke","image":false,"hex":"#8c847b"},{"color":"Mocha","image":false,"hex":"#6f372d"},{"color":"Coffee","image":false,"hex":"#6f372d"},{"color":"Coffee\/Tortoise","image":false,"hex":"#6f372d"},{"color":"Coffee\/Mint","image":false,"hex":"#6f372d"},{"color":"Coffee\/Animal","image":false,"hex":"#6f372d"},{"color":"Mocha\/Turquoise Quartz","image":false,"hex":"#6f372d"},{"color":"Coffee\/Clear Glitter","image":false,"hex":"#6f372d"},{"color":"Mocha\/Blue","image":false,"hex":"#6f372d"},{"color":"Turquoise","image":false,"hex":"#1dd1cd"},{"color":"Turquoise\/Red","image":false,"hex":"#1dd1cd"},{"color":"Turquoise\/Mosaic","image":false,"hex":"#1dd1cd"},{"color":"Turquoise\/Gold","image":false,"hex":"#1dd1cd"},{"color":"Turquoise\/Silver","image":false,"hex":"#1dd1cd"},{"color":"Berry","image":false,"hex":"#9d3158"},{"color":"Berry\/Gray","image":false,"hex":"#9d3158"},{"color":"Berry\/Galaxy","image":false,"hex":"#9d3158"},{"color":"Berry\/Red","image":false,"hex":"#9d3158"},{"color":"Tortoise\/Berry","image":false,"hex":"#9d3158"},{"color":"Berry\/Herringbone","image":false,"hex":"#9d3158"},{"color":"Fuchsia","image":false,"hex":"#9d3158"},{"color":"Fuchsia\/Gray Tortoise","image":false,"hex":"#9d3158"},{"color":"Gold","image":false,"hex":"#d6c75d"},{"color":"Gold\/Tortoise","image":false,"hex":"#d6c75d"},{"color":"Gold\/Galaxy","image":false,"hex":"#d6c75d"},{"color":"Gold Link","image":false,"hex":"#d6c75d"},{"color":"Gold Bead","image":false,"hex":"#d6c75d"},{"color":"Yellow","image":false,"hex":"#f0ef35"},{"color":"Yellow\/Ombre","image":false,"hex":"#f0ef35"},{"color":"Citrus","image":false,"hex":"#f0ef35"},{"color":"Orange","image":false,"hex":"#e78404"},{"color":"Orange\/Tortoise","image":false,"hex":"#e78404"},{"color":"Orange\/Brown","image":false,"hex":"#e78404"},{"color":"Orange\/Gold","image":false,"hex":"#e78404"},{"color":"Orange\/Tropical","image":false,"hex":"#e78404"},{"color":"Neon Orange","image":false,"hex":"#e78404"},{"color":"Orange\/Plaid","image":false,"hex":"#e78404"},{"color":"Orange\/Batik","image":false,"hex":"#e78404"},{"color":"Orange\/Gray Tortoise","image":false,"hex":"#e78404"},{"color":"Beige","image":false,"hex":"#ebe0bf"},{"color":"Mint","image":false,"hex":"#99ffcc"},{"color":"Mint\/Wood","image":false,"hex":"#99ffcc"},{"color":"Mint\/Tokyo Tortoise","image":false,"hex":"#99ffcc"},{"color":"Mint\/Pink","image":false,"hex":"#99ffcc"},{"color":"Red","image":false,"hex":"#c71010"},{"color":"Red\/Madras","image":false,"hex":"#c71010"},{"color":"Red\/Fish","image":false,"hex":"#c71010"},{"color":"Red\/Wood","image":false,"hex":"#c71010"},{"color":"Red\/Gold","image":false,"hex":"#c71010"},{"color":"Red\/Tortoise","image":false,"hex":"#c71010"},{"color":"Red\/Golden Tortoise","image":false,"hex":"#c71010"},{"color":"Red\/Animal","image":false,"hex":"#c71010"},{"color":"Soft Red","image":false,"hex":"#c71010"},{"color":"Red\/Tropical","image":false,"hex":"#c71010"},{"color":"Red\/Umbrellas","image":false,"hex":"#c71010"},{"color":"Red\/Folklore","image":false,"hex":"#c71010"},{"color":"Red\/Waves","image":false,"hex":"#c71010"},{"color":"Red\/Zebra","image":false,"hex":"#c71010"},{"color":"Red\/Plaid","image":false,"hex":"#c71010"},{"color":"Red\/Leopard Tortoise","image":false,"hex":"#c71010"},{"color":"Red\/Spice Quartz","image":false,"hex":"#c71010"},{"color":"Red\/Peach","image":false,"hex":"#c71010"},{"color":"Red\/Fire Tortoise","image":false,"hex":"#c71010"},{"color":"Red\/Purple","image":false,"hex":"#c71010"},{"color":"Maroon","image":false,"hex":"#6c0511"},{"color":"Maroon\/Tortoise","image":false,"hex":"#6c0511"},{"color":"Wine\/Gray Tortoise","image":false,"hex":"#6c0511"},{"color":"Dark Red\/Teal Botanico","image":false,"hex":"#6c0511"},{"color":"Dark Red","image":false,"hex":"#6c0511"},{"color":"Dark Cherry","image":false,"hex":"#6c0511"},{"color":"Cranberry","image":false,"hex":"#6c0511"},{"color":"Lavender","image":false,"hex":"#a99ffc"},{"color":"Purple\/Floral","image":false,"hex":"#a99ffc"},{"color":"Gray Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Gray_Horn_24x.jpg?v=1614835906","hex":false},{"color":"Gray Horn\/Blue","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Gray_Horn_24x.jpg?v=1614835906","hex":false},{"color":"Mustard","image":false,"hex":"#c47e29"},{"color":"Mustard\/Honey Tortoise","image":false,"hex":"#c47e29"},{"color":"Pink Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Pink_Horn_24x.jpg?v=1614835906","hex":false},{"color":"Tortoise Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Tortoise_Horn_24x.jpg?v=1614835906","hex":false},{"color":"Maroon","image":false,"hex":"#500b2a"},{"color":"Amber","image":false,"hex":"#dcb17b"},{"color":"Pink Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Pink_Tortoise_24x.jpg?v=1614835906","hex":false},{"color":"White","image":false,"hex":"#eeeeee"},{"color":"White\/Black","image":false,"hex":"#eeeeee"},{"color":"White\/Gray","image":false,"hex":"#eeeeee"},{"color":"White\/Leopard","image":false,"hex":"#eeeeee"},{"color":"Clear","image":false,"hex":"#eeeeee"},{"color":"Frosted","image":false,"hex":"#eeeeee"},{"color":"Frost","image":false,"hex":"#eeeeee"},{"color":"Clear\/Marble","image":false,"hex":"#eeeeee"},{"color":"Clear\/Tan","image":false,"hex":"#eeeeee"},{"color":"Clear\/Black","image":false,"hex":"#eeeeee"},{"color":"Clear\/Yellow","image":false,"hex":"#eeeeee"}
2935,{"color":"Fog","image":false,"hex":"#eeeeee"},{"color":"Frost\/Blue Quartz","image":false,"hex":"#eeeeee"},{"color":"White\/Tokyo Tortoise","image":false,"hex":"#eeeeee"},{"color":"Fog\/Gray","image":false,"hex":"#eeeeee"},{"color":"Fog\/Tortoise","image":false,"hex":"#eeeeee"},{"color":"Fog\/Chai Tortoise","image":false,"hex":"#eeeeee"},{"color":"Marsala","image":false,"hex":"#852f97"},{"color":"Dark Green","image":false,"hex":"#1c5c11"},{"color":"Fennel","image":false,"hex":"#bcad57"},{"color":"Molasses","image":false,"hex":"#5e4d21"},{"color":"Olive","image":false,"hex":"#60760d"},{"color":"Aqua","image":false,"hex":"#2bd0ff"},{"color":"Aqua\/Madras","image":false,"hex":"#2bd0ff"},{"color":"Aqua\/Wood","image":false,"hex":"#2bd0ff"},{"color":"Aqua\/Green","image":false,"hex":"#2bd0ff"},{"color":"Aqua\/Tortoise","image":false,"hex":"#2bd0ff"},{"color":"Tortoise\/Aqua","image":false,"hex":"#2bd0ff"},{"color":"Aqua\/Blue","image":false,"hex":"#2bd0ff"},{"color":"Teal","image":false,"hex":"#12a37d"},{"color":"Teal\/Brown","image":false,"hex":"#12a37d"},{"color":"Teal\/Stripe","image":false,"hex":"#12a37d"},{"color":"Teal\/Tropical","image":false,"hex":"#12a37d"},{"color":"Teal\/Stripe","image":false,"hex":"#12a37d"},{"color":"Teal\/Fauna","image":false,"hex":"#12a37d"},{"color":"Teal\/Aqua","image":false,"hex":"#12a37d"},{"color":"Aqua","image":false,"hex":"#12a37d"},{"color":"Teal\/Teal Botanico","image":false,"hex":"#12a37d"},{"color":"Teal\/Mint","image":false,"hex":"#12a37d"},{"color":"Teal\/Light Green","image":false,"hex":"#12a37d"},{"color":"Teal\/Floral","image":false,"hex":"#12a37d"},{"color":"Teal\/Green Ombre","image":false,"hex":"#12a37d"},{"color":"Teal Check","image":false,"hex":"#12a37d"},{"color":"Jade","image":false,"hex":"#006801"},{"color":"Sapphire","image":false,"hex":"#1d428c"},{"color":"Watermelon","image":false,"hex":"#ff87d0"},{"color":"Orchid","image":false,"hex":"#ff87d0"},{"color":"Wine","image":false,"hex":"#9d1818"},{"color":"Wine\/Purple","image":false,"hex":"#9d1818"},{"color":"Peach","image":false,"hex":"#ffcaa3"},{"color":"Green Quartz","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Green_Quartz_3e92ca86-e597-4555-9aa0-617920c726c8_24x.jpg?v=1614888706","hex":false},{"color":"Camouflage","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/swatch-camouflage_24x.png?v=1614760352","hex":"#567b55"},{"color":"Floral","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/swatch-floral_24x.png?v=1614760352","hex":"#e68fe7"},{"color":"Dots","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/swatch-dots_24x.png?v=1614760352","hex":"#8e8e8e"},{"color":"Fruit Stripe","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/swatch-fruit-stripe_24x.png?v=1614760352","hex":"#fc0505"},{"color":"Purple\/Coral Check","image":false,"hex":"#a172bc"},{"color":"Coral","image":false,"hex":"#e4825f"},{"color":"Coral\/Black Marble","image":false,"hex":"#e4825f"},{"color":"Burgundy","image":false,"hex":"#682424"},{"color":"Pastel","image":false,"hex":"#c9b6ff"},{"color":"Lilac","image":false,"hex":"#c9b6ff"},{"color":"Mint","image":false,"hex":"#beeec1"},{"color":"Mandarin","image":false,"hex":"#f04007"},{"color":"Cherry","image":false,"hex":"#7d303c"},{"color":"Cherry\/Chai Tortoise","image":false,"hex":"#7d303c"},{"color":"Cherry\/Blush","image":false,"hex":"#7d303c"},{"color":"Cherry\/Pink","image":false,"hex":"#7d303c"},{"color":"Multi Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Multi_Horn_Colorswatch_6db2568c-ee49-447e-b108-161bfb43e5d2_24x.jpg?v=1625665913","hex":false},{"color":"Multi Horn\/Blue","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Multi_Horn_Colorswatch_6db2568c-ee49-447e-b108-161bfb43e5d2_24x.jpg?v=1625665913","hex":false},{"color":"Bronze","image":false,"hex":"#a19790"},{"color":"Pink Quartz","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Pink_Quartz_24x.jpg?v=1614805897","hex":false},{"color":"Gray Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray\/Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray Tortoise\/Botanical","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray Tortoise\/Pink","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray Tortoise\/Wood","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray Tortoise\/Green","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray Tortoise\/Brown","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray Tortoise\/Blue","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray Tortoise\/Gold","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray Tortoise\/Purple","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray Tortoise\/Black","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray Tortoise\/Coral","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray Tortoise\/Gray","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Gray Tortoise\/Periwinkle","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/gray_tortoise2_24x.jpg?v=1614762454","hex":false},{"color":"Golden Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/swatch-golden-tortoise_24x.png?v=1614760352","hex":false},{"color":"Golden Tortoise\/Brown","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/swatch-golden-tortoise_24x.png?v=1614760352","hex":false},{"color":"Sand Quartz","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Sand_Quartz_24x.jpg?v=1614835906","hex":false},{"color":"Sand Quartz\/Yellow","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Sand_Quartz_24x.jpg?v=1614835906","hex":false},{"color":"Sand Quartz\/Green","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Sand_Quartz_24x.jpg?v=1614835906","hex":false},{"color":"Sand Quartz\/Taupe","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Sand_Quartz_24x.jpg?v=1614835906","hex":false},{"color":"Sand Quartz\/Cherry","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Sand_Quartz_24x.jpg?v=1614835906","hex":false},{"color":"Fuschia","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Fuchsia_24x.jpg?v=1614819729","hex":false}
2935,{"color":"Fuschia\/Clear","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Fuchsia_24x.jpg?v=1614819729","hex":false},{"color":"Fuschia\/Gray Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Fuchsia_24x.jpg?v=1614819729","hex":false},{"color":"Pewter\/Black","image":false,"hex":"#6d6c6a"},{"color":"Multi","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_24x.jpg?v=1614761019","hex":false},{"color":"Striped","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_24x.jpg?v=1614761019","hex":false},{"color":"Brights","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_24x.jpg?v=1614761019","hex":false},{"color":"Navy Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Navy_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Navy Tortoise\/Blue","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Navy_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Navy Tortoise\/Cream","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Navy_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Blue Quartz","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Blue_Quartz_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Blue Quartz\/Blue","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Blue_Quartz_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Blue Quartz Colorblock","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Blue_Quartz_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Honey Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Honey_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Honey Tortoise\/Folk Stripe","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Honey_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Honey Tortoise\/Green","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Honey_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Honey Tortoise\/Teal","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Honey_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Honey Tortoise\/Boheme","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Honey_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Blonde Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Honey_Tort_Swatch_24x.jpg?v=1614769046","hex":false},{"color":"Green Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Green_Tortoise2_24x.jpg?v=1614819727","hex":false},{"color":"Green Tortoise\/Taupe","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Green_Tortoise2_24x.jpg?v=1614819727","hex":false},{"color":"Rust","image":false,"hex":"#c26e60"},{"color":"Rust\/Tortoise","image":false,"hex":"#c26e60"},{"color":"Blush\/Golden","image":false,"hex":"#c26e60"},{"color":"Rust\/Terrazzo","image":false,"hex":"#c26e60"},{"color":"Blush\/Wood","image":false,"hex":"#c26e60"},{"color":"Blush\/Geo","image":false,"hex":"#c26e60"},{"color":"Blush","image":false,"hex":"#c26e60"},{"color":"Rust\/Pink","image":false,"hex":"#c26e60"},{"color":"Blue Marble\/Wood","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Blue_Marble_faedf26e-984e-4eb0-9437-1e384a66e103_24x.jpg?v=1614805894","hex":false},{"color":"Pink Marble\/Wood","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Pink_Marble_30777117-dc9d-4a34-823b-91469c984999_24x.jpg?v=1614805894","hex":false},{"color":"Black Terrazzo","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Black_Terrazzo_a08c0665-2c6f-4c18-9097-056c1d485442_24x.jpg?v=1614805897","hex":false},{"color":"Cream Terrazzo","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Color_Prismatic_-_Cream_Terrazzo_24x.jpg?v=1614805897","hex":false},{"color":"Tokyo Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TokyoTort_Colorswatch_2e41590e-949a-4f4a-94cc-e73bcc3fb6d4_24x.jpg?v=1634582446","hex":false},{"color":"Tokyo Tortoise\/Teal","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TokyoTort_Colorswatch_2e41590e-949a-4f4a-94cc-e73bcc3fb6d4_24x.jpg?v=1634582446","hex":false},{"color":"Tokyo Tortoise\/Green","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TokyoTort_Colorswatch_2e41590e-949a-4f4a-94cc-e73bcc3fb6d4_24x.jpg?v=1634582446","hex":false},{"color":"Tokyo Tortoise\/Pink","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TokyoTort_Colorswatch_2e41590e-949a-4f4a-94cc-e73bcc3fb6d4_24x.jpg?v=1634582446","hex":false},{"color":"Tokyo Tortoise\/Black","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TokyoTort_Colorswatch_2e41590e-949a-4f4a-94cc-e73bcc3fb6d4_24x.jpg?v=1634582446","hex":false},{"color":"Tokyo Tortoise Colorblock","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TokyoTort_Colorswatch_2e41590e-949a-4f4a-94cc-e73bcc3fb6d4_24x.jpg?v=1634582446","hex":false},{"color":"Teal\/Lime","image":false,"hex":"#b3ff30"},{"color":"Blue\/Pink","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BluePink_Prism_24x.jpg?v=1640807451","hex":false},{"color":"Neutrals","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BluePink_Prism_24x.jpg?v=1640807451","hex":false},{"color":"Green\/Orange","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/GreenOrange_Prism_24x.jpg?v=1640807463","hex":false},{"color":"Smoke Iridescent","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/SmokeIridescent_Swatch_24x.jpg?v=1640807488","hex":false},{"color":"Clear Iridescent","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/ClearIridescent_Swatch_1_24x.jpg?v=1640807512","hex":false},{"color":"Black Marble","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlackMarble_Swatch_24x.jpg?v=1640807564","hex":false},{"color":"Black\/Black Marble","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlackMarble_Swatch_24x.jpg?v=1640807564","hex":false},{"color":"Black Marble\/Mint","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlackMarble_Swatch_24x.jpg?v=1640807564","hex":false},{"color":"Black Marble\/Black Wood","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlackMarble_Swatch_24x.jpg?v=1640807564","hex":false},{"color":"Black Marble\/Black","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlackMarble_Swatch_24x.jpg?v=1640807564","hex":false},{"color":"Chartreuse Yellow","image":false,"hex":"#e9ec6b"},{"color":"Blue Leopard","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Leopard_Swatch_24x.jpg?v=1640807849","hex":false},{"color":"Organic Trend Case","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Leopard_Swatch_24x.jpg?v=1640807849","hex":false},{"color":"Abstract Animal","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/AbstractAnimal_Swatch_24x.jpg?v=1640807902","hex":false},{"color":"Black\/Tan","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Black-Tan_24x.jpg?v=1644875160","hex":false},{"color":"Wheat","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Wheat_24x.jpg?v=1644875175","hex":false},{"color":"Leopard","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Leopard_Swatch_35d8189a-971d-443f-b9d7-22d74619b52a_24x.jpg?v=1645206572","hex":false},{"color":"Purple Quartz\/Purple","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Purple-Quartz_b28e4f4a-2729-4fa0-925f-18f12e0ce62c_24x.jpg?v=1655409614","hex":false},{"color":"Purple Quartz","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Purple-Quartz_b28e4f4a-2729-4fa0-925f-18f12e0ce62c_24x.jpg?v=1655409614","hex":false},{"color":"Cream Leopard","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/CreamLeopard_24x.jpg?v=1655409532","hex":false},{"color":"Cobalt Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/CobaltTortoise_24x.jpg?v=1655409546","hex":false},{"color":"Cobalt Tortoise\/Cobalt","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/CobaltTortoise_24x.jpg?v=1655409546","hex":false},{"color":"Cobalt Tortoise\/Blue","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/CobaltTortoise_24x.jpg?v=1655409546","hex":false},{"color":"Cobalt Tortoise\/Brown","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/CobaltTortoise_24x.jpg?v=1655409546","hex":false},{"color":"Purple Abstract","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/PurpleAbstract_24x.jpg?v=16554095
293559","hex":false},{"color":"Multi Abstract","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/MultiAbstract_24x.jpg?v=1655409569","hex":false},{"color":"Tan Marble","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TanMarble_24x.jpg?v=1655409580","hex":false},{"color":"Tan Marble\/Wood","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TanMarble_24x.jpg?v=1655409580","hex":false},{"color":"Tan Marble\/Gold","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TanMarble_24x.jpg?v=1655409580","hex":false},{"color":"Blush Leopard","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlushLeopard_24x.jpg?v=1655409588","hex":false},{"color":"Spice","image":false,"hex":"#b54422"},{"color":"Tortoise\/Spice","image":false,"hex":"#b54422"},{"color":"Spice\/Leopard Tortoise","image":false,"hex":"#b54422"},{"color":"Light Blue","image":false,"hex":"#69b7e4"},{"color":"Eggplant","image":false,"hex":"#59364c"},{"color":"Hunter Green","image":false,"hex":"#3f5644"},{"color":"Sienna","image":false,"hex":"#992412"},{"color":"Chai Tortoise\/Green","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/ChaiTort-Green_24x.jpg?v=1666803922","hex":false},{"color":"Chai Tortoise\/Matcha","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/ChaiTort-Green_24x.jpg?v=1666803922","hex":false},{"color":"Leopard Tortoise\/Red","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LeopardTort-Red_24x.jpg?v=1667228476","hex":false},{"color":"Teal Botanico\/Teal","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TealBotanico-Teal_24x.jpg?v=1667228491","hex":false},{"color":"Gray Botanico\/Gray","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/GrayBotanico-Gray_24x.jpg?v=1672867368","hex":false},{"color":"Teal Botanico\/Tan","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TealBotanico-Tan_24x.jpg?v=1672867394","hex":false},{"color":"Leopard Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LeopardTort_24x.jpg?v=1672867445","hex":false},{"color":"Leopard Tortoise\/Gold","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LeopardTort_24x.jpg?v=1672867445","hex":false},{"color":"Leopard Tortoise\/Blue","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LeopardTort_24x.jpg?v=1672867445","hex":false},{"color":"Teal Botanico","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TealBotanico_24x.jpg?v=1672867739","hex":false},{"color":"Gray Tortoise\/Olive Picnic","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/GrayTort-OlivePicnic_24x.jpg?v=1672867445","hex":false},{"color":"Tokyo Tortoise\/Wine Picnic","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TokyoTort-WinePicnic_24x.jpg?v=1672867445","hex":false},{"color":"Teal Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TealHorn_24x.jpg?v=1672867445","hex":false},{"color":"Teal Horn\/Gold","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TealHorn_24x.jpg?v=1672867445","hex":false},{"color":"Teal Horn\/Teal","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TealHorn_24x.jpg?v=1672867445","hex":false},{"color":"Blue Safari","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlueSafari_24x.jpg?v=1672867445","hex":false},{"color":"Pink Safari","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/PinkSafari_24x.jpg?v=1672867445","hex":false},{"color":"Sand Safari","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/SandSafari_24x.jpg?v=1672867445","hex":false},{"color":"Safari","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/SandSafari_24x.jpg?v=1672867445","hex":false},{"color":"Chai Tortoise\/Frost","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/ChaiTort-Frost_24x.jpg?v=1672867445","hex":false},{"color":"Frost\/Chai Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/ChaiTort-Frost_24x.jpg?v=1672867445","hex":false},{"color":"Blush Iridescent","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlushIridescent2_24x.jpg?v=1672926987","hex":false},{"color":"Blue Iridescent","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlueIridescent3_24x.jpg?v=1672926993","hex":false},{"color":"Cobalt","image":false,"hex":"#171f70"},{"color":"Cobalt\/Cobalt Tortoise","image":false,"hex":"#171f70"},{"color":"Peepfetti Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Peepfetti-Tort_1_24x.jpg?v=1686589814","hex":false},{"color":"Peepfetti Tortoise\/Blue","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Peepfetti-Tort_1_24x.jpg?v=1686589814","hex":false},{"color":"Peepfetti Tortoise\/Bronze","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Peepfetti-Tort_1_24x.jpg?v=1686589814","hex":false},{"color":"Peepfetti Tortoise\/Purple","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Peepfetti-Tort_1_24x.jpg?v=1686589814","hex":false},{"color":"Peepfetti Tortoise Colorblock","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Peepfetti-Tort_1_24x.jpg?v=1686589814","hex":false},{"color":"Red\/Stripe","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Red-Stripe_2_24x.jpg?v=1686589936","hex":false},{"color":"Navy\/Stripe","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Nav
2935y-Stripe_1_2_24x.jpg?v=1686589961","hex":false},{"color":"Gray Botanico\/Dark Red","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/GrayBotanico-DarkRed_1_24x.jpg?v=1686596272","hex":false},{"color":"Green Camo","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/GreenCamo_1_24x.jpg?v=1686596368","hex":false},{"color":"Green Camo\/Pewter","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/GreenCamo_1_24x.jpg?v=1686596368","hex":false},{"color":"Green Camo\/Black","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/GreenCamo_1_24x.jpg?v=1686596368","hex":false},{"color":"Marine Quartz\/Marine","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Marine-Quartz_1_24x.jpg?v=1686596409","hex":false},{"color":"Marine Quartz","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Marine-Quartz_1_24x.jpg?v=1686596409","hex":false},{"color":"Marine Quartz\/Blue","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Marine-Quartz_1_24x.jpg?v=1686596409","hex":false},{"color":"Spice Quartz\/Spice","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Spice_Quartz_1_24x.jpg?v=1686596447","hex":false},{"color":"Spice Quartz","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Spice_Quartz_1_24x.jpg?v=1686596447","hex":false},{"color":"Spice Quartz\/Red","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Spice_Quartz_1_24x.jpg?v=1686596447","hex":false},{"color":"Navy\/Check","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Navy-Check_2_24x.jpg?v=1686596495","hex":false},{"color":"Dark Red\/Check","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/DarkRed-Check_1_3_24x.jpg?v=1686596545","hex":false},{"color":"Pink Pixel Check","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/PinkCheck_1_24x.jpg?v=1686596588","hex":false},{"color":"Black Pixel Check","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlackCheck_1_24x.jpg?v=1686596620","hex":false},{"color":"Clear\/Tokyo Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TokyoTort-Clear_1_24x.jpg?v=1686596653","hex":false},{"color":"Purple\/Tokyo Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TokyoTort-Purple_1_24x.jpg?v=1686596686","hex":false},{"color":"Sprinkles","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Sprinkles_24x.jpg?v=1687271110","hex":false},{"color":"Black Marble\/Pink","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlackMarble-Pink_24x.jpg?v=1687353524","hex":false},{"color":"Chai Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/ChaiTort_6093726f-25da-46ff-9eb3-c1d8731eea4c_24x.jpg?v=1687355739","hex":false},{"color":"Chai Tortoise\/Pink","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/ChaiTort_6093726f-25da-46ff-9eb3-c1d8731eea4c_24x.jpg?v=1687355739","hex":false},{"color":"Chai Tortoise\/Rose","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/ChaiTort_6093726f-25da-46ff-9eb3-c1d8731eea4c_24x.jpg?v=1687355739","hex":false},{"color":"Champagne","image":false,"hex":"#f2d9bc"},{"color":"Charcoal Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/CharcoalHorn_24x.jpg?v=1702931146","hex":false},{"color":"Charcoal Horn\/Blush","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/CharcoalHorn_24x.jpg?v=1702931146","hex":false},{"color":"Charcoal Horn\/Black","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/CharcoalHorn_24x.jpg?v=1702931146","hex":false},{"color":"Pink Botanico","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/PinkBotanico_24x.jpg?v=1702931477","hex":false},{"color":"Pink Botanico\/Pink","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/PinkBotanico_24x.jpg?v=1702931477","hex":false},{"color":"Pink Botanico\/Gold","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/PinkBotanico_24x.jpg?v=1702931477","hex":false},{"color":"Strawberry\/Pink Botanico","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Strawberry-PinkBotanico_24x.jpg?v=1702931514","hex":false},{"color":"Pink\/Orange","image":false,"hex":"#fa0869"},{"color":"Gray Botanico","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/GrayBotanico_24x.jpg?v=1702932556","hex":false},{"color":"Rainbow Sherbet","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/RanbowSherbet_24x.jpg?v=1702932725","hex":false},{"color":"Matcha","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Matcha_24x.jpg?v=1702932889","hex":false},{"color":"Denim","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Denim_24x.jpg?v=1702932914","hex":false},{"color":"Cream","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Cream_24x.jpg?v=1702932948","hex":false},{"color":"Sherbet","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Sherbet_24x.jpg?v=1702932972","hex":false},{"color":"Ikat","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Ikat_24x.jpg?v=1703005993","hex":false},{"color":"Ikat\/Red","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Ikat_24x.jpg?v=1703005993","hex":false},{"color":"Tokyo Tortoise\/Chai Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TokyoTort-ChaiTort_24x.jpg?v=1703006135","hex":false},{"color":"Amber Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/amber-tortoise_1_24x.jpg?v=1719578369","hex":false},{"color":"Amber Tortoise\/Black","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/amber-tortoise_1_24x.jpg?v=1719578369","hex":false},{"color":"Magenta Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/magenta-horn_1_24x.jpg?v=1719578369","hex":false},{"color":"Light Blue Botanico","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/lightbluebotanico_1_24x.jpg?v=1719578369","hex":false},{"color":"Caramel Quartz","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/caramel-quartz_1_24x.jpg?v=1719578369","hex":false},{"color":"Purple Botanico\/Purple","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/purple-botanico_1_24x.jpg?v=1719578369","hex":false},{"color":"Purple Botanico","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/purple-botanico_1_24x.jpg?v=1719578369","hex":false},{"color":"Teal\/Red Check","image":false,"hex":"#127eaf"},{"color":"Light Green","image":false,"hex":"#92a999"},{"color":"Olive Botanico","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/OliveBotanico_1_24x.jpg?v=1735571379","hex":false},{"color":"Olive Botanico\/Gray","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/OliveBotanico_1_24x.jpg?v=1735571379","hex":false},{"color":"Light Blue Botanico\/Light Blue","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/color_swatch_24x.png?v=1735833624","hex":false},{"color":"Cosmic Quartz","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/CosmicQuartz_24x.jpg?v=1750705262","hex":false},{"color":"Rainbow Ombre","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Rainbow-Ombre_24x.jpg?v=1750705295","hex":false},{"color":"Fire Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Fire-Tortoise_24x.jpg?v=1750705321","hex":false},{"color":"Yellow Chai","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Yellow-Chai_24x.jpg?v=1750705379","hex":false},{"color":"Pink Chai Colorblock","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Pink-Ch
2935ai-Colorblock_24x.jpg?v=1750705453","hex":false},{"color":"Teal Ombre Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TealOmbreHorn_24x.jpg?v=1750705490","hex":false},{"color":"Brown Ombre Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BrownOmbreHorn_24x.jpg?v=1750705520","hex":false},{"color":"Green Ombre Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/GreenOmbreHorn_24x.jpg?v=1750705544","hex":false},{"color":"Retro Tile","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/RetroTile_24x.jpg?v=1750705568","hex":false},{"color":"Nautical Stripe","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Nautical-Stripe_24x.jpg?v=1753736169","hex":false},{"color":"Earth Quartz","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/EarthQuartz_24x.jpg?v=1758217339","hex":false},{"color":"Blonde Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlondeTortoise_24x.jpg?v=1758217339","hex":false},{"color":"Blonde Tortoise\/Green","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlondeTortoise_24x.jpg?v=1758217339","hex":false},{"color":"Blonde Tortoise Colorblock","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlondeTortoise_24x.jpg?v=1758217339","hex":false},{"color":"Periwinkle","image":false,"hex":"#4571ba"},{"color":"Periwinkle\/Red","image":false,"hex":"#4571ba"},{"color":"Mocha Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/MochaTortoise_24x.png?v=1765982937","hex":false},{"color":"Mocha Tortoise\/Navy","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/MochaTortoise_24x.png?v=1765982937","hex":false},{"color":"Mocha Tortoise\/Cream","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/MochaTortoise_24x.png?v=1765982937","hex":false},{"color":"Dark Purple","image":false,"hex":"#39366e"},{"color":"Wavy","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Wavy_24x.png?v=1765991763","hex":false},{"color":"Rose Ombre Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/RoseOmbreHorn_24x.png?v=1767627898","hex":false},{"color":"Blue\/Après Ski","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LP-ApresSki_24x.png?v=1770152528","hex":false},{"color":"Gray\/Chelsea Orange","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LP-ChelseaOrange_24x.png?v=1770152529","hex":false},{"color":"Green\/Gasparilla","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LP-Gasparilla_24x.png?v=1770152528","hex":false},{"color":"Navy\/Chalet Charm","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LP-ChaletCharm_24x.png?v=1770152529","hex":false},{"color":"Orchid Blossom Navy Colorblock","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LP-OrchidBlossomNavy_24x.png?v=1770152529","hex":false},{"color":"Rose Hill Cottage Colorblock","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LP-RoseHillCottage_24x.png?v=1770152529","hex":false},{"color":"Golden Ombre","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/GoldenOmbre_24x.png?v=1780927004","hex":false},{"color":"Butterscotch","image":false,"hex":"#d89600"},{"color":"Butterscotch\/Mocha Tortoise","image":false,"hex":"#d89600"},{"color":"Slate","image":false,"hex":"#414f74"},{"color":"Slate Metallic","image":false,"hex":"#414f74"},{"color":"Light Yellow","image":false,"hex":"#fce7b2"},{"color":"Turquoise Quartz","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/TurquoiseQuartz_24x.png?v=178129
29351871","hex":"#ffffff"},{"color":"Blue Ombre Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/BlueOmbreHorn_24x.png?v=1781291871","hex":false},{"color":"Emerald Ombre Horn","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/EmeraldOmbreHorn_24x.png?v=1781291871","hex":false},{"color":"Midnight Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/MidnightTortoise_24x.png?v=1781291871","hex":false},{"color":"Teal\/Tortoise","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/mariner-teal-tortoise-swatch_24x.png?v=1783008524","hex":false},{"color":"Tortoise\/Marigold Ticking Stripe Pink","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LP-MarigoldTickingStripePink_24x.png?v=1789076254","hex":false},{"color":"Pink\/Frond Orange","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LP-FrondOrange_24x.png?v=1789076250","hex":false},{"color":"Light Blue\/Rosemary Stripe Lavender","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LP-RosemaryStripeLavender_24x.png?v=1789076260","hex":false},{"color":"Navy\/Rosemary Stripe Indigo","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LP-RosemaryStripeIndigo_24x.png?v=1789076257","hex":false},{"color":"Deep Blue\/Rosemary White","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LP-RosemaryWhite_24x.png?v=1789076269","hex":false},{"color":"Green\/Rosemary Stripe Pink","image":"\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/LP-RosemaryStripePink_24x.png?v=1789076264","hex":false}]
2936</script>
2936
2937
2938
2939<script>
2940window.addEventListener('DOMContentLoaded', (event) => {
2941if (window.location.href.includes("#shopify-section-template--14531700719695__16509263365e2a09e6")) { 
2942if (document.getElementById('shopify-section-template--14527780192335__16509263365e2a09e6')) {
2943  document.getElementById('shopify-section-template--14527780192335__16509263365e2a09e6').scrollIntoView()
2944}
2945}
2946
2947if (document.querySelector('.shopify-policy__container') && document.querySelector('.shopify-policy__container').querySelector('.rte')) {
2948const $rte = document.querySelector('.shopify-policy__container').querySelector('.rte')
2949$rte.classList.add('prose')
2950$rte.classList.add('prose-a:text-secondary')
2951$rte.classList.add('hover:prose-a:text-primary')
2952$rte.classList.remove('rte')
2953
2954document.querySelector('.shopify-policy__title').style.display = 'none'
2955}
2956})
2957</script>
2957
2958
2959<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
2959<meta name="google-site-verification" content="gXEJAvT3vevwbM7a3vXijx6p6NggmLhOYSKvYGZYuzU">
2960<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/7909597/digital_wallets/dialog">
2961<meta id="in-context-paypal-metadata" data-shop-id="7909597" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
2962<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
2962<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=9601103"></script>
2962
2963<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
2964<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=9601103&shop_id=7909597" crossorigin="anonymous"></script>
vendor: 1 bytes, line 2964
2964
2965<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":7909597,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/7909597","merchantName":"Peepers by PeeperSpecs","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Peepers by PeeperSpecs","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 2965
2965
2966<script id="shopify-features" type="application/json">{"accessToken":"d447de8bd3604a4e4ba812fccdddceee","betas":["rich-media-storefront-analytics"],"domain":"www.peepers.com","predictiveSearch":true,"shopId":7909597,"locale":"en"}</script>
vendor: 1 bytes, line 2966
2966
2967<script>var Shopify = Shopify || {};
2968Shopify.shop = "beta23.myshopify.com";
2969Shopify.locale = "en";
2970Shopify.currency = {"active":"USD","rate":"1.0"};
2971Shopify.country = "US";
2972Shopify.theme = {"name":"[POLARIZED 2FOR50] Peepers.com (2.87)","id":149976809551,"schema_name":null,"schema_version":null,"theme_store_id":null,"role":"main"};
2973Shopify.theme.handle = "null";
2974Shopify.theme.style = {"id":null,"handle":null};
2975Shopify.cdnHost = "www.peepers.com/cdn";
2976Shopify.routes = Shopify.routes || {};
2977Shopify.routes.root = "/";
2978Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
2979Shopify.SignInWithShop = Shopify.SignInWithShop || {};
2980Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
2981Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 2981
2981
2982<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 2982
2982
2983<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 2983
2983
2984<script>
2985  window.ShopifyPay = window.ShopifyPay || {};
2986  window.ShopifyPay.apiHost = "shop.app\/pay";
2987  window.ShopifyPay.redirectState = null;
2988</script>
vendor: 1 bytes, line 2988
2988
2989<script>
2990  window.Shopify = window.Shopify || {};
2991  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
2992  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
2993  window.Shopify.SignInWithShop.eligible = true;
2994</script>
vendor: 1 bytes, line 2994
2994
2995<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 2995
2995
2996<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 2996
2996
2997<script type="module">
2998  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
2999
3000  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
3001
3002</script>
vendor: 1 bytes, line 3002
3002
3003<script>
3004  window.Shopify = window.Shopify || {};
3005  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
3006  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"]};
3007</script>
vendor: 1 bytes, line 3007
3007
3008<script>(function() {
3009  var isLoaded = false;
3010  function asyncLoad() {
3011    if (isLoaded) return;
3012    isLoaded = true;
3013    var urls = ["https:\/\/d1hcrjcdtouu7e.cloudfront.net\/js\/gdpr_cookie_consent.min.js?shop=beta23.myshopify.com","\/\/backinstock.useamp.com\/widget\/7961_1783058145.js?category=bis\u0026v=6\u0026shop=beta23.myshopify.com"];
3014    for (var i = 0; i < urls.length; i++) {
3015      var s = document.createElement('script');
3016      s.type = 'text/javascript';
3017      s.async = true;
3018      s.src = urls[i];
3019      var x = document.getElementsByTagName('script')[0];
3020      x.parentNode.insertBefore(s, x);
3021    }
3022  };
3023  if(window.attachEvent) {
3024    window.attachEvent('onload', asyncLoad);
3025  } else {
3026    window.addEventListener('load', asyncLoad, false);
3027  }
3028})();</script>
vendor: 1 bytes, line 3028
3028
3029<script id="__st">var __st={"a":7909597,"offset":-18000,"reqid":"97e83213-72b4-49e9-bd65-2cee66364ab7-1790345208","pageurl":"www.peepers.com\/pages\/shoreline","s":"pages-115291914319","u":"7c02c476002e","p":"page","rtyp":"page","rid":115291914319};</script>
vendor: 1 bytes, line 3029
3029
3030<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 3030
3030
3031<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'])})(!0,!0)}();</script>
vendor: 1 bytes, line 3031
3031
3032<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.peepers.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 3032
3032
3033<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 = "//www.peepers.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>
3033<script crossorigin="anonymous" defer="defer" src="//www.peepers.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 3033
3033
3034<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 3034
3034
3035<script>
3036  window.Shopify = window.Shopify || {};
3037  window.Shopify.MCP = window.Shopify.MCP || {};
3038  window.Shopify.MCP.enabled = true;
3039  window.Shopify.MCP.shop = "beta23.myshopify.com";
3040  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.peepers.com\/api\/mcp";
3041  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"]}}];
3042</script>
vendor: 1 bytes, line 3042
3042
3043<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("\/\/www.peepers.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
3044</script>
vendor: 1 bytes, line 3044
3044
3045<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://www.peepers.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
3046</script>
vendor: 1 bytes, line 3046
3046
3047<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
3048  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);
3049</script>
vendor: 1 bytes, line 3049
3049
3050<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})}}));
3051</script>
3051
3052<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.peepers.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
3053<style id="shopify-accelerated-checkout-cart">
3054        #shopify-buyer-consent {
3055  margin-top: 1em;
3056  display: inline-block;
3057  width: 100%;
3058}
3059
3060#shopify-buyer-consent.hidden {
3061  display: none;
3062}
3063
3064#shopify-subscription-policy-button {
3065  background: none;
3066  border: none;
3067  padding: 0;
3068  text-decoration: underline;
3069  font-size: inherit;
3070  cursor: pointer;
3071}
3072
3073#shopify-subscription-policy-button::before {
3074  box-shadow: none;
3075}
3076
3077      </style>
3078<link rel="stylesheet" media="screen" href="//www.peepers.com/cdn/shop/t/809/compiled_assets/styles.css?v=3218173815715283811789488493">
3079<script id="blocks-script" data-blocks="nav-category,nav-column" defer="defer" src="//www.peepers.com/cdn/shop/t/809/compiled_assets/block-scripts.js?v=117247526847819703461789488283"></script>
vendor: 1 bytes, line 3079
3079
3080<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
3080
3081<style>
3082  /* V3 Design: Organic Warmth palette - warm alabaster instead of sterile white */
3083  :root {
3084    --pdp-background-color: #F9F8F4;
3085    --collection-background-color: #F9F8F4;
3086  }
3087
3088  body.collection {
3089    --collection-background-color: #F9F8F4;
3090  }
3091
3092  body.collection main {
3093    background-color: var(--collection-background-color);
3094  }
3095
3096  /* V3 Design: PDP gets the same warm alabaster treatment */
3097  body.product {
3098    --pdp-background-color: #F9F8F4;
3099  }
3100
3101  body.product main {
3102    background-color: var(--pdp-background-color);
3103  }
3104
3105  body.product .shopify-section {
3106    background-color: var(--pdp-background-color);
3107  }
3108
3109  body.collection .shopify-section.results-listing {
3110    background-color: var(--collection-background-color) !important;
3111
3112    & > .page-container {
3113      background-color: var(--collection-background-color) !important;
3114    }
3115  }
3116
3117  @media all and (max-width: 1023px) {
3118    body.collection .shopify-section.results-listing {
3119
3120      & > .page-container {
3121        padding-left: 0;
3122        padding-right: 0;
3123      }
3124    }
3125  }
3126</style><style>
3127        .font-ivyora-display {
3128          font-family: "ivyora-display", sans-serif;
3129        }
3130        body.product-laurapark.product__laura-park-bundle [id$="pdp-fit-specifications"] {
3131          display: none;
3132        }
3133        [data-products-grid] >
3133 .Component__ProductThumbnailContainer.col-span-2 + .Component__ProductThumbnailContainer.col-span-2 {
3134          display: none !important;                                                                                                                 
3135        }    
3136        [id$="pdp-fit-specifications"] {
3137          background-color: rgb(250 250 251 / var(--tw-bg-opacity, 1));
3138        }
3139        @media (max-width: 1023px) {
3140          .ScrollContainer__width-overflow-controller .Component__ProductThumbnail .group\/ColorPickerSwatch:nth-child(n+7) {
3141            display: none;
3142          }
3143        }
3144        body.product-laurapark .image-gallery-cls-controller + .p-4.mt-3.rounded-md.border {
3145          display: none;
3146        }
3147        @media (max-width: 1023px) {
3148          .ProductThumbnail__SaleBadgeTag {
3149            margin-top: 0px;
3150          }
3151        }
3152        /* #shop-hcaptcha-badge-container — removed, was breaking hcaptcha challenge popup */
3153        @media (max-width: 1023px) {
3154          body.collection .kl-teaser-TWCtmf {
3155            display: none !important;
3156          }
3157        }
3158        @media (min-width: 1024px) {
3159          .main-dropdown-trigger .nav-link-description {
3160            
3161          }
3162          body.cart-is-opened #gorgias-chat-container #chat-window {
3163            z-index: 1 !important;
3164          }
3165        }
3166        @media (max-width: 1023px) {
3167          body.page-sun-layout-home .hero--width-container {
3168            margin-top: 0px !important;
3169          }
3170          html {
3171            overflow: visible !important;
3172          }
3173        }
3174
3175        
3176
3177        [data-product-handle] {
3178          scroll-margin-top: var(--header-height);
3179        }
3180
3181        #headless-filterable-results-listing-app-results_listing_HLQBzU .Component__ProductThumbnail img {
3182          min-height: auto !important;
3183        }
3184
3185        body .Component__ProductThumbnail img {
3186          min-height: auto !important;
3187        }
3188
3189      </style>
3190      
3190<script>
3191        document.addEventListener('DOMContentLoaded', function () {
3192          const dropdownDescriptions = document.querySelectorAll('.main-dropdown-trigger .nav-link-description');
3193        
3194          if (dropdownDescriptions.length === 1) {
3195            // If there's only one, modify its class
3196            dropdownDescriptions[0].classList.remove('xl:hidden');
3197            dropdownDescriptions[0].classList.add('xl:inline');
3198          } else if (dropdownDescriptions.length > 1) {
3199            // If there are multiple, choose one at random
3200            const randomIndex = Math.floor(Math.random() * dropdownDescriptions.length);
3201            dropdownDescriptions[randomIndex].classList.remove('xl:hidden');
3202            dropdownDescriptions[randomIndex].classList.add('xl:inline');
3203          }
3204        });
3205        
3206      </script>
3206
3207
3208      
3209      
3209<script>
3210        (() => {
3211          // Extract the current URL
3212          const currentUrl = new URL(window.location.href);
3213    
3214          // Check if the domain contains 'shopifypreview.com'
3215          if (currentUrl.hostname.includes('shopifypreview.com')) {
3216              // Check if the URL has 'products_preview?preview_key'
3217              const previewKey = currentUrl.searchParams.get('preview_key');
3218              if (previewKey) {
3219                  // Construct the new URL
3220                  
3221                  const newUrl = `https://${window.Shopify.shop}/products_preview?preview_key=${previewKey}&preview_theme_id=125500457039`;
3222                  
3223                  // Redirect to the new URL
3224                  window.redirectToStagingUrl = newUrl
3225              }
3226          }
3227        })();
3228      </script>
3228
3229      
3230            <!-- BEGIN app block: shopify://apps/seowill-redirects/blocks/brokenlink-404/cc7b1996-e567-42d0-8862-356092041863 -->
3231<script type="text/javascript">
3232    !function(t){var e={};function r(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=11)}([function(t,e,r){"use strict";var n=r(2),o=Object.prototype.toString;function i(t){return"[object Array]"===o.call(t)}function a(t){return"undefined"===typeof t}function u(t){return null!==t&&"object"===typeof t}function s(t){return"[object Function]"===o.call(t)}function c(t,e){if(null!==t&&"undefined"!==typeof t)if("object"!==typeof t&&(t=[t]),i(t))for(var r=0,n=t.length;r<n;r++)e.call(null,t[r],r,t);else for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.call(null,t[o],o,t)}t.exports={isArray:i,isArrayBuffer:function(t){return"[object ArrayBuffer]"===o.call(t)},isBuffer:function(t){return null!==t&&!a(t)&&null!==t.constructor&&!a(t.constructor)&&"function"===typeof t.constructor.isBuffer&&t.constructor.isBuffer(t)},isFormData:function(t){return"undefined"!==typeof FormData&&t instanceof FormData},isArrayBufferView:function(t){return"undefined"!==typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(t):t&&t.buffer&&t.buffer instanceof ArrayBuffer},isString:function(t){return"string"===typeof t},isNumber:function(t){return"number"===typeof t},isObject:u,isUndefined:a,isDate:function(t){return"[object Date]"===o.call(t)},isFile:function(t){return"[object File]"===o.call(t)},isBlob:function(t){return"[object Blob]"===o.call(t)},isFunction:s,isStream:function(t){return u(t)&&s(t.pipe)},isURLSearchParams:function(t){return"undefined"!==typeof URLSearchParams&&t instanceof URLSearchParams},isStandardBrowserEnv:function(){return("undefined"===typeof navigator||"ReactNative"!==navigator.product&&"NativeScript"!==navigator.product&&"NS"!==navigator.product)&&("undefined"!==typeof window&&"undefined"!==typeof document)},forEach:c,merge:function t(){var e={};function r(r,n){"object"===typeof e[n]&&"object"===typeof r?e[n]=t(e[n],r):e[n]=r}for(var n=0,o=arguments.length;n<o;n++)c(arguments[n],r);return e},deepMerge:function t(){var e={};function r(r,n){"object"===typeof e[n]&&"object"===typeof r?e[n]=t(e[n],r):e[n]="object"===typeof r?t({},r):r}for(var n=0,o=arguments.length;n<o;n++)c(arguments[n],r);return e},extend:function(t,e,r){return c(e,(function(e,o){t[o]=r&&"function"===typeof e?n(e,r):e})),t},trim:function(t){return t.replace(/^\s*/,"").replace(/\s*$/,"")}}},function(t,e,r){t.exports=r(12)},function(t,e,r){"use strict";t.exports=function(t,e){return function(){for(var r=new Array(arguments.length),n=0;n<r.length;n++)r[n]=arguments[n];return t.apply(e,r)}}},function(t,e,r){"use strict";var n=r(0);function o(t){return encodeURIComponent(t).replace(/%40/gi,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"+").replace(/%5B/gi,"[").replace(/%5D/gi,"]")}t.exports=function(t,e,r){if(!e)return t;var i;if(r)i=r(e);else if(n.isURLSearchParams(e))i=e.toString();else{var a=[];n.forEach(e,(function(t,e){null!==t&&"undefined"!==typeof t&&(n.isArray(t)?e+="[]":t=[t],n.forEach(t,(function(t){n.isDate(t)?t=t.toISOString():n.isObject(t)&&(t=JSON.stringify(t)),a.push(o(e)+"="+o(t))})))})),i=a.join("&")}if(i){var u=t.indexOf("#");-1!==u&&(t=t.slice(0,u)),t+=(-1===t.indexOf("?")?"?":"&")+i}return t}},function(t,e,r){"use strict";t.exports=function(t){return!(!t||!t.__CANCEL__)}},function(t,e,r){"use strict";(function(e){var n=r(0),o=r(19),i={"Content-Type":"application/x-www-form-urlencoded"};function a(t,e){!n.isUndefined(t)&&n.isUndefined(t["Content-Type"])&&(t["Content-Type"]=e)}var u={adapter:function(){var t;return("undefined"!==typeof XMLHttpRequest||"undefined"!==typeof e&&"[object process]"===Object.prototype.toString.call(e))&&(t=r(6)),t}(),transformRequest:[function(t,e){return o(e,"Accept"),o(e,"Content-Type"),n.isFormData(t)||n.isArrayBuffer(t)||n.isBuffer(t)||n.isStream(t)||n.isFile(t)||n.isBlob(t)?t:n.isArrayBufferView(t)?t.buffer:n.isURLSearchParams(t)?(a(e,"application/x-www-form-urlencoded;charset=utf-8"),t.toString()):n.isObject(t)?(a(e,"application/json;charset=utf-8"),JSON.stringify(t)):t}],transformResponse:[function(t){if("string"===typeof t)try{t=JSON.parse(t)}catch(e){}return t}],timeout:0,xsrfCookieName:"XSRF-TOKEN",xsrfHeaderName:"X-XSRF-TOKEN",maxContentLength:-1,validateStatus:function(t){return t>=200&&t<300},headers:{common:{Accept:"application/json, text/plain, */*"}}};
3232n.forEach(["delete","get","head"],(function(t){u.headers[t]={}})),n.forEach(["post","put","patch"],(function(t){u.headers[t]=n.merge(i)})),t.exports=u}).call(this,r(18))},function(t,e,r){"use strict";var n=r(0),o=r(20),i=r(3),a=r(22),u=r(25),s=r(26),c=r(7);t.exports=function(t){return new Promise((function(e,f){var l=t.data,p=t.headers;n.isFormData(l)&&delete p["Content-Type"];var h=new XMLHttpRequest;if(t.auth){var d=t.auth.username||"",m=t.auth.password||"";p.Authorization="Basic "+btoa(d+":"+m)}var y=a(t.baseURL,t.url);if(h.open(t.method.toUpperCase(),i(y,t.params,t.paramsSerializer),!0),h.timeout=t.timeout,h.onreadystatechange=function(){if(h&&4===h.readyState&&(0!==h.status||h.responseURL&&0===h.responseURL.indexOf("file:"))){var r="getAllResponseHeaders"in h?u(h.getAllResponseHeaders()):null,n={data:t.responseType&&"text"!==t.responseType?h.response:h.responseText,status:h.status,statusText:h.statusText,headers:r,config:t,request:h};o(e,f,n),h=null}},h.onabort=function(){h&&(f(c("Request aborted",t,"ECONNABORTED",h)),h=null)},h.onerror=function(){f(c("Network Error",t,null,h)),h=null},h.ontimeout=function(){var e="timeout of "+t.timeout+"ms exceeded";t.timeoutErrorMessage&&(e=t.timeoutErrorMessage),f(c(e,t,"ECONNABORTED",h)),h=null},n.isStandardBrowserEnv()){var v=r(27),g=(t.withCredentials||s(y))&&t.xsrfCookieName?v.read(t.xsrfCookieName):void 0;g&&(p[t.xsrfHeaderName]=g)}if("setRequestHeader"in h&&n.forEach(p,(function(t,e){"undefined"===typeof l&&"content-type"===e.toLowerCase()?delete p[e]:h.setRequestHeader(e,t)}
3232)),n.isUndefined(t.withCredentials)||(h.withCredentials=!!t.withCredentials),t.responseType)try{h.responseType=t.responseType}catch(w){if("json"!==t.responseType)throw w}"function"===typeof t.onDownloadProgress&&h.addEventListener("progress",t.onDownloadProgress),"function"===typeof t.onUploadProgress&&h.upload&&h.upload.addEventListener("progress",t.onUploadProgress),t.cancelToken&&t.cancelToken.promise.then((function(t){h&&(h.abort(),f(t),h=null)})),void 0===l&&(l=null),h.send(l)}))}},function(t,e,r){"use strict";var n=r(21);t.exports=function(t,e,r,o,i){var a=new Error(t);return n(a,e,r,o,i)}},function(t,e,r){"use strict";var n=r(0);t.exports=function(t,e){e=e||{};var r={},o=["url","method","params","data"],i=["headers","auth","proxy"],a=["baseURL","url","transformRequest","transformResponse","paramsSerializer","timeout","withCredentials","adapter","responseType","xsrfCookieName","xsrfHeaderName","onUploadProgress","onDownloadProgress","maxContentLength","validateStatus","maxRedirects","httpAgent","httpsAgent","cancelToken","socketPath"];n.forEach(o,(function(t){"undefined"!==typeof e[t]&&(r[t]=e[t])})),n.forEach(i,(function(o){n.isObject(e[o])?r[o]=n.deepMerge(t[o],e[o]):"undefined"!==typeof e[o]?r[o]=e[o]:n.isObject(t[o])?r[o]=n.deepMerge(t[o]):"undefined"!==typeof t[o]&&(r[o]=t[o])})),n.forEach(a,(function(n){"undefined"!==typeof e[n]?r[n]=e[n]:"undefined"!==typeof t[n]&&(r[n]=t[n])}));var u=o.concat(i).concat(a),s=Object.keys(e).filter((function(t){return-1===u.indexOf(t)}));return n.forEach(s,(function(n){"undefined"!==typeof e[n]?r[n]=e[n]:"undefined"!==typeof t[n]&&(r[n]=t[n])})),r}},function(t,e,r){"use strict";function n(t){this.message=t}n.prototype.toString=function(){return"Cancel"+(this.message?": "+this.message:"")},n.prototype.__CANCEL__=!0,t.exports=n},function(t,e,r){t.exports=r(13)},function(t,e,r){t.exports=r(30)},function(t,e,r){var n=function(t){"use strict";var e=Object.prototype,r=e.hasOwnProperty,n="function"===typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",i=n.asyncIterator||"@@asyncIterator",a=n.toStringTag||"@@toStringTag";function u(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{u({},"")}catch(S){u=function(t,e,r){return t[e]=r}}function s(t,e,r,n){var o=e&&e.prototype instanceof l?e:l,i=Object.create(o.prototype),a=new L(n||[]);return i._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return j()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var u=x(a,r);if(u){if(u===f)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var s=c(t,e,r);if("normal"===s.type){if(n=r.done?"completed":"suspendedYield",s.arg===f)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n="completed",r.method="throw",r.arg=s.arg)}}}(t,r,a),i}function c(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(S){return{type:"throw",arg:S}}}t.wrap=s;var f={};function l(){}function p(){}function h(){}var d={};d[o]=function(){return this};var m=Object.getPrototypeOf,y=m&&m(m(T([])));y&&y!==e&&r.call(y,o)&&(d=y);var v=h.prototype=l.prototype=Object.create(d);function g(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function w(t,e){var n;this._invoke=function(o,i){function a(){return new e((function(n,a){!function n(o,i,a,u){var s=c(t[o],t,i);if("throw"!==s.type){var f=s.arg,l=f.value;return l&&"object"===typeof l&&r.call(l,"__await")?e.resolve(l.__await).then((function(t){n("next",t,a,u)}),(function(t){n("throw",t,a,u)})):e.resolve(l).then((function(t){f.value=t,a(f)}),(function(t){return n("throw",t,a,u)}))}u(s.arg)}(o,i,n,a)}))}return n=n?n.then(a,a):a()}}function x(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,x(t,e),"throw"===e.method))return f;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var n=c(r,t.iterator,e.arg);
vendor: 4,150 bytes, line 3232
3232if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,f;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,f):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,f)}function b(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function L(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(b,this),this.reset(!0)}function T(t){if(t){var e=t[o];if(e)return e.call(t);if("function"===typeof t.next)return t;if(!isNaN(t.length)){var n=-1,i=function e(){for(;++n<t.length;)if(r.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return i.next=i}}return{next:j}}function j(){return{value:void 0,done:!0}}return p.prototype=v.constructor=h,h.constructor=p,p.displayName=u(h,a,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"===typeof t&&t.constructor;return!!e&&(e===p||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,h):(t.__proto__=h,u(t,a,"GeneratorFunction")),t.prototype=Object.create(v),t},t.awrap=function(t){return{__await:t}},g(w.prototype),w.prototype[i]=function(){return this},t.AsyncIterator=w,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new w(s(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},g(v),u(v,a,"Generator"),v[o]=function(){return this},v.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=T,L.prototype={constructor:L,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!t)for(var e in this)"t"===e.charAt(0)&&r.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function n(r,n){return a.type="throw",a.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var u=r.call(i,"catchLoc"),s=r.call(i,"finallyLoc");if(u&&s){if(this.prev<i.catchLoc)return n(i.catchLoc,!0);if(this.prev<i.finallyLoc)return n(i.finallyLoc)}else if(u){if(this.prev<i.catchLoc)return n(i.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return n(i.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,f):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),f},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),E(r),f}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;E(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:T(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),f}},t}(t.exports);try{regeneratorRuntime=n}catch(o){Function("r","regeneratorRuntime = r")(n)}},function(t,e,r){"use strict";
vendor: 4,245 bytes, line 3232
3232var n=r(0),o=r(2),i=r(14),a=r(8);function u(t){var e=new i(t),r=o(i.prototype.request,e);return n.extend(r,i.prototype,e),n.extend(r,e),r}var s=u(r(5));s.Axios=i,s.create=function(t){return u(a(s.defaults,t))},s.Cancel=r(9),s.CancelToken=r(28),s.isCancel=r(4),s.all=function(t){return Promise.all(t)},s.spread=r(29),t.exports=s,t.exports.default=s},function(t,e,r){"use strict";var n=r(0),o=r(3),i=r(15),a=r(16),u=r(8);function s(t){this.defaults=t,this.interceptors={request:new i,response:new i}}s.prototype.request=function(t){"string"===typeof t?(t=arguments[1]||{}).url=arguments[0]:t=t||{},(t=u(this.defaults,t)).method?t.method=t.method.toLowerCase():this.defaults.method?t.method=this.defaults.method.toLowerCase():t.method="get";var e=[a,void 0],r=Promise.resolve(t);for(this.interceptors.request.forEach((function(t){e.unshift(t.fulfilled,t.rejected)})),this.interceptors.response.forEach((function(t){e.push(t.fulfilled,t.rejected)}));e.length;)r=r.then(e.shift(),e.shift());return r},s.prototype.getUri=function(t){return t=u(this.defaults,t),o(t.url,t.params,t.paramsSerializer).replace(/^\?/,"")},n.forEach(["delete","get","head","options"],(function(t){s.prototype[t]=function(e,r){return this.request(n.merge(r||{},{method:t,url:e}))}})),n.forEach(["post","put","patch"],(function(t){s.prototype[t]=function(e,r,o){return this.request(n.merge(o||{},{method:t,url:e,data:r}))}})),t.exports=s},function(t,e,r){"use strict";var n=r(0);function o(){this.handlers=[]}o.prototype.use=function(t,e){return this.handlers.push({fulfilled:t,rejected:e}),this.handlers.length-1},o.prototype.eject=function(t){this.handlers[t]&&(this.handlers[t]=null)},o.prototype.forEach=function(t){n.forEach(this.handlers,(function(e){null!==e&&t(e)}))},t.exports=o},function(t,e,r){"use strict";var n=r(0),o=r(17),i=r(4),a=r(5);function u(t){t.cancelToken&&t.cancelToken.throwIfRequested()}t.exports=function(t){return u(t),t.headers=t.headers||{},t.data=o(t.data,t.headers,t.transformRequest),t.headers=n.merge(t.headers.common||{},t.headers[t.method]||{},t.headers),n.forEach(["delete","get","head","post","put","patch","common"],(function(e){delete t.headers[e]})),(t.adapter||a.adapter)(t).then((function(e){return u(t),e.data=o(e.data,e.headers,t.transformResponse),e}),(function(e){return i(e)||(u(t),e&&e.response&&(e.response.data=o(e.response.data,e.response.headers,t.transformResponse))),Promise.reject(e)}))}},function(t,e,r){"use strict";var n=r(0);t.exports=function(t,e,r){return n.forEach(r,(function(r){t=r(t,e)})),t}},function(t,e){var r,n,o=t.exports={};function i(){throw new Error("setTimeout has not been defined")}function a(){throw new Error("clearTimeout has not been defined")}function u(t){if(r===setTimeout)return setTimeout(t,0);if((r===i||!r)&&setTimeout)return r=setTimeout,setTimeout(t,0);try{return r(t,0)}catch(e){try{return r.call(null,t,0)}catch(e){return r.call(this,t,0)}}}!function(){try{r="function"===typeof setTimeout?setTimeout:i}catch(t){r=i}try{n="function"===typeof clearTimeout?clearTimeout:a}catch(t){n=a}}();var s,c=[],f=!1,l=-1;function p(){f&&s&&(f=!1,s.length?c=s.concat(c):l=-1,c.length&&h())}function h(){if(!f){var t=u(p);f=!0;for(var e=c.length;e;){for(s=c,c=[];++l<e;)s&&s[l].run();l=-1,e=c.length}s=null,f=!1,function(t){if(n===clearTimeout)return clearTimeout(t);if((n===a||!n)&&clearTimeout)return n=clearTimeout,clearTimeout(t);try{n(t)}catch(e){try{return n.call(null,t)}catch(e){return n.call(this,t)}}}(t)}}function d(t,e){this.fun=t,this.array=e}function m(){}o.nextTick=function(t){var e=new Array(arguments.length-1);if(arguments.length>1)for(var r=1;r<arguments.length;r++)e[r-1]=arguments[r];c.push(new d(t,e)),1!==c.length||f||u(h)},d.prototype.run=function(){this.fun.apply(null,this.array)},o.title="browser",o.browser=!0,o.env={},o.argv=[],o.version="",o.versions={},o.on=m,o.addListener=m,o.once=m,o.off=m,o.removeListener=m,o.removeAllListeners=m,o.emit=m,o.prependListener=m,o.prependOnceListener=m,o.listeners=function(t){return[]},o.binding=function(t){throw new Error("process.binding is not supported")},o.cwd=function(){return"/"},o.chdir=function(t){throw new Error("process.chdir is not supported")},o.umask=function(){return 0}},function(t,e,r){"use strict";var n=r(0);
vendor: 1,433 bytes, line 3232
3232t.exports=function(t,e){n.forEach(t,(function(r,n){n!==e&&n.toUpperCase()===e.toUpperCase()&&(t[e]=r,delete t[n])}))}},function(t,e,r){"use strict";var n=r(7);t.exports=function(t,e,r){var o=r.config.validateStatus;!o||o(r.status)?t(r):e(n("Request failed with status code "+r.status,r.config,null,r.request,r))}},function(t,e,r){"use strict";t.exports=function(t,e,r,n,o){return t.config=e,r&&(t.code=r),t.request=n,t.response=o,t.isAxiosError=!0,t.toJSON=function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}},t}},function(t,e,r){"use strict";var n=r(23),o=r(24);t.exports=function(t,e){return t&&!n(e)?o(t,e):e}},function(t,e,r){"use strict";t.exports=function(t){return/^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(t)}},function(t,e,r){"use strict";t.exports=function(t,e){return e?t.replace(/\/+$/,"")+"/"+e.replace(/^\/+/,""):t}},function(t,e,r){"use strict";var n=r(0),o=["age","authorization","content-length","content-type","etag","expires","from","host","if-modified-since","if-unmodified-since","last-modified","location","max-forwards","proxy-authorization","referer","retry-after","user-agent"];t.exports=function(t){var e,r,i,a={};return t?(n.forEach(t.split("\n"),(function(t){if(i=t.indexOf(":"),e=n.trim(t.substr(0,i)).toLowerCase(),r=n.trim(t.
3232substr(i+1)),e){if(a[e]&&o.indexOf(e)>=0)return;a[e]="set-cookie"===e?(a[e]?a[e]:[]).concat([r]):a[e]?a[e]+", "+r:r}})),a):a}},function(t,e,r){"use strict";var n=r(0);t.exports=n.isStandardBrowserEnv()?function(){var t,e=/(msie|trident)/i.test(navigator.userAgent),r=document.createElement("a");function o(t){var n=t;return e&&(r.setAttribute("href",n),n=r.href),r.setAttribute("href",n),{href:r.href,protocol:r.protocol?r.protocol.replace(/:$/,""):"",host:r.host,search:r.search?r.search.replace(/^\?/,""):"",hash:r.hash?r.hash.replace(/^#/,""):"",hostname:r.hostname,port:r.port,pathname:"/"===r.pathname.charAt(0)?r.pathname:"/"+r.pathname}}return t=o(window.location.href),function(e){var r=n.isString(e)?o(e):e;return r.protocol===t.protocol&&r.host===t.host}}():function(){return!0}},function(t,e,r){"use strict";var n=r(0);t.exports=n.isStandardBrowserEnv()?{write:function(t,e,r,o,i,a){var u=[];u.push(t+"="+encodeURIComponent(e)),n.isNumber(r)&&u.push("expires="+new Date(r).toGMTString()),n.isString(o)&&u.push("path="+o),n.isString(i)&&u.push("domain="+i),!0===a&&u.push("secure"),document.cookie=u.join("; ")},read:function(t){var e=document.cookie.match(new RegExp("(^|;\\s*)("+t+")=([^;]*)"));return e?decodeURIComponent(e[3]):null},remove:function(t){this.write(t,"",Date.now()-864e5)}}:{write:function(){},read:function(){return null},remove:function(){}}},function(t,e,r){"use strict";var n=r(9);function o(t){if("function"!==typeof t)throw new TypeError("executor must be a function.");var e;this.promise=new Promise((function(t){e=t}));var r=this;t((function(t){r.reason||(r.reason=new n(t),e(r.reason))}))}o.prototype.throwIfRequested=function(){if(this.reason)throw this.reason},o.source=function(){var t;return{token:new o((function(e){t=e})),cancel:t}},t.exports=o},function(t,e,r){"use strict";t.exports=function(t){return function(e){return t.apply(null,e)}}},function(t,e,r){"use strict";r.r(e);var n=r(1),o=r.n(n);function i(t,e,r,n,o,i,a){try{var u=t[i](a),s=u.value}catch(c){return void r(c)}u.done?e(s):Promise.resolve(s).then(n,o)}function a(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var a=t.apply(e,r);function u(t){i(a,n,o,u,s,"next",t)}function s(t){i(a,n,o,u,s,"throw",t)}u(void 0)}))}}var u=r(10),s=r.n(u);var c=function(t){return function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"GET";return r=r.toUpperCase(),new Promise((function(n){var o;"GET"===r&&(o=s.a.get(t,{params:e})),o.then((function(t){n(t.data)}))}))}("/apps/broken-link-manager/receive_id",t,"GET")};function f(){return(f=a(o.a.mark((function t(e,r,n){var i;return o.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return i={shop:e,code:r,gbaid:n},t.next=3,c(i);case 3:t.sent;case 4:case"end":return t.stop()}}),t)})))).apply(this,arguments)}var l=window.location.href;if(-1!=l.indexOf("gbaid")){var p=l.split("gbaid");if(void 0!=p[1]){var h=window.location.pathname+window.location.search;window.history.pushState({},0,h),function(t,e,r){f.apply(this,arguments)}("beta23.myshopify.com","",p[1])}}}]);
3233</script>
3233<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 -->
3234
3235
3236
3237<script type="module" dynamic>
3238  const configUrl = "/a/elevar/static/configs/74c1f0c20ae62a087aff68e71bbf66d335316dc4/config.js";
3239  const config = (await import(configUrl)).default;
3240  const scriptUrl = config.script_src_app_theme_embed;
3241
3242  if (scriptUrl) {
3243    const { handler } = await import(scriptUrl);
3244
3245    await handler(
3246      config,
3247      {
3248        cartData: {
3249  marketId: "12463931471",
3250  localeCountryCode:"US",
3251  attributes:{},
3252  cartTotal: "0.0",
3253  currencyCode:"USD",
3254  items: []
3255}
3256,
3257        user: {
3258  cartTotal: "0.0",
3259  currencyCode:"USD",
3260  customer: {},
3261}
3262,
3263        isOnCartPage:false,
3264        collectionView:null,
3265        searchResultsView:null,
3266        productView:null,
3267      }
3268    );
3269  }
3270</script>
3270
3271
3272
3273<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
3274
3275
3276
3277
3278
3279
3280
3281
3282
3283
3284
3285
3286  
3286<script async src="https://static.klaviyo.com/onsite/js/LS5KAH/klaviyo.js?company_id=LS5KAH"></script>
3286
3287  
3287<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>
3287
3288
3289  
3290
3291
3292
3293
3294  
3294<script>
3295    window.klaviyoReviewsProductDesignMode = false
3296  </script>
3296
3297
3298
3299
3300
3301
3302
3303
3304
3305
3306<!-- END app block --><!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields -->
3307
3308
3309
3310
3311
3312
3313
3314
3315
3316
3317
3318
3319    
3320        <style data-oke-reviews-version="0.81.8" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/okendo-reviews-styles.9d163ae1.css"></style><style data-oke-reviews-version="0.81.8" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-star-rating.4cb378a8.css"></style><style data-oke-reviews-version="0.81.8" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-reviews-keywords.0942444f.css"></style><style data-oke-reviews-version="0.81.8" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-reviews-summary.a0c9d7d6.css"></style><style type="text/css">.okeReviews[data-oke-container],div.okeReviews{font-size:14px;font-size:var(--oke-text-regular);font-weight:400;font-family:var(--oke-text-fontFamily);line-height:1.6}.okeReviews[data-oke-container] *,.okeReviews[data-oke-container] :after,.okeReviews[data-oke-container] :before,div.okeReviews *,div.okeReviews :after,div.okeReviews :before{box-sizing:border-box}.okeReviews[data-oke-container] h1,.okeReviews[data-oke-container] h2,.okeReviews[data-oke-container] h3,.okeReviews[data-oke-container] h4,.okeReviews[data-oke-container] h5,.okeReviews[data-oke-container] h6,div.okeReviews h1,div.okeReviews h2,div.okeReviews h3,div.okeReviews h4,div.okeReviews h5,div.okeReviews h6{font-size:1em;font-weight:400;line-height:1.4;margin:0}.okeReviews[data-oke-container] ul,div.okeReviews ul{padding:0;margin:0}.okeReviews[data-oke-container] li,div.okeReviews li{list-style-type:none;padding:0}.okeReviews[data-oke-container] p,div.okeReviews p{line-height:1.8;margin:0 0 4px}.okeReviews[data-oke-container] p:last-child,div.okeReviews p:last-child{margin-bottom:0}.okeReviews[data-oke-container] a,div.okeReviews a{text-decoration:none;color:inherit}.okeReviews[data-oke-container] button,div.okeReviews button{border-radius:0;border:0;box-shadow:none;margin:0;width:auto;min-width:auto;padding:0;background-color:transparent;min-height:auto}.okeReviews[data-oke-container] button,.okeReviews[data-oke-container] input,.okeReviews[data-oke-container] select,.okeReviews[data-oke-container] textarea,div.okeReviews button,div.okeReviews input,div.okeReviews select,div.okeReviews textarea{font-family:inherit;font-size:1em}.okeReviews[data-oke-container] label,.okeReviews[data-oke-container] select,div.okeReviews label,div.okeReviews select{display:inline}.okeReviews[data-oke-container] select,div.okeReviews select{width:auto}.okeReviews[data-oke-container] article,.okeReviews[data-oke-container] aside,div.okeReviews article,div.okeReviews aside{margin:0}.okeReviews[data-oke-container] table,div.okeReviews table{background:transparent;border:0;border-collapse:collapse;border-spacing:0;font-family:inherit;font-size:1em;table-layout:auto}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,.okeReviews[data-oke-container] table tr,div.okeReviews table td,div.okeReviews table th,div.okeReviews table tr{border:0;font-family:inherit;font-size:1em}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,div.okeReviews table td,div.okeReviews table th{background:transparent;font-weight:400;letter-spacing:normal;padding:0;text-align:left;text-transform:none;vertical-align:middle}.okeReviews[data-oke-container] table tr:hover td,.okeReviews[data-oke-container] table tr:hover th,div.okeReviews table tr:hover td,div.okeReviews table tr:hover th{background:transparent}.okeReviews[data-oke-container] fieldset,div.okeReviews fieldset{border:0;padding:0;margin:0;min-width:0}.okeReviews[data-oke-container] img,.okeReviews[data-oke-container] svg,div.okeReviews img,div.okeReviews svg{max-width:none}.okeReviews[data-oke-container] div:empty,div.okeReviews div:empty{display:block}.okeReviews[data-oke-container] .oke-icon:before,div.okeReviews .oke-icon:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit}.okeReviews[data-oke-container] .oke-icon--select-arrow:before,div.okeReviews .oke-icon--select-arrow:before{content:""}.okeReviews[data-oke-container] .oke-icon--loading:before,div.okeReviews .oke-icon--loading:before{content:""}
3320.okeReviews[data-oke-container] .oke-icon--pencil:before,div.okeReviews .oke-icon--pencil:before{content:""}.okeReviews[data-oke-container] .oke-icon--filter:before,div.okeReviews .oke-icon--filter:before{content:""}.okeReviews[data-oke-container] .oke-icon--play:before,div.okeReviews .oke-icon--play:before{content:""}.okeReviews[data-oke-container] .oke-icon--tick-circle:before,div.okeReviews .oke-icon--tick-circle:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-left:before,div.okeReviews .oke-icon--chevron-left:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-right:before,div.okeReviews .oke-icon--chevron-right:before{content:""}.okeReviews[data-oke-container] .oke-icon--thumbs-down:before,div.okeReviews .oke-icon--thumbs-down:before{content:""}.okeReviews[data-oke-container] .oke-icon--thumbs-up:before,div.okeReviews .oke-icon--thumbs-up:before{content:""}.okeReviews[data-oke-container] .oke-icon--close:before,div.okeReviews .oke-icon--close:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-up:before,div.okeReviews .oke-icon--chevron-up:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-down:before,div.okeReviews .oke-icon--chevron-down:before{content:""}.okeReviews[data-oke-container] .oke-icon--star:before,div.okeReviews .oke-icon--star:before{content:""}.okeReviews[data-oke-container] .oke-icon--magnifying-glass:before,div.okeReviews .oke-icon--magnifying-glass:before{content:""}@font-face{font-family:oke-widget-icons;src:url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.ttf) format("truetype"),url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.woff) format("woff"),url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/img/oke-widget-icons.bc0d6b0a.svg) format("svg");font-weight:400;font-style:normal;font-display:block}.okeReviews[data-oke-container] .oke-button,div.okeReviews .oke-button{display:inline-block;border-style:solid;border-color:var(--oke-button-borderColor);border-width:var(--oke-button-borderWidth);background-color:var(--oke-button-backgroundColor);line-height:1;padding:12px 24px;margin:0;border-radius:var(--oke-button-borderRadius);color:var(--oke-button-textColor);text-align:center;position:relative;font-weight:var(--oke-button-fontWeight);font-size:var(--oke-button-fontSize);font-family:var(--oke-button-fontFamily);outline:0}.okeReviews[data-oke-container] .oke-button-text,.okeReviews[data-oke-container] .oke-button .oke-icon,div.okeReviews .oke-button-text,div.okeReviews .oke-button .oke-icon{line-height:1}.okeReviews[data-oke-container] .oke-button.oke-is-loading,div.okeReviews .oke-button.oke-is-loading{position:relative}.okeReviews[data-oke-container] .oke-button.oke-is-loading:before,div.okeReviews .oke-button.oke-is-loading:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:undefined;font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-button.oke-is-loading>*,div.okeReviews .oke-button.oke-is-loading>*{opacity:0}.okeReviews[data-oke-container] .oke-button.oke-is-active,div.okeReviews .oke-button.oke-is-active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading),div.okeReviews .oke-button:not(.oke-is-loading){cursor:pointer}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{background-color:var(--oke-button-backgroundColorHover);color:var(--oke-button-textColorHover);border-color:var(--oke-button-borderColorHover);box-shadow:0 0 0 2px var(--oke-button-backgroundColorHover)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):active,.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-title,div.okeReviews .oke-title{font-weight:var(--oke-title-fontWeight);font-size:var(--oke-title-fontSize);font-family:var(--oke-title-fontFamily)}.okeReviews[data-oke-container] .oke-bodyText,div.okeReviews .oke-bodyText{font-weight:var(--oke-bodyText-fontWeight);font-size:var(--oke-bodyText-fontSize);font-family:var(--oke-bodyText-fontFamily)}.okeReviews[data-oke-container] .oke-linkButton,div.okeReviews .oke-linkButton{curs
3320or:pointer;font-weight:700;pointer-events:auto;text-decoration:underline}.okeReviews[data-oke-container] .oke-linkButton:hover,div.okeReviews .oke-linkButton:hover{text-decoration:none}.okeReviews[data-oke-container] .oke-readMore,div.okeReviews .oke-readMore{cursor:pointer;color:inherit;text-decoration:underline}.okeReviews[data-oke-container] .oke-select,div.okeReviews .oke-select{cursor:pointer;background-repeat:no-repeat;background-position-x:100%;background-position-y:50%;border:none;padding:0 24px 0 12px;-moz-appearance:none;appearance:none;color:inherit;-webkit-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");outline-offset:4px}.okeReviews[data-oke-container] .oke-select:disabled,div.okeReviews .oke-select:disabled{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%239a9db1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.okeReviews[data-oke-container] .oke-loader,div.okeReviews .oke-loader{position:relative}.okeReviews[data-oke-container] .oke-loader:before,div.okeReviews .oke-loader:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:var(--oke-text-secondaryColor);font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-a11yText,div.okeReviews .oke-a11yText{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.okeReviews[data-oke-container] .oke-hidden,div.okeReviews .oke-hidden{display:none}.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2147483647;max-height:100%;background-color:rgba(0,0,0,.5);padding:40px 0 32px}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{display:flex;align-items:center;padding:48px 0}}.okeReviews[data-oke-container] .oke-modal ::-moz-selection,div.okeReviews .oke-modal ::-moz-selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal ::selection,div.okeReviews .oke-modal ::selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal,.okeReviews[data-oke-container] .oke-modal p,div.okeReviews .oke-modal,div.okeReviews .oke-modal p{color:#272d45}.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{background-color:#fff;margin:auto;position:relative;will-change:transform,opacity;width:calc(100% - 64px)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{max-width:1000px}}.okeReviews[data-oke-container] .oke-modal-close,div.okeReviews .oke-modal-close{cursor:pointer;position:absolute;width:32px;height:32px;top:-32px;padding:4px;right:-4px;line-height:1}.okeReviews[data-oke-container] .oke-modal-close:before,div.okeReviews .oke-modal-close:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:#fff;font-size:24px;display:inline-block;width:24px;height:24px}.okeReviews[data-oke-container] .oke-modal-overlay,div.okeReviews .oke-modal-overlay{background-color:rgba(43,46,56,.9)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal--large .oke-modal-content,div.okeReviews .oke-modal--large .oke-modal-content{max-width:1200px}}.okeReviews[data-oke-container] .oke-modal .oke-helpful,.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date,div.okeReviews .oke-modal .oke-helpful,div.okeReviews .oke-modal .oke-helpful-vote-button,div.okeReviews .oke-modal .oke-reviewContent-date{color:#676986}.oke-modal .okeReviews[data-oke-container].oke-w,.oke-modal div.okeReviews.oke-w{color:#272d45}.okeReviews[data-oke-container] .oke-tag,div.okeReviews .oke-tag{align-items:center;color:#272d45;display:flex;font-size:var(--oke-text-small);font-weight:600;text-align:left;position:relative;z-index:2;background-color:#f4f4f6;padding:4px 6px;border:none;border-radius:4px;gap:6px;line-height:1}.okeReviews[data-oke-container] .oke-tag svg,div.okeReviews .oke-tag svg{fill:currentColor;height:1rem}.okeReviews[data-oke-container] .hooper,div.okeReviews .hooper{height:auto}.okeReviews--left{text-align:left}.okeReviews--right{text-align:right}.okeReviews--center{text-align:center}.okeReviews :not([tabindex="-1"]):focus-visible{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.is-oke-modalOpen{overflow:hidden!important}img.oke-is-error{background-color:var(--oke-shadingColor);background-size:cover;background-position:50% 50%;box-shadow:inset 0 0 0 1px var(--oke-border-color)}@keyframes oke-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes oke-fade-in{0%{opacity:0}
3320to{opacity:1}}
3321.oke-stars{line-height:1;position:relative;display:inline-block}.oke-stars-background svg{overflow:visible}.oke-stars-foreground{overflow:hidden;position:absolute;top:0;left:0}.oke-sr{display:inline-block;padding-top:var(--oke-starRating-spaceAbove);padding-bottom:var(--oke-starRating-spaceBelow)}.oke-sr .oke-is-clickable{cursor:pointer}.oke-sr--hidden{display:none}.oke-sr-count,.oke-sr-rating,.oke-sr-stars{display:inline-block;vertical-align:middle}.oke-sr-stars{line-height:1;margin-right:8px}.oke-sr-rating{display:none}.oke-sr-count--brackets:before{content:"("}.oke-sr-count--brackets:after{content:")"}
3322.oke-rk{display:block}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading,div.okeReviews .oke-reviewsKeywords-heading{font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading-skeleton,div.okeReviews .oke-reviewsKeywords-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list,div.okeReviews .oke-reviewsKeywords-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category,div.okeReviews .oke-reviewsKeywords-list-category{background-color:var(--oke-filter-backgroundColor);color:var(--oke-filter-textColor);border:1px solid var(--oke-filter-borderColor);border-radius:var(--oke-filter-borderRadius);padding:6px 16px;transition:background-color .1s ease-out,border-color .1s ease-out;white-space:nowrap}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-clickable,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-clickable{cursor:pointer}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-active,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-active{background-color:var(--oke-filter-backgroundColorActive);color:var(--oke-filter-textColorActive);border-color:var(--oke-filter-borderColorActive)}.okeReviews[data-oke-container] .oke-reviewsKeywords .oke-translateButton,div.okeReviews .oke-reviewsKeywords .oke-translateButton{margin-top:12px}
3323.oke-rs{display:block}.oke-rs .oke-reviewsSummary.oke-is-preRender .oke-reviewsSummary-summary{-webkit-mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;max-height:150px}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip,div.okeReviews .oke-reviewsSummary .oke-tooltip{display:inline-block;font-weight:400}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip-trigger,div.okeReviews .oke-reviewsSummary .oke-tooltip-trigger{height:15px;width:15px;overflow:hidden;transform:translateY(-10%)}.okeReviews[data-oke-container] .oke-reviewsSummary-heading,div.okeReviews .oke-reviewsSummary-heading{align-items:center;-moz-column-gap:4px;column-gap:4px;display:inline-flex;font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsSummary-heading-skeleton,div.okeReviews .oke-reviewsSummary-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon,div.okeReviews .oke-reviewsSummary-icon{fill:currentColor;font-size:14px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon svg,div.okeReviews .oke-reviewsSummary-icon svg{vertical-align:baseline}.okeReviews[data-oke-container] .oke-reviewsSummary-summary.oke-is-truncated,div.okeReviews .oke-reviewsSummary-summary.oke-is-truncated{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}</style>
3324    
3325    
3325<script type="application/json" id="oke-reviews-settings">{"subscriberId":"b7670701-fed0-4c66-9595-6ffbb9defff6","analyticsSettings":{"isWidgetOnScreenTrackingEnabled":false,"provider":"gtm"},"locale":"en","localeAndVariant":{"code":"en"},"matchCustomerLocale":false,"widgetSettings":{"global":{"dateSettings":{"format":{"type":"relative"}},"hideOkendoBranding":true,"stars":{"backgroundColor":"#C8C9C7","foregroundColor":"#0C2340","interspace":2,"shape":{"type":"default"},"showBorder":false},"showIncentiveIndicator":false,"searchEnginePaginationEnabled":false,"font":{"fontType":"inherit-from-page"}},"homepageCarousel":{"slidesPerPage":{"large":3,"medium":2},"totalSlides":12,"scrollBehaviour":"slide","style":{"showDates":true,"border":{"color":"#E5E5EB","width":{"value":1,"unit":"px"}},"headingFont":{"hasCustomFontSettings":false},"bodyFont":{"hasCustomFontSettings":false},"arrows":{"color":"#676986","size":{"value":24,"unit":"px"},"enabled":true},"avatar":{"backgroundColor":"#E5E5EB","placeholderTextColor":"#2C3E50","size":{"value":48,"unit":"px"},"enabled":true},"media":{"size":{"value":80,"unit":"px"},"imageGap":{"value":4,"unit":"px"},"enabled":true},"stars":{"height":{"value":18,"unit":"px"}},"productImageSize":{"value":48,"unit":"px"},"layout":{"name":"default","reviewDetailsPosition":"below","showProductName":false,"showAttributeBars":false,"showProductVariantName":false,"showProductDetails":"only-when-grouped"},"highlightColor":"#0E7A82","spaceAbove":{"value":20,"unit":"px"},"text":{"primaryColor":"#2C3E50","fontSizeRegular":{"value":14,"unit":"px"},"fontSizeSmall":{"value":12,"unit":"px"},"secondaryColor":"#676986"},"spaceBelow":{"value":20,"unit":"px"}},"defaultSort":"rating desc","autoPlay":false,"truncation":{"bodyMaxLines":4,"enabled":true,"truncateAll":false}},"mediaCarousel":{"minimumImages":1,"linkText":"Read More","autoPlay":false,"slideSize":"medium","arrowPosition":"outside"},"mediaGrid":{"gridStyleDesktop":{"layout":"default-desktop"},"gridStyleMobile":{"layout":"default-mobile"},"showMoreArrow":{"arrowColor":"#676986","enabled":true,"backgroundColor":"#f4f4f6"},"linkText":"Read More","infiniteScroll":false,"gapSize":{"value":10,"unit":"px"}},"questions":{"initialPageSize":6,"loadMorePageSize":6},"reviewsBadge":{"layout":"large","colorScheme":"dark"},"reviewsTab":{"enabled":false},"reviewsWidget":{"tabs":{"reviews":true,"questions":false},"header":{"columnDistribution":"space-between","verticalAlignment":"top","blocks":[{"columnWidth":"one-third","modules":[{"name":"rating-average","layout":"two-line"},{"name":"recommended"}],"textAlignment":"left"},{"columnWidth":"two-thirds","modules":[{"name":"media-carousel","imageGap":{"value":4,"unit":"px"},"imageHeight":{"value":120,"unit":"px"}}],"textAlignment":"left"}]},"style":{"showDates":false,"border":{"color":"#D9DCE0","width":{"value":1,"unit":"px"}},"bodyFont":{"fontSize":{"value":18,"unit":"px"},"fontType":"use-global","fontWeight":400,"hasCustomFontSettings":true},"headingFont":{"fontSize":{"value":24,"unit":"px"},"fontType":"use-global","fontWeight":500,"hasCustomFontSettings":true},"filters":{"backgroundColorActive":"#0C2340","backgroundColor":"#FFFFFF","borderColor":"#0C2340","borderRadius":{"value":0,"unit":"px"},"borderColorActive":"#0C2340","textColorActive":"#FFFFFF","textColor":"#0C2340","searchHighlightColor":"#9ea7b3"},"avatar":{"enabled":false},"stars":{"height":{"value":15,"unit":"px"}},"shadingColor":"#F7F7F8","productImageSize":{"value":48,"unit":"px"},"button":{"backgroundColorActive":"#0C2340","borderColorHover":"#D61A69","backgroundColor":"#0C2340","borderColor":"#0C2340","backgroundColorHover":"#D61A69","textColorHover":"#FFFFFF","borderRadius":{"value":0,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"borderColorActive":"#0C2340","textColorActive":"#FFFFFF","textColor":"#FFFFFF","font":{"hasCustomFontSettings":false}},"highlightColor":"#0C2340","spaceAbove":{"value":20,"unit":"px"},"text":{"primaryColor":"#2E2F2A","fontSizeRegular":{"value":14,"unit":"px"},"fontSizeLarge":{"value":20,"unit":"px"},"fontSizeSmall":{"value":14,"unit":"px"},"secondaryColor":"#2E2F2A"},"spaceBelow":{"value":20,"unit":"px"},"attributeBar":{"style":"default","backgroundColor":"#D3D4DD","shadingColor":"#9A9DB1","markerColor":"#0C2340"}},"showWhenEmpty":false,"reviews":{"list":{"layout":{"name":"split","showAttributeBars":false,"showProductVariantName":false,"columnAmount":4,"showProductDetails":"only-when-grouped"},"initialPageSize":4,"media":{"layout":"thumbnail","size":{"value":200,"unit":"px"},"imageGap":{"value":4,"unit":"px"}},"truncation":{"bodyMaxLines":4,"truncateAll":false,"enabled":true},"loadMorePageSize":10}
3325,"controls":{"filterMode":"open-always","defaultSort":"date desc","writeReviewButtonEnabled":true,"freeTextSearchEnabled":true}}},"starRatings":{"showWhenEmpty":false,"style":{"spaceAbove":{"value":0,"unit":"px"},"text":{"content":"review-count","style":"number-only","brackets":true},"singleStar":false,"height":{"value":15,"unit":"px"},"spaceBelow":{"value":0,"unit":"px"}},"clickBehavior":"scroll-to-widget"}},"features":{"attributeFiltersEnabled":true,"recorderPlusEnabled":true,"recorderQandaPlusEnabled":true,"reviewsKeywordsEnabled":true,"reviewsSummariesEnabled":true}}</script>
3325
3326            <style id="oke-css-vars">:root{--oke-widget-spaceAbove:20px;--oke-widget-spaceBelow:20px;--oke-starRating-spaceAbove:0;--oke-starRating-spaceBelow:0;--oke-button-backgroundColor:#0c2340;--oke-button-backgroundColorHover:#d61a69;--oke-button-backgroundColorActive:#0c2340;--oke-button-textColor:#fff;--oke-button-textColorHover:#fff;--oke-button-textColorActive:#fff;--oke-button-borderColor:#0c2340;--oke-button-borderColorHover:#d61a69;--oke-button-borderColorActive:#0c2340;--oke-button-borderRadius:0;--oke-button-borderWidth:1px;--oke-button-fontWeight:700;--oke-button-fontSize:var(--oke-text-regular,14px);--oke-button-fontFamily:inherit;--oke-border-color:#d9dce0;--oke-border-width:1px;--oke-text-primaryColor:#2e2f2a;--oke-text-secondaryColor:#2e2f2a;--oke-text-small:14px;--oke-text-regular:14px;--oke-text-large:20px;--oke-text-fontFamily:inherit;--oke-avatar-size:undefined;--oke-avatar-backgroundColor:undefined;--oke-avatar-placeholderTextColor:undefined;--oke-highlightColor:#0c2340;--oke-shadingColor:#f7f7f8;--oke-productImageSize:48px;--oke-attributeBar-shadingColor:#9a9db1;--oke-attributeBar-borderColor:undefined;--oke-attributeBar-backgroundColor:#d3d4dd;--oke-attributeBar-markerColor:#0c2340;--oke-filter-backgroundColor:#fff;--oke-filter-backgroundColorActive:#0c2340;--oke-filter-borderColor:#0c2340;--oke-filter-borderColorActive:#0c2340;--oke-filter-textColor:#0c2340;--oke-filter-textColorActive:#fff;--oke-filter-borderRadius:0;--oke-filter-searchHighlightColor:#9ea7b3;--oke-mediaGrid-chevronColor:#676986;--oke-stars-foregroundColor:#0c2340;--oke-stars-backgroundColor:#c8c9c7;--oke-stars-borderWidth:0}.oke-w,oke-modal{--oke-title-fontWeight:500;--oke-title-fontSize:24px;--oke-title-fontFamily:inherit;--oke-bodyText-fontWeight:400;--oke-bodyText-fontSize:18px;--oke-bodyText-fontFamily:inherit}</style>
3327            <style id="oke-reviews-custom-css">body div.okeReviews[data-oke-container] .oke-w-reviews-sort{display:none}div.okeReviews[data-oke-container].oke-w{max-width:unset}div.okeReviews[data-oke-container] .oke-modal div.okeReviews.oke-w,div.okeReviews[data-oke-container] .oke-modal .oke-modal-content,div.okeReviews[data-oke-container] .oke-modal .oke-modal-content p{color:var(--oke-text-primaryColor)}div.okeReviews[data-oke-container] .oke-modal .oke-modal-content .oke-helpful,div.okeReviews[data-oke-container] .oke-modal .oke-modal-content .oke-helpful-vote-button,div.okeReviews[data-oke-container] .oke-modal .oke-modal-content .oke-reviewContent-date{color:var(--oke-text-secondaryColor)}div.okeReviews[data-oke-container] .oke-button{letter-spacing:.15em;text-transform:uppercase;transition:all .15s}div.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{box-shadow:none}.okeReviews.oke-w .oke-button.oke-w-writeReview{vertical-align:middle;overflow:initial}.okeReviews.oke-w .oke-is-small .oke-button,.okeReviews.oke-w .oke-is-small .oke-w-reviews-writeReview,.okeReviews.oke-w .oke-is-small .oke-qw-askQuestion{width:100%}.okeReviews.oke-w .oke-is-small .oke-w-reviews-writeReview{margin-top:15px}.okeReviews.oke-w .oke-is-small .oke-qw-header-askQuestion{margin-left:0;width:100%}body .okeReviews[data-oke-container].oke-w .oke-w-reviewSplit-footer{display:none}body .okeReviews[data-oke-container] .oke-is-large .oke-w-reviewSplit-left{text-align:left}body .okeReviews[data-oke-container] .oke-is-large .oke-w-reviewSplit-reviewer{text-align:left}body .okeReviews[data-oke-container] .oke-w-reviewer--stacked{font-size:22px}@media all and (min-width:1024px){body .okeReviews[data-oke-container] .oke-w-filters,div.okeReviews .oke-w-filters{display:flex;align-items:start;justify-content:start;gap:32px}body .okeReviews[data-oke-container] .oke-w-filter,div.okeReviews .oke-w-filter{margin-top:0}body .okeReviews[data-oke-container] .oke-w-textSearchFilter-input{padding-top:6px;padding-bottom:6px}body .okeReviews[data-oke-container] .oke-w-reviews-writeReview,div.okeReviews .oke-w-reviews-writeReview{margin-top:auto;top:-8px;position:relative}body .okeReviews[data-oke-container] .oke-is-large .oke-w-reviewSplit-mid{display:flex;gap:12px}body .oke-w-header-content-block.oke-w-header-content-block--oneThird.oke-w-header-content-block--left:before{content:'Reviews';font-size:48px;line-height:67px;position:relative;top:-10px;margin-bottom:-10px}body .oke-w-ratingAverageModule-rating-stars{position:relative;top:-4px}body .okeReviews[data-oke-container] .oke-w-reviews-controls .oke-w-reviews-count{visibility:hidden}}@media all and (max-width:1023px){body .oke-w-header-content-block.oke-w-header-content-block--oneThird.oke-w-header-content-block--left:before{content:'Reviews';font-size:32px;line-height:38px;position:relative}body .okeReviews[data-oke-container] .oke-w-reviewSplit,div.okeReviews .oke-w-reviewSplit{text-align:left}body .okeReviews[data-oke-container] .oke-w-reviewSplit-left,div.okeReviews .oke-w-reviewSplit-left{text-align:left}body .okeReviews[data-oke-container] .oke-reviewContent-title{font-weight:bold;color:var(--color-secondary);line-height:1.1;margin-bottom:20px}body .okeReviews[data-oke-container] p{line-height:22px}body .oke-w-header-content-module.oke-w-header-content-module--left{text-align:left;justify-content:start}body .okeReviews[data-oke-container] .oke-w-reviewer{font-size:20px}}[data-oke-referrals-widget] .c-okeReferralsApp{max-width:600px;width:100%}</style>
3328            <template id="oke-reviews-body-template"><svg id="oke-star-symbols" style="display:none!important" data-oke-id="oke-star-symbols"><symbol id="oke-star-empty" style="overflow:visible;"><path id="star-default--empty" fill="var(--oke-stars-backgroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol><symbol id="oke-star-filled" style="overflow:visible;"><path id="star-default--filled" fill="var(--oke-stars-foregroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol></svg></template>
3328<script>document.addEventListener('readystatechange',() =>{Array.from(document.getElementById('oke-reviews-body-template')?.content.children)?.forEach(function(child){if(!Array.from(document.body.querySelectorAll('[data-oke-id='.concat(child.getAttribute('data-oke-id'),']'))).length){document.body.prepend(child)}})},{once:true});</script>
3328
3329
3330
3331
3332
3333
3334
3335
3336
3337
3338
3339
3340
3341
3342<!-- END app snippet -->
3343
3344<!-- BEGIN app snippet: widget-plus-initialisation-script -->
3345
3346
3347
3348
3349    
3349<script async id="okendo-reviews-script" src="https://cdn-static.okendo.io/reviews-widget-plus/js/okendo-reviews.js"></script>
3349
3350
3351<!-- END app snippet -->
3352
3353
3354<!-- END app block -->
3354<script src="https://cdn.shopify.com/extensions/01a0b7a6-6b2a-7126-be17-93581506982e/applovin-shop-integration-97/assets/app-embed.js" type="text/javascript" defer="defer"></script>
3354
3355<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
3356<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: 7909597,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};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 3356
3356
3357<script>
3358  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
3359</script>
vendor: 1 bytes, line 3359
3359
3360<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}
3360).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: 7909597,storefrontBaseUrl: "https://www.peepers.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.peepers.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2483978319","configuration":"{\"pixel_id\":\"NJpsCVVm2arCfcZVBLrSSt\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"494c214c3e1e2dea2c94ffa97cf51a83","type":"APP","apiClientId":411130036225,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
3360,{"id":"2343075919","configuration":"{\"appUrl\":\"https:\/\/peepers-encore.fly.dev\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a63075e2df2a99ea1d8a6fcec449a1d7","type":"APP","apiClientId":399308455937,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1582366799","configuration":"{\"accountID\":\"LS5KAH\",\"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":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"1042448463","configuration":"{\"eventKey\":\"dac44668-c6cd-497c-b54f-96d4bd851c07\",\"name\":\"offline_beta23.myshopify.com - Axon Pixel\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"59063c86dca90ebaa562063a0c13be50","type":"APP","apiClientId":256560922625,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"321552463","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-867722454\\\",\\\"GT-WRGJ623\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"AW-867722454\\\/L8RYCKL1woAYENbJ4Z0D\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"AW-867722454\\\/HylVCKX1woAYENbJ4Z0D\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-867722454\\\/2KOOCJz1woAYENbJ4Z0D\\\",\\\"MC-278J2ESCZQ\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-867722454\\\/ZDssCJn1woAYENbJ4Z0D\\\",\\\"MC-278J2ESCZQ\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-867722454\\\/cZm2CJb1woAYENbJ4Z0D\\\",\\\"MC-278J2ESCZQ\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"AW-867722454\\\/5T3qCNv1woAYENbJ4Z0D\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"AW-867722454\\\/Ty_uCJ_1woAYENbJ4Z0D\\\"}],\\\"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":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"224231503","configuration":"{\"config_url\": \"https:\/\/shopify-gtm-suite.getelevar.com\/configs\/74c1f0c20ae62a087aff68e71bbf66d335316dc4\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7ae63d00911d5ee26809bf1e3232d852","type":"APP","apiClientId":2509311,"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":"15466575","configuration":"{\"campaignID\":\"19619\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/1055ed9dea1955d11706c175a217d181\"}","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"]}
3360,"dataSharingState":"unrestricted"},{"id":"6848591","configuration":"{\"myshopifyDomain\":\"beta23.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"20938831","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"TY EXT - Bing"},{"id":"21004367","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"TY EXT - Google Ads"},{"id":"21037135","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"TY EXT - GTM \/ Google Ads"},{"id":"21102671","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"TY EXT - Google Remarketing"},{"id":"30670927","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":[],"name":"Elevar - Checkout Tracking"},{"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":"Peepers by PeeperSpecs","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"beta23.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.peepers.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8879417229391","handle":"cove","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45952846692431","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8879417786447","handle":"dune","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45952860848207","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7865616498767","handle":"lakefront","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43659909693519","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8879417524303","handle":"mariner","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45952853868623","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8879417294927","handle":"port","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45952847085647","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8879417622607","handle":"smooth-sailing","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45952854097999","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7865619939407","handle":"summerland","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43659913527375","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7865618956367","handle":"montecito-charm","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43659912446031","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7766317531215","handle":"jo","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43086978613327","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
3360,{"id":"6935530569807","handle":"kent","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40514841378895","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"567059709962","handle":"to-the-max-blue-light","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45652145176655","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607121277007","handle":"filly","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129956851791","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607124717647","handle":"penn","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129963208783","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607126913103","handle":"ridge","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129966780495","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607130288207","handle":"tripp","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129971793999","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607112953935","handle":"boone","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129944596559","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7847493435471","handle":"buzzworthy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45652140195919","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7766317400143","handle":"bernadette","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45652127187023","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7938566717519","handle":"to-the-maximalist","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43929079185487","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607110004815","handle":"penn-progressive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129940140111","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7650015608911","handle":"thorne","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"42326614507599","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7503626666063","handle":"latte","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"41916058435663","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7766317727823","handle":"cavern","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43086983266383","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607132418127","handle":"zoey","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129975005263","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607116591183","handle":"cleo","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129949642831","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607123832911","handle":"lenora","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129961046095","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607108628559","handle":"buffy-progressive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129938370639","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7938566520911","handle":"sunday-scaries","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45494920675407","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607122587727","handle":"kitt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129958850639","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607107350607","handle":"rally-progressive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129936765007","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607118622799","handle":"curtsy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129952264271","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7650046378063","handle":"sandy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45494914613327","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7938567110735","handle":"deep-dive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45494893936719","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607114330191","handle":"buffy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129946726479","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7650013216847","handle":"harbor","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45494902980687","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607119933519","handle":"fable","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129954885711","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7938566815823","handle":"airplane-mode","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45494886301775","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607125798991","handle":"rally","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129965109327","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607131271247","handle":"woods","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129973334095","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7766317793359","handle":"venue","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45494927982671","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607111446607","handle":"aubrey","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129942106191","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607128617039","handle":"tee-time","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129969336399","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8607127928911","handle":"rookie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45129968582735","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8104119402575","handle":"center-stage-laura-park","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46744331059279","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8104119435343","handle":"nola-laura-park","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44441368035407","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8854154248271","handle":"center-stage-laura-park-progressive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45664768589903","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8854157099087","handle":"nola-laura-park-progressive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45664773800015","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8104119369807","handle":"birdie-laura-park","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44441366724687","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8854153101391","handle":"birdie-laura-park-progressive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45664765542479","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9067690131535","handle":"buzzworthy-laura-park","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46744329486415","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9067691311183","handle":"sidebar-laura-park","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46744331976783","
3360image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9067691966543","handle":"siren-laura-park","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46744333451343","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9067692458063","handle":"to-the-max-laura-park","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46744334434383","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9075803193423","handle":"buzzworthy-laura-park-progressive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46782191763535","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9075804569679","handle":"to-the-max-laura-park-progressive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46782196088911","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9075805487183","handle":"sidebar-laura-park-progressive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46782199038031","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9075806273615","handle":"siren-laura-park-progressive","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46782202609743","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.peepers.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"149976809551","themePublished":"true","eventMetadataId":"76813691-7f10-40f5-95be-4250981d54aa","pageType":"page","resourceId":"115291914319","shopId":"7909597","storefrontBaseUrl":"https:\/\/www.peepers.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
3360<script>
3361  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
3362  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
3363  window.ShopifyAnalytics.meta.currency = 'USD';
3364  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":115291914319,"requestId":"97e83213-72b4-49e9-bd65-2cee66364ab7-1790345208"}};
3365  for (var attr in meta) {
3366    window.ShopifyAnalytics.meta[attr] = meta[attr];
3367  }
3368</script>
vendor: 1 bytes, line 3368
3368
3369<script class="analytics">
3370  (function () {
3371    var customDocumentWrite = function(content) {
3372      var jquery = null;
3373
3374      if (window.jQuery) {
3375        jquery = window.jQuery;
3376      } else if (window.Checkout && window.Checkout.$) {
3377        jquery = window.Checkout.$;
3378      }
3379
3380      if (jquery) {
3381        jquery('body').append(content);
3382      }
3383    };
3384
3385    var hasLoggedConversion = function(token) {
3386      if (token) {
3387        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
3388      }
3389      return false;
3390    }
3391
3392    var setCookieIfConversion = function(token) {
3393      if (token) {
3394        var twoMonthsFromNow = new Date(Date.now());
3395        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
3396
3397        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
3398      }
3399    }
3400
3401    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
3402    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
3403    if (trekkie.integrations) {
3404      return;
3405    }
3406    trekkie.methods = [
3407      'identify',
3408      'page',
3409      'ready',
3410      'track',
3411      'trackForm',
3412      'trackLink'
3413    ];
3414    trekkie.factory = function(method) {
3415      return function() {
3416        var args = Array.prototype.slice.call(arguments);
3417        args.unshift(method);
3418        trekkie.push(args);
3419        if (method == 'track' || method == 'page') {
3420          var pageUrl;
3421          try {
3422            pageUrl = window.location.href;
3423          } catch (e) {}
3424          var pageReferrer;
3425          try {
3426            pageReferrer = document.referrer;
3427          } catch (e) {}
3428          try {
3429            if (window.__TREKKIE_SHIM_QUEUE == null) {
3430              window.__TREKKIE_SHIM_QUEUE = [];
3431            }
3432            window.__TREKKIE_SHIM_QUEUE.push({
3433              from: 'trekkie-stub',
3434              method: method,
3435              args: args.slice(1),
3436              pageContext: {
3437                url: pageUrl,
3438                referrer: pageReferrer
3439              }
3440            });
3441          } catch (e) {
3442            // no-op
3443          }
3444        }
3445        return trekkie;
3446      };
3447    };
3448    for (var i = 0; i < trekkie.methods.length; i++) {
3449      var key = trekkie.methods[i];
3450      trekkie[key] = trekkie.factory(key);
3451    }
3452    trekkie.load = function(config) {
3453      trekkie.config = config || {};
3454      trekkie.config.initialDocumentCookie = document.cookie;
3455      var first = document.getElementsByTagName('script')[0];
3456var script = document.createElement('script');
3457script.type = 'text/javascript';
3458script.onerror = function(e) {
3459  var scriptFallback = document.createElement('script');
3460  scriptFallback.type = 'text/javascript';
3461  scriptFallback.onerror = function(error) {
3462          var Monorail = {
3463      produce: function produce(monorailDomain, schemaId, payload) {
3464        var currentMs = new Date().getTime();
3465        var event = {
3466          schema_id: schemaId,
3467          payload: payload,
3468          metadata: {
3469            event_created_at_ms: currentMs,
3470            event_sent_at_ms: currentMs
3471          }
3472        };
3473        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
3474      },
3475      sendRequest: function sendRequest(endpointUrl, payload) {
3476        // Try the sendBeacon API
3477        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
3478          var blobData = new window.Blob([payload], {
3479            type: 'text/plain'
3480          });
3481
3482          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
3483            return true;
3484          } // sendBeacon was not successful
3485
3486        } // XHR beacon
3487
3488        var xhr = new XMLHttpRequest();
3489
3490        try {
3491          xhr.open('POST', endpointUrl);
3492          xhr.setRequestHeader('Content-Type', 'text/plain');
3493          xhr.send(payload);
3494        } catch (e) {
3495          console.log(e);
3496        }
3497
3498        return false;
3499      },
3500      isIos12: function isIos12() {
3501        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
3502      }
3503    };
3504    Monorail.produce('monorail-edge.shopifysvc.com',
3505      'trekkie_storefront_load_errors/1.1',
3506      {shop_id: 7909597,
3507      theme_id: 149976809551,
3508      app_name: "storefront",
3509      context_url: window.location.href,
3510      source_url: "//www.peepers.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
3511
3512  };
3513  scriptFallback.async = true;
3514  scriptFallback.src = '//www.peepers.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
3515  first.parentNode.insertBefore(scriptFallback, first);
3516};
3517script.async = true;
3518script.src = '//www.peepers.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
3519first.parentNode.insertBefore(script, first);
3520
3521    };
3522    trekkie.load(
3523      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":7909597,"isMerchantRequest":null,"themeId":149976809551,"themeCityHash":"15995006051872476095","contentLanguage":"en","currency":"USD","eventMetadataId":"76813691-7f10-40f5-95be-4250981d54aa"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
3524    );
3525
3526    var loaded = false;
3527    trekkie.ready(function() {
3528      if (loaded) return;
3529      loaded = true;
3530
3531      window.ShopifyAnalytics.lib = window.trekkie;
3532
3533      var originalDocumentWrite = document.write;
3534      document.write = customDocumentWrite;
3535      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
3536      document.write = originalDocumentWrite;
3537
3538      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
3539      var token = match? match[1]: undefined;
3540      if (!hasLoggedConversion(token)) {
3541        setCookieIfConversion(token);
3542        
3543      }
3544    });
3545
3546    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":115291914319,"requestId":"97e83213-72b4-49e9-bd65-2cee66364ab7-1790345208","shopifyEmitted":true});
3547
3548    var eventsListenerScript = document.createElement('script');
3549    eventsListenerScript.async = true;
3550    eventsListenerScript.src = "//www.peepers.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
3551    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
3552})();</script>
vendor: 1 bytes, line 3552
3552
3553<script
3554  defer
3555  src="https://www.peepers.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
3556  data-application="storefront-renderer"
3557  data-shop-id="7909597"
3558  data-render-region="gcp-us-central1"
3559  data-page-type="page"
3560  data-theme-instance-id="149976809551"
3561  data-theme-name=""
3562  data-theme-version=""
3563  data-monorail-region="shop_domain"
3564  data-resource-timing-sampling-rate="10"
3565  data-shs="true"
3566  data-shs-beacon="true"
3567  data-shs-export-with-fetch="true"
3568  data-shs-logs-sample-rate="1"
3569  data-shs-beacon-endpoint="https://www.peepers.com/api/collect"
3570></script>
vendor: 1 bytes, line 3570
3570
3571<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
3571<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"7909597","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":false},"visitor":{"country":"US","language":"en"}}</script>
3571
3572<meta name="shopify-y" content="32ecf19b-1eb8-4315-a6f3-8b29dc8ef4a4" data-expiration="1821902808000"><meta name="shopify-s" content="96d07cfd-5188-405f-a22a-ee4b5984a5ed" data-expiration="1790347008000"><meta name="new-cookie-storage-activated" content="t">
3573</head>
3574  
3575    <body data-currency="USD" data-currency-is-usd="true"  class="theme-role--main page-shoreline-cd  "><a href="#SrMain" class="sr-only focus:not-sr-only">
3576  Skip to content
3577</a><div class="sr-only ada-live-chat" aria-live="assertive">If you have any questions about our website's accessibility, please contact us at <a href="mailto:[email protected]" aria-label="Click to email [email protected] about any accessibility concerns">[email protected]</a>, <a href="tel:1-219-872-4413" aria-label="Click to call 1-219-872-4413 about any accessibility concerns">(219) 872-4413</a>, or <a href="#" onclick="GorgiasChat.open();return false;" role="button" aria-label="Click to open web live chat for any accessibility concerns">live chat</a></div><header class="shopify-section-header flex flex-col sticky top-0 w-full z-40 ">
3578  <div id="shopify-section-top-bar" class="shopify-section top-bar section-top-bar">
3579
3580<style>
3581  .section-top-bar {
3582    position: relative;
3583    z-index: 51; 
3584  }
3585  .section-top-bar,
3586  .section-main-menu-bar {
3587    will-change: transform;
3588    backface-visibility: hidden;
3589    transform: translateZ(0);
3590  }
3591</style><div class="pt-2 pl-2 lg:pt-1 [@media(max-width:1023px)]:!pt-1 [@media(max-width:1023px)]:!pb-0.5 [@media(max-width:1023px)]:!pl-0 bg-[var(--site-tabs-bg)] js-site-tabs" style="--site-tabs-bg: #0c2340; --site-tabs-active-bg: #ffffff; --site-tabs-inactive-bg: #1f344e;">
3592  <div class="max-w-[1440px] w-full mx-auto">
3593    <div class="flex justify-between items-center">
3594      <div class="flex items-center [@media(max-width:1023px)]:hidden"></div><div class="lg:absolute text-[11px] lg:text-sm flex items-center text-center text-white -translate-x-1/2 left-1/2 [@media(max-width:1023px)]:!block [@media(max-width:1023px)]:!opacity-100 [@media(max-width:1023px)]:!transform-none px-4 lg:px-8 [@media(max-width:1023px)]:!w-full [@media(max-width:1023px)]:!text-[13px] [@media(max-width:1023px)]:!px-3"><div style="height: 40px" class="overflow-hidden">
3595            <!-- rickm debug: calculated height: 80px (us: 80px, ca: 40px) -->
3596            <ul style="height: 80px; transform: translateY(0)" data-current-message-index="0" class="transition-all duration-500 ease-in-out js-top-bar-messages-container" aria-live="polite"><li class="h-[40px] flex items-center justify-center relative "
3597                  
3598                ><span>
3599                    <p>Free Standard Shipping Over $55 </p>
3600                  </span>
3601                </li><li class="h-[40px] flex items-center justify-center relative "
3602                  
3603                ><a href="/shoreline" class="absolute inset-0" aria-label="The Shoreline Summer Club is now docking ⚓ →"></a><span>
3604                    <p><a href="/shoreline" title="Shoreline Summer Club">The Shoreline Summer Club is now docking ⚓ →</a></p>
3605                  </span>
3606                </li></ul>
3607            <!-- rickm debug: actual rendered messages: 2 -->
3608          </div></div>
3609      <div class="flex-1 hidden text-white lg:block"><div class="text-right snippet__top-bar-menu overflow-x-clip">
3610  <div class="inline-flex flex-col items-center px-0 py-0 mx-0 my-0 text-xs text-right md:flex-row lg:pr-12">
3611
3612    
3613<div class="relative md:block group">
3614        
3615          <button
3616            class="relative w-full py-0 pl-5 pr-3 mx-0 my-0 ml-2 font-semibold tracking-widest text-right no-underline uppercase text-[color:var(--color-text)] hover-trapezoid lg:tracking-wide xl:tracking-widest has-children"
3617            aria-expanded="false"
3618            aria-haspopup="true"
3619            aria-controls="top-bar-help-dropdown"
3620            aria-label="Help Dropdown" 
3621            id="top-bar-help"
3622            style="font-size: 11px; ">
3623            Help <svg role="presentation" fill="currentColor" class="fa-replacement" height="11px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"/></svg>
3624            
3625          </button>
3626        
3627<div id="top-bar-help-dropdown" class="absolute text-left transition duration-200 ease-in-out opacity-0 left-0 bg-secondary py-3 z-[2] group-hover:opacity-100 group-focus-within:opacity-100 pointer-events-none group-hover:pointer-events-auto group-focus-within:
3627pointer-events-auto" style="top: 26px; width: 180px" aria-labelledby="top-bar-help">
3628            <ul class="px-6 sibling-link-fade">
3629            
3630
3631            <li class="py-1.5">
3632              <a class="text-white no-underline" href="/pages/help">
3633                Customer Service
3634              </a>
3635            </li>
3636            
3637
3638            <li class="py-1.5">
3639              <a class="text-white no-underline" href="https://returns.peepers.com">
3640                Start A Return
3641              </a>
3642            </li>
3643            
3644
3645            <li class="py-1.5">
3646              <a class="text-white no-underline" href="/pages/store-locator">
3647                Store Locator
3648              </a>
3649            </li>
3650            
3651            </ul>
3652          </div></div>
3653    
3654<div class="relative md:block group">
3655        
3656          <button
3657            class="relative w-full py-0 pl-5 pr-3 mx-0 my-0 ml-2 font-semibold tracking-widest text-right no-underline uppercase text-[color:var(--color-text)] hover-trapezoid lg:tracking-wide xl:tracking-widest has-children"
3658            aria-expanded="false"
3659            aria-haspopup="true"
3660            aria-controls="top-bar-our-story-dropdown"
3661            aria-label="Our Story Dropdown" 
3662            id="top-bar-our-story"
3663            style="font-size: 11px; ">
3664            Our Story <svg role="presentation" fill="currentColor" class="fa-replacement" height="11px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"/></svg>
3665            
3666          </button>
3667        
3668<div id="top-bar-our-story-dropdown" class="absolute text-left transition duration-200 ease-in-out opacity-0 left-0 bg-secondary py-3 z-[2] group-hover:opacity-100 group-focus-within:opacity-100 pointer-events-none group-hover:pointer-events-auto group-focus-within:pointer-events-auto" style="top: 26px; width: 180px" aria-labelledby="top-bar-our-story">
3669            <ul class="px-6 sibling-link-fade">
3670            
3671
3672            <li class="py-1.5">
3673              <a class="text-white no-underline" href="https://www.peepers.com/pages/eco-friendly">
3674                Sustainability
3675              </a>
3676            </li>
3677            
3678
3679            <li class="py-1.5">
3680              <a class="text-white no-underline" href="/pages/about">
3681                About us
3682              </a>
3683            </li>
3684            
3685
3686            <li class="py-1.5">
3687              <a class="text-white no-underline" href="https://www.peepers.com/pages/peepers-for-teachers">
3688                Peepers for Teachers
3689              </a>
3690            </li>
3691            
3692
3693            <li class="py-1.5">
3694              <a class="text-white no-underline" href="/blogs/news">
3695                Blog
3696              </a>
3697            </li>
3698            
3699            </ul>
3700          </div></div>
3701    
3702
3703  </div>
3704</div>
3705</div>
3706    </div>
3707  </div>
3708</div>
3709
3710<!-- rickm: has_new_message_blocks: true, number_of_messages: 2, actual_rendered: 2 -->
3710<script>
3711    // site-tabs.liquid script
3712    window.addEventListener('DOMContentLoaded', (event) => {
3713      const selector = '.js-top-bar-messages-container'
3714      const containers = document.querySelectorAll(selector)
3715      
3716      if (containers.length) {
3717        // Clear any existing intervals to avoid conflicts
3718        if (window.siteTabsInterval) {
3719          clearInterval(window.siteTabsInterval);
3720        }
3721
3722        window.siteTabsInterval = window.setInterval(() => {
3723          containers.forEach(container => {
3724            const messages = container.querySelectorAll('li')
3725            const numMessages = messages.length
3726
3727            // Skip if no messages or only one message
3728            if (numMessages <= 1) {
3729              return;
3730            }
3731
3732            const currentIndex = parseInt(container.dataset.currentMessageIndex) || 0
3733            const maxIndex = numMessages - 1
3734
3735            // Ensure we have a valid first message before calculating height
3736            if (!messages[0]) {
3737              return;
3738            }
3739
3740            const transformDistance = messages[0].offsetHeight
3741
3742            // Calculate next index
3743            let newIndex = currentIndex + 1
3744            if (newIndex > maxIndex) {
3745              newIndex = 0
3746            }
3747
3748            const newTransformValue = newIndex * transformDistance
3749            const newTransformStyle = `translateY(${newTransformValue * -1}px)`
3750
3751            container.style.transform = newTransformStyle
3752            container.dataset.currentMessageIndex = newIndex
3753          })
3754        }, 5000)
3755      }
3756    })
3757  </script>
3757
3758
3759<div  class=" [@media(max-width:1023px)]:hidden lg:pr-1.5 border-t border-solid border-b lg:border-t-0 lg:border-b lg:border-solid-none bg-[color:var(--color-background)] border-[color:var(--color-border)] text-[color:var(--color-text)]" style="--color-background:#ffffff;
3760  --color-border:#ffffff;
3761  --color-text:#0c2340;
3762  
3763  
3764  
3765display: none !important;">
3766  <div class="px-1 py-1.5 page-container lg:pl-0 lg:pr-6 2xl:pr-3">
3767    <div class="flex relative justify-center items-center"><div style="height: 21px" class="overflow-hidden">
3768          <ul style="height: 42px; transform: translateY(0)" data-current-message-index="0" class="transition-all duration-500 ease-in-out js-top-bar-messages-container" aria-live="polite"><li class="px-1.5 lg:px-2 text-center lg:text-left relative group whitespace-nowrap "
3769                
3770              ><span class="text-sm not-italic leading-relaxed lg:text-xs xl:text-sm lg:leading-normal">
3771                  <div role="alert">Free Standard Shipping Over $55 </div>
3772                </span>
3773              </li><li class="px-1.5 lg:px-2 text-center lg:text-left relative group whitespace-nowrap "
3774                
3775              ><a href="/shoreline" class="absolute inset-0" aria-label="The Shoreline Summer Club is now docking ⚓ →"></a><span class="text-sm not-italic leading-relaxed lg:text-xs xl:text-sm lg:leading-normal">
3776                  <div role="alert"><a class="ml-3 font-semibold uppercase border-b lg:inline border-[--border-color] hover:text-primary hover:border-primary lg:tracking-normal group-hover:text-primary group-hover:border-primary"href="/shoreline" title="Shoreline Summer Club">The Shoreline Summer Club is now docking ⚓ →</a></div>
3777                </span>
3778              </li></ul>
3779        </div>
3779<script>
3780            if (false) {
3781              window.addEventListener('DOMContentLoaded', (event) => {
3782                const selector = '.js-top-bar-messages-container'
3783
3784                const getContainer = () => document.querySelector(selector)
3785                if (getContainer()) {
3786                  window.setInterval(() => {
3787                    const messages = getContainer().querySelectorAll('li')
3788                    const numMessages = messages.length
3789
3790                    const currentIndex = parseInt(getContainer().dataset.currentMessageIndex)
3791                    const maxIndex = numMessages - 1
3792                    
3793                    const transformDistance = messages[0].offsetHeight
3794                    const maxTransform = (numMessages - 1) * transformDistance
3795    
3796                    const newIndex = currentIndex === maxIndex ? 0 : currentIndex + 1
3797                    const newTransformValue = newIndex * transformDistance
3798                    const newTransformStyle = `translateY(${newTransformValue * -1}px)`
3799    
3800                    getContainer().style.transform = newTransformStyle
3801                    getContainer().dataset.currentMessageIndex = newIndex
3802                  }, 5000)
3803                }
3804                
3805              })
3806            }
3807          </script>
3807<div class="hidden flex-1 lg:block"><div class="text-right snippet__top-bar-menu overflow-x-clip">
3808  <div class="inline-flex flex-col items-center px-0 py-0 mx-0 my-0 text-xs text-right md:flex-row lg:pr-12">
3809
3810    
3811<div class="relative md:block group">
3812        
3813          <button
3814            class="relative w-full py-0 pl-5 pr-3 mx-0 my-0 ml-2 font-semibold tracking-widest text-right no-underline uppercase text-[color:var(--color-text)] hover-trapezoid lg:tracking-wide xl:tracking-widest has-children"
3815            aria-expanded="false"
3816            aria-haspopup="true"
3817            aria-controls="top-bar-help-dropdown"
3818            aria-label="Help Dropdown" 
3819            id="top-bar-help"
3820            style="font-size: 11px; ">
3821            Help <svg role="presentation" fill="currentColor" class="fa-replacement" height="11px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"/></svg>
3822            
3823          </button>
3824        
3825<div id="top-bar-help-dropdown" class="absolute text-left transition duration-200 ease-in-out opacity-0 left-0 bg-secondary py-3 z-[2] group-hover:opacity-100 group-focus-within:opacity-100 pointer-events-none group-hover:pointer-events-auto group-focus-within:pointer-events-auto" style="top: 26px; width: 180px" aria-labelledby="top-bar-help">
3826            <ul class="px-6 sibling-link-fade">
3827            
3828
3829            <li class="py-1.5">
3830              <a class="text-white no-underline" href="/pages/help">
3831                Customer Service
3832              </a>
3833            </li>
3834            
3835
3836            <li class="py-1.5">
3837              <a class="text-white no-underline" href="https://returns.peepers.com">
3838                Start A Return
3839              </a>
3840            </li>
3841            
3842
3843            <li class="py-1.5">
3844              <a class="text-white no-underline" href="/pages/store-locator">
3845                Store Locator
3846              </a>
3847            </li>
3848            
3849            </ul>
3850          </div></div>
3851    
3852<div class="relative md:block group">
3853        
3854          <button
3855            class="relative w-full py-0 pl-5 pr-3 mx-0 my-0 ml-2 font-semibold tracking-widest text-right no-underline uppercase text-[color:var(--color-text)] hover-trapezoid lg:tracking-wide xl:tracking-widest has-children"
3856            aria-expanded="false"
3857            aria-haspopup="true"
3858            aria-controls="top-bar-our-story-dropdown"
3859            aria-label="Our Story Dropdown" 
3860            id="top-bar-our-story"
3861            style="font-size: 11px; ">
3862            Our Story <svg role="presentation" fill="currentColor" class="fa-replacement" height="11px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"/></svg>
3863            
3864          </button>
3865        
3866<div id="top-bar-our-story-dropdown" class="absolute text-left transition duration-200 ease-in-out opacity-0 left-0 bg-secondary py-3 z-[2] group-hover:opacity-100 group-focus-within:opacity-100 pointer-events-none group-hover:pointer-events-auto group-focus-within:pointer-events-auto" style="top: 26px; width: 180px" aria-labelledby="top-bar-our-story">
3867            <ul class="px-6 sibling-link-fade">
3868            
3869
3870            <li class="py-1.5">
3871              <a class="text-white no-underline" href="https://www.peepers.com/pages/eco-friendly">
3872                Sustainability
3873              </a>
3874            </li>
3875            
3876
3877            <li class="py-1.5">
3878              <a class="text-white no-underline" href="/pages/about">
3879                About us
3880              </a>
3881            </li>
3882            
3883
3884            <li class="py-1.5">
3885              <a class="text-white no-underline" href="https://www.peepers.com/pages/peepers-for-teachers">
3886                Peepers for Teachers
3887              </a>
3888            </li>
3889            
3890
3891            <li class="py-1.5">
3892              <a class="text-white no-underline" href="/blogs/news">
3893                Blog
3894              </a>
3895            </li>
3896            
3897            </ul>
3898          </div></div>
3899    
3900
3901  </div>
3902</div>
3903</div>
3904    </div>
3905  </div>
3906</div>
3907
3908<style>
3909  @media (max-width: 768px) {
3910    #shopify-section-top-bar {
3911      transition: max-height 0.150s ease-in-out;
3912      overflow: hidden;
3913    }
3914
3915    .hide-top-bar {
3916      max-height: 0 !important;
3917    }
3918  }
3919</style>
3920
3921
3922</div>
3923  <div id="shopify-section-main-navigation" class="shopify-section section-main-navigation">
3924<a href="#SrMain" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-50 focus:bg-white focus:text-black focus:px-4 focus:py-2 focus:rounded focus:shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-600">Skip to main content</a>
3925<a href="#SrMain" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-40 focus:z-50 focus:bg-white focus:text-black focus:px-4 focus:py-2 focus:rounded focus:shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-600" id="skip-nav-menus">Skip navigation menus</a>
3926<nav
3927  aria-label="Main navigation"
3928  class="shopify-section-header section-main-navigation relative z-50 bg-white mb-0 md:shadow !lg:shadow-none text-default"
3929  style="box-shadow: rgba(0, 0, 0, 0.07) 0px 3px 10px 0px;"
3930>
3931
3932  <div class="w-full max-w-[90rem] mx-auto lg:py-1.5 lg:relative">
3933    <div class="flex items-center lg:pl-1">
3934        <div class="max-[390px]:px-1 px-2 mr-3 max-[390px]:mr-2 border-r border-[#efefef] py-1 cursor-pointer js-mobile-menu-trigger lg:hidden relative z-[2] text-center">
3935          <svg class="block mx-auto w-8 no-reset mobile-hamburger-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" stroke="#2e2f2a" stroke-width=".6" fill="rgba(0,0,0,0)" stroke-linecap="round" style="cursor: pointer" aria-label="Open mobile menu">
3936            <path d="M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7">
3937              <animate dur="0.2s" attributeName="d" values="M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7;M3,3L5,5L7,3M5,5L5,5M3,7L5,5L7,7" fill="freeze" begin="start.begin" />
3938              <animate dur="0.2s" attributeName="d" values="M3,3L5,5L7,3M5,5L5,5M3,7L5,5L7,7;M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7" fill="freeze" begin="reverse.begin" />
3939            </path>
3940            <rect width="10" height="10" stroke="none">
3941              <animate dur="2s" id="reverse" attributeName="width" begin="click" />
3942            </rect>
3943            <rect width="10" height="10" stroke="none">
3944              <animate dur="0.001s" id="start" attributeName="width" values="10;0" fill="freeze" begin="click" />
3945              <animate dur="0.001s" attributeName="width" values="0;10" fill="freeze" begin="reverse.begin" />
3946            </rect>
3947          </svg>
3948          <span style="display: block; margin-bottom: -5px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; position: relative; top: -5px; font-size: 11px; color: var(--color-default);">MENU</span><span class="js-favs-sale-dot hidden absolute top-0.5 right-0.5 w-2 h-2 rounded-full pointer-events-none" style="background: #c8102e"></span>
3949        </div>
3950<div class="js-main-menu main-menu absolute max-[1023px]:top-[100%] max-[1023px]:bg-white max-[1023px]:h-[calc(100dvh_-_var(--menu-offset,85px))] lg:static flex-[2_1_0%] mr-1.5 lg:block lg:top-[2px] xl:pl-6 max-[1023px]:left-0 max-[1023px]:right-0 max-[1023px]:overflow-hidden max-[1023px]:w-full max-[1023px]:z-[999]">
3951          <div class="mobile-search-bar lg:hidden">
3952            <div class="flex items-center w-full bg-[#fafafb] pr-3"><div class="flex-1 px-4 py-3">
3953                <button type="button" class="js-mobile-search-concierge w-full flex items-center text-left border-b border-secondary/30 pb-3 pt-1 cursor-text min-h-[44px]" aria-label="Open search">
3954                  <span class="font-secondary font-normal text-[20px] text-secondary/35 leading-none select-none">Find your frame...</span>
3955                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" class="w-5 h-5 text-secondary/20 ml-auto flex-shrink-0" style="fill: none;">
3956                    <circle cx="11" cy="11" r="8"></circle>
3957                    <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
3958                  </svg>
3959                </button>
3960              </div>
3961              
3962              <!-- Account -->
3963              
3964                <div class="flex items-center shopify-account-mobile">
3965                  <shopify-store store-domain="https://www.peepers.com" country="US" language="en"></shopify-store>
3966<shopify-account menu="customer-account-main-menu">
3967                    <div slot="signed-out-avatar" class="p-2 -mt-0.5 cursor-pointer">
3968                      <img alt="Sign in"
3969                           src="//www.peepers.com/cdn/shop/t/809/assets/icon-sign-in.png?v=154618107381709852571789488283"
3970                           loading="lazy"
3971                           width="24"
3972                           height="24"
3973                           class="min-w-[24px]" />
3974                    </div>
3975                  </shopify-account>
3976                </div>
3977              
3978              
3979              <!-- Wishlist Icon (conditional) -->
3980              <a href="/pages/favorites"
3981                   data-behavior="favs-container-button"
3982                   id="mobile-favs-button"
3983                   class="relative p-2"
3984                   aria-label="My Favorites">
3985                  <svg xmlns="http://www.w3.org/2000/svg"
3986                       id="mobile-favs-heart"
3987                       viewBox="0 0 24 24"
3988                       stroke-width="1.5"
3989                       stroke="currentColor"
3990                       class="w-5 h-5 min-w-[24px] min-h-[24px] transition-all duration-300"
3991                       style="fill: none">
3992                    <path stroke-linecap="round"
3993                          stroke-linejoin="round"
3994                          d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
3995                  </svg>
3996                  <span id="mobile-favs-badge"
3997                        class="hidden absolute -top-0.5 -right-0.5 min-w-[16px] h-4 px-1 rounded-full bg-primary text-white text-[10px] font-bold leading-4 text-center pointer-events-none"
3998                        aria-live="polite"></span>
3999                </a>
4000            </div>
4001          </div>
4002          
4003          <div class="mobile-menu-view-wrapper max-[1023px]:relative max-[1023px]:overflow-hidden max-[1023px]:w-full max-[1023px]:h-full">
4004            <ul class="flex items-center nav-dynamic-spacing lg:p-0 max-[1023px]:flex-col max-[1023px]:space-x-0 max-[1023px]:space-y-0 max-[1023px]:items-stretch max-[1023px]:w-full max-[1023px]:h-full max-[1023px]:overflow-y-auto"><ul id="shopify-block-AMVVSU3ltTndvcUF5Q__nav_category_dP7cKn" class="shopify-block block--nav-category"><style>
4005  /* Add device-specific display classes */
4006  
4007  
4008  
4009
4010  #Category-AMVVSU3ltTndvcUF5Q__nav_category_dP7cKn {
4011    /* Desktop variables */
4012    --font-size: 13px;
4013    --text-color: #373a36;
4014    --font-weight: 400;
4015    --font-family: 'acumin-pro', sans-serif;
4016    --hover-font-weight: 700;
4017    --decoration-font-size: 10px;
4018    --decoration-color: #0c2340;
4019    --decoration-font-weight: 500;
4020    
4021    /* Mobile variables (default to mobile values) */
4022    --mobile-font-size: 21px;
4023    --mobile-text-color: #373a36;
4024    --mobile-font-weight: 300;
4025    --mobile-font-family: 'acumin-pro', sans-serif;
4026    --mobile-hover-font-weight: 700;
4027    --mobile-decoration-font-size: 10px;
4028    --mobile-decoration-color: #0c2340;
4029    --mobile-decoration-font-weight: 500;
4030  }
4031  
4032  
4033</style><li id="Category-AMVVSU3ltTndvcUF5Q__nav_category_dP7cKn"
4034    class="relative max-[1023px]:bg-white group"
4035    data-nav-category
4036>
4037  
4038    <div class="relative">
4039      <a
4040        class="relative py-4 uppercase transition-all duration-200 mobile-menu-item mobile-category-heading border-b border-[#efefef] lg:border-b-0 w-full flex justify-between items-center px-4 max-[1023px]:text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] hover:font-[var(--mobile-hover-font-we
4040ight)] lg:hover:font-[var(--hover-font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] no-underline"
4041        id="category-button-AMVVSU3ltTndvcUF5Q__nav_category_dP7cKn"
4042        href="/collections/readers"
4043        data-mobile-toggle
4044        data-category-name="READERS"
4045        aria-expanded="false"
4046        aria-haspopup="true"
4047        aria-controls="dropdown-AMVVSU3ltTndvcUF5Q__nav_category_dP7cKn"
4048      >
4049        <span class="flex flex-col items-start min-w-0">
4050          <span>READERS</span>
4051        </span>
4052        <span class="relative -top-0.5 mobile-toggle-icon">
4053          <svg style="fill: none" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
4054        </span>
4055      </a>
4056
4057      <!-- Add hover bridge element -->
4058      <div class="hidden absolute -bottom-8 w-full h-8 bg-transparent lg:block"></div>
4059
4060      
4061    </div>
4062  
4063    
4064  <div class="nav-dropdown-container">
4065    <div class="nav-dropdown-wrapper">
4066      <!-- Desktop dropdown -->
4067      <div id="dropdown-AMVVSU3ltTndvcUF5Q__nav_category_dP7cKn" 
4068          class="desktop-dropdown fixed opacity-0 invisible bg-[#fcfafa] shadow-lg"
4069          data-nav-dropdown
4070          aria-labelledby="category-button-AMVVSU3ltTndvcUF5Q__nav_category_dP7cKn">
4071        <div class="container max-w-[1400px] mx-auto xl:pl-6">
4072          <div class="relative px-2 py-4">
4073            <ul class="flex gap-10 justify-start desktop-blocks-container">
4074              <ul id="shopify-block-AYXVZc0gzNUZzQmJ1c__nav_column_TnkK4E" class="shopify-block block--nav-column"><style>
4075  #Column-AYXVZc0gzNUZzQmJ1c__nav_column_TnkK4E {
4076    /* Desktop variables */
4077    --font-size: 12px;
4078    --text-color: #373a36;
4079    --font-weight: 600;
4080    --font-family: 'acumin-pro', sans-serif;
4081    --hover-font-weight: 700;
4082    --min-width: 120px;
4083    
4084    /* Mobile variables (default to specified mobile values) */
4085    --mobile-font-size: 14px;
4086    --mobile-text-color: #373a36;
4087    --mobile-font-weight: 400;
4088    --mobile-font-family: 'acumin-pro', sans-serif;
4089    --mobile-hover-font-weight: 700;
4090  }
4091</style>
4092
4093<div id="Column-AYXVZc0gzNUZzQmJ1c__nav_column_TnkK4E" class="flex flex-col pr-4 nav-column has-min-width">
4094  
4095    <h2 
4096      class="mb-2 nav-column-heading text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] active"
4097      data-mobile-column-toggle
4098      tabindex="-1"
4099      role="button"
4100      aria-expanded="true"
4101      aria-controls="column-links-AYXVZc0gzNUZzQmJ1c__nav_column_TnkK4E"
4102    >
4103      SHOP
4104    </h2>
4105  
4106  
4107  <ul id="column-links-AYXVZc0gzNUZzQmJ1c__nav_column_TnkK4E" class="flex flex-col space-y-1 nav-column-links" style="display: block !important; opacity: 1 !important; visibility: visible !important;">
4108    <li id="shopify-block-AbGNqb0ZBMjRWWEFie__nav_link_4R7VKj" class="shopify-block block--nav-link block">
4109<style>
4110  /* Device visibility */
4111  
4112
4113  
4114  #Link-AbGNqb0ZBMjRWWEFie__nav_link_4R7VKj {
4115    /* Desktop variables */
4116    --font-size: 12px;
4117    --text-color: #373a36;
4118    --font-weight: 300;
4119    --font-family: 'acumin-pro', sans-serif;
4120    --hover-font-weight: 500;
4121    --decoration-font-size: 10px;
4122    --decoration-color: #0c2340;
4123    --decoration-font-weight: 500;
4124
4125    /* Mobile variables (default to desktop) */
4126    --mobile-font-size: 18px;
4127    --mobile-text-color: #373a36;
4128    --mobile-font-weight: 300;
4129    --mobile-font-family: 'acumin-pro', sans-serif;
4130    --mobile-hover-font-weight: 500;
4131    --mobile-decoration-font-size: 10px;
4132    --mobile-decoration-color: #0c2340;
4133    --mobile-decoration-font-weight: 500;
4134  }
4135</style>
4136
4137<div id="Link-AbGNqb0ZBMjRWWEFie__nav_link_4R7VKj" class="flex nav-link-wrapper items-center gap-2">
4138  <a href="/collections/womens-readers"
4139     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4140     data-nav-link
4141     aria-label="Women's"
4142  >
4143    Women's
4144  </a>
4145
4146  
4147</div>
4148
4149 </li>
4150<li id="shopify-block-AWkl5dmFkTXN5V09Td__nav_link_ffP6KR" class="shopify-block block--nav-link block">
4151<style>
4152  /* Device visibility */
4153  
4154
4155  
4156  #Link-AWkl5dmFkTXN5V09Td__nav_link_ffP6KR {
4157    /* Desktop variables */
4158    --font-size: 12px;
4159    --text-color: #373a36;
4160    --font-weight: 300;
4161    --font-family: 'acumin-pro', sans-serif;
4162    --hover-font-weight: 500;
4163    --decoration-font-size: 10px;
4164    --decoration-color: #0c2340;
4165    --decoration-font-weight: 500;
4166
4167    /* Mobile variables (default to desktop) */
4168    --mobile-font-size: 18px;
4169    --mobile-text-color: #373a36;
4170    --mobile-font-weight: 300;
4171    --mobile-font-family: 'acumin-pro', sans-serif;
4172    --mobile-hover-font-weight: 500;
4173    --mobile-decoration-font-size: 10px;
4174    --mobile-decoration-color: #0c2340;
4175    --mobile-decoration-font-weight: 500;
4176  }
4177</style>
4178
4179<div id="Link-AWkl5dmFkTXN5V09Td__nav_link_ffP6KR" class="flex nav-link-wrapper items-center gap-2">
4180  <a href="/collections/mens-readers"
4181     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4182     data-nav-link
4183     aria-label="Men's"
4184  >
4185    Men's
4186  </a>
4187
4188  
4189</div>
4190
4191 </li>
4192<li id="shopify-block-ASExvdEpUeVZWbWZwM__nav_link_c6KtJb" class="shopify-block block--nav-link block">
4193<style>
4194  /* Device visibility */
4195  
4196
4197  
4198  #Link-ASExvdEpUeVZWbWZwM__nav_link_c6KtJb {
4199    /* Desktop variables */
4200    --font-size: 12px;
4201    --text-color: #373a36;
4202    --font-weight: 300;
4203    --font-family: 'acumin-pro', sans-serif;
4204    --hover-font-weight: 500;
4205    --decoration-font-size: 10px;
4206    --decoration-color: #0c2340;
4207    --decoration-font-weight: 500;
4208
4209    /* Mobile variables (default to desktop) */
4210    --mobile-font-size: 18px;
4211    --mobile-text-color: #373a36;
4212    --mobile-font-weight: 300;
4213    --mobile-font-family: 'acumin-pro', sans-serif;
4214    --mobile-hover-font-weight: 500;
4215    --mobile-decoration-font-size: 10px;
4216    --mobile-decoration-color: #0c2340;
4217    --mobile-decoration-font-weight: 500;
4218  }
4219</style>
4220
4221<div id="Link-ASExvdEpUeVZWbWZwM__nav_link_c6KtJb" class="flex nav-link-wrapper items-center gap-2">
4222  <a href="/collections/focus-eyewear"
4223     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4224     data-nav-link
4225     aria-label="Blue Light"
4226  >
4227    Blue Light
4228  </a>
4229
4230  
4231</div>
4232
4233 </li>
4234<li id="shopify-block-AZmhReC91TEJYUWp5b__nav_link_z3bGVX" class="shopify-block block--nav-link block">
4235<style>
4236  /* Device visibility */
4237  
4238
4239  
4240  #Link-AZmhReC91TEJYUWp5b__nav_link_z3bGVX {
4241    /* Desktop variables */
4242    --font-size: 12px;
4243    --text-color: #373a36;
4244    --font-weight: 300;
4245    --font-family: 'acumin-pro', sans-serif;
4246    --hover-font-weight: 500;
4247    --decoration-font-size: 10px;
4248    --decoration-color: #0c2340;
4249    --decoration-font-weight: 500;
4250
4251    /* Mobile variables (default to desktop) */
4252    --mobile-font-size: 18px;
4253    --mobile-text-color: #373a36;
4254    --mobile-font-weight: 300;
4255    --mobile-font-family: 'acumin-pro', sans-serif;
4256    --mobile-hover-font-weight: 500;
4257    --mobile-decoration-font-size: 10px;
4258    --mobile-decoration-color: #0c2340;
4259    --mobile-decoration-font-weight: 500;
4260  }
4261</style>
4262
4263<div id="Link-AZmhReC91TEJYUWp5b__nav_link_z3bGVX" class="flex nav-link-wrapper items-center gap-2">
4264  <a href="/collections/progressives"
4265     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4266     data-nav-link
4267     aria-label="Progressives"
4268  >
4269    Progressives
4270  </a>
4271
4272  
4273</div>
4274
4275 </li>
4276<li id="shopify-block-AbXI3Snd0NDFRQWRGN__nav_link_dhwEVe" class="shopify-block block--nav-link block">
4277<style>
4278  /* Device visibility */
4279  
4280
4281  
4282  #Link-AbXI3Snd0NDFRQWRGN__nav_link_dhwEVe {
4283    /* Desktop variables */
4284    --font-size: 12px;
4285    --text-color: #373a36;
4286    --font-weight: 300;
4287    --font-family: 'acumin-pro', sans-serif;
4288    --hover-font-weight: 500;
4289    --decoration-font-size: 10px;
4290    --decoration-color: #0c2340;
4291    --decoration-font-weight: 500;
4292
4293    /* Mobile variables (default to desktop) */
4294    --mobile-font-size: 18px;
4295    --mobile-text-color: #373a36;
4296    --mobile-font-weight: 300;
4297    --mobile-font-family: 'acumin-pro', sans-serif;
4298    --mobile-hover-font-weight: 500;
4299    --mobile-decoration-font-size: 10px;
4300    --mobile-decoration-color: #0c2340;
4301    --mobile-decoration-font-weight: 500;
4302  }
4303</style>
4304
4305<div id="Link-AbXI3Snd0NDFRQWRGN__nav_link_dhwEVe" class="flex nav-link-wrapper items-center gap-2">
4306  <a href="/pages/corrective-sun-types"
4307     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4308     data-nav-link
4309     aria-label="Corrective Sunglasses"
4310  >
4311    Corrective Sunglasses
4312  </a>
4313
4314  
4315</div>
4316
4317 </li>
4318
4319  </ul>
4320</div>
4321
4322
4323
4324
4325
4326 </ul>
4327<ul id="shopify-block-AUXpFSnFnUmg3aWtMe__nav_column_dGJTGf" class="shopify-block block--nav-column"><style>
4328  #Column-AUXpFSnFnUmg3aWtMe__nav_column_dGJTGf {
4329    /* Desktop variables */
4330    --font-size: 12px;
4331    --text-color: #373a36;
4332    --font-weight: 600;
4333    --font-family: 'acumin-pro', sans-serif;
4334    --hover-font-weight: 700;
4335    --min-width: 150px;
4336    
4337    /* Mobile variables (default to specified mobile values) */
4338    --mobile-font-size: 14px;
4339    --mobile-text-color: #373a36;
4340    --mobile-font-weight: 400;
4341    --mobile-font-family: 'acumin-pro', sans-serif;
4342    --mobile-hover-font-weight: 700;
4343  }
4344</style>
4345
4346<div id="Column-AUXpFSnFnUmg3aWtMe__nav_column_dGJTGf" class="flex flex-col pr-4 nav-column has-min-width">
4347  
4348    <h2 
4349      class="mb-2 nav-column-heading text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] "
4350      data-mobile-column-toggle
4351      tabindex="-1"
4352      role="button"
4353      aria-expanded="false"
4354      aria-controls="column-links-AUXpFSnFnUmg3aWtMe__nav_column_dGJTGf"
4355    >
4356      COLLECTION
4357    </h2>
4358  
4359  
4360  <ul id="column-links-AUXpFSnFnUmg3aWtMe__nav_column_dGJTGf" class="flex flex-col space-y-1 nav-column-links" >
4361    <li id="shopify-block-AZEdTYnAzM2JvbkJTN__nav_link_PfLqY3" class="shopify-block block--nav-link block">
4362<style>
4363  /* Device visibility */
4364  
4365
4366  
4367  #Link-AZEdTYnAzM2JvbkJTN__nav_link_PfLqY3 {
4368    /* Desktop variables */
4369    --font-size: 12px;
4370    --text-color: #045054;
4371    --font-weight: 300;
4372    --font-family: 'acumin-pro', sans-serif;
4373    --hover-font-weight: 500;
4374    --decoration-font-size: 10px;
4375    --decoration-color: #045054;
4376    --decoration-font-weight: 500;
4377
4378    /* Mobile variables (default to desktop) */
4379    --mobile-font-size: 18px;
4380    --mobile-text-color: #373a36;
4381    --mobile-font-weight: 300;
4382    --mobile-font-family: 'acumin-pro', sans-serif;
4383    --mobile-hover-font-weight: 500;
4384    --mobile-decoration-font-size: 10px;
4385    --mobile-decoration-color: #0c2340;
4386    --mobile-decoration-font-weight: 500;
4387  }
4388</style>
4389
4390<div id="Link-AZEdTYnAzM2JvbkJTN__nav_link_PfLqY3" class="flex nav-link-wrapper items-center gap-2">
4391  <a href="/collections/new-arrivals"
4392     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4393     data-nav-link
4394     aria-label="New Arrivals"
4395  >
4396    New Arrivals
4397  </a>
4398
4399  
4400</div>
4401
4402 </li>
4403<li id="shopify-block-ANllXeVZjV3VqeEdmN__nav_link_XVQpVf" class="shopify-block block--nav-link block">
4404<style>
4405  /* Device visibility */
4406  
4407
4408  
4409  #Link-ANllXeVZjV3VqeEdmN__nav_link_XVQpVf {
4410    /* Desktop variables */
4411    --font-size: 12px;
4412    --text-color: #ec4899;
4413    --font-weight: 300;
4414    --font-family: 'acumin-pro', sans-serif;
4415    --hover-font-weight: 500;
4416    --decoration-font-size: 10px;
4417    --decoration-color: #0c2340;
4418    --decoration-font-weight: 500;
4419
4420    /* Mobile variables (default to desktop) */
4421    --mobile-font-size: 18px;
4422    --mobile-text-color: #373a36;
4423    --mobile-font-weight: 300;
4424    --mobile-font-family: 'acumin-pro', sans-serif;
4425    --mobile-hover-font-weight: 500;
4426    --mobile-decoration-font-size: 10px;
4427    --mobile-decoration-color: #0c2340;
4428    --mobile-decoration-font-weight: 500;
4429  }
4430</style>
4431
4432<div id="Link-ANllXeVZjV3VqeEdmN__nav_link_XVQpVf" class="flex nav-link-wrapper items-center gap-2">
4433  <a href="https://www.peepers.com/pages/laura-park"
4434     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4435     data-nav-link
4436     aria-label="PEEPERS X LAURA PARK"
4437  >
4438    PEEPERS X LAURA PARK
4439  </a>
4440
4441  
4442</div>
4443
4444 </li>
4445<li id="shopify-block-ANEhxRFgvc2ZzV053W__nav_link_jqgXL3" class="shopify-block block--nav-link block">
4446<style>
4447  /* Device visibility */
4448  
4449
4450  
4451  #Link-ANEhxRFgvc2ZzV053W__nav_link_jqgXL3 {
4452    /* Desktop variables */
4453    --font-size: 12px;
4454    --text-color: #4571ba;
4455    --font-weight: 300;
4456    --font-family: 'acumin-pro', sans-serif;
4457    --hover-font-weight: 500;
4458    --decoration-font-size: 10px;
4459    --decoration-color: #0c2340;
4460    --decoration-font-weight: 500;
4461
4462    /* Mobile variables (default to desktop) */
4463    --mobile-font-size: 18px;
4464    --mobile-text-color: #373a36;
4465    --mobile-font-weight: 300;
4466    --mobile-font-family: 'acumin-pro', sans-serif;
4467    --mobile-hover-font-weight: 500;
4468    --mobile-decoration-font-size: 10px;
4469    --mobile-decoration-color: #0c2340;
4470    --mobile-decoration-font-weight: 500;
4471  }
4472</style>
4473
4474<div id="Link-ANEhxRFgvc2ZzV053W__nav_link_jqgXL3" class="flex nav-link-wrapper items-center gap-2">
4475  <a href="/pages/godmothers"
4476     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4477     data-nav-link
4478     aria-label="GODMOTHERS X PEEPERS"
4479  >
4480    GODMOTHERS X PEEPERS
4481  </a>
4482
4483  
4484</div>
4485
4486 </li>
4487<li id="shopify-block-AS0M1bEZnWTJaeHpNU__nav_link_4gcrLb" class="shopify-block block--nav-link block">
4488<style>
4489  /* Device visibility */
4490  
4491
4492  
4493  #Link-AS0M1bEZnWTJaeHpNU__nav_link_4gcrLb {
4494    /* Desktop variables */
4495    --font-size: 12px;
4496    --text-color: #373a36;
4497    --font-weight: 300;
4498    --font-family: 'acumin-pro', sans-serif;
4499    --hover-font-weight: 500;
4500    --decoration-font-size: 10px;
4501    --decoration-color: #0c2340;
4502    --decoration-font-weight: 500;
4503
4504    /* Mobile variables (default to desktop) */
4505    --mobile-font-size: 18px;
4506    --mobile-text-color: #373a36;
4507    --mobile-font-weight: 300;
4508    --mobile-font-family: 'acumin-pro', sans-serif;
4509    --mobile-hover-font-weight: 500;
4510    --mobile-decoration-font-size: 10px;
4511    --mobile-decoration-color: #0c2340;
4512    --mobile-decoration-font-weight: 500;
4513  }
4514</style>
4515
4516<div id="Link-AS0M1bEZnWTJaeHpNU__nav_link_4gcrLb" class="flex nav-link-wrapper items-center gap-2">
4517  <a href="/collections/oprah"
4518     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4519     data-nav-link
4520     aria-label="Oprah’s Favorite Things"
4521  >
4522    Oprah’s Favorite Things
4523  </a>
4524
4525  
4526</div>
4527
4528 </li>
4529<li id="shopify-block-Ad3YwVXVwbzArRmlic__nav_link_DLLVcd" class="shopify-block block--nav-link block">
4530<style>
4531  /* Device visibility */
4532  
4533
4534  
4535  #Link-Ad3YwVXVwbzArRmlic__nav_link_DLLVcd {
4536    /* Desktop variables */
4537    --font-size: 12px;
4538    --text-color: #373a36;
4539    --font-weight: 300;
4540    --font-family: 'acumin-pro', sans-serif;
4541    --hover-font-weight: 500;
4542    --decoration-font-size: 10px;
4543    --decoration-color: #0c2340;
4544    --decoration-font-weight: 500;
4545
4546    /* Mobile variables (default to desktop) */
4547    --mobile-font-size: 18px;
4548    --mobile-text-color: #373a36;
4549    --mobile-font-weight: 300;
4550    --mobile-font-family: 'acumin-pro', sans-serif;
4551    --mobile-hover-font-weight: 500;
4552    --mobile-decoration-font-size: 10px;
4553    --mobile-decoration-color: #0c2340;
4554    --mobile-decoration-font-weight: 500;
4555  }
4556</style>
4557
4558<div id="Link-Ad3YwVXVwbzArRmlic__nav_link_DLLVcd" class="flex nav-link-wrapper items-center gap-2">
4559  <a href="/collections/best-sellers"
4560     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4561     data-nav-link
4562     aria-label="Best Sellers"
4563  >
4564    Best Sellers
4565  </a>
4566
4567  
4568</div>
4569
4570 </li>
4571<li id="shopify-block-AaDVEOWRGT0Y1TVp6V__nav_link_CftR6V" class="shopify-block block--nav-link block">
4572<style>
4573  /* Device visibility */
4574  
4575
4576  
4577  #Link-AaDVEOWRGT0Y1TVp6V__nav_link_CftR6V {
4578    /* Desktop variables */
4579    --font-size: 12px;
4580    --text-color: #373a36;
4581    --font-weight: 300;
4582    --font-family: 'acumin-pro', sans-serif;
4583    --hover-font-weight: 500;
4584    --decoration-font-size: 10px;
4585    --decoration-color: #0c2340;
4586    --decoration-font-weight: 500;
4587
4588    /* Mobile variables (default to desktop) */
4589    --mobile-font-size: 18px;
4590    --mobile-text-color: #373a36;
4591    --mobile-font-weight: 300;
4592    --mobile-font-family: 'acumin-pro', sans-serif;
4593    --mobile-hover-font-weight: 500;
4594    --mobile-decoration-font-size: 10px;
4595    --mobile-decoration-color: #0c2340;
4596    --mobile-decoration-font-weight: 500;
4597  }
4598</style>
4599
4600<div id="Link-AaDVEOWRGT0Y1TVp6V__nav_link_CftR6V" class="flex nav-link-wrapper items-center gap-2">
4601  <a href="/collections/accessories"
4602     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4603     data-nav-link
4604     aria-label="Accessories"
4605  >
4606    Accessories
4607  </a>
4608
4609  
4610</div>
4611
4612 </li>
4613<li id="shopify-block-AY0h4L2ZCYk9pR0NzS__nav_link_xGc4W3" class="shopify-block block--nav-link block">
4614<style>
4615  /* Device visibility */
4616  
4617
4618  
4619  #Link-AY0h4L2ZCYk9pR0NzS__nav_link_xGc4W3 {
4620    /* Desktop variables */
4621    --font-size: 12px;
4622    --text-color: #373a36;
4623    --font-weight: 300;
4624    --font-family: 'acumin-pro', sans-serif;
4625    --hover-font-weight: 500;
4626    --decoration-font-size: 10px;
4627    --decoration-color: #0c2340;
4628    --decoration-font-weight: 500;
4629
4630    /* Mobile variables (default to desktop) */
4631    --mobile-font-size: 18px;
4632    --mobile-text-color: #373a36;
4633    --mobile-font-weight: 300;
4634    --mobile-font-family: 'acumin-pro', sans-serif;
4635    --mobile-hover-font-weight: 500;
4636    --mobile-decoration-font-size: 10px;
4637    --mobile-decoration-color: #0c2340;
4638    --mobile-decoration-font-weight: 500;
4639  }
4640</style>
4641
4642<div id="Link-AY0h4L2ZCYk9pR0NzS__nav_link_xGc4W3" class="flex nav-link-wrapper items-center gap-2">
4643  <a href="/collections/sale"
4644     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4645     data-nav-link
4646     aria-label="SALE"
4647  >
4648    SALE
4649  </a>
4650
4651  
4652</div>
4653
4654 </li>
4655
4656  </ul>
4657</div>
4658
4659
4660
4661
4662
4663 </ul>
4664<ul id="shopify-block-AV0g2ZERZU0J5ZkVPO__nav_column_JCfTyX" class="shopify-block block--nav-column"><style>
4665  #Column-AV0g2ZERZU0J5ZkVPO__nav_column_JCfTyX {
4666    /* Desktop variables */
4667    --font-size: 12px;
4668    --text-color: #373a36;
4669    --font-weight: 600;
4670    --font-family: 'acumin-pro', sans-serif;
4671    --hover-font-weight: 700;
4672    --min-width: 150px;
4673    
4674    /* Mobile variables (default to specified mobile values) */
4675    --mobile-font-size: 14px;
4676    --mobile-text-color: #373a36;
4677    --mobile-font-weight: 400;
4678    --mobile-font-family: 'acumin-pro', sans-serif;
4679    --mobile-hover-font-weight: 700;
4680  }
4681</style>
4682
4683<div id="Column-AV0g2ZERZU0J5ZkVPO__nav_column_JCfTyX" class="flex flex-col pr-4 nav-column has-min-width">
4684  
4685    <h2 
4686      class="mb-2 nav-column-heading text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] "
4687      data-mobile-column-toggle
4688      tabindex="-1"
4689      role="button"
4690      aria-expanded="false"
4691      aria-controls="column-links-AV0g2ZERZU0J5ZkVPO__nav_column_JCfTyX"
4692    >
4693      DISCOVER
4694    </h2>
4695  
4696  
4697  <ul id="column-links-AV0g2ZERZU0J5ZkVPO__nav_column_JCfTyX" class="flex flex-col space-y-1 nav-column-links" >
4698    <li id="shopify-block-AeEFkWmQwZVlXUUZ6N__nav_link_fqQV6U" class="shopify-block block--nav-link block">
4699<style>
4700  /* Device visibility */
4701  
4702
4703  
4704  #Link-AeEFkWmQwZVlXUUZ6N__nav_link_fqQV6U {
4705    /* Desktop variables */
4706    --font-size: 12px;
4707    --text-color: #373a36;
4708    --font-weight: 300;
4709    --font-family: 'acumin-pro', sans-serif;
4710    --hover-font-weight: 500;
4711    --decoration-font-size: 10px;
4712    --decoration-color: #0c2340;
4713    --decoration-font-weight: 500;
4714
4715    /* Mobile variables (default to desktop) */
4716    --mobile-font-size: 18px;
4717    --mobile-text-color: #373a36;
4718    --mobile-font-weight: 300;
4719    --mobile-font-family: 'acumin-pro', sans-serif;
4720    --mobile-hover-font-weight: 500;
4721    --mobile-decoration-font-size: 10px;
4722    --mobile-decoration-color: #0c2340;
4723    --mobile-decoration-font-weight: 500;
4724  }
4725</style>
4726
4727<div id="Link-AeEFkWmQwZVlXUUZ6N__nav_link_fqQV6U" class="flex nav-link-wrapper items-center gap-2">
4728  <a href="/pages/virtual-try-on"
4729     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4730     data-nav-link
4731     aria-label="Virtual Try On"
4732  >
4733    Virtual Try On
4734  </a>
4735
4736  
4737</div>
4738
4739 </li>
4740<li id="shopify-block-ARmdVSXJib1Y4WlZYb__nav_link_MKHVdp" class="shopify-block block--nav-link block">
4741<style>
4742  /* Device visibility */
4743  
4744
4745  
4746  #Link-ARmdVSXJib1Y4WlZYb__nav_link_MKHVdp {
4747    /* Desktop variables */
4748    --font-size: 12px;
4749    --text-color: #373a36;
4750    --font-weight: 300;
4751    --font-family: 'acumin-pro', sans-serif;
4752    --hover-font-weight: 500;
4753    --decoration-font-size: 10px;
4754    --decoration-color: #0c2340;
4755    --decoration-font-weight: 500;
4756
4757    /* Mobile variables (default to desktop) */
4758    --mobile-font-size: 18px;
4759    --mobile-text-color: #373a36;
4760    --mobile-font-weight: 300;
4761    --mobile-font-family: 'acumin-pro', sans-serif;
4762    --mobile-hover-font-weight: 500;
4763    --mobile-decoration-font-size: 10px;
4764    --mobile-decoration-color: #0c2340;
4765    --mobile-decoration-font-weight: 500;
4766  }
4767</style>
4768
4769<div id="Link-ARmdVSXJib1Y4WlZYb__nav_link_MKHVdp" class="flex nav-link-wrapper items-center gap-2">
4770  <a href="/pages/perfect-pair-finder"
4771     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4772     data-nav-link
4773     aria-label="Perfect Pair Finder"
4774  >
4775    Perfect Pair Finder
4776  </a>
4777
4778  
4779</div>
4780
4781 </li>
4782<li id="shopify-block-AWFowaVNJdUo5Vlk2W__nav_link_9D6NYB" class="shopify-block block--nav-link block">
4783<style>
4784  /* Device visibility */
4785  
4786
4787  
4788  #Link-AWFowaVNJdUo5Vlk2W__nav_link_9D6NYB {
4789    /* Desktop variables */
4790    --font-size: 12px;
4791    --text-color: #373a36;
4792    --font-weight: 300;
4793    --font-family: 'acumin-pro', sans-serif;
4794    --hover-font-weight: 500;
4795    --decoration-font-size: 10px;
4796    --decoration-color: #0c2340;
4797    --decoration-font-weight: 500;
4798
4799    /* Mobile variables (default to desktop) */
4800    --mobile-font-size: 18px;
4801    --mobile-text-color: #373a36;
4802    --mobile-font-weight: 300;
4803    --mobile-font-family: 'acumin-pro', sans-serif;
4804    --mobile-hover-font-weight: 500;
4805    --mobile-decoration-font-size: 10px;
4806    --mobile-decoration-color: #0c2340;
4807    --mobile-decoration-font-weight: 500;
4808  }
4809</style>
4810
4811<div id="Link-AWFowaVNJdUo5Vlk2W__nav_link_9D6NYB" class="flex nav-link-wrapper items-center gap-2">
4812  <a href="/pages/whats-my-power-eye-chart"
4813     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
4814     data-nav-link
4815     aria-label="Strength Guide"
4816  >
4817    Strength Guide
4818  </a>
4819
4820  
4821</div>
4822
4823 </li>
4824
4825  </ul>
4826</div>
4827
4828
4829
4830
4831
4832 </ul>
4833<div id="shopify-block-Abk04cEV1MTl6K2V4M__promo_card_VAaAhE" class="shopify-block block--promo-card">
4834
4835
4836
4837
4838
4839
4840<a href="/shoreline" class="block no-underline text-inherit hover:opacity-90 focus:outline-2 focus:outline-offset-2 focus:outline-[#0c2340] focus:opacity-90 hidden md:block" 
4841  
4842    aria-label="A woman with short brown hair and glasses smiles while touching her forehead, wearing a pale yellow jacket. A retro-style car mirror is visible on the left, and the text 'MEET US AT THE Shoreline' appears across the lower center."
4843  >
4844
4845
4846<div class="nav-promo-card lg:max-h-[146px] w-full overflow-hidden ">
4847  
4848    <picture class="block lg:max-h-[146px]">
4849      
4850      
4851        <source srcset="//www.peepers.com/cdn/shop/files/Shoreline_nav-image.jpg?v=1782942160&width=200 200w,
4852                        //www.peepers.com/cdn/shop/files/Shoreline_nav-image.jpg?v=1782942160&width=300 300w,
4853                        //www.peepers.com/cdn/shop/files/Shoreline_nav-image.jpg?v=1782942160&width=400 400w"
4854                sizes="(max-width: 1023px) 100vw, 300px">
4855        <img src="//www.peepers.com/cdn/shop/files/Shoreline_nav-image.jpg?v=1782942160&width=400"
4856             alt="A woman with short brown hair and glasses smiles while touching her forehead, wearing a pale yellow jacket. A retro-style car mirror is visible on the left, and the text &#39;MEET US AT THE Shoreline&#39; appears across the lower center."
4857             loading="lazy"
4858             width="400"
4859             height="340"
4860             class="lg:max-h-[146px]">
4861      
4862    </picture>
4863  
4864  
4865  <div class="mt-2 lg:py-4">
4866    
4867    
4868    
4869    
4870    
4871  </div>
4872</div>
4873
4874
4875</a>
4876
4877 </div>
4878<div id="shopify-block-AVUd5dnpUYXRxOXBLR__promo_card_QPqHYD" class="shopify-block block--promo-card">
4879
4880
4881
4882
4883
4884
4885<a href="https://www.peepers.com/pages/laura-park" class="block no-underline text-inherit hover:opacity-90 focus:outline-2 focus:outline-offset-2 focus:outline-[#0c2340] focus:opacity-90 hidden md:block" 
4886  
4887    aria-label="New Collection! Peepers x Laura Park"
4888  >
4889
4890
4891<div class="nav-promo-card lg:max-h-[146px] w-full overflow-hidden ">
4892  
4893    <picture class="block lg:max-h-[146px]">
4894      
4895      
4896        <source srcset="//www.peepers.com/cdn/shop/files/20260915-cd-lp2-flyout.png?v=1789076584&width=200 200w,
4897                        //www.peepers.com/cdn/shop/files/20260915-cd-lp2-flyout.png?v=1789076584&width=300 300w,
4898                        //www.peepers.com/cdn/shop/files/20260915-cd-lp2-flyout.png?v=1789076584&width=400 400w"
4899                sizes="(max-width: 1023px) 100vw, 300px">
4900        <img src="//www.peepers.com/cdn/shop/files/20260915-cd-lp2-flyout.png?v=1789076584&width=400"
4901             alt="New Collection! Peepers x Laura Park"
4902             loading="lazy"
4903             width="400"
4904             height="340"
4905             class="lg:max-h-[146px]">
4906      
4907    </picture>
4908  
4909  
4910  <div class="mt-2 lg:py-4">
4911    
4912    
4913    
4914    
4915    
4916  </div>
4917</div>
4918
4919
4920</a>
4921
4922 </div>
4923<div id="shopify-block-AeUpib0lGUkRqazdPN__promo_card_cLcETa" class="shopify-block block--promo-card">
4924
4925
4926
4927
4928
4929
4930<a href="/collections/new-arrivals" class="block no-underline text-inherit hover:opacity-90 focus:outline-2 focus:outline-offset-2 focus:outline-[#0c2340] focus:opacity-90 hidden md:block" 
4931  
4932    aria-label="Promotional content"
4933  >
4934
4935
4936<div class="nav-promo-card lg:max-h-[146px] w-full overflow-hidden ">
4937  
4938    <picture class="block lg:max-h-[146px]">
4939      
4940      
4941        <source srcset="//www.peepers.com/cdn/shop/files/nav-image-wms-new-fall.jpg?v=1781281028&width=200 200w,
4942                        //www.peepers.com/cdn/shop/files/nav-image-wms-new-fall.jpg?v=1781281028&width=300 300w,
4943                        //www.peepers.com/cdn/shop/files/nav-image-wms-new-fall.jpg?v=1781281028&width=400 400w"
4944                sizes="(max-width: 1023px) 100vw, 300px">
4945        <img src="//www.peepers.com/cdn/shop/files/nav-image-wms-new-fall.jpg?v=1781281028&width=400"
4946             alt="Promotional image"
4947             loading="lazy"
4948             width="400"
4949             height="341"
4950             class="lg:max-h-[146px]">
4951      
4952    </picture>
4953  
4954  
4955  <div class="mt-2 lg:py-4">
4956    
4957    
4958    
4959    
4960    
4961  </div>
4962</div>
4963
4964
4965</a>
4966
4967 </div>
4968
4969            </ul>
4970          </div>
4971        </div>
4972      </div>
4973      
4974      <!-- Mobile: Slide-in panel -->
4975      <div class="mobile-submenu" data-mobile-submenu>
4976        <div class="mobile-submenu-header">
4977          <button class="mobile-back-button" data-mobile-back>
4978            <svg style="fill: none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><polyline points="15 18 9 12 15 6"></polyline></svg>
4979            <span class="sr-only">Back</span>
4980          </button>
4981          <span class="relative -left-2 mx-auto mobile-submenu-title"></span>
4982        </div>
4983        <div class="mobile-submenu-content">
4984          <!-- The blocks are rendered once above in desktop-blocks-container, 
4985               but will be moved here via JS for mobile -->
4986          <div class="mobile-blocks-container"></div>
4987        </div>
4988      </div>
4989    </div>
4990  </div>
4991</li>
4992
4993
4994
4995 </ul>
4996<ul id="shopify-block-AQXQ5MVRmYXIxMFNST__nav_category_6jtUTy" class="shopify-block block--nav-category"><style>
4997  /* Add device-specific display classes */
4998  
4999  
5000  
5001
5002  #Category-AQXQ5MVRmYXIxMFNST__nav_category_6jtUTy {
5003    /* Desktop variables */
5004    --font-size: 13px;
5005    --text-color: #373a36;
5006    --font-weight: 400;
5007    --font-family: 'acumin-pro', sans-serif;
5008    --hover-font-weight: 700;
5009    --decoration-font-size: 10px;
5010    --decoration-color: #0c2340;
5011    --decoration-font-weight: 500;
5012    
5013    /* Mobile variables (default to mobile values) */
5014    --mobile-font-size: 21px;
5015    --mobile-text-color: #373a36;
5016    --mobile-font-weight: 300;
5017    --mobile-font-family: 'acumin-pro', sans-serif;
5018    --mobile-hover-font-weight: 700;
5019    --mobile-decoration-font-size: 10px;
5020    --mobile-decoration-color: #0c2340;
5021    --mobile-decoration-font-weight: 500;
5022  }
5023  
5024  /* Shoreline — IvyOra italic word + sailboat ornament, direct link (no dropdown) */
5025  .scd-nav-editorial__word {
5026    font-family: "ivyora-display", "IvyOra Display", Georgia, serif;
5027    font-style: italic; font-weight: 500; text-transform: none;
5028    font-size: 1.4em; line-height: 1; color: #0c2340; letter-spacing: 0.01em;
5029  }
5030  .scd-nav-editorial__boat { width: 24px; height: 24px; object-fit: contain; flex: none; transform: translateY(-1px); }
5031  .scd-nav-editorial__link { transition: opacity .2s ease; }
5032  .scd-nav-editorial__link:hover { opacity: .68; }
5033  @media (max-width: 1023px) {
5034    .scd-nav-editorial__word { font-size: 25px; }
5035    .scd-nav-editorial__boat { width: 27px; height: 27px; }
5036  }
5037  
5038  
5039</style><li id="Category-AQXQ5MVRmYXIxMFNST__nav_category_6jtUTy" class="relative max-[1023px]:bg-white group scd-nav-editorial" data-nav-category>
5040    <a
5041      class="scd-nav-editorial__link relative py-4 mobile-menu-item border-b border-[#efefef] lg:border-b-0 w-full flex items-center justify-start lg:justify-end gap-2 px-4 no-underline"
5042      href="/shoreline"
5043      data-category-name="Shoreline"
5044    ><img class="scd-nav-editorial__boat" src="//www.peepers.com/cdn/shop/files/shoreline-cd-sail-boat.png?v=12513691654651604973" alt="" aria-hidden="true" width="24" height="24" loading="eager"><span class="scd-nav-editorial__word">Shoreline</span>
5045    </a>
5046  </li>
5047
5048
5049
5050 </ul>
5051<ul id="shopify-block-AbXYyRUJOcWZBNC9lS__nav_category_NLWEir" class="shopify-block block--nav-category"><style>
5052  /* Add device-specific display classes */
5053  
5054  
5055  
5056
5057  #Category-AbXYyRUJOcWZBNC9lS__nav_category_NLWEir {
5058    /* Desktop variables */
5059    --font-size: 13px;
5060    --text-color: #373a36;
5061    --font-weight: 400;
5062    --font-family: 'acumin-pro', sans-serif;
5063    --hover-font-weight: 700;
5064    --decoration-font-size: 10px;
5065    --decoration-color: #0c2340;
5066    --decoration-font-weight: 500;
5067    
5068    /* Mobile variables (default to mobile values) */
5069    --mobile-font-size: 21px;
5070    --mobile-text-color: #373a36;
5071    --mobile-font-weight: 300;
5072    --mobile-font-family: 'acumin-pro', sans-serif;
5073    --mobile-hover-font-weight: 700;
5074    --mobile-decoration-font-size: 10px;
5075    --mobile-decoration-color: #0c2340;
5076    --mobile-decoration-font-weight: 500;
5077  }
5078  
5079  
5080</style><li id="Category-AbXYyRUJOcWZBNC9lS__nav_category_NLWEir"
5081    class="relative max-[1023px]:bg-white group"
5082    data-nav-category
5083>
5084  
5085    <div class="relative">
5086      <a
5087        class="relative py-4 uppercase transition-all duration-200 mobile-menu-item mobile-category-heading border-b border-[#efefef] lg:border-b-0 w-full flex justify-between items-center px-4 max-[1023px]:text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] hover:font-[var(--mobile-hover-font-we
5087ight)] lg:hover:font-[var(--hover-font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] no-underline"
5088        id="category-button-AbXYyRUJOcWZBNC9lS__nav_category_NLWEir"
5089        href="/collections/progressives"
5090        data-mobile-toggle
5091        data-category-name="PROGRESSIVES"
5092        aria-expanded="false"
5093        aria-haspopup="true"
5094        aria-controls="dropdown-AbXYyRUJOcWZBNC9lS__nav_category_NLWEir"
5095      >
5096        <span class="flex flex-col items-start min-w-0">
5097          <span>PROGRESSIVES</span>
5098        </span>
5099        <span class="relative -top-0.5 mobile-toggle-icon">
5100          <svg style="fill: none" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
5101        </span>
5102      </a>
5103
5104      <!-- Add hover bridge element -->
5105      <div class="hidden absolute -bottom-8 w-full h-8 bg-transparent lg:block"></div>
5106
5107      
5108    </div>
5109  
5110    
5111  <div class="nav-dropdown-container">
5112    <div class="nav-dropdown-wrapper">
5113      <!-- Desktop dropdown -->
5114      <div id="dropdown-AbXYyRUJOcWZBNC9lS__nav_category_NLWEir" 
5115          class="desktop-dropdown fixed opacity-0 invisible bg-[#fcfafa] shadow-lg"
5116          data-nav-dropdown
5117          aria-labelledby="category-button-AbXYyRUJOcWZBNC9lS__nav_category_NLWEir">
5118        <div class="container max-w-[1400px] mx-auto xl:pl-6">
5119          <div class="relative px-2 py-4">
5120            <ul class="flex gap-10 justify-start desktop-blocks-container">
5121              <ul id="shopify-block-AYVhZalVDWTgxZnQwR__nav_column_ckhYRb" class="shopify-block block--nav-column"><style>
5122  #Column-AYVhZalVDWTgxZnQwR__nav_column_ckhYRb {
5123    /* Desktop variables */
5124    --font-size: 12px;
5125    --text-color: #373a36;
5126    --font-weight: 600;
5127    --font-family: 'acumin-pro', sans-serif;
5128    --hover-font-weight: 700;
5129    --min-width: 120px;
5130    
5131    /* Mobile variables (default to specified mobile values) */
5132    --mobile-font-size: 14px;
5133    --mobile-text-color: #373a36;
5134    --mobile-font-weight: 400;
5135    --mobile-font-family: 'acumin-pro', sans-serif;
5136    --mobile-hover-font-weight: 700;
5137  }
5138</style>
5139
5140<div id="Column-AYVhZalVDWTgxZnQwR__nav_column_ckhYRb" class="flex flex-col pr-4 nav-column has-min-width">
5141  
5142    <h2 
5143      class="mb-2 nav-column-heading text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] active"
5144      data-mobile-column-toggle
5145      tabindex="-1"
5146      role="button"
5147      aria-expanded="true"
5148      aria-controls="column-links-AYVhZalVDWTgxZnQwR__nav_column_ckhYRb"
5149    >
5150      SHOP
5151    </h2>
5152  
5153  
5154  <ul id="column-links-AYVhZalVDWTgxZnQwR__nav_column_ckhYRb" class="flex flex-col space-y-1 nav-column-links" style="display: block !important; opacity: 1 !important; visibility: visible !important;">
5155    <li id="shopify-block-ASkpTellnUFJVZ2NZc__nav_link_eG8mKW" class="shopify-block block--nav-link block">
5156<style>
5157  /* Device visibility */
5158  
5159
5160  
5161  #Link-ASkpTellnUFJVZ2NZc__nav_link_eG8mKW {
5162    /* Desktop variables */
5163    --font-size: 12px;
5164    --text-color: #373a36;
5165    --font-weight: 300;
5166    --font-family: 'acumin-pro', sans-serif;
5167    --hover-font-weight: 500;
5168    --decoration-font-size: 10px;
5169    --decoration-color: #0c2340;
5170    --decoration-font-weight: 500;
5171
5172    /* Mobile variables (default to desktop) */
5173    --mobile-font-size: 18px;
5174    --mobile-text-color: #373a36;
5175    --mobile-font-weight: 300;
5176    --mobile-font-family: 'acumin-pro', sans-serif;
5177    --mobile-hover-font-weight: 500;
5178    --mobile-decoration-font-size: 10px;
5179    --mobile-decoration-color: #0c2340;
5180    --mobile-decoration-font-weight: 500;
5181  }
5182</style>
5183
5184<div id="Link-ASkpTellnUFJVZ2NZc__nav_link_eG8mKW" class="flex nav-link-wrapper items-center gap-2">
5185  <a href="https://www.peepers.com/collections/progressives?filter.v.m.filters.gender=Women%27s,Unisex"
5186     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
5187     data-nav-link
5188     aria-label="Women's"
5189  >
5190    Women's
5191  </a>
5192
5193  
5194</div>
5195
5196 </li>
5197<li id="shopify-block-AejlSVFlsUjhiaUdYZ__nav_link_iY3YUH" class="shopify-block block--nav-link block">
5198<style>
5199  /* Device visibility */
5200  
5201
5202  
5203  #Link-AejlSVFlsUjhiaUdYZ__nav_link_iY3YUH {
5204    /* Desktop variables */
5205    --font-size: 12px;
5206    --text-color: #373a36;
5207    --font-weight: 300;
5208    --font-family: 'acumin-pro', sans-serif;
5209    --hover-font-weight: 500;
5210    --decoration-font-size: 10px;
5211    --decoration-color: #0c2340;
5212    --decoration-font-weight: 500;
5213
5214    /* Mobile variables (default to desktop) */
5215    --mobile-font-size: 18px;
5216    --mobile-text-color: #373a36;
5217    --mobile-font-weight: 300;
5218    --mobile-font-family: 'acumin-pro', sans-serif;
5219    --mobile-hover-font-weight: 500;
5220    --mobile-decoration-font-size: 10px;
5221    --mobile-decoration-color: #0c2340;
5222    --mobile-decoration-font-weight: 500;
5223  }
5224</style>
5225
5226<div id="Link-AejlSVFlsUjhiaUdYZ__nav_link_iY3YUH" class="flex nav-link-wrapper items-center gap-2">
5227  <a href="https://www.peepers.com/collections/progressives?filter.v.m.filters.gender=Men%27s,Unisex"
5228     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
5229     data-nav-link
5230     aria-label="Men's"
5231  >
5232    Men's
5233  </a>
5234
5235  
5236</div>
5237
5238 </li>
5239<li id="shopify-block-AUkkxb2trVGVhcGdMN__nav_link_apYGgT" class="shopify-block block--nav-link block">
5240<style>
5241  /* Device visibility */
5242  
5243
5244  
5245  #Link-AUkkxb2trVGVhcGdMN__nav_link_apYGgT {
5246    /* Desktop variables */
5247    --font-size: 12px;
5248    --text-color: #373a36;
5249    --font-weight: 300;
5250    --font-family: 'acumin-pro', sans-serif;
5251    --hover-font-weight: 500;
5252    --decoration-font-size: 10px;
5253    --decoration-color: #0c2340;
5254    --decoration-font-weight: 500;
5255
5256    /* Mobile variables (default to desktop) */
5257    --mobile-font-size: 18px;
5258    --mobile-text-color: #373a36;
5259    --mobile-font-weight: 300;
5260    --mobile-font-family: 'acumin-pro', sans-serif;
5261    --mobile-hover-font-weight: 500;
5262    --mobile-decoration-font-size: 10px;
5263    --mobile-decoration-color: #0c2340;
5264    --mobile-decoration-font-weight: 500;
5265  }
5266</style>
5267
5268<div id="Link-AUkkxb2trVGVhcGdMN__nav_link_apYGgT" class="flex nav-link-wrapper items-center gap-2">
5269  <a href="/collections/progressive-sunglasses"
5270     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
5271     data-nav-link
5272     aria-label="Sunglasses"
5273  >
5274    Sunglasses
5275  </a>
5276
5277  
5278</div>
5279
5280 </li>
5281
5282  </ul>
5283</div>
5284
5285
5286
5287
5288
5289 </ul>
5290<ul id="shopify-block-Ac2tLWXo3U3RZeWptZ__nav_column_7TXbYT" class="shopify-block block--nav-column"><style>
5291  #Column-Ac2tLWXo3U3RZeWptZ__nav_column_7TXbYT {
5292    /* Desktop variables */
5293    --font-size: 12px;
5294    --text-color: #373a36;
5295    --font-weight: 600;
5296    --font-family: 'acumin-pro', sans-serif;
5297    --hover-font-weight: 700;
5298    --min-width: 150px;
5299    
5300    /* Mobile variables (default to specified mobile values) */
5301    --mobile-font-size: 14px;
5302    --mobile-text-color: #373a36;
5303    --mobile-font-weight: 400;
5304    --mobile-font-family: 'acumin-pro', sans-serif;
5305    --mobile-hover-font-weight: 700;
5306  }
5307</style>
5308
5309<div id="Column-Ac2tLWXo3U3RZeWptZ__nav_column_7TXbYT" class="flex flex-col pr-4 nav-column has-min-width">
5310  
5311    <h2 
5312      class="mb-2 nav-column-heading text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] "
5313      data-mobile-column-toggle
5314      tabindex="-1"
5315      role="button"
5316      aria-expanded="false"
5317      aria-controls="column-links-Ac2tLWXo3U3RZeWptZ__nav_column_7TXbYT"
5318    >
5319      COLLECTION
5320    </h2>
5321  
5322  
5323  <ul id="column-links-Ac2tLWXo3U3RZeWptZ__nav_column_7TXbYT" class="flex flex-col space-y-1 nav-column-links" >
5324    <li id="shopify-block-ARmY0MHJRbEE5UXhtc__nav_link_pWEhEx" class="shopify-block block--nav-link block">
5325<style>
5326  /* Device visibility */
5327  
5328
5329  
5330  #Link-ARmY0MHJRbEE5UXhtc__nav_link_pWEhEx {
5331    /* Desktop variables */
5332    --font-size: 12px;
5333    --text-color: #373a36;
5334    --font-weight: 300;
5335    --font-family: 'acumin-pro', sans-serif;
5336    --hover-font-weight: 500;
5337    --decoration-font-size: 10px;
5338    --decoration-color: #0c2340;
5339    --decoration-font-weight: 500;
5340
5341    /* Mobile variables (default to desktop) */
5342    --mobile-font-size: 18px;
5343    --mobile-text-color: #373a36;
5344    --mobile-font-weight: 300;
5345    --mobile-font-family: 'acumin-pro', sans-serif;
5346    --mobile-hover-font-weight: 500;
5347    --mobile-decoration-font-size: 10px;
5348    --mobile-decoration-color: #0c2340;
5349    --mobile-decoration-font-weight: 500;
5350  }
5351</style>
5352
5353<div id="Link-ARmY0MHJRbEE5UXhtc__nav_link_pWEhEx" class="flex nav-link-wrapper items-center gap-2">
5354  <a href="https://www.peepers.com/collections/new-arrivals?filter.p.product_type=Progressives"
5355     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
5356     data-nav-link
5357     aria-label="New Arrivals"
5358  >
5359    New Arrivals
5360  </a>
5361
5362  
5363</div>
5364
5365 </li>
5366<li id="shopify-block-ATDRha0NYdU5ncmozS__nav_link_JhxAPJ" class="shopify-block block--nav-link block">
5367<style>
5368  /* Device visibility */
5369  
5370
5371  
5372  #Link-ATDRha0NYdU5ncmozS__nav_link_JhxAPJ {
5373    /* Desktop variables */
5374    --font-size: 12px;
5375    --text-color: #373a36;
5376    --font-weight: 300;
5377    --font-family: 'acumin-pro', sans-serif;
5378    --hover-font-weight: 500;
5379    --decoration-font-size: 10px;
5380    --decoration-color: #0c2340;
5381    --decoration-font-weight: 500;
5382
5383    /* Mobile variables (default to desktop) */
5384    --mobile-font-size: 18px;
5385    --mobile-text-color: #373a36;
5386    --mobile-font-weight: 300;
5387    --mobile-font-family: 'acumin-pro', sans-serif;
5388    --mobile-hover-font-weight: 500;
5389    --mobile-decoration-font-size: 10px;
5390    --mobile-decoration-color: #0c2340;
5391    --mobile-decoration-font-weight: 500;
5392  }
5393</style>
5394
5395<div id="Link-ATDRha0NYdU5ncmozS__nav_link_JhxAPJ" class="flex nav-link-wrapper items-center gap-2">
5396  <a href="/collections/oprah"
5397     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
5398     data-nav-link
5399     aria-label="Oprah’s Favorite Things"
5400  >
5401    Oprah’s Favorite Things
5402  </a>
5403
5404  
5405</div>
5406
5407 </li>
5408<li id="shopify-block-AZFl1Z0k1aDhSdi84S__nav_link_DmRPfq" class="shopify-block block--nav-link block">
5409<style>
5410  /* Device visibility */
5411  
5412
5413  
5414  #Link-AZFl1Z0k1aDhSdi84S__nav_link_DmRPfq {
5415    /* Desktop variables */
5416    --font-size: 12px;
5417    --text-color: #373a36;
5418    --font-weight: 300;
5419    --font-family: 'acumin-pro', sans-serif;
5420    --hover-font-weight: 500;
5421    --decoration-font-size: 10px;
5422    --decoration-color: #0c2340;
5423    --decoration-font-weight: 500;
5424
5425    /* Mobile variables (default to desktop) */
5426    --mobile-font-size: 18px;
5427    --mobile-text-color: #373a36;
5428    --mobile-font-weight: 300;
5429    --mobile-font-family: 'acumin-pro', sans-serif;
5430    --mobile-hover-font-weight: 500;
5431    --mobile-decoration-font-size: 10px;
5432    --mobile-decoration-color: #0c2340;
5433    --mobile-decoration-font-weight: 500;
5434  }
5435</style>
5436
5437<div id="Link-AZFl1Z0k1aDhSdi84S__nav_link_DmRPfq" class="flex nav-link-wrapper items-center gap-2">
5438  <a href="/collections/progressive-best-sellers"
5439     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
5440     data-nav-link
5441     aria-label="Best Sellers"
5442  >
5443    Best Sellers
5444  </a>
5445
5446  
5447</div>
5448
5449 </li>
5450<li id="shopify-block-AWHpieTlibU9vdDlXQ__nav_link_4CwTUB" class="shopify-block block--nav-link block">
5451<style>
5452  /* Device visibility */
5453  
5454
5455  
5456  #Link-AWHpieTlibU9vdDlXQ__nav_link_4CwTUB {
5457    /* Desktop variables */
5458    --font-size: 12px;
5459    --text-color: #373a36;
5460    --font-weight: 300;
5461    --font-family: 'acumin-pro', sans-serif;
5462    --hover-font-weight: 500;
5463    --decoration-font-size: 10px;
5464    --decoration-color: #0c2340;
5465    --decoration-font-weight: 500;
5466
5467    /* Mobile variables (default to desktop) */
5468    --mobile-font-size: 18px;
5469    --mobile-text-color: #373a36;
5470    --mobile-font-weight: 300;
5471    --mobile-font-family: 'acumin-pro', sans-serif;
5472    --mobile-hover-font-weight: 500;
5473    --mobile-decoration-font-size: 10px;
5474    --mobile-decoration-color: #0c2340;
5475    --mobile-decoration-font-weight: 500;
5476  }
5477</style>
5478
5479<div id="Link-AWHpieTlibU9vdDlXQ__nav_link_4CwTUB" class="flex nav-link-wrapper items-center gap-2">
5480  <a href="/collections/accessories"
5481     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
5482     data-nav-link
5483     aria-label="Accessories"
5484  >
5485    Accessories
5486  </a>
5487
5488  
5489</div>
5490
5491 </li>
5492<li id="shopify-block-AeFBiK0ZldllyMU5aT__nav_link_GYk7W7" class="shopify-block block--nav-link block">
5493<style>
5494  /* Device visibility */
5495  
5496
5497  
5498  #Link-AeFBiK0ZldllyMU5aT__nav_link_GYk7W7 {
5499    /* Desktop variables */
5500    --font-size: 12px;
5501    --text-color: #373a36;
5502    --font-weight: 300;
5503    --font-family: 'acumin-pro', sans-serif;
5504    --hover-font-weight: 500;
5505    --decoration-font-size: 10px;
5506    --decoration-color: #0c2340;
5507    --decoration-font-weight: 500;
5508
5509    /* Mobile variables (default to desktop) */
5510    --mobile-font-size: 18px;
5511    --mobile-text-color: #373a36;
5512    --mobile-font-weight: 300;
5513    --mobile-font-family: 'acumin-pro', sans-serif;
5514    --mobile-hover-font-weight: 500;
5515    --mobile-decoration-font-size: 10px;
5516    --mobile-decoration-color: #0c2340;
5517    --mobile-decoration-font-weight: 500;
5518  }
5519</style>
5520
5521<div id="Link-AeFBiK0ZldllyMU5aT__nav_link_GYk7W7" class="flex nav-link-wrapper items-center gap-2">
5522  <a href="/collections/sale"
5523     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
5524     data-nav-link
5525     aria-label="SALE"
5526  >
5527    SALE
5528  </a>
5529
5530  
5531</div>
5532
5533 </li>
5534
5535  </ul>
5536</div>
5537
5538
5539
5540
5541
5542 </ul>
5543<ul id="shopify-block-AaUZndXZQSUtVb3Jye__nav_column_bLnz6L" class="shopify-block block--nav-column"><style>
5544  #Column-AaUZndXZQSUtVb3Jye__nav_column_bLnz6L {
5545    /* Desktop variables */
5546    --font-size: 12px;
5547    --text-color: #373a36;
5548    --font-weight: 600;
5549    --font-family: 'acumin-pro', sans-serif;
5550    --hover-font-weight: 700;
5551    --min-width: 150px;
5552    
5553    /* Mobile variables (default to specified mobile values) */
5554    --mobile-font-size: 14px;
5555    --mobile-text-color: #373a36;
5556    --mobile-font-weight: 400;
5557    --mobile-font-family: 'acumin-pro', sans-serif;
5558    --mobile-hover-font-weight: 700;
5559  }
5560</style>
5561
5562<div id="Column-AaUZndXZQSUtVb3Jye__nav_column_bLnz6L" class="flex flex-col pr-4 nav-column has-min-width">
5563  
5564    <h2 
5565      class="mb-2 nav-column-heading text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] "
5566      data-mobile-column-toggle
5567      tabindex="-1"
5568      role="button"
5569      aria-expanded="false"
5570      aria-controls="column-links-AaUZndXZQSUtVb3Jye__nav_column_bLnz6L"
5571    >
5572      DISCOVER
5573    </h2>
5574  
5575  
5576  <ul id="column-links-AaUZndXZQSUtVb3Jye__nav_column_bLnz6L" class="flex flex-col space-y-1 nav-column-links" >
5577    <li id="shopify-block-ARFNmRzFUL0NzVVRRc__nav_link_wUc8XD" class="shopify-block block--nav-link block">
5578<style>
5579  /* Device visibility */
5580  
5581
5582  
5583  #Link-ARFNmRzFUL0NzVVRRc__nav_link_wUc8XD {
5584    /* Desktop variables */
5585    --font-size: 12px;
5586    --text-color: #373a36;
5587    --font-weight: 300;
5588    --font-family: 'acumin-pro', sans-serif;
5589    --hover-font-weight: 500;
5590    --decoration-font-size: 10px;
5591    --decoration-color: #0c2340;
5592    --decoration-font-weight: 500;
5593
5594    /* Mobile variables (default to desktop) */
5595    --mobile-font-size: 18px;
5596    --mobile-text-color: #373a36;
5597    --mobile-font-weight: 300;
5598    --mobile-font-family: 'acumin-pro', sans-serif;
5599    --mobile-hover-font-weight: 500;
5600    --mobile-decoration-font-size: 10px;
5601    --mobile-decoration-color: #0c2340;
5602    --mobile-decoration-font-weight: 500;
5603  }
5604</style>
5605
5606<div id="Link-ARFNmRzFUL0NzVVRRc__nav_link_wUc8XD" class="flex nav-link-wrapper items-center gap-2">
5607  <a href="/pages/virtual-try-on"
5608     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
5609     data-nav-link
5610     aria-label="Virtual Try On"
5611  >
5612    Virtual Try On
5613  </a>
5614
5615  
5616</div>
5617
5618 </li>
5619<li id="shopify-block-ATDJ1ZkMvdW5rOVd5T__nav_link_8AxabQ" class="shopify-block block--nav-link block">
5620<style>
5621  /* Device visibility */
5622  
5623
5624  
5625  #Link-ATDJ1ZkMvdW5rOVd5T__nav_link_8AxabQ {
5626    /* Desktop variables */
5627    --font-size: 12px;
5628    --text-color: #373a36;
5629    --font-weight: 300;
5630    --font-family: 'acumin-pro', sans-serif;
5631    --hover-font-weight: 500;
5632    --decoration-font-size: 10px;
5633    --decoration-color: #0c2340;
5634    --decoration-font-weight: 500;
5635
5636    /* Mobile variables (default to desktop) */
5637    --mobile-font-size: 18px;
5638    --mobile-text-color: #373a36;
5639    --mobile-font-weight: 300;
5640    --mobile-font-family: 'acumin-pro', sans-serif;
5641    --mobile-hover-font-weight: 500;
5642    --mobile-decoration-font-size: 10px;
5643    --mobile-decoration-color: #0c2340;
5644    --mobile-decoration-font-weight: 500;
5645  }
5646</style>
5647
5648<div id="Link-ATDJ1ZkMvdW5rOVd5T__nav_link_8AxabQ" class="flex nav-link-wrapper items-center gap-2">
5649  <a href="/pages/perfect-pair-finder"
5650     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
5651     data-nav-link
5652     aria-label="Perfect Pair Finder"
5653  >
5654    Perfect Pair Finder
5655  </a>
5656
5657  
5658</div>
5659
5660 </li>
5661<li id="shopify-block-AZTYrUzhKeXZ2TjdEU__nav_link_Badzyr" class="shopify-block block--nav-link block">
5662<style>
5663  /* Device visibility */
5664  
5665
5666  
5667  #Link-AZTYrUzhKeXZ2TjdEU__nav_link_Badzyr {
5668    /* Desktop variables */
5669    --font-size: 12px;
5670    --text-color: #373a36;
5671    --font-weight: 300;
5672    --font-family: 'acumin-pro', sans-serif;
5673    --hover-font-weight: 500;
5674    --decoration-font-size: 10px;
5675    --decoration-color: #0c2340;
5676    --decoration-font-weight: 500;
5677
5678    /* Mobile variables (default to desktop) */
5679    --mobile-font-size: 18px;
5680    --mobile-text-color: #373a36;
5681    --mobile-font-weight: 300;
5682    --mobile-font-family: 'acumin-pro', sans-serif;
5683    --mobile-hover-font-weight: 500;
5684    --mobile-decoration-font-size: 10px;
5685    --mobile-decoration-color: #0c2340;
5686    --mobile-decoration-font-weight: 500;
5687  }
5688</style>
5689
5690<div id="Link-AZTYrUzhKeXZ2TjdEU__nav_link_Badzyr" class="flex nav-link-wrapper items-center gap-2">
5691  <a href="/pages/whats-my-power-eye-chart"
5692     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
5693     data-nav-link
5694     aria-label="Strength Guide"
5695  >
5696    Strength Guide
5697  </a>
5698
5699  
5700</div>
5701
5702 </li>
5703
5704  </ul>
5705</div>
5706
5707
5708
5709
5710
5711 </ul>
5712<div id="shopify-block-AVVlHdmxvL3c3UUNWW__promo_card_kiTFWj" class="shopify-block block--promo-card">
5713
5714
5715
5716
5717
5718
5719<a href="/shoreline" class="block no-underline text-inherit hover:opacity-90 focus:outline-2 focus:outline-offset-2 focus:outline-[#0c2340] focus:opacity-90 hidden md:block" 
5720  
5721    aria-label="A woman with short brown hair and glasses smiles while touching her forehead, wearing a pale yellow jacket. A retro-style car mirror is visible on the left, and the text 'MEET US AT THE Shoreline' appears across the lower center."
5722  >
5723
5724
5725<div class="nav-promo-card lg:max-h-[146px] w-full overflow-hidden ">
5726  
5727    <picture class="block lg:max-h-[146px]">
5728      
5729      
5730        <source srcset="//www.peepers.com/cdn/shop/files/Shoreline_nav-image.jpg?v=1782942160&width=200 200w,
5731                        //www.peepers.com/cdn/shop/files/Shoreline_nav-image.jpg?v=1782942160&width=300 300w,
5732                        //www.peepers.com/cdn/shop/files/Shoreline_nav-image.jpg?v=1782942160&width=400 400w"
5733                sizes="(max-width: 1023px) 100vw, 300px">
5734        <img src="//www.peepers.com/cdn/shop/files/Shoreline_nav-image.jpg?v=1782942160&width=400"
5735             alt="A woman with short brown hair and glasses smiles while touching her forehead, wearing a pale yellow jacket. A retro-style car mirror is visible on the left, and the text &#39;MEET US AT THE Shoreline&#39; appears across the lower center."
5736             loading="lazy"
5737             width="400"
5738             height="340"
5739             class="lg:max-h-[146px]">
5740      
5741    </picture>
5742  
5743  
5744  <div class="mt-2 lg:py-4">
5745    
5746    
5747    
5748    
5749    
5750  </div>
5751</div>
5752
5753
5754</a>
5755
5756 </div>
5757<div id="shopify-block-ASGxhSUlUcnNWOVpVV__promo_card_UzTUhy" class="shopify-block block--promo-card">
5758
5759
5760
5761
5762
5763
5764<a href="https://www.peepers.com/collections/new-arrivals?filter.p.product_type=Progressives" class="block no-underline text-inherit hover:opacity-90 focus:outline-2 focus:outline-offset-2 focus:outline-[#0c2340] focus:opacity-90 hidden md:block" 
5765  
5766    aria-label="Promotional content"
5767  >
5768
5769
5770<div class="nav-promo-card lg:max-h-[146px] w-full overflow-hidden ">
5771  
5772    <picture class="block lg:max-h-[146px]">
5773      
5774      
5775        <source srcset="//www.peepers.com/cdn/shop/files/nav-image-wms-new-fall.jpg?v=1781281028&width=200 200w,
5776                        //www.peepers.com/cdn/shop/files/nav-image-wms-new-fall.jpg?v=1781281028&width=300 300w,
5777                        //www.peepers.com/cdn/shop/files/nav-image-wms-new-fall.jpg?v=1781281028&width=400 400w"
5778                sizes="(max-width: 1023px) 100vw, 300px">
5779        <img src="//www.peepers.com/cdn/shop/files/nav-image-wms-new-fall.jpg?v=1781281028&width=400"
5780             alt="Promotional image"
5781             loading="lazy"
5782             width="400"
5783             height="341"
5784             class="lg:max-h-[146px]">
5785      
5786    </picture>
5787  
5788  
5789  <div class="mt-2 lg:py-4">
5790    
5791    
5792    
5793    
5794    
5795  </div>
5796</div>
5797
5798
5799</a>
5800
5801 </div>
5802<div id="shopify-block-AVExiMFRWbW9JUnZvU__promo_card_pDNpDK" class="shopify-block block--promo-card">
5803
5804
5805
5806
5807
5808
5809<a href="/collections/progressive-sunglasses" class="block no-underline text-inherit hover:opacity-90 focus:outline-2 focus:outline-offset-2 focus:outline-[#0c2340] focus:opacity-90 hidden md:block" 
5810  
5811    aria-label="Promotional content"
5812  >
5813
5814
5815<div class="nav-promo-card lg:max-h-[146px] w-full overflow-hidden ">
5816  
5817    <picture class="block lg:max-h-[146px]">
5818      
5819      
5820        <source srcset="//www.peepers.com/cdn/shop/files/nav-image_corrective-sun_92a5a30e-b7eb-4e98-bacc-262cdba9eca8.jpg?v=1780610978&width=200 200w,
5821                        //www.peepers.com/cdn/shop/files/nav-image_corrective-sun_92a5a30e-b7eb-4e98-bacc-262cdba9eca8.jpg?v=1780610978&width=300 300w,
5822                        //www.peepers.com/cdn/shop/files/nav-image_corrective-sun_92a5a30e-b7eb-4e98-bacc-262cdba9eca8.jpg?v=1780610978&width=400 400w"
5823                sizes="(max-width: 1023px) 100vw, 300px">
5824        <img src="//www.peepers.com/cdn/shop/files/nav-image_corrective-sun_92a5a30e-b7eb-4e98-bacc-262cdba9eca8.jpg?v=1780610978&width=400"
5825             alt="Promotional image"
5826             loading="lazy"
5827             width="400"
5828             height="341"
5829             class="lg:max-h-[146px]">
5830      
5831    </picture>
5832  
5833  
5834  <div class="mt-2 lg:py-4">
5835    
5836    
5837    
5838    
5839    
5840  </div>
5841</div>
5842
5843
5844</a>
5845
5846 </div>
5847
5848            </ul>
5849          </div>
5850        </div>
5851      </div>
5852      
5853      <!-- Mobile: Slide-in panel -->
5854      <div class="mobile-submenu" data-mobile-submenu>
5855        <div class="mobile-submenu-header">
5856          <button class="mobile-back-button" data-mobile-back>
5857            <svg style="fill: none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><polyline points="15 18 9 12 15 6"></polyline></svg>
5858            <span class="sr-only">Back</span>
5859          </button>
5860          <span class="relative -left-2 mx-auto mobile-submenu-title"></span>
5861        </div>
5862        <div class="mobile-submenu-content">
5863          <!-- The blocks are rendered once above in desktop-blocks-container, 
5864               but will be moved here via JS for mobile -->
5865          <div class="mobile-blocks-container"></div>
5866        </div>
5867      </div>
5868    </div>
5869  </div>
5870</li>
5871
5872
5873
5874 </ul>
5875<ul id="shopify-block-ARVhrK2VXL0wyVlpUM__nav_category_jQzEB8" class="shopify-block block--nav-category"><style>
5876  /* Add device-specific display classes */
5877  
5878  
5879  
5880
5881  #Category-ARVhrK2VXL0wyVlpUM__nav_category_jQzEB8 {
5882    /* Desktop variables */
5883    --font-size: 13px;
5884    --text-color: #373a36;
5885    --font-weight: 400;
5886    --font-family: 'acumin-pro', sans-serif;
5887    --hover-font-weight: 700;
5888    --decoration-font-size: 10px;
5889    --decoration-color: #0c2340;
5890    --decoration-font-weight: 500;
5891    
5892    /* Mobile variables (default to mobile values) */
5893    --mobile-font-size: 21px;
5894    --mobile-text-color: #373a36;
5895    --mobile-font-weight: 300;
5896    --mobile-font-family: 'acumin-pro', sans-serif;
5897    --mobile-hover-font-weight: 700;
5898    --mobile-decoration-font-size: 10px;
5899    --mobile-decoration-color: #0c2340;
5900    --mobile-decoration-font-weight: 500;
5901  }
5902  
5903  
5904</style><li id="Category-ARVhrK2VXL0wyVlpUM__nav_category_jQzEB8"
5905    class="relative max-[1023px]:bg-white group"
5906    data-nav-category
5907>
5908  
5909    <div class="relative">
5910      <a
5911        class="relative py-4 uppercase transition-all duration-200 mobile-menu-item mobile-category-heading border-b border-[#efefef] lg:border-b-0 w-full flex justify-between items-center px-4 max-[1023px]:text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] hover:font-[var(--mobile-hover-font-we
5911ight)] lg:hover:font-[var(--hover-font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] no-underline"
5912        id="category-button-ARVhrK2VXL0wyVlpUM__nav_category_jQzEB8"
5913        href="/collections/sunglasses"
5914        data-mobile-toggle
5915        data-category-name="SUNGLASSES"
5916        aria-expanded="false"
5917        aria-haspopup="true"
5918        aria-controls="dropdown-ARVhrK2VXL0wyVlpUM__nav_category_jQzEB8"
5919      >
5920        <span class="flex flex-col items-start min-w-0">
5921          <span>SUNGLASSES</span>
5922        </span>
5923        <span class="relative -top-0.5 mobile-toggle-icon">
5924          <svg style="fill: none" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
5925        </span>
5926      </a>
5927
5928      <!-- Add hover bridge element -->
5929      <div class="hidden absolute -bottom-8 w-full h-8 bg-transparent lg:block"></div>
5930
5931      
5932    </div>
5933  
5934    
5935  <div class="nav-dropdown-container">
5936    <div class="nav-dropdown-wrapper">
5937      <!-- Desktop dropdown -->
5938      <div id="dropdown-ARVhrK2VXL0wyVlpUM__nav_category_jQzEB8" 
5939          class="desktop-dropdown fixed opacity-0 invisible bg-[#fcfafa] shadow-lg"
5940          data-nav-dropdown
5941          aria-labelledby="category-button-ARVhrK2VXL0wyVlpUM__nav_category_jQzEB8">
5942        <div class="container max-w-[1400px] mx-auto xl:pl-6">
5943          <div class="relative px-2 py-4">
5944            <ul class="flex gap-10 justify-start desktop-blocks-container">
5945              <ul id="shopify-block-AOFNvK0ExWWxCUStzO__nav_column_QKnPmM" class="shopify-block block--nav-column"><style>
5946  #Column-AOFNvK0ExWWxCUStzO__nav_column_QKnPmM {
5947    /* Desktop variables */
5948    --font-size: 12px;
5949    --text-color: #373a36;
5950    --font-weight: 600;
5951    --font-family: 'acumin-pro', sans-serif;
5952    --hover-font-weight: 700;
5953    --min-width: 120px;
5954    
5955    /* Mobile variables (default to specified mobile values) */
5956    --mobile-font-size: 14px;
5957    --mobile-text-color: #373a36;
5958    --mobile-font-weight: 400;
5959    --mobile-font-family: 'acumin-pro', sans-serif;
5960    --mobile-hover-font-weight: 700;
5961  }
5962</style>
5963
5964<div id="Column-AOFNvK0ExWWxCUStzO__nav_column_QKnPmM" class="flex flex-col pr-4 nav-column has-min-width">
5965  
5966    <h2 
5967      class="mb-2 nav-column-heading text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] active"
5968      data-mobile-column-toggle
5969      tabindex="-1"
5970      role="button"
5971      aria-expanded="true"
5972      aria-controls="column-links-AOFNvK0ExWWxCUStzO__nav_column_QKnPmM"
5973    >
5974      SHOP
5975    </h2>
5976  
5977  
5978  <ul id="column-links-AOFNvK0ExWWxCUStzO__nav_column_QKnPmM" class="flex flex-col space-y-1 nav-column-links" style="display: block !important; opacity: 1 !important; visibility: visible !important;">
5979    <li id="shopify-block-AcGFNY3R5ODdQZTREY__nav_link_rMD3B6" class="shopify-block block--nav-link block">
5980<style>
5981  /* Device visibility */
5982  
5983
5984  
5985  #Link-AcGFNY3R5ODdQZTREY__nav_link_rMD3B6 {
5986    /* Desktop variables */
5987    --font-size: 12px;
5988    --text-color: #373a36;
5989    --font-weight: 300;
5990    --font-family: 'acumin-pro', sans-serif;
5991    --hover-font-weight: 500;
5992    --decoration-font-size: 10px;
5993    --decoration-color: #0c2340;
5994    --decoration-font-weight: 500;
5995
5996    /* Mobile variables (default to desktop) */
5997    --mobile-font-size: 18px;
5998    --mobile-text-color: #373a36;
5999    --mobile-font-weight: 300;
6000    --mobile-font-family: 'acumin-pro', sans-serif;
6001    --mobile-hover-font-weight: 500;
6002    --mobile-decoration-font-size: 10px;
6003    --mobile-decoration-color: #0c2340;
6004    --mobile-decoration-font-weight: 500;
6005  }
6006</style>
6007
6008<div id="Link-AcGFNY3R5ODdQZTREY__nav_link_rMD3B6" class="flex nav-link-wrapper items-center gap-2">
6009  <a href="/collections/womens-sunglasses"
6010     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6011     data-nav-link
6012     aria-label="Women's"
6013  >
6014    Women's
6015  </a>
6016
6017  
6018</div>
6019
6020 </li>
6021<li id="shopify-block-ATk55Tm12OGVnS0pDR__nav_link_Ym77iJ" class="shopify-block block--nav-link block">
6022<style>
6023  /* Device visibility */
6024  
6025
6026  
6027  #Link-ATk55Tm12OGVnS0pDR__nav_link_Ym77iJ {
6028    /* Desktop variables */
6029    --font-size: 12px;
6030    --text-color: #373a36;
6031    --font-weight: 300;
6032    --font-family: 'acumin-pro', sans-serif;
6033    --hover-font-weight: 500;
6034    --decoration-font-size: 10px;
6035    --decoration-color: #0c2340;
6036    --decoration-font-weight: 500;
6037
6038    /* Mobile variables (default to desktop) */
6039    --mobile-font-size: 18px;
6040    --mobile-text-color: #373a36;
6041    --mobile-font-weight: 300;
6042    --mobile-font-family: 'acumin-pro', sans-serif;
6043    --mobile-hover-font-weight: 500;
6044    --mobile-decoration-font-size: 10px;
6045    --mobile-decoration-color: #0c2340;
6046    --mobile-decoration-font-weight: 500;
6047  }
6048</style>
6049
6050<div id="Link-ATk55Tm12OGVnS0pDR__nav_link_Ym77iJ" class="flex nav-link-wrapper items-center gap-2">
6051  <a href="/collections/mens-sunglasses"
6052     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6053     data-nav-link
6054     aria-label="Men's"
6055  >
6056    Men's
6057  </a>
6058
6059  
6060</div>
6061
6062 </li>
6063<li id="shopify-block-AbTFyRisvQ21ZaTBML__nav_link_hCF3LY" class="shopify-block block--nav-link block">
6064<style>
6065  /* Device visibility */
6066  
6067
6068  
6069  #Link-AbTFyRisvQ21ZaTBML__nav_link_hCF3LY {
6070    /* Desktop variables */
6071    --font-size: 12px;
6072    --text-color: #373a36;
6073    --font-weight: 300;
6074    --font-family: 'acumin-pro', sans-serif;
6075    --hover-font-weight: 500;
6076    --decoration-font-size: 10px;
6077    --decoration-color: #0c2340;
6078    --decoration-font-weight: 500;
6079
6080    /* Mobile variables (default to desktop) */
6081    --mobile-font-size: 18px;
6082    --mobile-text-color: #373a36;
6083    --mobile-font-weight: 300;
6084    --mobile-font-family: 'acumin-pro', sans-serif;
6085    --mobile-hover-font-weight: 500;
6086    --mobile-decoration-font-size: 10px;
6087    --mobile-decoration-color: #0c2340;
6088    --mobile-decoration-font-weight: 500;
6089  }
6090</style>
6091
6092<div id="Link-AbTFyRisvQ21ZaTBML__nav_link_hCF3LY" class="flex nav-link-wrapper items-center gap-2">
6093  <a href="/collections/reading-sunglasses"
6094     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6095     data-nav-link
6096     aria-label="Reading"
6097  >
6098    Reading
6099  </a>
6100
6101  
6102</div>
6103
6104 </li>
6105<li id="shopify-block-AZzdiQ2RyTmdVVGxVc__nav_link_C6peiy" class="shopify-block block--nav-link block">
6106<style>
6107  /* Device visibility */
6108  
6109
6110  
6111  #Link-AZzdiQ2RyTmdVVGxVc__nav_link_C6peiy {
6112    /* Desktop variables */
6113    --font-size: 12px;
6114    --text-color: #373a36;
6115    --font-weight: 300;
6116    --font-family: 'acumin-pro', sans-serif;
6117    --hover-font-weight: 500;
6118    --decoration-font-size: 10px;
6119    --decoration-color: #0c2340;
6120    --decoration-font-weight: 500;
6121
6122    /* Mobile variables (default to desktop) */
6123    --mobile-font-size: 18px;
6124    --mobile-text-color: #373a36;
6125    --mobile-font-weight: 300;
6126    --mobile-font-family: 'acumin-pro', sans-serif;
6127    --mobile-hover-font-weight: 500;
6128    --mobile-decoration-font-size: 10px;
6129    --mobile-decoration-color: #0c2340;
6130    --mobile-decoration-font-weight: 500;
6131  }
6132</style>
6133
6134<div id="Link-AZzdiQ2RyTmdVVGxVc__nav_link_C6peiy" class="flex nav-link-wrapper items-center gap-2">
6135  <a href="/collections/bifocal-sunglasses"
6136     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6137     data-nav-link
6138     aria-label="Bifocal"
6139  >
6140    Bifocal
6141  </a>
6142
6143  
6144</div>
6145
6146 </li>
6147<li id="shopify-block-AaFpzdHZsbGxPdEQ5b__nav_link_qn8caf" class="shopify-block block--nav-link block">
6148<style>
6149  /* Device visibility */
6150  
6151
6152  
6153  #Link-AaFpzdHZsbGxPdEQ5b__nav_link_qn8caf {
6154    /* Desktop variables */
6155    --font-size: 12px;
6156    --text-color: #373a36;
6157    --font-weight: 300;
6158    --font-family: 'acumin-pro', sans-serif;
6159    --hover-font-weight: 500;
6160    --decoration-font-size: 10px;
6161    --decoration-color: #0c2340;
6162    --decoration-font-weight: 500;
6163
6164    /* Mobile variables (default to desktop) */
6165    --mobile-font-size: 18px;
6166    --mobile-text-color: #373a36;
6167    --mobile-font-weight: 300;
6168    --mobile-font-family: 'acumin-pro', sans-serif;
6169    --mobile-hover-font-weight: 500;
6170    --mobile-decoration-font-size: 10px;
6171    --mobile-decoration-color: #0c2340;
6172    --mobile-decoration-font-weight: 500;
6173  }
6174</style>
6175
6176<div id="Link-AaFpzdHZsbGxPdEQ5b__nav_link_qn8caf" class="flex nav-link-wrapper items-center gap-2">
6177  <a href="/collections/progressive-sunglasses"
6178     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6179     data-nav-link
6180     aria-label="Progressive"
6181  >
6182    Progressive
6183  </a>
6184
6185  
6186</div>
6187
6188 </li>
6189<li id="shopify-block-AV0txanNjSFRVbHE1e__nav_link_WEwCmX" class="shopify-block block--nav-link block">
6190<style>
6191  /* Device visibility */
6192  
6193
6194  
6195  #Link-AV0txanNjSFRVbHE1e__nav_link_WEwCmX {
6196    /* Desktop variables */
6197    --font-size: 12px;
6198    --text-color: #373a36;
6199    --font-weight: 300;
6200    --font-family: 'acumin-pro', sans-serif;
6201    --hover-font-weight: 500;
6202    --decoration-font-size: 10px;
6203    --decoration-color: #0c2340;
6204    --decoration-font-weight: 500;
6205
6206    /* Mobile variables (default to desktop) */
6207    --mobile-font-size: 18px;
6208    --mobile-text-color: #373a36;
6209    --mobile-font-weight: 300;
6210    --mobile-font-family: 'acumin-pro', sans-serif;
6211    --mobile-hover-font-weight: 500;
6212    --mobile-decoration-font-size: 10px;
6213    --mobile-decoration-color: #0c2340;
6214    --mobile-decoration-font-weight: 500;
6215  }
6216</style>
6217
6218<div id="Link-AV0txanNjSFRVbHE1e__nav_link_WEwCmX" class="flex nav-link-wrapper items-center gap-2">
6219  <a href="/collections/polarized-sunglasses"
6220     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6221     data-nav-link
6222     aria-label="Polarized"
6223  >
6224    Polarized
6225  </a>
6226
6227  
6228</div>
6229
6230 </li>
6231
6232  </ul>
6233</div>
6234
6235
6236
6237
6238
6239 </ul>
6240<ul id="shopify-block-Ad1RxRDFlQ1RXT2dFL__nav_column_PaHepm" class="shopify-block block--nav-column"><style>
6241  #Column-Ad1RxRDFlQ1RXT2dFL__nav_column_PaHepm {
6242    /* Desktop variables */
6243    --font-size: 12px;
6244    --text-color: #373a36;
6245    --font-weight: 600;
6246    --font-family: 'acumin-pro', sans-serif;
6247    --hover-font-weight: 700;
6248    --min-width: 150px;
6249    
6250    /* Mobile variables (default to specified mobile values) */
6251    --mobile-font-size: 14px;
6252    --mobile-text-color: #373a36;
6253    --mobile-font-weight: 400;
6254    --mobile-font-family: 'acumin-pro', sans-serif;
6255    --mobile-hover-font-weight: 700;
6256  }
6257</style>
6258
6259<div id="Column-Ad1RxRDFlQ1RXT2dFL__nav_column_PaHepm" class="flex flex-col pr-4 nav-column has-min-width">
6260  
6261    <h2 
6262      class="mb-2 nav-column-heading text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] "
6263      data-mobile-column-toggle
6264      tabindex="-1"
6265      role="button"
6266      aria-expanded="false"
6267      aria-controls="column-links-Ad1RxRDFlQ1RXT2dFL__nav_column_PaHepm"
6268    >
6269      COLLECTION
6270    </h2>
6271  
6272  
6273  <ul id="column-links-Ad1RxRDFlQ1RXT2dFL__nav_column_PaHepm" class="flex flex-col space-y-1 nav-column-links" >
6274    <li id="shopify-block-ATmsrQ3hYMTE2cHp2S__nav_link_zk8W9J" class="shopify-block block--nav-link block">
6275<style>
6276  /* Device visibility */
6277  
6278
6279  
6280  #Link-ATmsrQ3hYMTE2cHp2S__nav_link_zk8W9J {
6281    /* Desktop variables */
6282    --font-size: 12px;
6283    --text-color: #373a36;
6284    --font-weight: 300;
6285    --font-family: 'acumin-pro', sans-serif;
6286    --hover-font-weight: 500;
6287    --decoration-font-size: 10px;
6288    --decoration-color: #0c2340;
6289    --decoration-font-weight: 500;
6290
6291    /* Mobile variables (default to desktop) */
6292    --mobile-font-size: 18px;
6293    --mobile-text-color: #373a36;
6294    --mobile-font-weight: 300;
6295    --mobile-font-family: 'acumin-pro', sans-serif;
6296    --mobile-hover-font-weight: 500;
6297    --mobile-decoration-font-size: 10px;
6298    --mobile-decoration-color: #0c2340;
6299    --mobile-decoration-font-weight: 500;
6300  }
6301</style>
6302
6303<div id="Link-ATmsrQ3hYMTE2cHp2S__nav_link_zk8W9J" class="flex nav-link-wrapper items-center gap-2">
6304  <a href="/collections/new-sun"
6305     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6306     data-nav-link
6307     aria-label="New Arrivals"
6308  >
6309    New Arrivals
6310  </a>
6311
6312  
6313</div>
6314
6315 </li>
6316<li id="shopify-block-AM3czY042NEdHNG01T__nav_link_BrYn6L" class="shopify-block block--nav-link block">
6317<style>
6318  /* Device visibility */
6319  
6320
6321  
6322  #Link-AM3czY042NEdHNG01T__nav_link_BrYn6L {
6323    /* Desktop variables */
6324    --font-size: 12px;
6325    --text-color: #373a36;
6326    --font-weight: 300;
6327    --font-family: 'acumin-pro', sans-serif;
6328    --hover-font-weight: 500;
6329    --decoration-font-size: 10px;
6330    --decoration-color: #0c2340;
6331    --decoration-font-weight: 500;
6332
6333    /* Mobile variables (default to desktop) */
6334    --mobile-font-size: 18px;
6335    --mobile-text-color: #373a36;
6336    --mobile-font-weight: 300;
6337    --mobile-font-family: 'acumin-pro', sans-serif;
6338    --mobile-hover-font-weight: 500;
6339    --mobile-decoration-font-size: 10px;
6340    --mobile-decoration-color: #0c2340;
6341    --mobile-decoration-font-weight: 500;
6342  }
6343</style>
6344
6345<div id="Link-AM3czY042NEdHNG01T__nav_link_BrYn6L" class="flex nav-link-wrapper items-center gap-2">
6346  <a href="/collections/sunglasses-best-sellers"
6347     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6348     data-nav-link
6349     aria-label="Best Sellers"
6350  >
6351    Best Sellers
6352  </a>
6353
6354  
6355</div>
6356
6357 </li>
6358<li id="shopify-block-ASHFnTnR1Y1BnVFYzM__nav_link_nJDfQh" class="shopify-block block--nav-link block">
6359<style>
6360  /* Device visibility */
6361  
6362
6363  
6364  #Link-ASHFnTnR1Y1BnVFYzM__nav_link_nJDfQh {
6365    /* Desktop variables */
6366    --font-size: 12px;
6367    --text-color: #373a36;
6368    --font-weight: 300;
6369    --font-family: 'acumin-pro', sans-serif;
6370    --hover-font-weight: 500;
6371    --decoration-font-size: 10px;
6372    --decoration-color: #0c2340;
6373    --decoration-font-weight: 500;
6374
6375    /* Mobile variables (default to desktop) */
6376    --mobile-font-size: 18px;
6377    --mobile-text-color: #373a36;
6378    --mobile-font-weight: 300;
6379    --mobile-font-family: 'acumin-pro', sans-serif;
6380    --mobile-hover-font-weight: 500;
6381    --mobile-decoration-font-size: 10px;
6382    --mobile-decoration-color: #0c2340;
6383    --mobile-decoration-font-weight: 500;
6384  }
6385</style>
6386
6387<div id="Link-ASHFnTnR1Y1BnVFYzM__nav_link_nJDfQh" class="flex nav-link-wrapper items-center gap-2">
6388  <a href="/collections/accessories"
6389     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6390     data-nav-link
6391     aria-label="Accessories"
6392  >
6393    Accessories
6394  </a>
6395
6396  
6397</div>
6398
6399 </li>
6400<li id="shopify-block-AWDBldis1eWkwaGRET__nav_link_U3KLTr" class="shopify-block block--nav-link block">
6401<style>
6402  /* Device visibility */
6403  
6404
6405  
6406  #Link-AWDBldis1eWkwaGRET__nav_link_U3KLTr {
6407    /* Desktop variables */
6408    --font-size: 12px;
6409    --text-color: #373a36;
6410    --font-weight: 300;
6411    --font-family: 'acumin-pro', sans-serif;
6412    --hover-font-weight: 500;
6413    --decoration-font-size: 10px;
6414    --decoration-color: #0c2340;
6415    --decoration-font-weight: 500;
6416
6417    /* Mobile variables (default to desktop) */
6418    --mobile-font-size: 18px;
6419    --mobile-text-color: #373a36;
6420    --mobile-font-weight: 300;
6421    --mobile-font-family: 'acumin-pro', sans-serif;
6422    --mobile-hover-font-weight: 500;
6423    --mobile-decoration-font-size: 10px;
6424    --mobile-decoration-color: #0c2340;
6425    --mobile-decoration-font-weight: 500;
6426  }
6427</style>
6428
6429<div id="Link-AWDBldis1eWkwaGRET__nav_link_U3KLTr" class="flex nav-link-wrapper items-center gap-2">
6430  <a href="/collections/sale"
6431     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6432     data-nav-link
6433     aria-label="SALE"
6434  >
6435    SALE
6436  </a>
6437
6438  
6439</div>
6440
6441 </li>
6442
6443  </ul>
6444</div>
6445
6446
6447
6448
6449
6450 </ul>
6451<ul id="shopify-block-AVFl4dVcrUHJYbm1xM__nav_column_AWkdxx" class="shopify-block block--nav-column"><style>
6452  #Column-AVFl4dVcrUHJYbm1xM__nav_column_AWkdxx {
6453    /* Desktop variables */
6454    --font-size: 12px;
6455    --text-color: #373a36;
6456    --font-weight: 600;
6457    --font-family: 'acumin-pro', sans-serif;
6458    --hover-font-weight: 700;
6459    --min-width: 150px;
6460    
6461    /* Mobile variables (default to specified mobile values) */
6462    --mobile-font-size: 14px;
6463    --mobile-text-color: #373a36;
6464    --mobile-font-weight: 400;
6465    --mobile-font-family: 'acumin-pro', sans-serif;
6466    --mobile-hover-font-weight: 700;
6467  }
6468</style>
6469
6470<div id="Column-AVFl4dVcrUHJYbm1xM__nav_column_AWkdxx" class="flex flex-col pr-4 nav-column has-min-width">
6471  
6472    <h2 
6473      class="mb-2 nav-column-heading text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] "
6474      data-mobile-column-toggle
6475      tabindex="-1"
6476      role="button"
6477      aria-expanded="false"
6478      aria-controls="column-links-AVFl4dVcrUHJYbm1xM__nav_column_AWkdxx"
6479    >
6480      DISCOVER
6481    </h2>
6482  
6483  
6484  <ul id="column-links-AVFl4dVcrUHJYbm1xM__nav_column_AWkdxx" class="flex flex-col space-y-1 nav-column-links" >
6485    <li id="shopify-block-ANW1NNm91NytFbnRHN__nav_link_ahM6yi" class="shopify-block block--nav-link block">
6486<style>
6487  /* Device visibility */
6488  
6489
6490  
6491  #Link-ANW1NNm91NytFbnRHN__nav_link_ahM6yi {
6492    /* Desktop variables */
6493    --font-size: 12px;
6494    --text-color: #373a36;
6495    --font-weight: 300;
6496    --font-family: 'acumin-pro', sans-serif;
6497    --hover-font-weight: 500;
6498    --decoration-font-size: 10px;
6499    --decoration-color: #0c2340;
6500    --decoration-font-weight: 500;
6501
6502    /* Mobile variables (default to desktop) */
6503    --mobile-font-size: 18px;
6504    --mobile-text-color: #373a36;
6505    --mobile-font-weight: 300;
6506    --mobile-font-family: 'acumin-pro', sans-serif;
6507    --mobile-hover-font-weight: 500;
6508    --mobile-decoration-font-size: 10px;
6509    --mobile-decoration-color: #0c2340;
6510    --mobile-decoration-font-weight: 500;
6511  }
6512</style>
6513
6514<div id="Link-ANW1NNm91NytFbnRHN__nav_link_ahM6yi" class="flex nav-link-wrapper items-center gap-2">
6515  <a href="/pages/virtual-try-on"
6516     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6517     data-nav-link
6518     aria-label="Virtual Try On"
6519  >
6520    Virtual Try On
6521  </a>
6522
6523  
6524</div>
6525
6526 </li>
6527<li id="shopify-block-AQktZRmVic00yQzlXd__nav_link_zHMxBJ" class="shopify-block block--nav-link block">
6528<style>
6529  /* Device visibility */
6530  
6531
6532  
6533  #Link-AQktZRmVic00yQzlXd__nav_link_zHMxBJ {
6534    /* Desktop variables */
6535    --font-size: 12px;
6536    --text-color: #373a36;
6537    --font-weight: 300;
6538    --font-family: 'acumin-pro', sans-serif;
6539    --hover-font-weight: 500;
6540    --decoration-font-size: 10px;
6541    --decoration-color: #0c2340;
6542    --decoration-font-weight: 500;
6543
6544    /* Mobile variables (default to desktop) */
6545    --mobile-font-size: 18px;
6546    --mobile-text-color: #373a36;
6547    --mobile-font-weight: 300;
6548    --mobile-font-family: 'acumin-pro', sans-serif;
6549    --mobile-hover-font-weight: 500;
6550    --mobile-decoration-font-size: 10px;
6551    --mobile-decoration-color: #0c2340;
6552    --mobile-decoration-font-weight: 500;
6553  }
6554</style>
6555
6556<div id="Link-AQktZRmVic00yQzlXd__nav_link_zHMxBJ" class="flex nav-link-wrapper items-center gap-2">
6557  <a href="/pages/perfect-pair-finder"
6558     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6559     data-nav-link
6560     aria-label="Perfect Pair Finder"
6561  >
6562    Perfect Pair Finder
6563  </a>
6564
6565  
6566</div>
6567
6568 </li>
6569
6570  </ul>
6571</div>
6572
6573
6574
6575
6576
6577 </ul>
6578<div id="shopify-block-ANkhFdGdZKzhsRDZFZ__promo_card_LRmK8g" class="shopify-block block--promo-card">
6579
6580
6581
6582
6583
6584
6585<a href="/collections/sunglasses" class="block no-underline text-inherit hover:opacity-90 focus:outline-2 focus:outline-offset-2 focus:outline-[#0c2340] focus:opacity-90 hidden md:block" 
6586  
6587    aria-label="Promotional content"
6588  >
6589
6590
6591<div class="nav-promo-card lg:max-h-[146px] w-full overflow-hidden ">
6592  
6593    <picture class="block lg:max-h-[146px]">
6594      
6595      
6596        <source srcset="//www.peepers.com/cdn/shop/files/nav-image_all-sun.jpg?v=1780605867&width=200 200w,
6597                        //www.peepers.com/cdn/shop/files/nav-image_all-sun.jpg?v=1780605867&width=300 300w,
6598                        //www.peepers.com/cdn/shop/files/nav-image_all-sun.jpg?v=1780605867&width=400 400w"
6599                sizes="(max-width: 1023px) 100vw, 300px">
6600        <img src="//www.peepers.com/cdn/shop/files/nav-image_all-sun.jpg?v=1780605867&width=400"
6601             alt="Promotional image"
6602             loading="lazy"
6603             width="400"
6604             height="341"
6605             class="lg:max-h-[146px]">
6606      
6607    </picture>
6608  
6609  
6610  <div class="mt-2 lg:py-4">
6611    
6612    
6613    
6614    
6615    
6616  </div>
6617</div>
6618
6619
6620</a>
6621
6622 </div>
6623<div id="shopify-block-ANm8rcUJLVVBhdElpR__promo_card_YXLxh3" class="shopify-block block--promo-card">
6624
6625
6626
6627
6628
6629
6630<a href="/collections/reading-sunglasses" class="block no-underline text-inherit hover:opacity-90 focus:outline-2 focus:outline-offset-2 focus:outline-[#0c2340] focus:opacity-90 hidden md:block" 
6631  
6632    aria-label="Promotional content"
6633  >
6634
6635
6636<div class="nav-promo-card lg:max-h-[146px] w-full overflow-hidden ">
6637  
6638    <picture class="block lg:max-h-[146px]">
6639      
6640      
6641        <source srcset="//www.peepers.com/cdn/shop/files/nav-image_corrective-sun.jpg?v=1780605787&width=200 200w,
6642                        //www.peepers.com/cdn/shop/files/nav-image_corrective-sun.jpg?v=1780605787&width=300 300w,
6643                        //www.peepers.com/cdn/shop/files/nav-image_corrective-sun.jpg?v=1780605787&width=400 400w"
6644                sizes="(max-width: 1023px) 100vw, 300px">
6645        <img src="//www.peepers.com/cdn/shop/files/nav-image_corrective-sun.jpg?v=1780605787&width=400"
6646             alt="Promotional image"
6647             loading="lazy"
6648             width="400"
6649             height="341"
6650             class="lg:max-h-[146px]">
6651      
6652    </picture>
6653  
6654  
6655  <div class="mt-2 lg:py-4">
6656    
6657    
6658    
6659    
6660    
6661  </div>
6662</div>
6663
6664
6665</a>
6666
6667 </div>
6668<div id="shopify-block-AUDhmRTdEci9lZkhCW__promo_card_3r6qiE" class="shopify-block block--promo-card">
6669
6670
6671
6672
6673
6674
6675<a href="/collections/accessories" class="block no-underline text-inherit hover:opacity-90 focus:outline-2 focus:outline-offset-2 focus:outline-[#0c2340] focus:opacity-90 hidden md:block" 
6676  
6677    aria-label="Promotional content"
6678  >
6679
6680
6681<div class="nav-promo-card lg:max-h-[146px] w-full overflow-hidden ">
6682  
6683    <picture class="block lg:max-h-[146px]">
6684      
6685      
6686        <source srcset="//www.peepers.com/cdn/shop/files/nav-image_accessories.jpg?v=1780605973&width=200 200w,
6687                        //www.peepers.com/cdn/shop/files/nav-image_accessories.jpg?v=1780605973&width=300 300w,
6688                        //www.peepers.com/cdn/shop/files/nav-image_accessories.jpg?v=1780605973&width=400 400w"
6689                sizes="(max-width: 1023px) 100vw, 300px">
6690        <img src="//www.peepers.com/cdn/shop/files/nav-image_accessories.jpg?v=1780605973&width=400"
6691             alt="Promotional image"
6692             loading="lazy"
6693             width="400"
6694             height="341"
6695             class="lg:max-h-[146px]">
6696      
6697    </picture>
6698  
6699  
6700  <div class="mt-2 lg:py-4">
6701    
6702    
6703    
6704    
6705    
6706  </div>
6707</div>
6708
6709
6710</a>
6711
6712 </div>
6713
6714            </ul>
6715          </div>
6716        </div>
6717      </div>
6718      
6719      <!-- Mobile: Slide-in panel -->
6720      <div class="mobile-submenu" data-mobile-submenu>
6721        <div class="mobile-submenu-header">
6722          <button class="mobile-back-button" data-mobile-back>
6723            <svg style="fill: none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><polyline points="15 18 9 12 15 6"></polyline></svg>
6724            <span class="sr-only">Back</span>
6725          </button>
6726          <span class="relative -left-2 mx-auto mobile-submenu-title"></span>
6727        </div>
6728        <div class="mobile-submenu-content">
6729          <!-- The blocks are rendered once above in desktop-blocks-container, 
6730               but will be moved here via JS for mobile -->
6731          <div class="mobile-blocks-container"></div>
6732        </div>
6733      </div>
6734    </div>
6735  </div>
6736</li>
6737
6738
6739
6740 </ul>
6741<ul id="shopify-block-Ad2ZVQnZ4cHRWelFXd__nav_category_BLCMCQ" class="shopify-block block--nav-category">
6742
6743
6744
6745 </ul>
6746<ul id="shopify-block-AeXRIbXFXclJQQjBXO__nav_category_TMREGf" class="shopify-block block--nav-category">
6747
6748
6749
6750 </ul>
6751<ul id="shopify-block-AL0hkTU9Na2h1cXQvY__nav_category_zcz9mJ" class="shopify-block block--nav-category">
6752
6753
6754
6755 </ul>
6756<ul id="shopify-block-ATHkrRlpnanB6TElwY__nav_category_hcLpjf" class="shopify-block block--nav-category"><style>
6757  /* Add device-specific display classes */
6758  
6759  
6760  
6761  @media (min-width: 1024px) {
6762    #Category-ATHkrRlpnanB6TElwY__nav_category_hcLpjf {
6763      display: none !important;
6764    }
6765  }
6766  
6767
6768  #Category-ATHkrRlpnanB6TElwY__nav_category_hcLpjf {
6769    /* Desktop variables */
6770    --font-size: 13px;
6771    --text-color: #373a36;
6772    --font-weight: 400;
6773    --font-family: 'acumin-pro', sans-serif;
6774    --hover-font-weight: 700;
6775    --decoration-font-size: 10px;
6776    --decoration-color: #0c2340;
6777    --decoration-font-weight: 500;
6778    
6779    /* Mobile variables (default to mobile values) */
6780    --mobile-font-size: 21px;
6781    --mobile-text-color: #373a36;
6782    --mobile-font-weight: 300;
6783    --mobile-font-family: 'acumin-pro', sans-serif;
6784    --mobile-hover-font-weight: 700;
6785    --mobile-decoration-font-size: 10px;
6786    --mobile-decoration-color: #0c2340;
6787    --mobile-decoration-font-weight: 500;
6788  }
6789  
6790  
6791  @media (max-width: 1023px) {
6792    .scd-nav-demoted { margin-top: 12px; border-top: 1px solid #ececec; }
6793    .scd-nav-demoted .mobile-category-heading { font-size: 15px !important; color: #8a8d86 !important; font-weight: 500 !important; }
6794  }
6795  
6796</style><li id="Category-ATHkrRlpnanB6TElwY__nav_category_hcLpjf"
6797    class="relative max-[1023px]:bg-white group scd-nav-demoted"
6798    data-nav-category
6799>
6800  
6801    <div class="relative">
6802      <a
6803        class="relative py-4 uppercase transition-all duration-200 mobile-menu-item mobile-category-heading border-b border-[#efefef] lg:border-b-0 w-full flex justify-between items-center px-4 max-[1023px]:text-[var(--mobile-text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] hover:font-[var(--mobile-hover-font-we
6803ight)] lg:hover:font-[var(--hover-font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)] no-underline"
6804        id="category-button-ATHkrRlpnanB6TElwY__nav_category_hcLpjf"
6805        href="/pages/help"
6806        data-mobile-toggle
6807        data-category-name="HELP"
6808        aria-expanded="false"
6809        aria-haspopup="true"
6810        aria-controls="dropdown-ATHkrRlpnanB6TElwY__nav_category_hcLpjf"
6811      >
6812        <span class="flex flex-col items-start min-w-0">
6813          <span>HELP</span>
6814        </span>
6815        <span class="relative -top-0.5 mobile-toggle-icon">
6816          <svg style="fill: none" xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
6817        </span>
6818      </a>
6819
6820      <!-- Add hover bridge element -->
6821      <div class="hidden absolute -bottom-8 w-full h-8 bg-transparent lg:block"></div>
6822
6823      
6824    </div>
6825  
6826    
6827  <div class="nav-dropdown-container">
6828    <div class="nav-dropdown-wrapper">
6829      <!-- Desktop dropdown -->
6830      <div id="dropdown-ATHkrRlpnanB6TElwY__nav_category_hcLpjf" 
6831          class="desktop-dropdown fixed opacity-0 invisible bg-[#fcfafa] shadow-lg"
6832          data-nav-dropdown
6833          aria-labelledby="category-button-ATHkrRlpnanB6TElwY__nav_category_hcLpjf">
6834        <div class="container max-w-[1400px] mx-auto xl:pl-6">
6835          <div class="relative px-2 py-4">
6836            <ul class="flex gap-10 justify-start desktop-blocks-container">
6837              <li id="shopify-block-AUHdlUnVFdVhTSGZTa__nav_link_wkEwQR" class="shopify-block block--nav-link block">
6838<style>
6839  /* Device visibility */
6840  
6841
6842  
6843  #Link-AUHdlUnVFdVhTSGZTa__nav_link_wkEwQR {
6844    /* Desktop variables */
6845    --font-size: 12px;
6846    --text-color: #373a36;
6847    --font-weight: 300;
6848    --font-family: 'acumin-pro', sans-serif;
6849    --hover-font-weight: 500;
6850    --decoration-font-size: 10px;
6851    --decoration-color: #0c2340;
6852    --decoration-font-weight: 500;
6853
6854    /* Mobile variables (default to desktop) */
6855    --mobile-font-size: 18px;
6856    --mobile-text-color: #373a36;
6857    --mobile-font-weight: 300;
6858    --mobile-font-family: 'acumin-pro', sans-serif;
6859    --mobile-hover-font-weight: 500;
6860    --mobile-decoration-font-size: 10px;
6861    --mobile-decoration-color: #0c2340;
6862    --mobile-decoration-font-weight: 500;
6863  }
6864</style>
6865
6866<div id="Link-AUHdlUnVFdVhTSGZTa__nav_link_wkEwQR" class="flex nav-link-wrapper items-center gap-2">
6867  <a href="/pages/help"
6868     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6869     data-nav-link
6870     aria-label="Customer Service"
6871  >
6872    Customer Service
6873  </a>
6874
6875  
6876</div>
6877
6878 </li>
6879<li id="shopify-block-AZzlWcld3MTJTUXRUZ__nav_link_KARJR9" class="shopify-block block--nav-link block">
6880<style>
6881  /* Device visibility */
6882  
6883
6884  
6885  #Link-AZzlWcld3MTJTUXRUZ__nav_link_KARJR9 {
6886    /* Desktop variables */
6887    --font-size: 12px;
6888    --text-color: #373a36;
6889    --font-weight: 300;
6890    --font-family: 'acumin-pro', sans-serif;
6891    --hover-font-weight: 500;
6892    --decoration-font-size: 10px;
6893    --decoration-color: #0c2340;
6894    --decoration-font-weight: 500;
6895
6896    /* Mobile variables (default to desktop) */
6897    --mobile-font-size: 18px;
6898    --mobile-text-color: #373a36;
6899    --mobile-font-weight: 300;
6900    --mobile-font-family: 'acumin-pro', sans-serif;
6901    --mobile-hover-font-weight: 500;
6902    --mobile-decoration-font-size: 10px;
6903    --mobile-decoration-color: #0c2340;
6904    --mobile-decoration-font-weight: 500;
6905  }
6906</style>
6907
6908<div id="Link-AZzlWcld3MTJTUXRUZ__nav_link_KARJR9" class="flex nav-link-wrapper items-center gap-2">
6909  <a href="/a/returns/"
6910     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6911     data-nav-link
6912     aria-label="Start A Return"
6913  >
6914    Start A Return
6915  </a>
6916
6917  
6918</div>
6919
6920 </li>
6921<li id="shopify-block-AWk1uQ0NWQ3dLNlVYO__nav_link_LpEXMQ" class="shopify-block block--nav-link block">
6922<style>
6923  /* Device visibility */
6924  
6925
6926  
6927  #Link-AWk1uQ0NWQ3dLNlVYO__nav_link_LpEXMQ {
6928    /* Desktop variables */
6929    --font-size: 12px;
6930    --text-color: #373a36;
6931    --font-weight: 300;
6932    --font-family: 'acumin-pro', sans-serif;
6933    --hover-font-weight: 500;
6934    --decoration-font-size: 10px;
6935    --decoration-color: #0c2340;
6936    --decoration-font-weight: 500;
6937
6938    /* Mobile variables (default to desktop) */
6939    --mobile-font-size: 18px;
6940    --mobile-text-color: #373a36;
6941    --mobile-font-weight: 300;
6942    --mobile-font-family: 'acumin-pro', sans-serif;
6943    --mobile-hover-font-weight: 500;
6944    --mobile-decoration-font-size: 10px;
6945    --mobile-decoration-color: #0c2340;
6946    --mobile-decoration-font-weight: 500;
6947  }
6948</style>
6949
6950<div id="Link-AWk1uQ0NWQ3dLNlVYO__nav_link_LpEXMQ" class="flex nav-link-wrapper items-center gap-2">
6951  <a href="/pages/store-locator"
6952     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
6953     data-nav-link
6954     aria-label="Store Locator"
6955  >
6956    Store Locator
6957  </a>
6958
6959  
6960</div>
6961
6962 </li>
6963<li id="shopify-block-ASkVxaW9PbDFIWllZN__nav_link_os_sustainability" class="shopify-block block--nav-link block">
6964<style>
6965  /* Device visibility */
6966  
6967
6968  
6969  @media (min-width: 1024px) {
6970    #Link-ASkVxaW9PbDFIWllZN__nav_link_os_sustainability {
6971      display: none !important;
6972    }
6973  }
6974  
6975  #Link-ASkVxaW9PbDFIWllZN__nav_link_os_sustainability {
6976    /* Desktop variables */
6977    --font-size: 10px;
6978    --text-color: #373a36;
6979    --font-weight: 300;
6980    --font-family: 'acumin-pro', sans-serif;
6981    --hover-font-weight: 500;
6982    --decoration-font-size: 10px;
6983    --decoration-color: #0c2340;
6984    --decoration-font-weight: 500;
6985
6986    /* Mobile variables (default to desktop) */
6987    --mobile-font-size: 18px;
6988    --mobile-text-color: #373a36;
6989    --mobile-font-weight: 300;
6990    --mobile-font-family: 'acumin-pro', sans-serif;
6991    --mobile-hover-font-weight: 500;
6992    --mobile-decoration-font-size: 10px;
6993    --mobile-decoration-color: #0c2340;
6994    --mobile-decoration-font-weight: 500;
6995  }
6996</style>
6997
6998<div id="Link-ASkVxaW9PbDFIWllZN__nav_link_os_sustainability" class="flex nav-link-wrapper items-center gap-2">
6999  <a href="/pages/sustainability"
7000     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
7001     data-nav-link
7002     aria-label="Sustainability"
7003  >
7004    Sustainability
7005  </a>
7006
7007  
7008</div>
7009
7010 </li>
7011<li id="shopify-block-ARkp4R2FOcXAxTW56W__nav_link_os_about" class="shopify-block block--nav-link block">
7012<style>
7013  /* Device visibility */
7014  
7015
7016  
7017  @media (min-width: 1024px) {
7018    #Link-ARkp4R2FOcXAxTW56W__nav_link_os_about {
7019      display: none !important;
7020    }
7021  }
7022  
7023  #Link-ARkp4R2FOcXAxTW56W__nav_link_os_about {
7024    /* Desktop variables */
7025    --font-size: 10px;
7026    --text-color: #373a36;
7027    --font-weight: 300;
7028    --font-family: 'acumin-pro', sans-serif;
7029    --hover-font-weight: 500;
7030    --decoration-font-size: 10px;
7031    --decoration-color: #0c2340;
7032    --decoration-font-weight: 500;
7033
7034    /* Mobile variables (default to desktop) */
7035    --mobile-font-size: 18px;
7036    --mobile-text-color: #373a36;
7037    --mobile-font-weight: 300;
7038    --mobile-font-family: 'acumin-pro', sans-serif;
7039    --mobile-hover-font-weight: 500;
7040    --mobile-decoration-font-size: 10px;
7041    --mobile-decoration-color: #0c2340;
7042    --mobile-decoration-font-weight: 500;
7043  }
7044</style>
7045
7046<div id="Link-ARkp4R2FOcXAxTW56W__nav_link_os_about" class="flex nav-link-wrapper items-center gap-2">
7047  <a href="/pages/about"
7048     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
7049     data-nav-link
7050     aria-label="About Us"
7051  >
7052    About Us
7053  </a>
7054
7055  
7056</div>
7057
7058 </li>
7059<li id="shopify-block-ASXlzTldxbDZVOFlvS__nav_link_os_teachers" class="shopify-block block--nav-link block">
7060<style>
7061  /* Device visibility */
7062  
7063
7064  
7065  @media (min-width: 1024px) {
7066    #Link-ASXlzTldxbDZVOFlvS__nav_link_os_teachers {
7067      display: none !important;
7068    }
7069  }
7070  
7071  #Link-ASXlzTldxbDZVOFlvS__nav_link_os_teachers {
7072    /* Desktop variables */
7073    --font-size: 10px;
7074    --text-color: #373a36;
7075    --font-weight: 300;
7076    --font-family: 'acumin-pro', sans-serif;
7077    --hover-font-weight: 500;
7078    --decoration-font-size: 10px;
7079    --decoration-color: #0c2340;
7080    --decoration-font-weight: 500;
7081
7082    /* Mobile variables (default to desktop) */
7083    --mobile-font-size: 18px;
7084    --mobile-text-color: #373a36;
7085    --mobile-font-weight: 300;
7086    --mobile-font-family: 'acumin-pro', sans-serif;
7087    --mobile-hover-font-weight: 500;
7088    --mobile-decoration-font-size: 10px;
7089    --mobile-decoration-color: #0c2340;
7090    --mobile-decoration-font-weight: 500;
7091  }
7092</style>
7093
7094<div id="Link-ASXlzTldxbDZVOFlvS__nav_link_os_teachers" class="flex nav-link-wrapper items-center gap-2">
7095  <a href="/pages/peepers-for-teachers"
7096     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
7097     data-nav-link
7098     aria-label="Peepers for Teachers"
7099  >
7100    Peepers for Teachers
7101  </a>
7102
7103  
7104</div>
7105
7106 </li>
7107<li id="shopify-block-AUTdXYk8zeHdhWWlhT__nav_link_os_blog" class="shopify-block block--nav-link block">
7108<style>
7109  /* Device visibility */
7110  
7111
7112  
7113  @media (min-width: 1024px) {
7114    #Link-AUTdXYk8zeHdhWWlhT__nav_link_os_blog {
7115      display: none !important;
7116    }
7117  }
7118  
7119  #Link-AUTdXYk8zeHdhWWlhT__nav_link_os_blog {
7120    /* Desktop variables */
7121    --font-size: 10px;
7122    --text-color: #373a36;
7123    --font-weight: 300;
7124    --font-family: 'acumin-pro', sans-serif;
7125    --hover-font-weight: 500;
7126    --decoration-font-size: 10px;
7127    --decoration-color: #0c2340;
7128    --decoration-font-weight: 500;
7129
7130    /* Mobile variables (default to desktop) */
7131    --mobile-font-size: 18px;
7132    --mobile-text-color: #373a36;
7133    --mobile-font-weight: 300;
7134    --mobile-font-family: 'acumin-pro', sans-serif;
7135    --mobile-hover-font-weight: 500;
7136    --mobile-decoration-font-size: 10px;
7137    --mobile-decoration-color: #0c2340;
7138    --mobile-decoration-font-weight: 500;
7139  }
7140</style>
7141
7142<div id="Link-AUTdXYk8zeHdhWWlhT__nav_link_os_blog" class="flex nav-link-wrapper items-center gap-2">
7143  <a href="/blogs/news"
7144     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
7145     data-nav-link
7146     aria-label="Blog"
7147  >
7148    Blog
7149  </a>
7150
7151  
7152</div>
7153
7154 </li>
7155<li id="shopify-block-AZ3k5M3RiMEFJbGswT__nav_link_os_press" class="shopify-block block--nav-link block">
7156<style>
7157  /* Device visibility */
7158  
7159
7160  
7161  @media (min-width: 1024px) {
7162    #Link-AZ3k5M3RiMEFJbGswT__nav_link_os_press {
7163      display: none !important;
7164    }
7165  }
7166  
7167  #Link-AZ3k5M3RiMEFJbGswT__nav_link_os_press {
7168    /* Desktop variables */
7169    --font-size: 10px;
7170    --text-color: #373a36;
7171    --font-weight: 300;
7172    --font-family: 'acumin-pro', sans-serif;
7173    --hover-font-weight: 500;
7174    --decoration-font-size: 10px;
7175    --decoration-color: #0c2340;
7176    --decoration-font-weight: 500;
7177
7178    /* Mobile variables (default to desktop) */
7179    --mobile-font-size: 18px;
7180    --mobile-text-color: #373a36;
7181    --mobile-font-weight: 300;
7182    --mobile-font-family: 'acumin-pro', sans-serif;
7183    --mobile-hover-font-weight: 500;
7184    --mobile-decoration-font-size: 10px;
7185    --mobile-decoration-color: #0c2340;
7186    --mobile-decoration-font-weight: 500;
7187  }
7188</style>
7189
7190<div id="Link-AZ3k5M3RiMEFJbGswT__nav_link_os_press" class="flex nav-link-wrapper items-center gap-2">
7191  <a href="/pages/press"
7192     class="transition-colors whitespace-nowrap nav-link-item text-[var(--text-color)] lg:text-[var(--text-color)] text-[length:var(--mobile-font-size)] lg:text-[length:var(--font-size)] font-[var(--mobile-font-weight)] lg:font-[var(--font-weight)] [font-family:var(--mobile-font-family)] lg:[font-family:var(--font-family)]"
7193     data-nav-link
7194     aria-label="Press"
7195  >
7196    Press
7197  </a>
7198
7199  
7200</div>
7201
7202 </li>
7203
7204            </ul>
7205          </div>
7206        </div>
7207      </div>
7208      
7209      <!-- Mobile: Slide-in panel -->
7210      <div class="mobile-submenu" data-mobile-submenu>
7211        <div class="mobile-submenu-header">
7212          <button class="mobile-back-button" data-mobile-back>
7213            <svg style="fill: none" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left"><polyline points="15 18 9 12 15 6"></polyline></svg>
7214            <span class="sr-only">Back</span>
7215          </button>
7216          <span class="relative -left-2 mx-auto mobile-submenu-title"></span>
7217        </div>
7218        <div class="mobile-submenu-content">
7219          <!-- The blocks are rendered once above in desktop-blocks-container, 
7220               but will be moved here via JS for mobile -->
7221          <div class="mobile-blocks-container"></div>
7222        </div>
7223      </div>
7224    </div>
7225  </div>
7226</li>
7227
7228
7229
7230 </ul>
7231<ul id="shopify-block-AcWpGWjdjejVwU0xmc__nav_category_gzcEFH" class="shopify-block block--nav-category">
7232
7233
7234
7235 </ul>
7236<li class="lg:hidden list-none">
7237              <ul style="padding: 0; padding-top: 0px; padding-bottom: 0px;" class="mt-0 bg-white"><li class="mt-4 text-center bg-[#f6f6f6] pt-4 pb-12">
7238                  <div
7239                    class="lg:mb-1.5 font-semibold text-[18px] lg:text-sm no-underline text-secondary pb-1 lg:pb-3"
7240                    style="letter-spacing: 0.4px">
7241                    Talk To A Real Person!
7242                  </div>
7243                  <div class="pb-3 mb-4 lg:mb-8 lg:pb-2">
7244                    <div class="text-[18px] leading-normal lg:pt-1 text-secondary" style="letter-spacing: 0.4px">
7245                      M-F from 8:30AM to 4:00PM CST
7246                    </div>
7247                    <div class="pt-1 mt-3 text-[22px] text-secondary font-bold" style="letter-spacing: 0.4px">
7248                      <a href="tel:+12198724413" class="no-underline hover:underline">219-872-4413</a>
7249                    </div>
7250                  </div>
7251                </li>
7252
7253              </ul>
7254            </li>
7255            </ul>
7256
7257            
7258
7259          </div>
7260        </div>
7261      <div class="logo-container [@media(max-width:375px)]:scale-[0.9]  absolute -translate-x-1/2 left-1/2 ">
7262<a id="logo" data-logo-type="image" href="/" class="block relative lg:static"><img data-logo-type="image" width="196" height="55.33" style="transform: scale(0.85)" src="//www.peepers.com/cdn/shop/files/Peepers_420_PNG_1.png?v=1764693486&width=418" alt="Peepers by peeperspecs®" /></a>
7263
7264</div>
7265        <div class="flex-1 pr-0 ml-auto text-right header-utility-menu md:pr-6 lg:pr-3 xl:pr-8"><nav class="inline-flex flex-col gap-4 items-center text-right whitespace-nowrap md:flex-row" aria-label="Utility menu">
7266  <div class="hidden py-1.5 lg:block">
7267    <button class="min-w-[42.36px] flex flex-col items-center gap-1.5 text-xs font-bold border-b-2 border-transparent cursor-pointer js-search-icon hover:text-secondary hover:border-b-secondary" tabindex="0">
7268      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16" aria-label="Search">
7269  <path fill="currentColor" fill-rule="nonzero" d="M6.226 12.452c1.519 0 2.9-.538 3.976-1.45l4.832 4.832c.11.11.248.166.4.166a.567.567 0 0 0 .4-.966l-4.831-4.832a6.216 6.216 0 0 0 1.45-3.976A6.227 6.227 0 0 0 6.225 0C2.802 0 0 2.802 0 6.226c0 3.438 2.802 6.226 6.226 6.226zm0-11.32a5.1 5.1 0 0 1 5.094 5.094 5.09 5.09 0 0 1-5.094 5.094 5.1 5.1 0 0 1-5.094-5.094 5.108 5.108 0 0 1 5.094-5.094z"/>
7270</svg>
7271      <span class="font-medium group-hover:font-bold group-hover:text-secondary">search</span>
7272    </button>
7273  </div>
7274  
7275    
7276<div class="relative -top-0.5 min-w-[42.36px] hidden lg:flex flex-col items-center justify-center py-1.5 shopify-account-desktop">
7277        <shopify-account menu="customer-account-main-menu">
7278          <div slot="signed-out-avatar" class="flex flex-col gap-2 items-center text-xs cursor-pointer" style="font-family: 'acumin-pro', sans-serif;"><svg xmlns="http://www.w3.org/2000/svg" style="fill: none" fill="none" role="presentation" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
7279  <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" />
7280</svg><span class="font-medium lowercase">Sign in</span>
7281          </div>
7282        </shopify-account>
7283      </div>
7284    
7285  
7286<button
7287    type="button"
7288    data-behavior="favs-container-button"
7289    aria-label="Open Favs"
7290    class="group flex-col items-center justify-center py-1.5 min-w-[42.36px] hidden lg:flex hover:text-secondary"
7291  >
7292    <div class="flex flex-col gap-1.5 justify-center items-center border-b-2 border-transparent hover:border-b-secondary">
7293      <span class="inline-flex relative">
7294        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
7295          <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
7296        </svg><span class="js-favs-sale-dot hidden absolute -top-1 -right-1 w-2.5 h-2.5 rounded-full pointer-events-none" style="background: #c8102e"></span>
7297      </span>
7298      <span class="flex gap-1 items-center text-xs">
7299        <span class="font-medium group-hover:font-bold">favs</span>
7300        <span class="js-favs-count w-4 h-4 text-center bg-white rounded-full text-default">0</span>
7301      </span>
7302    </div>
7303  </button><button type="button"
7304  data-behavior="toggle-cart"
7305  data-has-no-items-classes='[]' data-has-items-classes='["bg-primary", "border-b-primary", "hover:bg-peeperspink-600", "text-white"]' class="js-ajax-cart-container  border-b-white  border-b-2 ml-2 lg:ml-4 flex flex-row items-center justify-center py-1.5 px-2 lg:px-2.5 border-l border-[#ebebeb]"
7306  aria-label="Open cart drawer">
7307    <span class="sr-only">Cart</span>
7308    <div class="flex flex-col gap-1.5 justify-center items-center">
7309      
7310<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" role="presentation" width="25" height="25" viewBox="0 0 256 256" xml:space="preserve">
7311    <g transform="translate(128 128) scale(0.72 0.72)" style="">
7312        <g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(-175.05 -175.05000000000004) scale(3.89 3.89)" >
7313            <path class="js-cart-icon-fill" d="M 74.396 66.93 h -47.12 c -3.491 0 -5.549 -2.665 -5.777 -5.299 c -0.178 -2.057 0.741 -4.326 2.792 -5.506 L 16.745 22.34 c -0.132 -0.592 0.012 -1.213 0.392 -1.687 c 0.379 -0.474 0.954 -0.75 1.561 -0.75 H 88 c 0.647 0 1.256 0.314 1.631 0.842 c 0.375 0.528 0.471 1.206 0.258 1.817 l -7.983 22.876 c -0.991 2.838 -3.446 4.921 -6.406 5.438 l -48.522 8.48 c -0.006 0.001 -0.012 0.002 -0.019 0.003 c -1.499 0.267 -1.507 1.541 -1.473 1.926 c 0.033 0.386 0.261 1.644 1.792 1.644 h 47.12 c 1.104 0 2 0.896 2 2 S 75.501 66.93 74.396 66.93 z M 21.193 23.904 l 6.966 31.186 l 46.652 -8.152 c 1.533 -0.268 2.805 -1.347 3.318 -2.817 l 7.055 -20.216 H 21.193 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: currentColor; fill-rule: nonzero;
7313 opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
7314            <path class="js-cart-icon-fill" d="M 27.846 83.111 c -3.615 0 -6.555 -2.94 -6.555 -6.555 c 0 -3.615 2.94 -6.556 6.555 -6.556 s 6.556 2.94 6.556 6.556 C 34.401 80.171 31.46 83.111 27.846 83.111 z M 27.846 74.001 c -1.409 0 -2.555 1.146 -2.555 2.556 c 0 1.408 1.146 2.555 2.555 2.555 c 1.409 0 2.556 -1.146 2.556 -2.555 C 30.401 75.147 29.255 74.001 27.846 74.001 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: currentColor; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
7315            <path class="js-cart-icon-fill" d="M 68.845 83.111 c -3.615 0 -6.556 -2.94 -6.556 -6.555 c 0 -3.615 2.94 -6.556 6.556 -6.556 s 6.556 2.94 6.556 6.556 C 75.4 80.171 72.46 83.111 68.845 83.111 z M 68.845 74.001 c -1.409 0 -2.556 1.146 -2.556 2.556 c 0 1.408 1.146 2.555 2.556 2.555 s 2.556 -1.146 2.556 -2.555 C 71.4 75.147 70.254 74.001 68.845 74.001 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: currentColor; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
7316            <path class="js-cart-icon-fill" d="M 18.695 23.904 c -0.916 0 -1.742 -0.633 -1.95 -1.564 l -1.407 -6.301 c -0.677 -3.033 -3.321 -5.151 -6.428 -5.151 H 2 c -1.104 0 -2 -0.896 -2 -2 s 0.896 -2 2 -2 h 6.909 c 4.995 0 9.244 3.404 10.333 8.279 l 1.407 6.301 c 0.241 1.078 -0.438 2.147 -1.516 2.388 C 18.986 23.889 18.839 23.904 18.695 23.904 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: currentColor; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
7317        </g>
7318    </g>
7319</svg>
7320      <span class="flex items-center gap-1 text-xs js-ajax-cart-count-container hidden">
7321        <span class="font-medium">cart</span>
7322        <span class="w-4 h-4 text-center !bg-white rounded-full js-ajax-cart-count text-default">0</span>
7323      </span>
7324    </div>
7325  </button>
7326</nav><style>
7327  shopify-account {
7328    --shopify-account-font-heading: 'ivyora-display', serif;
7329    --shopify-account-font-heading-weight: 400;
7330    --shopify-account-font-body: 'acumin-pro', sans-serif;
7331    --shopify-account-font-body-weight: 300;
7332    --shopify-account-color-accent: var(--color-primary);
7333    --shopify-account-color-accent-hover: var(--color-primary);
7334    --shopify-account-color-accent-text: #ffffff;
7335    --shopify-account-color-background: #F2F0EB;
7336    --shopify-account-color-background-subdued: #fafafb;
7337    --shopify-account-color-text: var(--color-secondary);
7338    --shopify-account-color-text-subdued: rgba(12, 35, 64, 0.6);
7339    --shopify-account-color-border: rgba(12, 35, 64, 0.12);
7340    --shopify-account-color-card-background: #ffffff;
7341    --shopify-account-color-control-background: #ffffff;
7342    --shopify-account-color-shadow: rgba(12, 35, 64, 0.15);
7343    --shopify-account-radius-base: 0;
7344    --shopify-account-radius-button: 0;
7345    --shopify-account-radius-button-small: 0;
7346    --shopify-account-radius-dialog: 0;
7347    --shopify-account-radius-input: 0;
7348    --shopify-account-signed-in-avatar-size: 28px;
7349    --shopify-account-signed-in-avatar-color-background: var(--color-secondary);
7350    --shopify-account-signed-in-avatar-color-text: #ffffff;
7351  }
7352  .shopify-account-desktop shopify-account::part(signed-out-avatar) {
7353    background: none;
7354    border: none;
7355    padding: 0;
7356    margin: 0;
7357    display: flex;
7358    cursor: pointer;
7359    font: inherit;
7360    color: inherit;
7361    line-height: inherit;
7362  }
7363  .shopify-account-mobile shopify-account::part(signed-out-avatar) {
7364    background: none;
7365    border: none;
7366    padding: 0;
7367    margin: 0;
7368    display: flex;
7369    cursor: pointer;
7370    font: inherit;
7371    color: inherit;
7372  }
7373  .shopify-account-mobile shopify-account {
7374    --shopify-account-signed-in-avatar-size: 24px;
7375  }
7376</style>
7377</div>
7378    </div>
7379      <div class="absolute w-full top-[100%] left-0 z-[10] bg-[#F2F0EB] js-search-bar flex flex-col overflow-hidden">
7380        <form id="header-search-form" action="/search" role="search" class="flex-1 flex flex-col min-h-0">
7381          <label for="search-box" class="sr-only">Search</label>
7382          <div id="predictive-search" class="flex-1 flex flex-col min-h-0">
7383            
7383<script id="predictive-search-json" data-props type="application/json">
7384              {
7385                "settings": {},
7386                "visualCategories": [
7387                  { "title": "Readers", "url": "/collections/readers", "image": "//www.peepers.com/cdn/shop/files/search-cat-readers.png?v=2131645297006944940" },
7388                  { "title": "Progressives", "url": "/collections/progressives", "image": "//www.peepers.com/cdn/shop/files/search-cat-progressives.png?v=10940637547458292849" },
7389                  { "title": "Sunglasses", "url": "/collections/sunglasses", "image": "//www.peepers.com/cdn/shop/files/search-cat-sunglasses.png?v=4147685440978955326" },
7390                  { "title": "New Arrivals", "url": "/collections/new-arrivals", "image": "//www.peepers.com/cdn/shop/files/search-cat-new.png?v=17305160454307421557" }
7391                ]
7392              }
7393            </script>
7393
7394          </div>
7395          <input type="hidden" name="view" value="" />
7396          <input type="hidden" name="type" value="product" /></form>
7397      </div>
7398  </div>
7399</nav><style>
7400  @keyframes peepers-favs-sale-pulse {
7401    0% { box-shadow: 0 0 0 0 rgba(200, 16, 46, 0.45); }
7402    70% { box-shadow: 0 0 0 6px rgba(200, 16, 46, 0); }
7403    100% { box-shadow: 0 0 0 0 rgba(200, 16, 46, 0); }
7404  }
7405  .favs-sale-pulse { animation: peepers-favs-sale-pulse 2s ease-out infinite; }
7406</style>
7407<script>
7408  (function () {
7409    var heart = document.getElementById('mobile-favs-heart');
7410    var badge = document.getElementById('mobile-favs-badge');
7411
7412    function sync() {
7413      var count = window.Peepers && window.Peepers.favs ? window.Peepers.favs.count : 0;
7414      var saleCount = window.Peepers && window.Peepers.favsOnSale ? window.Peepers.favsOnSale.count : 0;
7415
7416      if (heart && badge) {
7417        if (count > 0) {
7418          heart.style.fill = 'var(--color-primary)';
7419          heart.style.stroke = 'var(--color-primary)';
7420          badge.textContent = count > 99 ? '99+' : count;
7421          badge.classList.remove('hidden');
7422        } else {
7423          heart.style.fill = 'none';
7424          heart.style.stroke = 'currentColor';
7425          badge.textContent = '';
7426          badge.classList.add('hidden');
7427        }
7428        // Sale state: the count badge itself goes sale-red with a soft pulse.
7429        badge.classList.toggle('favs-sale-pulse', saleCount > 0);
7430        badge.style.background = saleCount > 0 ? '#c8102e' : '';
7431      }
7432
7433      // Desktop heart: sale dot + count badge tint (elements rendered in utility-menu.liquid).
7434      document.querySelectorAll('.js-favs-sale-dot').forEach(function (dot) {
7435        dot.classList.toggle('hidden', saleCount === 0);
7436        dot.classList.toggle('favs-sale-pulse', saleCount > 0);
7437      });
7438      document.querySelectorAll('.js-favs-count').forEach(function (el) {
7439        el.style.background = saleCount > 0 ? '#c8102e' : '';
7440        el.style.color = saleCount > 0 ? '#fff' : '';
7441      });
7442    }
7443
7444    sync();
7445    document.addEventListener('peepers:favs-updated', sync);
7446    document.addEventListener('peepers:favs-on-sale-updated', sync);
7447  })();
7448</script>
7448
7449
7450
7451
7452
7453</div>
7454  <div id="shopify-section-header-promo-bar-carousel" class="shopify-section section-header-promo-bar-carousel"></div>
7455</header>
7456
7457<span class="menu-background-desktop"></span>
7458<span class="menu-background-mobile max-[1023px]:top-[--main-menu-height]"></span><div id="shopify-section-side-cart" class="shopify-section loaded"><div data-app-section="side-cart" data-section-name="side-cart" id="SideCart" class="unmounted">
7459  
7459<script id="side-cart-json" data-props type="application/json">
7460    {
7461      "settings": {
7462        "header": {
7463          "title": "Your Cart ([cart_item_count])"
7464        },
7465        "appearance": {
7466          "color": {
7467            "background": "#1c1c1c",
7468            "border": "#1c1c1c",
7469            "text": "#ffffff"
7470          }
7471        },
7472        "pairUp": {
7473          "enabled": true,
7474          "collectionHandle": "labor-day-2026",
7475          "offerCollectionHandle": "polarized-sunglasses",
7476          "eyebrow": "Labor Day Sale"
7477        },
7478        "shippingStandardPromotion": {
7479          "enabled": true,
7480          "minimumThresholdUS": 55,
7481          "minimumThresholdCA": -1,
7482          "minimumFullPriceItems": 0,
7483          "minimumPolarizedSunItems": 0,
7484          "belowThresholdMessage": "You're just [amount] away from free shipping",
7485          "metThresholdMessage": "Eligible for free standard shipping!",
7486          "showRecommendedItems": false,
7487          "showToast": true,
7488          "showPromotionIndicator": true
7489        },
7490        "shippingExpeditedPromotion": {
7491          "enabled": false,
7492          "minimumThresholdUS": 100,
7493          "minimumThresholdCA": 75,
7494          "minimumFullPriceItems": 0,
7495          "minimumPolarizedSunItems": 0,
7496          "belowThresholdMessage": "You're just [amount] away from free expedited shipping",
7497          "metThresholdMessage": "Eligible for free expedited shipping!",
7498          "showRecommendedItems": false,
7499          "showToast": false,
7500          "showPromotionIndicator": true
7501        },
7502        "empty": {
7503          "message": "Your shopping cart is empty.",
7504          "buttonLabel": "Continue Shopping"
7505        },
7506        "freeCase": {
7507          "copy": "* Each pair of frames comes with a free case."
7508        },
7509        "checkout": {
7510          "subtotalLabel": "Subtotal:",
7511          "checkoutButtonText": "Proceed To Checkout",
7512          "promotionsDisclaimer": "Promotions and discounts are applied at checkout.",
7513          "paymentsAcceptedDescription": "We accept all major credit cards, Apple Pay, PayPal, Shop Pay, Google Pay."
7514        },
7515        "recommendedProducts": {
7516          "header": "Recommended For You"
7517        },
7518        "saleShelf": {
7519          "enabled": true,
7520          "heading": "The Sun Sale is on — from $20",
7521          "favsHeading": "Your favorites are on sale",
7522          "collectionHandle": "august-2026-sun-sale"
7523        }
7524      },
7525      "autoAdds": [
7526        
7527      ],
7528      "installmentsMarkup":"\u003cform method=\"post\" action=\"\/cart\" id=\"payment-terms--cart\" accept-charset=\"UTF-8\" class=\"text-[12px] mt-2 text-center\" enctype=\"multipart\/form-data\"\u003e\u003cinput type=\"hidden\" name=\"form_type\" value=\"cart\" \/\u003e\u003cinput type=\"hidden\" name=\"utf8\" value=\"✓\" \/\u003e\u003cspan class=\"hidden\" data-cart-subtotal\u003e$0.00\u003c\/span\u003e\n    \n\u003c\/form\u003e"}
7529  </script>
7529
7530</div>
7531<style>
7532  .glow-on-hover--proceed-to-checkout {
7533    position: relative;
7534  }
7535
7536  .glow-on-hover--proceed-to-checkout:before {
7537      content: '';
7538      background: linear-gradient(45deg, var(--color-secondary), #d0d3d4);
7539      position: absolute;
7540      top: -3px;
7541      left:-3px;
7542      background-size: 400%;
7543      z-index: -1;
7544      filter: blur(5px);
7545      width: calc(100% + 6px);
7546      height: calc(100% + 6px);
7547      animation: glowing 20s linear infinite;
7548      transition: opacity .3s ease-in-out;
7549      border-radius: 9999px;
7550  }
7551  
7552  .glow-on-hover--proceed-to-checkout:active {
7553      color: #FFF
7554  }
7555  
7556  .glow-on-hover--proceed-to-checkout:hover:after {
7557    background: var(--color-primary);
7558  }
7559  
7560  .glow-on-hover--proceed-to-checkout:active:after {
7561      background: transparent;
7562  }
7563    
7564  .glow-on-hover--proceed-to-checkout:after {
7565      z-index: -1;
7566      content: '';
7567      position: absolute;
7568      width: 100%;
7569      height: 100%;
7570      background: #0c2340;
7571      left: 0;
7572      top: 0;
7573      border-radius: 9999px;
7574  }
7575  
7576  @keyframes glowing {
7577      0% { background-position: 0 0; }
7578      50% { background-position: 400% 0; }
7579      100% { background-position: 0 0; }
7580  }
7581</style>
7582
7583
7584</div><div id="shopify-section-favs-drawer" class="shopify-section"><div data-app-section="favs-drawer" id="favs-drawer-app-favs-drawer" class="unmounted">
7585  
7585<script data-props type="application/json">
7586    { "favsPageUrl": "/pages/my-favorites" }
7587  </script>
7587
7588</div>
7589
7590</div><div id="shopify-section-ajax-cart-products" class="shopify-section section-ajax-cart-products">
7591
7592</div>
7592<script>
7593        // Sale blink color cycling effect
7594        (function () {
7595          function init() {
7596            if (navigator.platform.indexOf('Win') > -1) {
7597              document.body.classList.add('os--windows');
7598            } else if (navigator.platform.indexOf('Mac') > -1) {
7599              document.body.classList.add('os--mac');
7600            }
7601
7602            const SOLID_COLOR = '#0B3356';
7603            const PATTERN_URL = 'https://cdn.shopify.com/s/files/1/0790/9597/files/Silver-Pattern-SaleOnSale.png?v=1767114655';
7604
7605            const saleBlinkEls = document.querySelectorAll('[data-dev="blinking-texture"]');
7606            if (saleBlinkEls.length < 2) return;
7607
7608            // First element is "40%", second is "off"
7609            const el40 = saleBlinkEls[0];
7610            const elOff = saleBlinkEls[1];
7611
7612            function setSolid(el) {
7613              el.style.color = SOLID_COLOR;
7614              el.style.backgroundImage = 'none';
7615              el.style.backgroundClip = 'unset';
7616              el.style.webkitBackgroundClip = 'unset';
7617            }
7618
7619            function setPattern(el) {
7620              el.style.backgroundImage = `url('${PATTERN_URL}')`;
7621              el.style.backgroundSize = 'cover';
7622              el.style.backgroundClip = 'text';
7623              el.style.webkitBackgroundClip = 'text';
7624              el.style.color = 'transparent';
7625            }
7626
7627            // Initial state: 40% solid, off pattern
7628            setSolid(el40);
7629            setPattern(elOff);
7630
7631            let showSolidOn40 = true;
7632
7633            function blink() {
7634              showSolidOn40 = !showSolidOn40;
7635              if (showSolidOn40) {
7636                setSolid(el40);
7637                setPattern(elOff);
7638              } else {
7639                setPattern(el40);
7640                setSolid(elOff);
7641              }
7642            }
7643
7644            setInterval(blink, 1000);
7645          }
7646
7647          if (document.readyState === 'loading') {
7648            document.addEventListener('DOMContentLoaded', init);
7649          } else {
7650            init();
7651          }
7652        })();
7653      </script>
7653
7654
7655  
7656      <main id="SrMain" class=" pb-0  "><div class="sr-only ada-live-chat" aria-live="assertive">If you have any questions about our website's accessibility, please contact us at <a href="mailto:[email protected]" aria-label="Click to email [email protected] about any accessibility concerns">[email protected]</a>, <a href="tel:1-219-872-4413" aria-label="Click to call 1-219-872-4413 about any accessibility concerns">(219) 872-4413</a>, or <a href="#" onclick="GorgiasChat.open();return false;" role="button" aria-label="Click to open web live chat for any accessibility concerns">live chat</a></div><div id="shopify-section-template--21156119543887__hero" class="shopify-section"><link href="https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap" rel="stylesheet">
7657
7658<section class="scd-hero" style="--scd-hero-bg: url('//www.peepers.com/cdn/shop/files/shoreline-cd-hero-waves.jpg?v=3929152564451236640');">
7659  <div class="scd-hero__band"><video class="scd-hero__video" autoplay loop muted playsinline preload="auto" poster="//www.peepers.com/cdn/shop/files/shoreline-cd-hero-waves.jpg?v=3929152564451236640" aria-hidden="true">
7660      <source src="//www.peepers.com/cdn/shop/files/shoreline-cd-hero-waves.mp4?v=15305125865764129004" type="video/mp4">
7661    </video><img class="scd-hero__wordmark" src="//www.peepers.com/cdn/shop/files/shoreline-cd-wordmark.png?v=12552392842919035469" alt="Shoreline Summer Club" loading="eager" width="488" height="203">
7662
7663    <img class="scd-hero__sub" src="//www.peepers.com/cdn/shop/files/shoreline-cd-est-members.png?v=14538128598230827543" alt="Est. Michigan City – Members Only" loading="eager" width="420" height="118"><a class="scd-hero__cta" href="#scd-collection">Explore the Club</a>
7664
7665    <a class="scd-hero__scroll" href="#scd-collection" aria-label="Scroll to the collection">
7666      <svg viewBox="0 0 12 36" fill="none" aria-hidden="true">
7667        <path d="M6 0v33M1.5 28.5L6 33l4.5-4.5" stroke="#153A47" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
7668      </svg>
7669    </a>
7670  </div>
7671</section>
7672
7673<script>
7674  (function () {
7675    /* In-page anchor CTAs (e.g. "Explore the Club" → #scd-collection) smooth-scroll.
7676       scrollIntoView is used because html/body use overflow:clip, which breaks
7677       native hash-jump / window.scrollTo. A real URL in the setting still navigates. */
7678    var anchors = document.querySelectorAll('.scd-hero__cta[href^="#"], .scd-hero__scroll[href^="#"]');
7679    anchors.forEach(function (a) {
7680      a.addEventListener('click', function (e) {
7681        var target = document.querySelector(a.getAttribute('href'));
7682        if (!target) return;
7683        e.preventDefault();
7684        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
7685      });
7686    });
7687  })();
7688</script>
7688
7689
7690<style>
7691  .scd-hero {
7692    position: relative;
7693    width: 100%;
7694    background: #F0E7D3;
7695  }
7696  .scd-hero__band {
7697    position: relative;
7698    width: 100%;
7699    aspect-ratio: 2878 / 1269;       /* desktop band proportion */
7700    background-image: var(--scd-hero-bg);
7701    background-size: cover;
7702    background-position: center 60%;
7703    overflow: hidden;
7704  }
7705
7706  /* Animated waves — sits over the still bg image, matched crop */
7707  .scd-hero__video {
7708    position: absolute;
7709    inset: 0;
7710    width: 100%;
7711    height: 100%;
7712    object-fit: cover;
7713    object-position: center 60%;
7714    z-index: 0;
7715    pointer-events: none;
7716  }
7717
7718  /* Lab-only label badge (shown on the hero-lab comparison page) */
7719  .scd-hero__lab-label {
7720    position: absolute;
7721    top: 14px;
7722    left: 14px;
7723    z-index: 5;
7724    background: rgba(21, 58, 71, 0.92);
7725    color: #F8F7F3;
7726    font-family: var(--font-acumin-pro);
7727    font-weight: 700;
7728    font-size: 12px;
7729    letter-spacing: 0.1em;
7730    text-transform: uppercase;
7731    padding: 6px 12px;
7732    border-radius: 4px;
7733    pointer-events: none;
7734  }
7735
7736  /* Wordmark — centred, upper third. Width matches Figma (33.9%); vertical bumped
7737     +11px/628 (9.85→11.6%) so the script top lands on the Figma band reference. */
7738  .scd-hero__wordmark {
7739    position: absolute;
7740    top: 11.6%;
7741    left: 50%;
7742    transform: translateX(-50%);
7743    width: 33.9%;
7744    height: auto;
7745    max-width: 520px;
7746  }
7747
7748  /* Sub-lockup: baked "Est. Michigan City / Members Only" art (top 271/634.5 = 42.7%) */
7749  .scd-hero__sub {
7750    position: absolute;
7751    top: 42.6%;
7752    left: 50%;
7753    transform: translateX(-50%);
7754    width: clamp(156px, 14.44vw, 208px);     /* ~208px @1440 — scaled to the Figma red lockup (was 240, ~15% too large) */
7755    height: auto;
7756    display: block;
7757  }
7758
7759  /* CTA pill (top 368.5/634.5 = 58.1%, 210×40, radius 25) — matched to Figma band */
7760  .scd-hero__cta {
7761    position: absolute;
7762    top: 58.1%;
7763    left: 50%;
7764    transform: translateX(-50%);
7765    display: inline-flex;
7766    align-items: center;
7767    justify-content: center;
7768    background: #153A47;
7769    color: #F8F7F3;
7770    font-family: var(--font-acumin-pro);
7771    font-weight: 700;
7772    font-size: clamp(11px, 0.97vw, 15px);    /* 14px @1440 */
7773    letter-spacing: 0.08em;
7774    text-transform: uppercase;
7775    padding: 0.6em 2em;      /* trimmed from 2.4em — pill was ~11px wider than Figma */
7776    border-radius: 50px;
7777    text-decoration: none;
7778    white-space: nowrap;
7779    transition: background-color 0.3s cubic-bezier(0.16,1,0.3,1), transform 0.3s cubic-bezier(0.16,1,0.3,1);
7780  }
7781  .scd-hero__cta:hover {
7782    background: #245F71;
7783    transform: translateX(-50%) translateY(-2px);
7784  }
7785
7786  /* Down chevron (top 427.5/634.5 = 67.4%) */
7787  .scd-hero__scroll {
7788    position: absolute;
7789    top: 66%;
7790    left: 50%;
7791    transform: translateX(-50%);
7792    width: clamp(10px, 0.85vw, 13px);
7793    display: block;
7794    animation: scd-hero-bob 2.4s cubic-bezier(0.16,1,0.3,1) infinite;
7795  }
7796  .scd-hero__scroll svg { width: 100%; height: auto; display: block; }
7797  @keyframes scd-hero-bob {
7798    0%, 100% { transform: translateX(-50%) translateY(0); }
7799    50%      { transform: translateX(-50%) translateY(5px); }
7800  }
7801
7802  /* ---- Mobile (artboard 830×725 → portrait band) ---- */
7803  @media (max-width: 767px) {
7804    .scd-hero__band {
7805      aspect-ratio: 830 / 725;
7806      background-position: center bottom;
7807    }
7808    .scd-hero__video { display: none; }   /* still image on mobile — lighter, no heavy crop */
7809    .scd-hero__wordmark { top: 9%; width: 64%; max-width: none; }
7810    .scd-hero__sub      { top: 37%; width: clamp(88px, 25.6vw, 110px); }   /* was 42vw — sub was ~64% too big + overlapping the CTA */
7811    .scd-hero__cta      { top: 52%; font-size: 16px; padding: 0.65em 2.2em; }   /* pill widened to Figma 208px; raised to Figma pill-top ~189 */
7812    .scd-hero__scroll   { top: 72%; width: 12px; }
7813  }
7814
7815  @media (prefers-reduced-motion: reduce) {
7816    .scd-hero__scroll { animation: none; }
7817    .scd-hero__video { display: none; }   /* honor reduced-motion — show the still */
7818  }
7819</style>
7820
7821
7822</div><div id="shopify-section-template--21156119543887__collection" class="shopify-section"><section class="scd-collection" id="scd-collection">
7823  <header class="scd-head">
7824    <p class="scd-eyebrow scd-eyebrow--olive">The Collection</p>
7825    <h2 class="scd-title">Named for the Shore</h2>
7826    <span class="scd-rule"></span>
7827    <p class="scd-sub">Sixteen styles, each named for a place along the South Shore of Lake Michigan. A quiet homage to the landscape that raised us and shaped every frame we've ever made.</p>
7828    <p class="scd-collection__meta">Premium Acetate · $95</p>
7829  </header>
7830
7831  <div class="scd-collection__viewport">
7832    <button class="scd-collection__arrow scd-collection__arrow--prev" aria-label="Previous" type="button">
7833      <svg viewBox="0 0 12 24" fill="none"><path d="M11 1L1 12l10 11" stroke="#153A47" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
7834    </button>
7835
7836    <div class="scd-collection__track"><div class="scd-card">
7837          <a class="scd-card__link" href="/products/cove?variant=45952846856271" aria-label="Cove acetate readers">
7838            <div class="scd-card__media"><img class="scd-card__frame" src="//www.peepers.com/cdn/shop/files/SC102_Cove-Tortoise_SC_Web.png?v=1782256144&width=480" alt="Cove acetate readers" loading="lazy" width="480" height="480"><img class="scd-card__spot" src="//www.peepers.com/cdn/shop/files/shoreline-cd-sail-boat.png?v=12513691654651604973" alt="" aria-hidden="true">
7839            </div>
7840            <div class="scd-card__copy">
7841              <span class="scd-card__num">01</span>
7842              <span class="scd-card__name">Cove</span>
7843            </div>
7844          </a><div class="scd-card__footer">
7845            <span class="scd-card__price">$95</span>
7846            <div class="scd-card__swatches"><button type="button"
7847                    class="scd-card__swatch"
7848                    data-img="//www.peepers.com/cdn/shop/files/SC101_Cove-GrayTortoise_SC_Web.png?v=1782256151&width=480"
7849                    data-variant="45952846692431"
7850                    aria-label="Show Cove in Gray Tortoise"
7851                    aria-pressed="false"
7852                    title="Gray Tortoise"
7853                    style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/gray_tortoise2_48x.jpg?v=1614762454');"></button><button type="button"
7854                    class="scd-card__swatch is-selected"
7855                    data-img="//www.peepers.com/cdn/shop/files/SC102_Cove-Tortoise_SC_Web.png?v=1782256144&width=480"
7856                    data-variant="45952846856271"
7857                    aria-label="Show Cove in Tortoise"
7858                    aria-pressed="true"
7859                    title="Tortoise"
7860                    style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/Color_Prismatic_-_Tort_Swatch_48x.jpg?v=1614769046');"></button></div>
7861          </div>
7862        </div><div class="scd-card">
7863          <a class="scd-card__link" href="/products/dune?variant=45952861012047" aria-label="Dune acetate readers">
7864            <div class="scd-card__media"><img class="scd-card__frame" src="//www.peepers.com/cdn/shop/files/SC113_Dune-Tan_SC_Web.png?v=1782256245&width=480" alt="Dune acetate readers" loading="lazy" width="480" height="480"><img class="scd-card__spot" src="//www.peepers.com/cdn/shop/files/shoreline-cd-sail-boat.png?v=12513691654651604973" alt="" aria-hidden="true">
7865            </div>
7866            <div class="scd-card__copy">
7867              <span class="scd-card__num">02</span>
7868              <span class="scd-card__name">Dune</span>
7869            </div>
7870          </a><div class="scd-card__footer">
7871            <span class="scd-card__price">$95</span>
7872            <div class="scd-card__swatches"><button type="button"
7873                    class="scd-card__swatch"
7874                    data-img="//www.peepers.com/cdn/shop/files/SC112_Dune-Blue_SC_Web.png?v=1782256253&width=480"
7875                    data-variant="45952860848207"
7876                    aria-label="Show Dune in Blue"
7877                    aria-pressed="false"
7878                    title="Blue"
7879                    style="background-color:#488bba;"></button><button type="button"
7880                    class="scd-card__swatch is-selected"
7881                    data-img="//www.peepers.com/cdn/shop/files/SC113_Dune-Tan_SC_Web.png?v=1782256245&width=480"
7882                    data-variant="45952861012047"
7883                    aria-label="Show Dune in Tan"
7884                    aria-pressed="true"
7885                    title="Tan"
7886                    style="background-color:#ebdbba;"></button></div>
7887          </div>
7888        </div><div class="scd-card">
7889          <a class="scd-card__link" href="/products/lakefront?variant=43659909693519" aria-label="Lakefront acetate readers">
7890            <div class="scd-card__media"><img class="scd-card__frame" src="//www.peepers.com/cdn/shop/files/3808_Lakefront_BlackPeriwinkle_SC_Web.png?v=1761749123&width=480" alt="Lakefront acetate readers" loading="lazy" width="480" height="480"><img class="scd-card__spot" src="//www.peepers.com/cdn/shop/files/shoreline-cd-sail-boat.png?v=12513691654651604973" alt="" aria-hidden="true">
7891            </div>
7892            <div class="scd-card__copy">
7893              <span class="scd-card__num">03</span>
7894              <span class="scd-card__name">Lakefront</span>
7895            </div>
7896          </a><div class="scd-card__footer">
7897            <span class="scd-card__price">$95</span>
7898            <div class="scd-card__swatches"><button type="button"
7899                    class="scd-card__swatch is-selected"
7900                    data-img="//www.peepers.com/cdn/shop/files/3808_Lakefront_BlackPeriwinkle_SC_Web.png?v=1761749123&width=480"
7901                    data-variant="43659909693519"
7902                    aria-label="Show Lakefront in Black/Periwinkle"
7903                    aria-pressed="true"
7904                    title="Black/Periwinkle"
7905                    style="background-color:#222222;"></button><button type="button"
7906                    class="scd-card__swatch"
7907                    data-img="//www.peepers.com/cdn/shop/files/3807_Lakefront-GrayTortoisePeriwinkle_SC_Web.png?v=1774466605&width=480"
7908                    data-variant="43659909857359"
7909                    aria-label="Show Lakefront in Gray Tortoise/Periwinkle"
7910                    aria-pressed="false"
7911                    title="Gray Tortoise/Periwinkle"
7912                    style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/gray_tortoise2_48x.jpg?v=1614762454');"></button><button type="button"
7913                    class="scd-card__swatch"
7914                    data-img="//www.peepers.com/cdn/shop/files/SC100_Lakefront-Tortoise_SC_Web.png?v=1782256126&width=480"
7915                    data-variant="45952840368207"
7916                    aria-label="Show Lakefront in Tortoise"
7917                    aria-pressed="false"
7918                    title="Tortoise"
7919                    style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/Color_Prismatic_-_Tort_Swatch_48x.jpg?v=1614769046');"></button></div>
7920          </div>
7921        </div><div class="scd-card">
7922          <a class="scd-card__link" href="/products/mariner?variant=45952853868623" aria-label="Mariner acetate readers">
7923            <div class="scd-card__media"><img class="scd-card__frame" src="//www.peepers.com/cdn/shop/files/SC106_Mariner-TealTortoise_SC_Web.png?v=1782256193&width=480" alt="Mariner acetate readers" loading="lazy" width="480" height="480"><img class="scd-card__spot" src="//www.peepers.com/cdn/shop/files/shoreline-cd-sail-boat.png?v=12513691654651604973" alt="" aria-hidden="true">
7924            </div>
7925            <div class="scd-card__copy">
7926              <span class="scd-card__num">04</span>
7927              <span class="scd-card__name">Mariner</span>
7928            </div>
7929          </a><div class="scd-card__footer">
7930            <span class="scd-card__price">$95</span>
7931            <div class="scd-card__swatches"><button type="button"
7932                    class="scd-card__swatch is-selected"
7933                    data-img="//www.peepers.com/cdn/shop/files/SC106_Mariner-TealTortoise_SC_Web.png?v=1782256193&width=480"
7934                    data-variant="45952853868623"
7935                    aria-label="Show Mariner in Teal/Tortoise"
7936                    aria-pressed="true"
7937                    title="Teal/Tortoise"
7938                    style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/mariner-teal-tortoise-swatch_48x.png?v=1783008524');"></button></div>
7939          </div>
7940        </div><div class="scd-card">
7941          <a class="scd-card__link" href="/products/port?variant=45952847413327" aria-label="Port acetate readers">
7942            <div class="scd-card__media"><img class="scd-card__frame" src="//www.peepers.com/cdn/shop/files/SC114_Port-Tortoise_SC_Web.png?v=1782921527&width=480" alt="Port acetate readers" loading="lazy" width="480" height="480"><img class="scd-card__spot" src="//www.peepers.com/cdn/shop/files/shoreline-cd-sail-boat.png?v=12513691654651604973" alt="" aria-hidden="true">
7943            </div>
7944            <div class="scd-card__copy">
7945              <span class="scd-card__num">05</span>
7946              <span class="scd-card__name">Port</span>
7947            </div>
7948          </a><div class="scd-card__footer">
7949            <span class="scd-card__price">$95</span>
7950            <div class="scd-card__swatches"><button type="button"
7951                    class="scd-card__swatch"
7952                    data-img="//www.peepers.com/cdn/shop/files/SC103_Port-BlackBlue_SC_Web.png?v=1782921536&width=480"
7953                    data-variant="45952847085647"
7954                    aria-label="Show Port in Black/Blue"
7955                    aria-pressed="false"
7956                    title="Black/Blue"
7957                    style="background-color:#222222;"></button><button type="button"
7958                    class="scd-card__swatch"
7959                    data-img="//www.peepers.com/cdn/shop/files/SC105_Port-Green_SC_Web.png?v=1782921532&width=480"
7960                    data-variant="45952847249487"
7961                    aria-label="Show Port in Green"
7962                    aria-pressed="false"
7963                    title="Green"
7964                    style="background-color:#43695b;"></button><button type="button"
7965                    class="scd-card__swatch is-selected"
7966                    data-img="//www.peepers.com/cdn/shop/files/SC114_Port-Tortoise_SC_Web.png?v=1782921527&width=480"
7967                    data-variant="45952847413327"
7968                    aria-label="Show Port in Tortoise"
7969                    aria-pressed="true"
7970                    title="Tortoise"
7971                    style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/Color_Prismatic_-_Tort_Swatch_48x.jpg?v=1614769046');"></button></div>
7972          </div>
7973        </div><div class="scd-card">
7974          <a class="scd-card__link" href="/products/smooth-sailing?variant=45952854261839" aria-label="Smooth Sailing acetate readers">
7975            <div class="scd-card__media"><img class="scd-card__frame" src="//www.peepers.com/cdn/shop/files/SC108_SmoothSailing-BlondeTortoise_SC_Web.png?v=1782256206&width=480" alt="Smooth Sailing acetate readers" loading="lazy" width="480" height="480"><img class="scd-card__spot" src="//www.peepers.com/cdn/shop/files/shoreline-cd-sail-boat.png?v=12513691654651604973" alt="" aria-hidden="true">
7976            </div>
7977            <div class="scd-card__copy">
7978              <span class="scd-card__num">06</span>
7979              <span class="scd-card__name">Smooth Sailing</span>
7980            </div>
7981          </a><div class="scd-card__footer">
7982            <span class="scd-card__price">$95</span>
7983            <div class="scd-card__swatches"><button type="button"
7984                    class="scd-card__swatch"
7985                    data-img="//www.peepers.com/cdn/shop/files/SC107_SmoothSailing-Black_SC_Web.png?v=1782256214&width=480"
7986                    data-variant="45952854097999"
7987                    aria-label="Show Smooth Sailing in Black"
7988                    aria-pressed="false"
7989                    title="Black"
7990                    style="background-color:#222222;"></button><button type="button"
7991                    class="scd-card__swatch is-selected"
7992                    data-img="//www.peepers.com/cdn/shop/files/SC108_SmoothSailing-BlondeTortoise_SC_Web.png?v=1782256206&width=480"
7993                    data-variant="45952854261839"
7994                    aria-label="Show Smooth Sailing in Blonde Tortoise"
7995                    aria-pressed="true"
7996                    title="Blonde Tortoise"
7997                    style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/Color_Prismatic_-_Honey_Tort_Swatch_48x.jpg?v=1614769046');"></button></div>
7998          </div>
7999        </div><div class="scd-card">
8000          <a class="scd-card__link" href="/products/summerland?variant=43659913527375" aria-label="Summerland acetate readers">
8001            <div class="scd-card__media"><img class="scd-card__frame" src="//www.peepers.com/cdn/shop/files/3809_Summerland-Periwinkle_SC_Web.png?v=1777561237&width=480" alt="Summerland acetate readers" loading="lazy" width="480" height="480"><img class="scd-card__spot" src="//www.peepers.com/cdn/shop/files/shoreline-cd-sail-boat.png?v=12513691654651604973" alt="" aria-hidden="true">
8002            </div>
8003            <div class="scd-card__copy">
8004              <span class="scd-card__num">07</span>
8005              <span class="scd-card__name">Summerland</span>
8006            </div>
8007          </a><div class="scd-card__footer">
8008            <span class="scd-card__price">$95</span>
8009            <div class="scd-card__swatches"><button type="button"
8010                    class="scd-card__swatch is-selected"
8011                    data-img="//www.peepers.com/cdn/shop/files/3809_Summerland-Periwinkle_SC_Web.png?v=1777561237&width=480"
8012                    data-variant="43659913527375"
8013                    aria-label="Show Summerland in Periwinkle"
8014                    aria-pressed="true"
8015                    title="Periwinkle"
8016                    style="background-color:#4571ba;"></button><button type="button"
8017                    class="scd-card__swatch"
8018                    data-img="//www.peepers.com/cdn/shop/files/SC110_Summerland-TortoiseWhite_SC_Web.png?v=1782256229&width=480"
8019                    data-variant="45952860618831"
8020                    aria-label="Show Summerland in Tortoise/White"
8021                    aria-pressed="false"
8022                    title="Tortoise/White"
8023                    style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/Color_Prismatic_-_Tort_Swatch_48x.jpg?v=1614769046');"></button></div>
8024          </div>
8025        </div><div class="scd-card">
8026          <a class="scd-card__link" href="/products/montecito-charm?variant=43659912446031" aria-label="Montecito Charm acetate readers">
8027            <div class="scd-card__media"><img class="scd-card__frame" src="//www.peepers.com/cdn/shop/files/3806_MontecitoCharm-BlackPeriwinkle_SC_Web.png?v=1761682351&width=480" alt="Montecito Charm acetate readers" loading="lazy" width="480" height="480"><img class="scd-card__spot" src="//www.peepers.com/cdn/shop/files/shoreline-cd-sail-boat.png?v=12513691654651604973" alt="" aria-hidden="true">
8028            </div>
8029            <div class="scd-card__copy">
8030              <span class="scd-card__num">08</span>
8031              <span class="scd-card__name">Montecito Charm</span>
8032            </div>
8033          </a><div class="scd-card__footer">
8034            <span class="scd-card__price">$95</span>
8035            <div class="scd-card__swatches"><button type="button"
8036                    class="scd-card__swatch is-selected"
8037                    data-img="//www.peepers.com/cdn/shop/files/3806_MontecitoCharm-BlackPeriwinkle_SC_Web.png?v=1761682351&width=480"
8038                    data-variant="43659912446031"
8039                    aria-label="Show Montecito Charm in Black/Periwinkle"
8040                    aria-pressed="true"
8041                    title="Black/Periwinkle"
8042                    style="background-color:#222222;"></button></div>
8043          </div>
8044        </div></div>
8045
8046    <button class="scd-collection__arrow scd-collection__arrow--next" aria-label="Next" type="button">
8047      <svg viewBox="0 0 12 24" fill="none"><path d="M1 1l10 11L1 23" stroke="#153A47" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
8048    </button>
8049  </div>
8050</section>
8051
8052<style>
8053  .scd-collection {
8054    background: #F8F7F3;
8055    padding: 37px 0 56px;   /* top: Figma hero-band->eyebrow gap; bottom: breathing room before the video (Figma measured tight, reads cramped with the real video) */
8056    overflow: hidden;
8057  }
8058
8059  /* ---- Shared header system (eyebrow / title / rule / sub) ---- */
8060  .scd-head { text-align: center; padding: 0 24px; max-width: 720px; margin: 0 auto; }
8061  .scd-eyebrow {
8062    font-family: var(--font-acumin-pro);
8063    font-weight: 700;
8064    font-size: clamp(13px, 1.1vw, 16px);
8065    letter-spacing: 0.08em;
8066    text-transform: uppercase;
8067    color: #245F71;
8068    margin: 0 0 10px;
8069  }
8070  .scd-eyebrow--olive { color: #83824A; }
8071  .scd-title {
8072    font-family: var(--font-ivyora);
8073    font-weight: 400;
8074    font-size: clamp(34px, 6.6vw, 48px);   /* 96/2 = 48 @1440 */
8075    line-height: 1.04;
8076    color: #153A47;
8077    margin: 0;
8078  }
8079  .scd-rule { display: block; width: 118px; height: 1px; background: rgba(21,52,84,0.45); margin: 18px auto 19px; }
8080  .scd-sub {
8081    font-family: var(--font-acumin-pro);
8082    font-weight: 300;
8083    font-size: clamp(15px, 1.15vw, 16px);
8084    line-height: 1.16;                 /* tightened from 1.5 to match Figma (~18.5px @16) */
8085    color: #373A36;
8086    margin: 0 auto;
8087    max-width: 612px;                  /* wrap at "…A quiet" like Figma (was full 672 → ran to "A quiet homage") */
8088  }
8089  .scd-collection__meta {
8090    font-family: var(--font-acumin-pro);
8091    font-weight: 700;
8092    font-size: 11px;
8093    letter-spacing: 0.08em;
8094    text-transform: uppercase;
8095    color: #153A47;
8096    margin: 22px 0 0;
8097  }
8098
8099  /* ---- Carousel ---- */
8100  .scd-collection__viewport {
8101    position: relative;
8102    margin-top: 40px;
8103    display: flex;
8104    align-items: stretch;
8105    justify-content: center;
8106  }
8107  .scd-collection__track {
8108    display: flex;
8109    gap: 20px;
8110    overflow-x: auto;
8111    scroll-snap-type: x mandatory;
8112    scrollbar-width: none;
8113    -ms-overflow-style: none;
8114    contain: content;                 /* prevent page-level overflow leak */
8115    padding: 4px 90px;                /* desktop side gutters */
8116    scroll-padding-left: 90px;
8117  }
8118  .scd-collection__track::-webkit-scrollbar { display: none; }
8119
8120  .scd-card {
8121    flex: 0 0 236px;
8122    width: 236px;
8123    scroll-snap-align: start;
8124    background: #fff;
8125    border-radius: 5px;
8126    box-shadow: 0 1px 3px rgba(21,52,84,0.06);
8127    text-decoration: none;
8128    display: block;
8129    padding: 14px 11px 56px;     /* tall white card (~360 high like Figma); video butts it */
8130    position: relative;
8131    transition: box-shadow 0.35s cubic-bezier(0.16,1,0.3,1), transform 0.35s cubic-bezier(0.16,1,0.3,1);
8132  }
8133  .scd-card:hover { box-shadow: 0 14px 32px rgba(21,52,84,0.12); transform: translateY(-4px); }
8134  /* inner link wraps the media + copy (the PDP click target); swatches live outside it */
8135  .scd-card__link { display: block; color: inherit; text-decoration: none; }
8136
8137  .scd-card__media { position: relative; height: 182px; overflow: hidden; }
8138  .scd-card__frame {
8139    width: 100%; height: 100%;
8140    object-fit: contain;
8141    object-position: center center;
8142    /* Live _SC_Web.png shots carry built-in whitespace padding; zoom to match
8143       the tightly-cropped editorial sizing. Same crop across styles, safe to scale. */
8144    transform: scale(1.42);
8145    transform-origin: center 54%;
8146    mix-blend-mode: multiply;          /* drop the white studio bg into the card */
8147  }
8148  .scd-card__spot {
8149    position: absolute; top: 6px; right: 4px;
8150    width: 22px; height: auto; opacity: 0.92;
8151    transform-origin: 50% 82%;        /* pivot near the hull/waterline */
8152    will-change: transform;
8153  }
8154  /* a gentle one-time "sail" — runs once on scroll-into-view and again on hover (not a constant loop) */
8155  @keyframes scd-sail-bob {
8156    0%   { transform: rotate(0deg) translateY(0); }
8157    22%  { transform: rotate(4deg) translateY(-1.5px); }
8158    50%  { transform: rotate(-3deg) translateY(0.5px); }
8159    74%  { transform: rotate(2deg) translateY(-0.5px); }
8160    100% { transform: rotate(0deg) translateY(0); }
8161  }
8162  .scd-card.is-sailing .scd-card__spot {
8163    animation: scd-sail-bob 2.6s cubic-bezier(0.37, 0, 0.63, 1);
8164  }
8165  @media (prefers-reduced-motion: reduce) {
8166    .scd-card.is-sailing .scd-card__spot { animation: none; }
8167  }
8168
8169  .scd-card__copy { padding-left: 11px; }
8170  .scd-card__num {
8171    display: block;
8172    font-family: var(--font-ivyora);
8173    font-style: italic;
8174    font-weight: 500;
8175    font-size: 28px;
8176    letter-spacing: 0.06em;
8177    color: #6897A7;
8178    line-height: 1;
8179  }
8180  .scd-card__name {
8181    display: block;
8182    font-family: var(--font-acumin-pro);
8183    font-weight: 700;
8184    font-size: 20px;
8185    letter-spacing: 0.08em;
8186    text-transform: uppercase;
8187    color: #153A47;
8188    line-height: 1;
8189    margin-top: 14px;
8190  }
8191  /* footer row: price (left) + swatches (right) on one line — Figma */
8192  .scd-card__footer {
8193    display: flex;
8194    align-items: center;
8195    justify-content: space-between;
8196    padding-left: 11px;
8197    margin-top: 2px;
8198  }
8199  .scd-card__price {
8200    font-family: var(--font-acumin-pro);
8201    font-weight: 400;
8202    font-size: 12px;
8203    letter-spacing: 0.08em;
8204    color: #373A36;
8205    margin: 0;
8206  }
8207  .scd-card__swatches {
8208    display: flex; gap: 6px;
8209    flex-shrink: 0;
8210  }
8211  .scd-card__swatch {
8212    width: 22px; height: 22px;
8213    padding: 0; border: 0;
8214    -webkit-appearance: none; appearance: none;
8215    border-radius: 50%;
8216    background-size: cover;
8217    background-position: center;
8218    background-repeat: no-repeat;
8219    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12);
8220    cursor: pointer;
8221    transition: transform 0.18s cubic-bezier(0.16,1,0.3,1), box-shadow 0.18s ease;
8222  }
8223  .scd-card__swatch:hover { transform: scale(1.12); }
8224  .scd-card__swatch:focus-visible { outline: 2px solid #233550; outline-offset: 2px; }
8225  .scd-card__swatch.is-selected { box-shadow: 0 0 0 1.5px #233550; }
8226
8227  /* arrows */
8228  .scd-collection__arrow {
8229    position: absolute; top: 50%; transform: translateY(-50%);
8230    z-index: 2;
8231    width: 24px; height: 44px;
8232    background: none; border: none; cursor: pointer;
8233    display: flex; align-items: center; justify-content: center;
8234    transition: opacity 0.3s ease;
8235  }
8236  .scd-collection__arrow svg { width: 12px; height: 24px; }
8237  .scd-collection__arrow--prev { left: 30px; }
8238  .scd-collection__arrow--next { right: 30px; }
8239  .scd-collection__arrow:disabled { opacity: 0.25; cursor: default; }
8240
8241  /* ---- Mobile: 2-col grid (artboard 45:288) ---- */
8242  @media (max-width: 767px) {
8243    .scd-collection { padding: 48px 0 56px; }
8244    .scd-collection .scd-title { font-size: 28px; }                   /* Figma mobile title ~28px (was 34 -> too big) */
8245    .scd-collection .scd-eyebrow { margin-bottom: 10px; }
8246    .scd-collection .scd-rule { margin: 20px auto 20px; }
8247    .scd-collection .scd-sub { font-size: 12px; line-height: 1.1; max-width: 320px; }   /* Figma mobile intro: ~12px, ~310px wide so it wraps to 3 lines like Figma (was 15px/full-width -> 4 wider lines) */
8248    .scd-collection__meta { margin-top: 18px; }
8249    .scd-collection__viewport { margin-top: 28px; }
8250    .scd-collection__arrow { display: none; }
8251    .scd-collection__track {
8252      display: grid;
8253      grid-template-columns: 1fr 1fr;
8254      gap: 14px;
8255      overflow: visible;
8256      padding: 0 16px;
8257      scroll-snap-type: none;
8258      contain: none;
8259      width: 100%;
8260    }
8261    .scd-card { flex: initial; width: auto; padding-bottom: 14px; }   /* desktop bottom was 56 (butts the video) — mobile cards are compact */
8262    .scd-card__media { height: 112px; margin-bottom: -10px; }         /* -10 sucks in the whitespace baked into the frame image */
8263    .scd-card__frame { transform: scale(1.78); }                      /* zoom the glasses to the Figma fill */
8264    .scd-card__copy, .scd-card__footer { padding-left: 0; }           /* Figma indent ~10px (card padding) — copy's extra 11px pushed SMOOTH SAILING to 2 lines */
8265    .scd-card__spot { width: 16px; top: 0; right: 0; }                /* sailboat tucked flush in the corner */
8266    .scd-card__num { font-size: 24px; }
8267    .scd-card__name { font-size: 16px; margin-top: 10px; }
8268    .scd-card__swatch { width: 18px; height: 18px; }
8269  }
8270</style>
8271
8272<script>
8273  (function () {
8274    var root = document.currentScript.previousElementSibling;
8275    // walk back to the section
8276    var section = document.querySelector('.scd-collection');
8277    if (!section) return;
8278    var track = section.querySelector('.scd-collection__track');
8279    var prev = section.querySelector('.scd-collection__arrow--prev');
8280    var next = section.querySelector('.scd-collection__arrow--next');
8281    if (!track || !prev || !next) return;
8282    var step = 256; // card + gap
8283
8284    function update() {
8285      var max = track.scrollWidth - track.clientWidth - 2;
8286      prev.disabled = track.scrollLeft <= 2;
8287      next.disabled = track.scrollLeft >= max;
8288      // hide arrows entirely if nothing to scroll
8289      var noScroll = track.scrollWidth <= track.clientWidth + 4;
8290      prev.style.display = noScroll ? 'none' : '';
8291      next.style.display = noScroll ? 'none' : '';
8292    }
8293    prev.addEventListener('click', function () { track.scrollBy({ left: -step * 2, behavior: 'smooth' }); });
8294    next.addEventListener('click', function () { track.scrollBy({ left: step * 2, behavior: 'smooth' }); });
8295
8296    // Tap-to-swap: a colour swatch swaps the card's frame image + the selected ring + the
8297    // PDP deep-link variant. Swatches are <button>s outside the card link, so no navigation.
8298    track.addEventListener('click', function (e) {
8299      var sw = e.target.closest('.scd-card__swatch');
8300      if (!sw) return;
8301      var card = sw.closest('.scd-card');
8302      if (!card) return;
8303      var img = sw.getAttribute('data-img');
8304      var frame = card.querySelector('.scd-card__frame');
8305      if (img && frame && frame.getAttribute('src') !== img) frame.src = img;
8306      card.querySelectorAll('.scd-card__swatch').forEach(function (s) {
8307        var on = s === sw;
8308        s.classList.toggle('is-selected', on);
8309        s.setAttribute('aria-pressed', on ? 'true' : 'false');
8310      });
8311      var vid = sw.getAttribute('data-variant');
8312      var link = card.querySelector('.scd-card__link');
8313      if (vid && link) {
8314        link.setAttribute('href', link.getAttribute('href').split('?')[0] + '?variant=' + vid);
8315      }
8316    });
8317
8318    track.addEventListener('scroll', update, { passive: true });
8319    window.addEventListener('resize', update);
8320    update();
8321
8322    // Sailboat: gentle one-time "sail" when a card scrolls into view, re-armable on hover.
8323    var cards = track.querySelectorAll('.scd-card');
8324    function sail(card) {
8325      card.classList.remove('is-sailing');
8326      void card.offsetWidth;            // reflow → restart the animation
8327      card.classList.add('is-sailing');
8328    }
8329    cards.forEach(function (card) {
8330      card.addEventListener('mouseenter', function () { sail(card); });
8331    });
8332    if ('IntersectionObserver' in window) {
8333      var io = new IntersectionObserver(function (entries) {
8334        entries.forEach(function (en) {
8335          if (en.isIntersecting) { sail(en.target); io.unobserve(en.target); }
8336        });
8337      }, { threshold: 0.35 });
8338      cards.forEach(function (card) { io.observe(card); });
8339    }
8340  })();
8341</script>
8341
8342
8343
8344</div><div id="shopify-section-template--21156119543887__video" class="shopify-section"><section class="scd-video">
8345  <div class="scd-video__frame" data-scd-video>
8346    <video class="scd-video__el" preload="metadata" playsinline poster="//www.peepers.com/cdn/shop/files/shoreline-cd-video-poster.jpg?v=4471609938274863354">
8347      <source src="https://cdn.shopify.com/videos/c/vp/5a3fecd453294e40ba306f6004c628b7/5a3fecd453294e40ba306f6004c628b7.HD-1080p-4.8Mbps-87963642.mp4" type="video/mp4">
8348    </video>
8349    <button class="scd-video__play" type="button" aria-label="Play video">
8350      <svg viewBox="0 0 100 100" aria-hidden="true">
8351        <circle cx="50" cy="50" r="49" fill="rgba(248,247,243,0.92)"/>
8352        <path d="M40 32l28 18-28 18z" fill="#153A47"/>
8353      </svg>
8354    </button>
8355    <button class="scd-video__fs" type="button" aria-label="View fullscreen">
8356      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
8357        <path d="M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M8 21H5a2 2 0 0 1-2-2v-3M16 21h3a2 2 0 0 0 2-2v-3"/>
8358      </svg>
8359    </button>
8360    <button class="scd-video__fs-exit" type="button" aria-label="Exit fullscreen">
8361      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true">
8362        <path d="M6 6l12 12M18 6L6 18"/>
8363      </svg>
8364    </button>
8365  </div>
8366</section>
8367
8368<style>
8369  .scd-video {
8370    background: #F8F7F3;
8371    padding: 0 90px 0;
8372  }
8373  .scd-video__frame {
8374    position: relative;
8375    max-width: 2520px;
8376    margin: 0 auto;
8377    aspect-ratio: 1260 / 709;
8378    border-radius: 8px;
8379    overflow: hidden;
8380    background: #d9d6cf;
8381    cursor: pointer;
8382  }
8383  .scd-video__el {
8384    position: absolute; inset: 0;
8385    width: 100%; height: 100%;
8386    object-fit: cover;
8387  }
8388  .scd-video__play {
8389    position: absolute;
8390    top: 50%; left: 50%;
8391    transform: translate(-50%, -50%);
8392    width: clamp(72px, 12.5vw, 180px);
8393    height: clamp(72px, 12.5vw, 180px);
8394    background: none; border: none; padding: 0; cursor: pointer;
8395    transition: transform 0.35s cubic-bezier(0.16,1,0.3,1), opacity 0.35s ease;
8396  }
8397  .scd-video__play svg { width: 100%; height: 100%; display: block; filter: drop-shadow(0 6px 18px rgba(21,52,84,0.25)); }
8398  .scd-video__frame:hover .scd-video__play { transform: translate(-50%, -50%) scale(1.05); }
8399  .scd-video__frame.is-playing .scd-video__play { opacity: 0; pointer-events: none; }
8400
8401  /* Fullscreen toggle — appears once the film is playing */
8402  .scd-video__fs,
8403  .scd-video__fs-exit {
8404    position: absolute;
8405    right: 14px; bottom: 14px;
8406    width: 44px; height: 44px;
8407    display: flex; align-items: center; justify-content: center;
8408    background: rgba(21, 58, 71, 0.55);
8409    color: #F8F7F3;
8410    border: none; border-radius: 50%;
8411    padding: 10px; cursor: pointer;
8412    opacity: 0; pointer-events: none;
8413    transition: opacity 0.35s ease, background 0.3s ease;
8414    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
8415  }
8416  .scd-video__fs svg, .scd-video__fs-exit svg { width: 100%; height: 100%; display: block; }
8417  .scd-video__fs:hover, .scd-video__fs-exit:hover { background: rgba(21, 58, 71, 0.8); }
8418  .scd-video__frame.is-playing .scd-video__fs { opacity: 1; pointer-events: auto; }
8419
8420  /* In fullscreen: letterbox on black, swap the expand control for an X */
8421  .scd-video__frame.is-fs { border-radius: 0; background: #000; }
8422  .scd-video__frame.is-fs .scd-video__el { object-fit: contain; }
8423  .scd-video__frame.is-fs .scd-video__fs { opacity: 0; pointer-events: none; }
8424  .scd-video__frame.is-fs .scd-video__fs-exit {
8425    opacity: 1; pointer-events: auto;
8426    right: max(18px, env(safe-area-inset-right));
8427    top: max(18px, env(safe-area-inset-top));
8428    bottom: auto;
8429  }
8430
8431  @media (max-width: 767px) {
8432    .scd-video { padding: 0 18px; }
8433    .scd-video__frame { aspect-ratio: 759 / 428; border-radius: 6px; }
8434    .scd-video__fs, .scd-video__fs-exit { right: 10px; bottom: 10px; width: 40px; height: 40px; }
8435  }
8436</style>
8437
8438<script>
8439  (function () {
8440    var f = document.querySelector('[data-scd-video]');
8441    if (!f) return;
8442    var v = f.querySelector('video');
8443    var b = f.querySelector('.scd-video__play');
8444    var fsBtn = f.querySelector('.scd-video__fs');
8445    var fsExit = f.querySelector('.scd-video__fs-exit');
8446    /* Click-to-play WITH sound, first click. Chrome's media-engagement policy
8447       pauses an UNMUTED start (even with a gesture) on low-engagement pages, so:
8448       start playback muted (always allowed), then unmute SYNCHRONOUSLY within the
8449       same click — the unmute rides the user gesture and the play was never an
8450       "unmuted start", so it runs continuously with sound. DO NOT reorder. */
8451    function toggle() {
8452      if (v.paused) {
8453        f.classList.add('is-playing');
8454        v.muted = true;
8455        v.play().catch(function () {});
8456        v.muted = false;
8457      } else {
8458        v.pause();
8459        f.classList.remove('is-playing');
8460      }
8461    }
8462    b.addEventListener('click', function (e) { e.stopPropagation(); toggle(); });
8463    f.addEventListener('click', toggle);
8464    v.addEventListener('pause', function () { f.classList.remove('is-playing'); });
8465
8466    /* --- Fullscreen (mobile "see it closer"). Playback state is untouched:
8467       fullscreening the FRAME (not the video) keeps our custom controls and
8468       never re-triggers the autoplay policy. iPhone Safari can't fullscreen
8469       arbitrary elements, so fall back to the video's native fullscreen
8470       player there (it has its own controls + Done button). --- */
8471    function inFullscreen() {
8472      return document.fullscreenElement === f || document.webkitFullscreenElement === f;
8473    }
8474    function enterFullscreen() {
8475      if (f.requestFullscreen) {
8476        f.requestFullscreen().then(function () {
8477          /* Rotate to landscape where the OS allows it (Android). Best-effort. */
8478          if (screen.orientation && screen.orientation.lock) {
8479            screen.orientation.lock('landscape').catch(function () {});
8480          }
8481        }).catch(function () {});
8482      } else if (f.webkitRequestFullscreen) {
8483        f.webkitRequestFullscreen();
8484      } else if (v.webkitEnterFullscreen) {
8485        v.webkitEnterFullscreen(); /* iPhone: native player */
8486      }
8487    }
8488    function exitFullscreen() {
8489      if (document.exitFullscreen) document.exitFullscreen().catch(function () {});
8490      else if (document.webkitExitFullscreen) document.webkitExitFullscreen();
8491    }
8492    function syncFsClass() {
8493      f.classList.toggle('is-fs', inFullscreen());
8494      if (!inFullscreen() && screen.orientation && screen.orientation.unlock) {
8495        try { screen.orientation.unlock(); } catch (e) {}
8496      }
8497    }
8498    fsBtn.addEventListener('click', function (e) { e.stopPropagation(); enterFullscreen(); });
8499    fsExit.addEventListener('click', function (e) { e.stopPropagation(); exitFullscreen(); });
8500    document.addEventListener('fullscreenchange', syncFsClass);
8501    document.addEventListener('webkitfullscreenchange', syncFsClass);
8502  })();
8503</script>
8503
8504
8505
8506</div><div id="shopify-section-template--21156119543887__origins" class="shopify-section"><section class="scd-origins" style="--scd-wave: url('//www.peepers.com/cdn/shop/files/shoreline-cd-water-transition.jpg?v=11950506894356424368');">
8507  <div class="scd-origins__grid">
8508    <div class="scd-origins__text">
8509      <p class="scd-eyebrow scd-eyebrow--olive">The Club Origins</p>
8510      <h2 class="scd-origins__title">Where Heritage Meets Intention</h2>
8511      <span class="scd-rule scd-rule--left"></span>
8512      <div class="scd-origins__body">
8513        <p class="scd-origins__para scd-origins__para--first" data-dropcap="T">he Shoreline Collection pays homage to our heritage as a fourth-generation family business founded along the shoreline of Lake Michigan.</p>
8514        <p class="scd-origins__para">The collection draws from the textures and tones of that landscape—its sweeping dunes, shifting lights and architectural stillness—to create frames that feel both timeless and personal. Everyday essentials that honor where we've been and where we are looking ahead with intention.</p>
8515      </div>
8516    </div>
8517
8518    <div class="scd-origins__collage">
8519      <video class="scd-origins__map" autoplay loop muted playsinline preload="auto" poster="//www.peepers.com/cdn/shop/files/shoreline-cd-map-colored.png?v=8558994606777809066"
8520             aria-label="Illustrated map of Lake Michigan's South Shore — sailboats drifting gently on the water">
8521        <source src="//www.peepers.com/cdn/shop/files/shoreline-cd-map-motion-boats.mp4?v=4178363859892496966" type="video/mp4">
8522        <img src="//www.peepers.com/cdn/shop/files/shoreline-cd-map-colored.png?v=8558994606777809066" alt="Illustrated map of Lake Michigan's South Shore" loading="lazy">
8523      </video>
8524      <img class="scd-origins__pc scd-origins__pc--back" src="//www.peepers.com/cdn/shop/files/shoreline-cd-postcard-back.jpg?v=17678336246466147510" alt="" aria-hidden="true" loading="lazy">
8525      <img class="scd-origins__pc scd-origins__pc--front" src="//www.peepers.com/cdn/shop/files/shoreline-cd-postcard-2.jpg?v=12725347377880646028" alt="" aria-hidden="true" loading="lazy">
8526      <img class="scd-origins__keys" src="//www.peepers.com/cdn/shop/files/shoreline-cd-boat-keys.png?v=7229948795621208484" alt="" aria-hidden="true" loading="lazy">
8527    </div>
8528  </div>
8529
8530  <p class="scd-origins__quote">This is eyewear built to last — timeless in tone, refined in detail, and made for the everyday moments that deserve something exceptional.</p>
8531
8532  <div class="scd-origins__wave" aria-hidden="true"></div>
8533</section>
8534
8535<style>
8536  .scd-origins {
8537    position: relative;
8538    background: #F8F7F3;
8539    padding: 72px 0 0;
8540    overflow: hidden;
8541  }
8542  .scd-origins__grid {
8543    max-width: 1340px;
8544    margin: 0 auto;
8545    padding: 0 44px;
8546    display: grid;
8547    grid-template-columns: 1.132fr 1fr;   /* text + larger map column, matched to Figma @1440 */
8548    gap: 24px;
8549    align-items: start;
8550  }
8551
8552  .scd-origins__text { padding-top: 52px; }
8553  .scd-origins__title {
8554    font-family: var(--font-ivyora);
8555    font-weight: 400;
8556    font-size: clamp(30px, 3.05vw, 44px);   /* one line @1440 */
8557    line-height: 1.05;
8558    color: #153A47;
8559    margin: 26px 0 0;          /* eyebrow->title gap matched to Figma (was 14, title sat ~12px high) */
8560    white-space: nowrap;
8561  }
8562  .scd-rule { display: block; width: 124px; height: 1px; background: rgba(21,52,84,0.45); }
8563  .scd-rule--left { margin: 24px 0 22px; }
8564  .scd-origins__body { max-width: 430px; }
8565  .scd-origins__para {
8566    font-family: var(--font-acumin-pro);
8567    font-weight: 300;
8568    font-size: clamp(15px, 1.15vw, 16px);
8569    line-height: 1.19;                 /* Figma ~19px @16 (was 1.62 — far too loose) */
8570    color: #373A36;
8571    margin: 0;
8572  }
8573  .scd-origins__para + .scd-origins__para { margin-top: 1.05em; }   /* paragraph gap */
8574  .scd-origins__para--first::before {
8575    content: attr(data-dropcap);
8576    float: left;
8577    font-family: var(--font-ivyora);
8578    font-weight: 400;
8579    font-size: 44px;               /* Figma cap size (was 56 — too big) */
8580    line-height: 0.8;
8581    color: #373A36;
8582    margin: 6px 6px -12px 0;
8583  }
8584  /* Safari/WebKit renders this floated cap ~5px LOWER than Blink at identical metrics, so the
8585     "T" needs less top margin there to sit on the same baseline. There is NO single value that
8586     aligns both engines, so we nudge Safari only via `@supports (font: -apple-system-body)` — a
8587     Safari-only signal (false in Chrome/Edge/Firefox, verified), scoped to this one rule (NOT a
8588     body/UA-class hack). Note top+bottom margin sums to -6 in BOTH rules, so the float footprint
8589     (and thus text wrap) is identical across engines — only the vertical offset differs.
8590     Values matched to Figma on BrowserStack Safari (Tahoe) 2026-07-02. If Amber re-flags the T,
8591     tweak the top margin in the relevant rule (base = Chrome, @supports = Safari). */
8592  @supports (font: -apple-system-body) {
8593    .scd-origins__para--first::before { margin: 1px 6px -7px 0; }
8594  }
8595
8596  /* Collage */
8597  .scd-origins__collage {
8598    position: relative;
8599    width: 100%;
8600    aspect-ratio: 1 / 1;
8601    margin-top: -20px;
8602  }
8603  .scd-origins__map {
8604    position: absolute;
8605    top: 0; left: 0;
8606    width: 100%;
8607    height: auto;
8608  }
8609  /* postcards + boat keys positioned by center (% of the square map), matched to Figma @1440 */
8610  .scd-origins__pc {
8611    position: absolute;
8612    width: 31%;
8613    height: auto;
8614    border-radius: 3px;
8615    box-shadow: 0 8px 22px rgba(21,52,84,0.16);
8616  }
8617  .scd-origins__pc--back  { left: 92.5%; top: 66.8%; transform: translate(-50%,-50%) rotate(-7deg); }
8618  .scd-origins__pc--front { left: 86.5%; top: 77.2%; transform: translate(-50%,-50%) rotate(9deg); z-index: 2; }
8619  .scd-origins__keys {
8620    position: absolute;
8621    left: 62.5%; top: 82.2%;
8622    width: 21%;
8623    height: auto;
8624    transform: translate(-50%,-50%) rotate(-3deg);
8625    z-index: 3;
8626  }
8627
8628  /* Quote */
8629  .scd-origins__quote {
8630    position: relative;
8631    z-index: 2;
8632    max-width: 1340px;
8633    margin: 44px auto 0;       /* Figma: 44px below the map block */
8634    padding: 0 32px 0;         /* sits right above the watery wave graphic (the wave fades in from a faint gradient, so no extra bottom gap) */
8635    text-align: center;
8636    font-family: var(--font-ivyora);
8637    font-style: italic;
8638    font-weight: 300;
8639    font-size: clamp(18px, 1.667vw, 24px);   /* 24px @1440 (Figma 48px ÷ 2) */
8640    line-height: 1.35;
8641    letter-spacing: 0.01em;
8642    color: #19557C;
8643    white-space: nowrap;
8644  }
8645
8646  /* bottom wave into the navy Uniform section (asset is cream→navy, use as-is) */
8647  .scd-origins__wave {
8648    position: relative;
8649    width: 100%;
8650    height: 172px;
8651    margin-bottom: -1px;
8652    background-image: var(--scd-wave);
8653    background-size: 100% 100%;
8654    background-repeat: no-repeat;
8655  }
8656
8657  @media (max-width: 767px) {
8658    /* Figma mobile order: text -> quote -> map. Unwrap the grid so the quote
8659       (a sibling after the grid on desktop) can sit between the text and map. */
8660    .scd-origins { padding-top: 48px; display: flex; flex-direction: column; }
8661    .scd-origins__grid { display: contents; }
8662    .scd-origins__text    { order: 1; padding: 0 24px; text-align: center; padding-top: 0; max-width: none; margin: 0 auto; }
8663    .scd-origins__quote   { order: 2; }
8664    .scd-origins__collage { order: 3; max-width: 360px; margin: 22px auto 0; aspect-ratio: 1 / 1.05; }
8665    .scd-origins__wave    { order: 4; height: 92px; }
8666
8667    .scd-origins .scd-eyebrow { margin-bottom: 4px; }                   /* eyebrow closer to the title */
8668    .scd-origins__title { font-size: clamp(22px, 6.3vw, 26px); white-space: normal; margin-top: 3px; }  /* 26px @414 fits 1 line */
8669    .scd-rule--left { margin: 16px auto; }
8670    .scd-origins__body { text-align: left; margin: 0 auto; max-width: 360px; }
8671    .scd-origins__para { font-size: 12px; }                              /* Figma mobile body ~12px (was 15 -> too large) */
8672    /* 30px = exactly two 12px/1.19 lines. At 40px the float spanned into a third
8673       line and iOS Safari (26.5, iPhone 14 Pro Max) overlapped the wrap text onto
8674       the cap; 30px verified in BrowserStack (Rick, 2026-07-06). */
8675    .scd-origins__para--first::before { font-size: 30px; }
8676    .scd-origins__quote { font-size: clamp(12px, 3.3vw, 14px); margin: 30px auto 0; padding: 0 20px; white-space: normal; }   /* smaller (Figma ~2 lines) + more room above */
8677  }
8678</style>
8679
8680
8681</div><div id="shopify-section-template--21156119543887__uniform" class="shopify-section js-reinit-on-reload"><link href="https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap" rel="stylesheet">
8682
8683<section class="scd-uniform" style="--scd-wave: url('//www.peepers.com/cdn/shop/files/shoreline-cd-water-transition.jpg?v=11950506894356424368');">
8684  <header class="scd-head">
8685    <p class="scd-eyebrow scd-eyebrow--seafoam">The Uniform</p>
8686    <h2 class="scd-title scd-title--light">Built to Endure</h2>
8687    <span class="scd-rule scd-rule--light"></span>
8688    <p class="scd-uniform__intro">Shoreline is crafted from premium acetate, selected for its rich depth, durability, and refined finish. Each frame is thoughtfully constructed for balance, comfort, and lasting clarity. Substantial in hand and polished in detail, this is Peepers at its most elevated.</p>
8689    <p class="scd-uniform__kicker">Designed with Intention. Built to Endure.</p>
8690  </header>
8691
8692  <div class="scd-uniform__spec">
8693    <img class="scd-uniform__script-img" src="//www.peepers.com/cdn/shop/files/shoreline-cd-heritage-tagline.png?v=17179380958412811071" alt="Heritage Inspired. Acetate Crafted. Built to Endure." loading="lazy" width="1396" height="132">
8694    <video class="scd-uniform__video" autoplay loop muted playsinline preload="auto"
8695           aria-label="A Shoreline frame engineering drawing — 51.0 lens, 21.0 bridge, 41.6 height, 150.0±1 total — materializing into the finished acetate frame, then rotating to a three-quarter hero view">
8696      <source src="//www.peepers.com/cdn/shop/files/shoreline-cd-uniform_1.mp4?v=11532882453077393504" type="video/mp4">
8697      <img class="scd-uniform__anatomy" src="//www.peepers.com/cdn/shop/files/shoreline-cd-anatomy.png?v=12756042879933632609" alt="Anatomy of a Shoreline frame — 51.0 lens, 21.0 bridge, 41.6 height, 150.0±1 total" loading="lazy">
8698    </video>
8699  </div>
8700
8701  <div class="scd-uniform__cards">
8702    <img src="//www.peepers.com/cdn/shop/files/shoreline-cd-craft-material.jpg?v=5816747567890415178" alt="The Material — premium acetate eyewear" loading="lazy">
8703    <img src="//www.peepers.com/cdn/shop/files/shoreline-cd-craft-engineering.jpg?v=2521697626938972357" alt="The Engineering — precision eyewear construction" loading="lazy">
8704    <img src="//www.peepers.com/cdn/shop/files/shoreline-cd-craft-finish.jpg?v=8615230472809900572" alt="The Finish — precision eyewear finishing" loading="lazy">
8705  </div>
8706
8707  <p class="scd-uniform__footer">Designed in Michigan City. Built to last.</p>
8708
8709  <div class="scd-uniform__wave" aria-hidden="true"></div>
8710</section>
8711
8712<style>
8713  .scd-uniform {
8714    position: relative;
8715    background: #153A47;
8716    padding: 76px 0 0;
8717    overflow: hidden;
8718  }
8719  .scd-uniform .scd-head { max-width: 760px; }
8720  .scd-eyebrow--seafoam { color: #A9CFCF; }
8721  .scd-title--light { color: #FFFFFF; }
8722  .scd-rule--light { background: rgba(255,255,255,0.4); }
8723  .scd-uniform__intro {
8724    font-family: var(--font-acumin-pro);
8725    font-weight: 200;
8726    font-size: clamp(14px, 1.12vw, 16px);
8727    line-height: 1.5;
8728    color: rgba(255,255,255,0.92);
8729    margin: 0;
8730  }
8731  .scd-uniform__kicker {
8732    font-family: var(--font-acumin-pro);
8733    font-weight: 700;
8734    font-size: clamp(11px, 0.9vw, 13px);
8735    letter-spacing: 0.12em;
8736    text-transform: uppercase;
8737    color: #A9CFCF;
8738    text-align: center;
8739    margin: 26px 0 0;
8740  }
8741
8742  /* Cream spec card */
8743  .scd-uniform__spec {
8744    position: relative;
8745    max-width: 1019px;
8746    margin: 16px auto 0;       /* title->card gap matched to Figma (was 44; card sat ~28px low) */
8747    background: #F8F7F3;
8748    border-radius: 6px;
8749    padding: 40px 40px 30px;
8750    box-shadow: 0 24px 60px rgba(0,0,0,0.22);
8751  }
8752  .scd-uniform__script-img {
8753    display: block;
8754    width: 100%;
8755    max-width: 760px;
8756    height: auto;
8757    margin: 0 auto 6px;
8758  }
8759  .scd-uniform__video {
8760    display: block;
8761    width: 100%;
8762    max-width: 840px;
8763    aspect-ratio: 16 / 9;       /* video is composed landscape so the spec card stays wide & short, matching the Figma */
8764    height: auto;
8765    margin: 6px auto 0;
8766    mix-blend-mode: multiply;   /* the video's white studio bg melts into the cream card */
8767  }
8768  .scd-uniform__anatomy {
8769    display: block;
8770    width: 100%;
8771    max-width: 840px;
8772    height: auto;
8773    margin: 6px auto 0;
8774    mix-blend-mode: multiply;
8775  }
8776
8777  /* Blueprint cards */
8778  .scd-uniform__cards {
8779    max-width: 1019px;
8780    margin: 26px auto 0;
8781    display: grid;
8782    grid-template-columns: repeat(3, 1fr);
8783    gap: 26px;
8784  }
8785  .scd-uniform__cards img {
8786    width: 100%;
8787    aspect-ratio: 1013 / 1553;        /* uniform card height */
8788    object-fit: cover;
8789    border-radius: 6px;
8790    display: block;
8791    box-shadow: 0 14px 36px rgba(0,0,0,0.25);
8792  }
8793
8794  .scd-uniform__footer {
8795    text-align: center;
8796    font-family: var(--font-acumin-pro);
8797    font-weight: 700;
8798    font-size: clamp(10px, 0.85vw, 12px);
8799    letter-spacing: 0.1em;
8800    text-transform: uppercase;
8801    color: #FFFFFF;
8802    margin: 64px 0 0;
8803    padding-top: 28px;
8804    position: relative;
8805    z-index: 2;                       /* sits over the wave transition */
8806  }
8807  .scd-uniform__footer::before {
8808    content: '';
8809    position: absolute;
8810    top: 0; left: 50%; transform: translateX(-50%);
8811    width: 118px; height: 1px; background: rgba(255,255,255,0.4);
8812  }
8813
8814  .scd-uniform__wave {
8815    position: relative;
8816    width: 100%;
8817    height: 188px;
8818    margin: -54px 0 -1px;             /* pull up so the footer lands in the transition */
8819    background-image: var(--scd-wave);
8820    background-size: 100% 100%;
8821    background-repeat: no-repeat;
8822    transform: scaleY(-1);   /* navy(top) → cream(bottom) into Details */
8823  }
8824
8825  @media (max-width: 767px) {
8826    .scd-uniform { padding-top: 52px; }
8827    .scd-uniform__intro { font-size: 12px; line-height: 1.45; }       /* was 14px — too big */
8828    .scd-uniform__kicker { font-size: 10px; margin-top: 18px; }
8829    .scd-uniform__spec { margin-top: 24px; padding: 24px 18px 18px; border-radius: 5px; max-width: calc(100% - 36px); }
8830    .scd-uniform__cards {
8831      grid-template-columns: repeat(3, 1fr);   /* 3 posters side by side like Figma (was stacked) */
8832      gap: 10px;
8833      max-width: calc(100% - 36px);
8834    }
8835    .scd-uniform__footer { margin-top: 48px; }
8836    .scd-uniform__wave { height: 110px; margin-top: -34px; }
8837  }
8838
8839  /* Tap-to-enlarge the blueprint posters (they're detail-dense and hard to read small) */
8840  .scd-uniform__cards img { cursor: zoom-in; }
8841
8842  /* Lightbox overlay — appended to <body> so it escapes any scroll-reveal transform */
8843  .scd-pc-lightbox {
8844    position: fixed;
8845    inset: 0;
8846    z-index: 9999;
8847    display: flex;
8848    align-items: center;
8849    justify-content: center;
8850    padding: 4vw;
8851    background: rgba(13, 28, 36, 0.92);
8852    opacity: 0;
8853    transition: opacity 0.25s ease;
8854    cursor: zoom-out;
8855    -webkit-tap-highlight-color: transparent;
8856  }
8857  .scd-pc-lightbox.is-open { opacity: 1; }
8858  .scd-pc-lightbox img {
8859    max-width: 92vw;
8860    max-height: 92vh;
8861    width: auto;
8862    height: auto;
8863    border-radius: 6px;
8864    box-shadow: 0 24px 70px rgba(0,0,0,0.5);
8865    transform: scale(0.96);
8866    transition: transform 0.25s cubic-bezier(0.16,1,0.3,1);
8867  }
8868  .scd-pc-lightbox.is-open img { transform: scale(1); }
8869  .scd-pc-lightbox__close {
8870    position: absolute;
8871    top: max(14px, env(safe-area-inset-top));
8872    right: 16px;
8873    width: 40px; height: 40px;
8874    border: 0; border-radius: 50%;
8875    background: rgba(255,255,255,0.14);
8876    color: #fff; font-size: 22px; line-height: 1;
8877    cursor: pointer;
8878    display: flex; align-items: center; justify-content: center;
8879  }
8880  @media (prefers-reduced-motion: reduce) {
8881    .scd-pc-lightbox, .scd-pc-lightbox img { transition: none; }
8882  }
8883</style>
8883<script data-reinit-on-reload>
8884  (function () {
8885    var cards = document.querySelector('.scd-uniform__cards');
8886    if (!cards || cards.dataset.scdLightboxInit) return;
8887    cards.dataset.scdLightboxInit = '1';
8888    var overlay = null;
8889
8890    function close() {
8891      if (!overlay) return;
8892      var el = overlay;
8893      overlay = null;
8894      el.classList.remove('is-open');
8895      document.removeEventListener('keydown', onKey);
8896      setTimeout(function () { if (el.parentNode) el.parentNode.removeChild(el); }, 260);
8897    }
8898    function onKey(e) { if (e.key === 'Escape') close(); }
8899
8900    function open(src, alt) {
8901      if (overlay) return;
8902      overlay = document.createElement('div');
8903      overlay.className = 'scd-pc-lightbox';
8904      overlay.innerHTML =
8905        '<button type="button" class="scd-pc-lightbox__close" aria-label="Close">×</button>' +
8906        '<img src="' + src + '" alt="' + (alt || '').replace(/"/g, '&quot;') + '">';
8907      // append to <body> to escape any transformed (scroll-reveal) ancestor
8908      document.body.appendChild(overlay);
8909      overlay.addEventListener('click', close);
8910      // force reflow so the opacity/scale transition runs
8911      void overlay.offsetWidth;
8912      overlay.classList.add('is-open');
8913      document.addEventListener('keydown', onKey);
8914    }
8915
8916    cards.addEventListener('click', function (e) {
8917      var img = e.target.closest('img');
8918      if (!img) return;
8919      open(img.currentSrc || img.src, img.getAttribute('alt'));
8920    });
8921  })();
8922</script>
8922
8923
8924
8925</div><div id="shopify-section-template--21156119543887__details" class="shopify-section"><section class="scd-details" style="--scd-waves: url('//www.peepers.com/cdn/shop/files/shoreline-cd-hero-waves.jpg?v=3929152564451236640');">
8926  <header class="scd-head scd-details__head">
8927    <p class="scd-eyebrow scd-eyebrow--olive">The Shoreline Experience</p>
8928    <h2 class="scd-title scd-details__title">Details That Go Beyond The Frame</h2>
8929    <span class="scd-rule"></span>
8930    <p class="scd-sub">From first unboxing to everyday wear, Shoreline is designed to feel considered at every step. Because everyday essentials deserve something exceptional.</p>
8931  </header>
8932
8933  <div class="scd-details__grid"><img class="scd-details__lifestyle" src="//www.peepers.com/cdn/shop/files/shoreline-cd-details-lifestyle.png?v=9847670946495560282" alt="Shoreline keepsake box, case, and cloth on weathered wood" loading="lazy" width="362" height="421"><article class="scd-detail">
8934        <div class="scd-detail__frame">
8935          <video class="scd-detail__video" autoplay loop muted playsinline preload="metadata"
8936                 poster="//www.peepers.com/cdn/shop/files/shoreline-box-reveal-poster.jpg?v=8556374803349782089">
8937            <source src="//www.peepers.com/cdn/shop/files/shoreline-box-reveal.mp4?v=17396391875120161695" type="video/mp4">
8938          </video>
8939        </div>
8940        <div class="scd-detail__text">
8941          <h3 class="scd-detail__title">The Keepsake Box</h3><p class="scd-detail__body">A keepsake box illustrated with the South Shore map and wave-pattern detail.<span class="scd-detail__body-rest"> Made to keep long after the frames find their home.</span></p>
8942        </div>
8943      </article><article class="scd-detail">
8944        <div class="scd-detail__frame">
8945          <video class="scd-detail__video" autoplay loop muted playsinline preload="metadata"
8946                 poster="//www.peepers.com/cdn/shop/files/shoreline-cloth-reveal-poster.jpg?v=6982360174132679204">
8947            <source src="//www.peepers.com/cdn/shop/files/shoreline-cloth-reveal.mp4?v=1021781452362463795" type="video/mp4">
8948          </video>
8949        </div>
8950        <div class="scd-detail__text">
8951          <h3 class="scd-detail__title">The Shoreline Cloth</h3><p class="scd-detail__body">A microfiber cloth illustrated with the South Shore map.<span class="scd-detail__body-rest"> Take the shoreline with you wherever you go.</span></p>
8952        </div>
8953      </article><article class="scd-detail">
8954        <div class="scd-detail__frame">
8955          <video class="scd-detail__video" autoplay loop muted playsinline preload="metadata"
8956                 poster="//www.peepers.com/cdn/shop/files/shoreline-case-reveal-poster.jpg?v=266874026440426442">
8957            <source src="//www.peepers.com/cdn/shop/files/shoreline-case-reveal.mp4?v=7633370395099244538" type="video/mp4">
8958          </video>
8959        </div>
8960        <div class="scd-detail__text">
8961          <h3 class="scd-detail__title">The Shoreline Case</h3><p class="scd-detail__body">A faux leather protective case built for daily carry.<span class="scd-detail__body-rest"> Because the frames deserve to travel as well as they wear.</span></p>
8962        </div>
8963      </article></div>
8964</section>
8965
8966<style>
8967  .scd-details {
8968    position: relative;
8969    background: #F8F7F3;
8970    padding: 78px 0 92px;
8971    overflow: hidden;
8972  }
8973  .scd-details::before {
8974    content: '';
8975    position: absolute;
8976    inset: 0;
8977    background-image: var(--scd-waves);
8978    background-size: cover;
8979    background-position: center bottom;
8980    transform: scaleX(-1);
8981    opacity: 0.06;
8982    pointer-events: none;
8983  }
8984  .scd-details > * { position: relative; z-index: 1; }
8985
8986  /* one-line title — wider header than the shared .scd-head */
8987  .scd-details__lifestyle { display: none; }   /* mobile-only lead image */
8988  .scd-details__head { max-width: 940px; }
8989  .scd-details__title { white-space: nowrap; font-size: clamp(26px, 3.05vw, 44px); }
8990
8991  .scd-details__grid {
8992    max-width: 1180px;
8993    margin: 52px auto 0;
8994    padding: 0 32px;
8995    display: grid;
8996    grid-template-columns: repeat(3, 1fr);
8997    gap: 44px;
8998  }
8999  /* bordered card panel; image bleeds to the top edges, copy sits in the padded base */
9000  .scd-detail {
9001    background: #F8F7F3;
9002    border: 1px solid rgba(21,52,84,0.33);
9003    border-radius: 10px;
9004    overflow: hidden;
9005  }
9006  .scd-detail__frame {
9007    aspect-ratio: 356 / 300;
9008    overflow: hidden;
9009    background: #ECEAE4;
9010  }
9011  .scd-detail__text { padding: 22px 34px 30px; }
9012  .scd-detail__video {
9013    width: 100%;
9014    height: 100%;
9015    object-fit: cover;
9016    display: block;
9017  }
9018  .scd-detail__title {
9019    font-family: var(--font-acumin-pro);
9020    font-weight: 700;
9021    font-size: clamp(14px, 1.1vw, 16px);
9022    letter-spacing: 0.08em;
9023    text-transform: uppercase;
9024    color: #67AFBF;
9025    margin: 0 0 10px;
9026  }
9027  .scd-detail__body {
9028    font-family: var(--font-acumin-pro);
9029    font-weight: 300;
9030    font-size: clamp(14px, 1.05vw, 15px);
9031    line-height: 1.55;
9032    color: #373A36;
9033    margin: 0;
9034  }
9035
9036  @media (max-width: 767px) {
9037    .scd-details { padding: 52px 0 60px; }
9038    .scd-details__title { white-space: normal; font-size: clamp(22px, 6.3vw, 26px); }   /* was clamp(28,8vw,40) — too big */
9039    .scd-details .scd-sub { font-size: 13px; }
9039                                          /* intro slightly smaller */
9040    .scd-detail__title { font-size: 12px; margin-bottom: 6px; }                         /* card titles smaller */
9041    .scd-detail__body-rest { display: none; }                                           /* mobile shows the first sentence only (Figma) */
9042    .scd-details__grid {
9043      grid-template-columns: 1fr 1fr;   /* 2x2: lifestyle + 3 cards (was stacked) */
9044      gap: 14px;
9045      max-width: 420px;
9046      margin-top: 28px;
9047    }
9048    .scd-details__lifestyle {
9049      display: block;
9050      width: 100%;
9051      height: 100%;
9052      object-fit: cover;
9053      border-radius: 10px;
9054      border: 1px solid rgba(21,52,84,0.18);
9055    }
9056    .scd-detail__frame { aspect-ratio: 356 / 240; }
9057    .scd-detail__text { padding: 14px 14px 16px; }
9058    .scd-detail__body { max-width: none; font-size: 12px; line-height: 1.4; }
9059  }
9060</style>
9061
9062
9063</div><div id="shopify-section-template--21156119543887__shore-guide" class="shopify-section js-reinit-on-reload"><section class="scd-guide" style="--scd-wave: url('//www.peepers.com/cdn/shop/files/shoreline-cd-water-transition.jpg?v=11950506894356424368');">
9064  <header class="scd-head">
9065    <p class="scd-eyebrow scd-eyebrow--olive">The Shore Guide</p>
9066    <h2 class="scd-title">Explore the Shore</h2>
9067    <span class="scd-rule"></span>
9068    <p class="scd-sub">Each frame drawn from the stretch of Lake Michigan shoreline Peepers has called home for four generations. Explore the map to find yours.</p>
9069  </header>
9070
9071  <div class="scd-guide__stage">
9072    <div class="scd-guide__map"><img class="scd-guide__map-img is-active"
9073             data-idx="0"
9074             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-map-indiana-dunes.png?v=6588093030461728979"
9075             alt="Illustrated map of Lake Michigan's South Shore"
9076             loading="lazy" decoding="async"><img class="scd-guide__map-img"
9077             data-idx="1"
9078             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-map-beverly-shores.png?v=10182234534077228302"
9079             alt="Beverly Shores on the South Shore map"
9080             loading="lazy" decoding="async"><img class="scd-guide__map-img"
9081             data-idx="2"
9082             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-map-long-beach.png?v=4789500581813692746"
9083             alt="Long Beach on the South Shore map"
9084             loading="lazy" decoding="async"><img class="scd-guide__map-img"
9085             data-idx="3"
9086             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-map-duneland-beach.png?v=3333254259620949758"
9087             alt="Duneland Beach on the South Shore map"
9088             loading="lazy" decoding="async"><img class="scd-guide__map-img"
9089             data-idx="4"
9090             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-map-michigan-city.png?v=1882123750191402872"
9091             alt="Michigan City on the South Shore map"
9092             loading="lazy" decoding="async"><img class="scd-guide__map-img"
9093             data-idx="5"
9094             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-map-grand-beach.png?v=7926210559152766345"
9095             alt="Grand Beach on the South Shore map"
9096             loading="lazy" decoding="async"><img class="scd-guide__map-img"
9097             data-idx="6"
9098             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-map-new-buffalo.png?v=3296207928688624518"
9099             alt="New Buffalo on the South Shore map"
9100             loading="lazy" decoding="async"><img class="scd-guide__collage is-active"
9101             data-idx="0"
9102             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-collage-indiana-dunes.png?v=10312521825703328926" alt="" aria-hidden="true"
9103             loading="lazy" decoding="async"
9104             style="left: 10.9%; top: 22.2%; width: 49.2%;"><img class="scd-guide__collage"
9105             data-idx="1"
9106             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-collage-beverly-shores.png?v=16151645369904387591" alt="" aria-hidden="true"
9107             loading="lazy" decoding="async"
9108             style="left: 11.4%; top: 19.7%; width: 46.0%;"><img class="scd-guide__collage"
9109             data-idx="2"
9110             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-collage-long-beach.png?v=2879172180326473676" alt="" aria-hidden="true"
9111             loading="lazy" decoding="async"
9112             style="left: 12.9%; top: 18.7%; width: 39.2%;"><img class="scd-guide__collage"
9113             data-idx="3"
9114             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-collage-duneland-beach.png?v=3595296901203609059" alt="" aria-hidden="true"
9115             loading="lazy" decoding="async"
9116             style="left: 13.9%; top: 17.7%; width: 42.7%;"><img class="scd-guide__collage"
9117             data-idx="4"
9118             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-collage-mic
9118higan-city.png?v=13193403699745008392" alt="" aria-hidden="true"
9119             loading="lazy" decoding="async"
9120             style="left: 9.4%; top: 18.2%; width: 41.0%;"><img class="scd-guide__collage"
9121             data-idx="5"
9122             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-collage-grand-beach.png?v=16631439853484443058" alt="" aria-hidden="true"
9123             loading="lazy" decoding="async"
9124             style="left: 9.7%; top: 17.0%; width: 42.4%;"><img class="scd-guide__collage"
9125             data-idx="6"
9126             src="//www.peepers.com/cdn/shop/files/shoreline-cd-sg-collage-new-buffalo.png?v=9162074153210403958" alt="" aria-hidden="true"
9127             loading="lazy" decoding="async"
9128             style="left: 9.7%; top: 14.5%; width: 46.2%;"><button class="scd-guide__pin" type="button"
9129                data-idx="0"
9130                style="left: 6.7%; top: 79.8%;"
9131                aria-label="Indiana Dunes" aria-current="true">
9132          <span class="scd-guide__pin-dot"></span>
9133        </button><button class="scd-guide__pin" type="button"
9134                data-idx="1"
9135                style="left: 25.7%; top: 67.8%;"
9136                aria-label="Beverly Shores">
9137          <span class="scd-guide__pin-dot"></span>
9138        </button><button class="scd-guide__pin" type="button"
9139                data-idx="2"
9140                style="left: 43.1%; top: 61.2%;"
9141                aria-label="Long Beach">
9142          <span class="scd-guide__pin-dot"></span>
9143        </button><button class="scd-guide__pin" type="button"
9144                data-idx="3"
9145                style="left: 52.6%; top: 55.6%;"
9146                aria-label="Duneland Beach">
9147          <span class="scd-guide__pin-dot"></span>
9148        </button><button class="scd-guide__pin" type="button"
9149                data-idx="4"
9150                style="left: 60.7%; top: 49.8%;"
9151                aria-label="Michigan City">
9152          <span class="scd-guide__pin-dot"></span>
9153        </button><button class="scd-guide__pin" type="button"
9154                data-idx="5"
9155                style="left: 73.3%; top: 41.9%;"
9156                aria-label="Grand Beach">
9157          <span class="scd-guide__pin-dot"></span>
9158        </button><button class="scd-guide__pin" type="button"
9159                data-idx="6"
9160                style="left: 79.7%; top: 32.9%;"
9161                aria-label="New Buffalo">
9162          <span class="scd-guide__pin-dot"></span>
9163        </button></div>
9164
9165    <div class="scd-guide__panels"><article class="scd-guide__panel is-active" data-idx="0">
9166          <p class="scd-guide__loc">Indiana Dunes</p>
9167          <h3 class="scd-guide__frame">Dune</h3>
9168          <p class="scd-guide__desc">Where the sweeping sands meet the lakeshore. Where the land forgets where it ends and the lake begins.</p>
9169          <div class="scd-guide__swatches"><button type="button" class="scd-card__swatch is-selected"
9170                        data-img="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-dune.jpg?v=2368363728711866315" data-variant="45952861012047"
9171                        aria-label="Show Dune in Tan" title="Tan"
9172                        style="background-color:#ebdbba;"></button><button type="button" class="scd-card__swatch"
9173                        data-img="//www.peepers.com/cdn/shop/files/SC112_Dune-Blue_A_Web_0ebb194a-cf15-4c9d-9883-fc935d1a5547.png?v=1782256250&width=700" data-variant="45952860848207"
9174                        aria-label="Show Dune in Blue" title="Blue"
9175                        style="background-color:#488bba;"></button></div>
9176          <div class="scd-guide__photo">
9177            <img src="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-dune.jpg?v=2368363728711866315" alt="Dune acetate readers in Tan, angle view" loading="lazy">
9178          </div>
9179          <a class="scd-guide__shop" href="/products/dune">
9180            Shop Dune
9181            <svg viewBox="0 0 24 8" fill="none" aria-hidden="true"><path d="M0 4h22m0 0l-4-3m4 3l-4 3" stroke="#153A47" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
9182          </a>
9183        </article><article class="scd-guide__panel" data-idx="1">
9184          <p class="scd-guide__loc">Beverly Shores</p>
9185          <h3 class="scd-guide__frame">Smooth Sailing</h3>
9186          <p class="scd-guide__desc">Quiet beauty along the lakefront trail, tucked between the dunes and the water's edge.</p>
9187          <div class="scd-guide__swatches"><button type="button" class="scd-card__swatch is-selected"
9188                        data-img="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-smooth-sailing.jpg?v=12891383477355088361" data-variant="45952854097999"
9189                        aria-label="Show Smooth Sailing in Black" title="Black"
9190                        style="background-color:#222222;"></button><button type="button" class="scd-card__swatch"
9191                        data-img="//www.peepers.com/cdn/shop/files/SC108_SmoothSailing-BlondeTortoise_A_Web_f71f6376-f476-415f-8db1-f55f43d2ec54.png?v=1782256202&width=700" data-variant="45952854261839"
9192                        aria-label="Show Smooth Sailing in Blonde Tortoise" title="Blonde Tortoise"
9193                        style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/Color_Prismatic_-_Honey_Tort_Swatch_48x.jpg?v=1614769046');"></button></div>
9194          <div class="scd-guide__photo">
9195            <img src="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-smooth-sailing.jpg?v=12891383477355088361" alt="Smooth Sailing acetate readers in Black, angle view" loading="lazy">
9196          </div>
9197          <a class="scd-guide__shop" href="/products/smooth-sailing">
9198            Shop Smooth Sailing
9199            <svg viewBox="0 0 24 8" fill="none" aria-hidden="true"><path d="M0 4h22m0 0l-4-3m4 3l-4 3" stroke="#153A47" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
9200          </a>
9201        </article><article class="scd-guide__panel" data-idx="2">
9202          <p class="scd-guide__loc">Long Beach</p>
9203          <h3 class="scd-guide__frame">Lakefront</h3>
9204          <p class="scd-guide__desc">An endless shoreline where cottages have stood for generations. A summer haven that holds the kind of memories you keep coming back for.</p>
9205          <div class="scd-guide__swatches"><button type="button" class="scd-card__swatch is-selected"
9206                        data-img="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-lakefront.jpg?v=1590421715108425632" data-variant="45952840368207"
9207                        aria-label="Show Lakefront in Tortoise" title="Tortoise"
9208                        style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/Color_Prismatic_-_Tort_Swatch_48x.jpg?v=1614769046');"></button><button type="button" class="scd-card__swatch"
9209                        data-img="//www.peepers.com/cdn/shop/files/3808_Lakefront_BlackPeriwinkle_A_Web.png?v=1762530402&width=700" data-variant="43659909693519"
9210                        aria-label="Show Lakefront in Black/Periwinkle" title="Black/Periwinkle"
9211                        style="background-color:#222222;"></button><button type="button" class="scd-card__swatch"
9212                        data-img="//www.peepers.com/cdn/shop/files/3807_Lakefront-GrayTortoisePeriwinkle_A_Web.png?v=1774466605&width=700" data-variant="43659909857359"
9213                        aria-label="Show Lakefront in Gray Tortoise/Periwinkle" title="Gray Tortoise/Periwinkle"
9214                        style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/gray_tortoise2_48x.jpg?v=1614762454');"></button></div>
9215          <div class="scd-guide__photo">
9216            <img src="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-lakefront.jpg?v=1590421715108425632" alt="Lakefront acetate readers in Tortoise, angle view" loading="lazy">
9217          </div>
9218          <a class="scd-guide__shop" href="/products/lakefront">
9219            Shop Lakefront
9220            <svg viewBox="0 0 24 8" fill="none" aria-hidden="true"><path d="M0 4h22m0 0l-4-3m4 3l-4 3" stroke="#153A47" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
9221          </a>
9222        </article><article class="scd-guide__panel" data-idx="3">
9223          <p class="scd-guide__loc">Duneland Beach</p>
9224          <h3 class="scd-guide__frame">Summerland</h3>
9225          <p class="scd-guide__desc">Where the glow of golden light and windswept grass holds the warmth long after the sun goes down.</p>
9226          <div class="scd-guide__swatches"><button type="button" class="scd-card__swatch is-selected"
9227                        data-img="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-summerland.jpg?v=4195876569789049650" data-variant="45952860618831"
9228                        aria-label="Show Summerland in Tortoise/White" title="Tortoise/White"
9229                        style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/Color_Prismatic_-_Tort_Swatch_48x.jpg?v=1614769046');"></button><button type="button" class="scd-card__swatch"
9230                        data-img="//www.peepers.com/cdn/shop/files/3809_Summerland-Periwinkle_A_Web.png?v=1777561246&width=700" data-variant="43659913527375"
9231                        aria-label="Show Summerland in Periwinkle" title="Periwinkle"
9232                        style="background-color:#4571ba;"></button></div>
9233          <div class="scd-guide__photo">
9234            <img src="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-summerland.jpg?v=4195876569789049650" alt="Summerland acetate readers in Tortoise/White, angle view" loading="lazy">
9235          </div>
9236          <a class="scd-guide__shop" href="/products/summerland">
9237            Shop Summerland
9238            <svg viewBox="0 0 24 8" fill="none" aria-hidden="true"><path d="M0 4h22m0 0l-4-3m4 3l-4 3" stroke="#153A47" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
9239          </a>
9240        </article><article class="scd-guide__panel" data-idx="4">
9241          <p class="scd-guide__loc">Michigan City</p>
9242          <h3 class="scd-guide__frame">Mariner</h3>
9243          <p class="scd-guide__desc">Where it all began, four generations ago. Rooted in the same stretch of shoreline.</p>
9244          <div class="scd-guide__swatches"><button type="button" class="scd-card__swatch is-selected"
9245                        data-img="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-mariner.jpg?v=16946407818837666964" data-variant="45952853868623"
9246                        aria-label="Show Mariner in Teal/Tortoise" title="Teal/Tortoise"
9247                        style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/mariner-teal-tortoise-swatch_48x.png?v=1783008524');"></button></div>
9248          <div class="scd-guide__photo">
9249            <img src="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-mariner.jpg?v=16946407818837666964" alt="Mariner acetate readers in Teal/Tortoise, angle view" loading="lazy">
9250          </div>
9251          <a class="scd-guide__shop" href="/products/mariner">
9252            Shop Mariner
9253            <svg viewBox="0 0 24 8" fill="none" aria-hidden="true"><path d="M0 4h22m0 0l-4-3m4 3l-4 3" stroke="#153A47" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
9254          </a>
9255        </article><article class="scd-guide__panel" data-idx="5">
9256          <p class="scd-guide__loc">Grand Beach</p>
9257          <h3 class="scd-guide__frame">Cove</h3>
9258          <p class="scd-guide__desc">Clear water tucked into a rocky cove. Quiet and serene. Never easy to leave.</p>
9259          <div class="scd-guide__swatches"><button type="button" class="scd-card__swatch is-selected"
9260                        data-img="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-cove.jpg?v=13667385213786775518" data-variant="45952846856271"
9261                        aria-label="Show Cove in Tortoise" title="Tortoise"
9262                        style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/Color_Prismatic_-_Tort_Swatch_48x.jpg?v=1614769046');"></button><button type="button" class="scd-card__swatch"
9263                        data-img="//www.peepers.com/cdn/shop/files/SC101_Cove-GrayTortoise_A_Web_3c976a81-1faf-4e82-b85d-89f0416bc8f8.png?v=1782256147&width=700" data-variant="45952846692431"
9264                        aria-label="Show Cove in Gray Tortoise" title="Gray Tortoise"
9265                        style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/gray_tortoise2_48x.jpg?v=1614762454');"></button></div>
9266          <div class="scd-guide__photo">
9267            <img src="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-cove.jpg?v=13667385213786775518" alt="Cove acetate readers in Tortoise, angle view" loading="lazy">
9268          </div>
9269          <a class="scd-guide__shop" href="/products/cove">
9270            Shop Cove
9271            <svg viewBox="0 0 24 8" fill="none" aria-hidden="true"><path d="M0 4h22m0 0l-4-3m4 3l-4 3" stroke="#153A47" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
9272          </a>
9273        </article><article class="scd-guide__panel" data-idx="6">
9274          <p class="scd-guide__loc">New Buffalo</p>
9275          <h3 class="scd-guide__frame">Port</h3>
9276          <p class="scd-guide__desc">A harbor town where the character runs deep and every dock has a story to tell.</p>
9277          <div class="scd-guide__swatches"><button type="button" class="scd-card__swatch is-selected"
9278                        data-img="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-port.jpg?v=7979763741188382739" data-variant="45952847249487"
9279                        aria-label="Show Port in Green" title="Green"
9280                        style="background-color:#43695b;"></button><button type="button" class="scd-card__swatch"
9281                        data-img="//www.peepers.com/cdn/shop/files/SC103_Port-BlackBlue_A_Web_cc58b62a-234e-436d-80c3-92bd630cce85.png?v=1782921536&width=700" data-variant="45952847085647"
9282                        aria-label="Show Port in Black/Blue" title="Black/Blue"
9283                        style="background-color:#222222;"></button><button type="button" class="scd-card__swatch"
9284                        data-img="//www.peepers.com/cdn/shop/files/SC114_Port-Tortoise_A_Web_4fbb67de-b649-414b-af0c-46f9402f86d6.png?v=1782921527&width=700" data-variant="45952847413327"
9285                        aria-label="Show Port in Tortoise" title="Tortoise"
9286                        style="background-image:url('//cdn.shopify.com/s/files/1/0790/9597/files/Color_Prismatic_-_Tort_Swatch_48x.jpg?v=1614769046');"></button></div>
9287          <div class="scd-guide__photo">
9288            <img src="//www.peepers.com/cdn/shop/files/shoreline-cd-angle-port.jpg?v=7979763741188382739" alt="Port acetate readers in Green, angle view" loading="lazy">
9289          </div>
9290          <a class="scd-guide__shop" href="/products/port">
9291            Shop Port
9292            <svg viewBox="0 0 24 8" fill="none" aria-hidden="true"><path d="M0 4h22m0 0l-4-3m4 3l-4 3" stroke="#153A47" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
9293          </a>
9294        </article></div>
9295  </div>
9296
9297  <div class="scd-guide__wave" aria-hidden="true"></div>
9298</section>
9299
9300<style>
9301  .scd-guide {
9302    position: relative;
9303    background: #F8F7F3;
9304    padding: 72px 0 0;
9305    overflow: hidden;
9306  }
9307  .scd-guide__stage {
9308    max-width: 1240px;
9309    margin: 40px auto 0;
9310    padding: 0 48px;
9311    display: grid;
9312    grid-template-columns: 1fr 0.86fr;
9313    gap: 40px;
9314    align-items: center;
9315  }
9316
9317  /* Map + collage + pins */
9318  .scd-guide__map { position: relative; aspect-ratio: 1 / 1; }
9319  /* All 7 location maps stack; only the active one shows (it carries the highlight). */
9320  .scd-guide__map-img {
9321    position: absolute;
9322    inset: 0;
9323    width: 100%;
9324    height: 100%;
9325    object-fit: contain;
9326    display: block;
9327    opacity: 0;
9328    transition: opacity 0.5s cubic-bezier(0.16,1,0.3,1);
9329  }
9330  .scd-guide__map-img.is-active { opacity: 1; }
9331  @media (prefers-reduced-motion: reduce) {
9332    .scd-guide__map-img { transition: none; }
9333  }
9334  /* Per-location postcard / prop collage — one img per town, only the active one shown.
9335     Placement (%) is baked per-location into the inline style, anch
9335ored to the map's open corner. */
9336  .scd-guide__collage {
9337    position: absolute;
9338    height: auto;
9339    z-index: 2;
9340    opacity: 0;
9341    visibility: hidden;
9342    pointer-events: none;
9343    transition: opacity 0.5s cubic-bezier(0.16,1,0.3,1);
9344    /* gentle drop shadow on the postcards reads as paper resting on the map */
9345    filter: drop-shadow(0 10px 22px rgba(21,52,84,0.18));
9346  }
9347  .scd-guide__collage.is-active { opacity: 1; visibility: visible; }
9348  @media (prefers-reduced-motion: reduce) {
9349    .scd-guide__collage { transition: none; }
9350  }
9351
9352  .scd-guide__pin {
9353    position: absolute;
9354    transform: translate(-50%, -50%);
9355    background: none; border: none; cursor: pointer; padding: 9px;
9356    z-index: 4;
9357    display: flex; flex-direction: column; align-items: center; gap: 4px;
9358  }
9359  /* Pins are tap targets over the map's baked dots. The ACTIVE town is shown by the
9360     map render itself (olive/terracotta highlight), so the active pin carries no
9361     overlay; inactive pins get a faint halo + hover so they read as tappable. */
9362  .scd-guide__pin-dot {
9363    position: relative;
9364    width: 13px; height: 13px; border-radius: 50%;
9365    background: transparent;
9366    box-shadow: 0 0 0 4px rgba(36,95,113,0.10);
9367    transition: transform 0.3s cubic-bezier(0.16,1,0.3,1), background-color 0.3s ease, box-shadow 0.3s ease;
9368  }
9369  .scd-guide__pin:not([aria-current="true"]):hover .scd-guide__pin-dot {
9370    background: rgba(36,95,113,0.45);
9371    box-shadow: 0 0 0 7px rgba(36,95,113,0.16);
9372    transform: scale(1.25);
9373  }
9374  .scd-guide__pin[aria-current="true"] .scd-guide__pin-dot {
9375    background: transparent;
9376    box-shadow: none;
9377  }
9378
9379  /* Product panels */
9380  .scd-guide__panels { position: relative; }
9381  .scd-guide__panel { display: none; }
9382  .scd-guide__panel.is-active { display: block; }
9383  /* The product photo uses mix-blend-mode:multiply to drop its white studio bg onto the cream
9384     card. mix-blend breaks (flashing the white bg) whenever an ANCESTOR has a transform OR
9385     opacity — including the transient ones an entrance animation applies. So we never animate
9386     the panel itself; we animate its text children (siblings of the photo) instead. The photo
9387     has no transformed ancestor, so its blend stays intact through the swap. */
9388  .scd-guide__panel.is-active > * { animation: scd-rise 0.5s cubic-bezier(0.16,1,0.3,1); }
9389  .scd-guide__panel.is-active > .scd-guide__photo { animation: none; }
9390  @keyframes scd-rise { from { transform: translateY(10px); } to { transform: none; } }
9391
9392  .scd-guide__loc {
9393    font-family: var(--font-acumin-pro); font-weight: 700;
9394    font-size: clamp(13px, 1vw, 15px); letter-spacing: 0.08em; text-transform: uppercase;
9395    color: #83824A; margin: 0 0 6px;
9396  }
9397  .scd-guide__frame {
9398    font-family: var(--font-ivyora); font-weight: 400;
9399    font-size: clamp(38px, 4.4vw, 58px); line-height: 1; color: #153A47; margin: 0;
9400  }
9401  .scd-guide__desc {
9402    font-family: var(--font-acumin-pro); font-weight: 300;
9403    font-size: clamp(15px, 1.15vw, 16px); line-height: 1.55; color: #454545;
9404    margin: 20px 0 0; max-width: 360px;
9405  }
9406  .scd-guide__swatches { display: flex; gap: 7px; margin-top: 22px; }
9407  .scd-card__swatch {
9408    width: 24px; height: 24px;
9409    padding: 0; border: 0; -webkit-appearance: none; appearance: none;
9410    border-radius: 50%;
9411    background-size: cover; background-position: center; background-repeat: no-repeat;
9412    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.12);
9413    cursor: pointer;
9414    transition: transform 0.18s cubic-bezier(0.16,1,0.3,1);
9415  }
9416  .scd-card__swatch:hover { transform: scale(1.12); }
9417  .scd-card__swatch:focus-visible { outline: 2px solid #233550; outline-offset: 2px; }
9418  .scd-card__swatch.is-selected { box-shadow: 0 0 0 1.5px #233550; }
9419  .scd-guide__photo {
9420    margin: 22px 0 4px;
9421    aspect-ratio: 900 / 620;
9422    max-width: 400px;
9423  }
9424  .scd-guide__photo img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
9425  .scd-guide__shop {
9426    display: inline-flex; align-items: center; gap: 10px;
9427    font-family: var(--font-acumin-pro); font-weight: 700;
9428    font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase;
9429    color: #153A47; text-decoration: none;
9430    border-bottom: 1px solid rgba(21,52,84,0.4); padding-bottom: 6px;
9431    transition: gap 0.3s cubic-bezier(0.16,1,0.3,1);
9432  }
9433  .scd-guide__shop svg { width: 22px; }
9434  .scd-guide__shop:hover { gap: 16px; }
9435
9436  .scd-guide__wave {
9437    position: relative; width: 100%; height: 172px; margin: 56px 0 -1px;
9438    background-image: var(--scd-wave); background-size: 100% 100%; background-repeat: no-repeat;
9439  }
9440
9441  @media (max-width: 767px) {
9442    .scd-guide { padding-top: 48px; }
9443    .scd-guide__stage { grid-template-columns: 1fr; gap: 24px; padding: 0 20px; margin-top: 30px; }
9444    .scd-guide__pin-dot { width: 12px; height: 12px; }
9445    .scd-guide .scd-sub { font-size: 13px; }                    /* "Each frame drawn..." was slightly too big */
9446    .scd-guide__panels { text-align: left; }                    /* product info left-aligned (Figma) */
9447    .scd-guide__desc { margin-left: 0; margin-right: 0; }
9448    .scd-guide__swatches { justify-content: flex-start; }
9449    .scd-guide__photo { margin-left: auto; margin-right: auto; }  /* glasses image stays centered */
9450    .scd-guide__frame { font-size: clamp(34px, 9vw, 46px); }
9451    .scd-guide__wave { height: 92px; margin-top: 40px; }
9452  }
9453</style>
9453<script data-reinit-on-reload>
9454  (function () {
9455    var section = document.querySelector('.scd-guide');
9456    if (!section || section.dataset.scdGuideInit) return;
9457    section.dataset.scdGuideInit = '1';
9458    var pins = section.querySelectorAll('.scd-guide__pin');
9459    var panels = section.querySelectorAll('.scd-guide__panel');
9460    var collages = section.querySelectorAll('.scd-guide__collage');
9461    var maps = section.querySelectorAll('.scd-guide__map-img');
9462    function activate(idx) {
9463      pins.forEach(function (p) { p.setAttribute('aria-current', p.dataset.idx === idx ? 'true' : 'false'); });
9464      panels.forEach(function (p) { p.classList.toggle('is-active', p.dataset.idx === idx); });
9465      collages.forEach(function (p) { p.classList.toggle('is-active', p.dataset.idx === idx); });
9466      maps.forEach(function (p) { p.classList.toggle('is-active', p.dataset.idx === idx); });
9467    }
9468    pins.forEach(function (p) {
9469      p.addEventListener('click', function () { activate(p.dataset.idx); });
9470    });
9471
9472    // Tap a colourway swatch: swap the panel's photo + ring + the Shop link's variant.
9473    section.addEventListener('click', function (e) {
9474      var sw = e.target.closest('.scd-guide__swatches .scd-card__swatch');
9475      if (!sw) return;
9476      var panel = sw.closest('.scd-guide__panel');
9477      if (!panel) return;
9478      var img = panel.querySelector('.scd-guide__photo img');
9479      var di = sw.getAttribute('data-img');
9480      if (di && img && img.getAttribute('src') !== di) img.src = di;
9481      panel.querySelectorAll('.scd-card__swatch').forEach(function (s) { s.classList.toggle('is-selected', s === sw); });
9482      var vid = sw.getAttribute('data-variant');
9483      var shop = panel.querySelector('.scd-guide__shop');
9484      if (vid && shop) shop.setAttribute('href', shop.getAttribute('href').split('?')[0] + '?variant=' + vid);
9485    });
9486  })();
9487</script>
9487
9488
9489
9490</div><div id="shopify-section-template--21156119543887__conditions" class="shopify-section js-reinit-on-reload"><section class="scd-conditions">
9491  <header class="scd-conditions__head">
9492    <p class="scd-eyebrow scd-eyebrow--seafoam">The Shore Conditions</p>
9493    <span class="scd-rule scd-rule--light"></span>
9494  </header>
9495
9496  <div class="scd-conditions__panel">
9497    <div id="shoreline-tide-board-template--21156119543887__conditions" data-app-section="shoreline-tide-board">
9498      
9498<script type="application/json" data-props>
9499        {
9500          "sectionId": "template--21156119543887__conditions",
9501          "demoTimeOfDay": "day"
9502        }
9503      </script>
9503
9504      <noscript>
9505        <div class="scd-conditions__fallback">
9506          <p class="scd-conditions__fallback-eyebrow">Shore Conditions</p>
9507          <div class="scd-conditions__fallback-row">
9508            <div><span class="v">65&deg;</span><span class="l">Lake Surface</span></div>
9509            <div><span class="v">8 kts</span><span class="l">Wind</span></div>
9510            <div><span class="v">8:47pm</span><span class="l">Sunset</span></div>
9511          </div>
9512          <p class="scd-conditions__fallback-quote">A steady breeze along the shore. Good sailing weather.</p>
9513        </div>
9514      </noscript>
9515    </div>
9516  </div>
9517</section>
9518
9519<script type="module" src="//www.peepers.com/cdn/shop/t/809/assets/section-shoreline-all.min.js?v=138955120988888898041789664772"></script>
9519<script data-reinit-on-reload>
9520  (function () {
9521    var app = document.getElementById('shoreline-tide-board-template--21156119543887__conditions');
9522    if (!app || app.dataset.scdWatchdog) return;
9523    app.dataset.scdWatchdog = '1';
9524    var bundleUrl = "\/\/www.peepers.com\/cdn\/shop\/t\/809\/assets\/section-shoreline-all.min.js?v=138955120988888898041789664772";
9525    // Before React mounts, the container holds only the data-props JSON script
9526    // (+ noscript). React's render removes it — its absence means we mounted.
9527    var mounted = function () { return !app.querySelector('script[data-props]'); };
9528
9529    setTimeout(function () {
9530      if (mounted()) return;
9531      var retry = document.createElement('script');
9532      retry.type = 'module';
9533      retry.src = bundleUrl + (bundleUrl.indexOf('?') > -1 ? '&' : '?') + 'r=' + Date.now();
9534      document.head.appendChild(retry);
9535
9536      setTimeout(function () {
9537        if (mounted()) return;
9538        var fallback = document.createElement('div');
9539        fallback.className = 'scd-conditions__fallback';
9540        fallback.innerHTML =
9541          '<p class="scd-conditions__fallback-eyebrow">Shore Conditions</p>' +
9542          '<div class="scd-conditions__fallback-row">' +
9543            '<div><span class="v">65&deg;</span><span class="l">Lake Surface</span></div>' +
9544            '<div><span class="v">8 kts</span><span class="l">Wind</span></div>' +
9545            '<div><span class="v">8:47pm</span><span class="l">Sunset</span></div>' +
9546          '</div>' +
9547          '<p class="scd-conditions__fallback-quote">A steady breeze along the shore. Good sailing weather.</p>';
9548        app.appendChild(fallback);
9549      }, 9000);
9550    }, 9000);
9551  })();
9552</script>
9552<script data-reinit-on-reload>
9553  (function () {
9554    // The tide-board React app colors its gauges for the time of day (dark text
9555    // for day/morning/golden, light text for night). Keep the panel legible by
9556    // flipping it dark at night so the light gauges read.
9557    var section = document.getElementById('shopify-section-template--21156119543887__conditions') ||
9558                  document.currentScript.closest('.shopify-section');
9559    if (!section) return;
9560    var panel = section.querySelector('.scd-conditions__panel');
9561    if (!panel || panel.dataset.scdPanelInit) return;
9562    panel.dataset.scdPanelInit = '1';
9563    // Only adapt when the gauges follow live time-of-day. With a fixed demo mode
9564    // (e.g. "day"), the component always renders dark-on-light, so the pale panel
9565    // is correct — don't darken it.
9566    var demo = "day";
9567    if (demo && demo !== 'auto') return;
9568    window.addEventListener('shoreline:conditions-loaded', function (e) {
9569      var tod = e && e.detail && e.detail.timeOfDay;
9570      if (tod === 'night') {
9571        panel.style.background = 'rgba(12, 35, 64, 0.45)';
9572        panel.style.borderColor = 'rgba(169, 207, 207, 0.28)';
9573      } else {
9574        panel.style.background = 'rgba(244, 242, 236, 0.94)';
9575        panel.style.borderColor = 'rgba(169, 207, 207, 0.35)';
9576      }
9577    });
9578  })();
9579</script>
9579
9580
9581<style>
9582  .scd-conditions {
9583    background: #163A48;
9584    padding: 70px 24px 86px;
9585    text-align: center;
9586  }
9587  .scd-conditions__head { margin-bottom: 36px; }
9588  .scd-conditions__panel {
9589    max-width: 1150px;
9590    margin: 0 auto;
9591    background: rgba(244,242,236,0.94);
9592    border: 1px solid rgba(169,207,207,0.35);
9593    border-radius: 10px;
9594    padding: 26px 24px;
9595    box-shadow: 0 24px 60px rgba(0,0,0,0.28);
9596  }
9597  /* fallback styling */
9598  .scd-conditions__fallback { padding: 24px 0; color: #0C2340; }
9599  .scd-conditions__fallback-eyebrow {
9600    font-family: var(--font-acumin-pro); font-weight: 700;
9601    text-transform: uppercase; letter-spacing: 0.3em; font-size: 11px;
9602    color: rgba(12,35,64,0.45); margin: 0 0 18px;
9603  }
9604  .scd-conditions__fallback-row { display: flex; justify-content: center; gap: 48px; }
9605  .scd-conditions__fallback-row .v { display: block; font-family: var(--font-ivyora); font-size: 26px; color: #0C2340; }
9606  .scd-conditions__fallback-row .l { display: block; font-family: var(--font-acumin-pro); font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; font-size: 9px; color: rgba(12,35,64,0.5); margin-top: 4px; }
9607  .scd-conditions__fallback-quote { font-family: var(--font-ivyora); font-style: italic; color: rgba(12,35,64,0.55); margin-top: 22px; }
9608
9609  @media (max-width: 767px) {
9610    .scd-conditions { padding: 52px 16px 60px; }
9611    .scd-conditions__panel { padding: 18px 14px; }
9612    .scd-conditions__fallback-row { gap: 22px; }
9613  }
9614</style>
9615
9616
9617</div><div id="shopify-section-template--21156119543887__member-card" class="shopify-section js-reinit-on-reload"><section class="scd-member-card" id="scd-member-card" style="--scd-wave: url('//www.peepers.com/cdn/shop/files/shoreline-cd-water-transition.jpg?v=11950506894356424368');">
9618  <div class="scd-member-card__wave scd-member-card__wave--top" aria-hidden="true"></div>
9619  <div class="scd-member-card__wave scd-member-card__wave--bottom" aria-hidden="true"></div>
9620
9621  <div class="scd-member-card__inner">
9622    <div data-scd-mc-header>
9623      <p class="scd-eyebrow scd-eyebrow--olive">Members Only</p>
9624      <h2 class="scd-title">Join the Summer Club</h2>
9625      <span class="scd-rule"></span>
9626      <p class="scd-member-card__sub">Every member gets a personalized club card. Enter your name to claim yours — engraved, downloadable, yours to keep.</p>
9627    </div>
9628
9629    <div class="scd-member-card__app">
9630      <div
9631        data-app-section="shoreline-cd-member-card"
9632        id="shoreline-cd-member-card-app-template--21156119543887__member-card"
9633      >
9634        
9634<script id="shoreline-cd-member-card-props-template--21156119543887__member-card" data-props type="application/json">
9635          { "sectionId": "template--21156119543887__member-card" }
9636        </script>
9636<div data-scd-mc-loading style="text-align:center; padding:32px 0;">
9637          <span style="display:inline-block; width:30px; height:30px; border:1px solid rgba(21,58,71,0.2); border-top-color:#153A47; border-radius:50%; animation: scd-mc-spin 1.2s linear infinite;"></span>
9638        </div>
9639      </div>
9640    </div>
9641  </div>
9642</section>
9643
9644<script type="module" src="//www.peepers.com/cdn/shop/t/809/assets/section-shoreline-all.min.js?v=138955120988888898041789664772"></script>
9644<script data-reinit-on-reload>
9645  (function () {
9646    var app = document.getElementById('shoreline-cd-member-card-app-template--21156119543887__member-card');
9647    if (!app || app.dataset.scdWatchdog) return;
9648    app.dataset.scdWatchdog = '1';
9649    var bundleUrl = "\/\/www.peepers.com\/cdn\/shop\/t\/809\/assets\/section-shoreline-all.min.js?v=138955120988888898041789664772";
9650    var mounted = function () { return !app.querySelector('[data-scd-mc-loading]'); };
9651
9652    setTimeout(function () {
9653      if (mounted()) return;
9654      // Attempt one silent recovery: re-inject the bundle. A fresh URL bypasses
9655      // the browser's module map + any poisoned cache entry from a failed load.
9656      var retry = document.createElement('script');
9657      retry.type = 'module';
9658      retry.src = bundleUrl + (bundleUrl.indexOf('?') > -1 ? '&' : '?') + 'r=' + Date.now();
9659      document.head.appendChild(retry);
9660
9661      setTimeout(function () {
9662        if (mounted()) return;
9663        var loader = app.querySelector('[data-scd-mc-loading]');
9664        if (!loader) return;
9665        loader.innerHTML =
9666          '<p style="font-family: var(--font-ivyora), Georgia, serif; font-style: italic; font-size: 16px; color: rgba(21,58,71,0.7); margin: 0 0 14px;">The clubhouse ledger isn&rsquo;t responding.</p>' +
9667          '<button type="button" style="font-family: var(--font-acumin-pro), sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; background: #153A47; color: #F8F7F3; border: none; border-radius: 50px; padding: 12px 24px; cursor: pointer;" onclick="window.location.reload()">Try Again</button>';
9668      }, 9000);
9669    }, 9000);
9670  })();
9671</script>
9671
9672
9673<style>
9674  .scd-member-card {
9675    position: relative;
9676    background: #F8F7F3;
9677    overflow: hidden;
9678    padding: 150px 24px 168px;
9679    text-align: center;
9680  }
9681  .scd-member-card__wave {
9682    position: absolute; left: 0; width: 100%; height: 172px;
9683    background-image: var(--scd-wave);
9684    background-size: 100% 100%; background-repeat: no-repeat;
9685    pointer-events: none; z-index: 0;
9686  }
9687  .scd-member-card__wave--top    { top: -1px;    transform: scaleY(-1); }
9688  .scd-member-card__wave--bottom { bottom: -1px; }
9689
9690  .scd-member-card__inner { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; }
9691  .scd-member-card__sub {
9692    font-family: var(--font-acumin-pro); font-weight: 300;
9693    font-size: clamp(13px, 1vw, 14px); line-height: 1.5; color: #373A36;
9694    margin: 0 auto 8px; max-width: 520px;
9695  }
9696  .scd-member-card__app { margin-top: 38px; }
9697
9698  @keyframes scd-mc-spin { to { transform: rotate(360deg); } }
9699
9700  @media (max-width: 767px) {
9701    .scd-member-card { padding: 116px 20px 128px; }
9702    .scd-member-card__wave { height: 120px; }
9703    .scd-member-card__app { margin-top: 30px; }
9704  }
9705</style>
9706
9707
9708</div><section id="shopify-section-template--21156119543887__new-arrivals" class="shopify-section shoreline-cd-new-arrivals-section"><style>
9709  #shopify-section-template--21156119543887__new-arrivals {
9710    --na-accent: #9EB0CF;
9711    --na-sub: #A9CFCF;
9712    --na-card: #ffffff;
9713    --na-ink: #F0E7D3;
9714  }
9715
9716  .scd-na {
9717    background: #153A47;
9718    padding: clamp(22px, 2.1vw, 32px) 0 clamp(40px, 4.4vw, 68px);
9719    /* thin white rule separating the shoreline-blue shelf from the newsletter-blue block below */
9720    border-bottom: 1px solid #ffffff;
9721  }
9722  .scd-na__inner { position: relative; max-width: 1480px; margin: 0 auto; padding: 0 clamp(18px, 5.25vw, 100px); }
9723
9724  .scd-na__head { margin: 0 0 clamp(18px, 1.8vw, 28px); }
9725  .scd-na__title {
9726    display: block; text-decoration: none;
9727    font-family: var(--font-ivyora); font-weight: 400; color: var(--na-accent);
9728    font-size: clamp(18px, 1.5vw, 22px); line-height: 1.05; letter-spacing: 0.01em;
9729    text-align: left; margin: 0;
9730  }
9731  .scd-na__sub {
9732    font-family: var(--font-acumin-pro); font-weight: 300;
9733    font-size: clamp(13px, 1.05vw, 15px); line-height: 1.45; color: var(--na-sub);
9734    margin: 8px 0 0; max-width: 46ch;
9735  }
9736
9737  /* ===== shared card styling (scoped) — borrowed from the fa26 shelf ===== */
9738  .scd-na__grid { --collection-background-color: #153A47; }
9739  .scd-na__grid .Component__ProductThumbnail {
9740    background: var(--na-card); border-radius: 14px;
9741    padding: clamp(10px, 2.4vw, 16px) clamp(8px, 2vw, 14px) clamp(14px, 3.4vw, 20px);
9742    width: calc(100% - clamp(10px, 2.4vw, 16px)); box-sizing: border-box;
9743    margin-left: auto; margin-right: auto; white-space: normal;
9744  }
9745  .scd-na__grid .Component__ProductThumbnail * { min-width: 0; }
9746  .scd-na__grid ul > li { display: block; }
9747  .scd-na__grid .Component__ProductThumbnailImageLinkWrapper {
9748    background: transparent; border-radius: 0; overflow: hidden;
9749    display: flex; align-items: center; justify-content: center; margin-bottom: 0;
9750    aspect-ratio: 1 / 1; width: 100%;
9751  }
9752  .scd-na__grid .Component__ProductThumbnailImageLinkWrapper > a { height: 100%; width: 100%; }
9753  .scd-na__grid .Component__ProductThumbnailImageLinkWrapper img { width: 100%; height: 100%; object-fit: contain; }
9754
9755  .scd-na__grid .Component__ProductThumbnail .font-secondary { margin-top: -14%; position: relative; z-index: 2; }
9756  .scd-na__grid .Component__ProductThumbnail .font-secondary span[class*='text-'] { font-size: 20px; font-weight: 400; }
9757  .scd-na__grid .Component__ProductThumbnail .text-sm { font-size: 12px; letter-spacing: 0.05em; }
9758  .scd-na__grid .Component__ProductThumbnail .flex.justify-between.items-baseline {
9759    flex-direction: column; align-items: center; gap: 2px;
9760  }
9761  .scd-na__grid .Component__ProductThumbnail .flex.justify-between.items-baseline > .ml-3 { margin-left: 0; }
9762
9763  .scd-na__empty { font-family: var(--font-acumin-pro); color: rgba(240,231,211,0.6); }
9764
9765  .scd-na__grid ul > li > div { margin-bottom: 0; }
9766  .scd-na__grid .ScrollContainer__width-overflow-controller { padding-bottom: clamp(6px, 0.8vw, 14px); }
9767
9768  /* ===== desktop paging chevrons in the side gutters ===== */
9769  .scd-na__arrow { display: none; }
9770  @media (min-width: 768px) {
9771    .scd-na__grid .Component__ProductThumbnail {
9772      border-radius: 5px;
9773      padding: clamp(12px, 1.2vw, 20px) clamp(10px, 1vw, 16px) clamp(16px, 1.6vw, 24px);
9774    }
9775    .scd-na__arrow {
9776      display: flex; align-items: center; justify-content: center;
9777      position: absolute; top: 56%; transform: translateY(-50%);
9778      width: 44px; height: 64px; padding: 0; border: 0; background: transparent; cursor: pointer;
9779      color: var(--na-ink); opacity: 0.8; transition: opacity .2s ease; z-index: 2;
9780    }
9781    .scd-na__arrow:hover { opacity: 1; }
9782    .scd-na__arrow svg { width: clamp(10px, 0.972vw, 15px); height: auto; display: block; }
9783    .scd-na__arrow--prev { left: clamp(2px, 1vw, 22px); }
9784    .scd-na__arrow--next { right: clamp(2px, 1vw, 22px); }
9785  }
9786
9787  /* ===== mobile: single-row swipe shelf, heading stays visible ===== */
9788  @media (max-width: 767px) {
9789    .scd-na__grid .Component__ProductThumbnailImageLinkWrapper { width: 92%; margin-left: auto; margin-right: auto; }
9790    .scd-na__grid .Component__ProductThumbnail .font-secondary { margin-top: -18%; }
9791  }
9792</style>
9793
9794<section class="scd-na" id="scd-new-arrivals">
9795  <div class="scd-na__inner">
9796    <div class="scd-na__head"><h2 class="scd-na__title">New Arrivals</h2></div><button class="scd-na__arrow scd-na__arrow--prev" type="button" aria-label="Previous products" data-scd-na-arrow="prev">
9797        <svg viewBox="0 0 30 57" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.4 56.7L1.4 28.7L29.4 0.7" stroke="currentColor" stroke-width="2"/></svg>
9798      </button>
9799      <button class="scd-na__arrow scd-na__arrow--next" type="button" aria-label="Next products" data-scd-na-arrow="next">
9800        <svg viewBox="0 0 30 57" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.7 0.7L28.7 28.7L0.7 56.7" stroke="currentColor" stroke-width="2"/></svg>
9801      </button>
9802
9803      <div
9804        class="scd-na__grid"
9805        data-app-section="headless-filterable-results-listing"
9806        data-source-type="product_list"
9807        data-block-id="scd-na-template--21156119543887__new-arrivals"
9808        id="headless-filterable-results-listing-app-scd-na-template--21156119543887__new-arrivals"
9809      >
9810        
9810<script data-props type="application/json">
9811          {
9812            "sectionId": "template--21156119543887__new-arrivals",
9813            "blockId": "scd-na-template--21156119543887__new-arrivals",
9814            "template": "page-shoreline-cd",
9815            "gridName": "shoreline-cd-new-arrivals",
9816            "request": {
9817              "pageType": "page",
9818              "path": "\/pages\/shoreline"
9819            },
9820            "parentCollection": false,
9821            "lifestyleViews": [],
9822            "quickFilters": null,
9823            "handles": ["jo","kent","to-the-max-blue-light","filly","penn","ridge","tripp","boone","buzzworthy","bernadette","to-the-maximalist","penn-progressive"],
9824            "productTypeFilter": false,
9825            "preselectedSwatches": [],
9826            "catalogKitConfig": {"version":1,"sourceConfigKey":"config_shoreline_band_preview","grid":{"mode":"swatches","order":[{"handle":"jo","color":"Slate Metallic"},{"handle":"kent","color":"Slate"},{"handle":"to-the-max-blue-light","color":"Slate"},{"handle":"filly","color":"Mocha Tortoise"},{"handle":"penn","color":"Blue\/Navy"},{"handle":"ridge","color":"Brown"},{"handle":"tripp","color":"Butterscotch"},{"handle":"boone","color":"Black\/Fog"},{"handle":"buzzworthy","color":"Turquoise Quartz"},{"handle":"bernadette","color":"Teal"},{"handle":"to-the-maximalist","color":"Coffee\/Clear Glitter"},{"handle":"penn-progressive","color":"Blue\/Navy"},{"handle":"thorne","color":"Golden Ombre"},{"handle":"latte","color":"Black\/Fire Tortoise"},{"handle":"cavern","color":"Fog"},{"handle":"zoey","color":"Chai Tortoise\/Pink"},{"handle":"cleo","color":"Brown Ombre Horn"},{"handle":"lenora","color":"Butterscotch\/Mocha Tortoise"},{"handle":"buffy-progressive","color":"Tortoise\/Green"},{"handle":"sunday-scaries","color":"Rose"},{"handle":"kitt","color":"Light Yellow"},{"handle":"rally-progressive","color":"Purple\/Blue"},{"handle":"curtsy","color":"Blonde Tortoise"},{"handle":"sandy","color":"Fog\/Tortoise"},{"handle":"deep-dive","color":"Mocha Tortoise"},{"handle":"buffy","color":"Cherry\/Pink"},{"handle":"harbor","color":"Green\/Tortoise"},{"handle":"fable","color":"Midnight Tortoise"},{"handle":"airplane-mode","color":"Golden Ombre"},{"handle":"rally","color":"Navy\/Yellow"},{"handle":"woods","color":"Brown Ombre Horn"},{"handle":"venue","color":"Black\/Tan"},{"handle":"aubrey","color":"Tortoise\/White"},{"handle":"tee-time","color":"Butterscotch"},{"handle":"rookie","color":"Mocha Tortoise"}],"defaultColors":{"to-the-max-blue-light":"Slate","buzzworthy":"Turquoise Quartz","bernadette":"Teal","to-the-maximalist":"Coffee\/Clear Glitter","thorne":"Golden Ombre","latte":"Black\/Fire Tortoise","cavern":"Blue Ombre Horn","zoey":"Chai Tortoise\/Pink","cleo":"Brown Ombre Horn","lenora":"Butterscotch\/Mocha Tortoise","buffy-progressive":"Tortoise\/Green","sunday-scaries":"Rose","kitt":"Light Yellow","rally-progressive":"Purple\/Blue","curtsy":"Blonde Tortoise","sandy":"Fog\/Tortoise","deep-dive":"Mocha Tortoise","buffy":"Cherry\/Pink","harbor":"Green\/Tortoise","ridge":"Brown","fable":"Midnight Tortoise","airplane-mode":"Golden Ombre","boone":"Black\/Fog","rally":"Navy\/Yellow","tripp":"Butterscotch","penn":"Blue\/Navy","woods":"Brown Ombre Horn","penn-progressive":"Blue\/Navy","filly":"Mocha Tortoise","venue":"Black\/Tan","aubrey":"Tortoise\/White","tee-time":"Butterscotch","rookie":"Mocha Tortoise","kent":"Slate","jo":"Slate Metallic"}},"heroes":{"enabled":false,"autoPosition":true,"items":[]},"header":{"enabled":true,"title":"New Arrivals.","description":"Discover our latest frames, thoughtfully designed with optical-quality lenses and the elevated details you expect from Peepers."},"banner":{"enabled":true,"items":[{"id":"banner-1771358304483-1dc1418p3","type":"filter","title":"Peepers x Laura Park","subtitle":"Pattern \u0026 Play","labelOverride":null,"image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/CollectionPageBanner-PeepersxLauraPark.png?v=1771358246","featuredProducts":null,"filterParam":"filter.p.tag","filterValue":"laurapark","href":null,"visibleOn":["mobile"]},{"id":"banner-1769537213008-7emrq5uqj","type":"filter","title":"Readers","subtitle":"LOVE YOUR LOOK","labelOverride":null,"image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Fall26-collectionnav-fall26-readers.jpg?v=1784666074","featuredProducts":null,"filterParam":"filter.p.product_type","filterValue":"Readers","href":null,"visibleOn":null}
9826,{"id":"banner-1770059433706-54c96s1yy","type":"link","title":"Godmothers x Peepers","subtitle":"PREMIUM ACETATE EYEWEAR","labelOverride":null,"image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/CollectionPageBanner-Godmothers-M.png?v=1770059428","featuredProducts":null,"filterParam":null,"filterValue":null,"href":"https:\/\/www.peepers.com\/pages\/godmothers","visibleOn":["mobile"]},{"id":"banner-1769537237166-sqnx0vq6p","type":"filter","title":"Sunglasses","subtitle":"SUN-READY STYLE","labelOverride":null,"image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/collection-page-nav-image_sun.jpg?v=1780679976","featuredProducts":null,"filterParam":"filter.p.product_type","filterValue":"Sunglasses","href":null,"visibleOn":null},{"id":"banner-1769537271976-7il4y4j1p","type":"filter","title":"Progressives","subtitle":"SEAMLESS VISION","labelOverride":null,"image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Fall26-collectionnav-fall26-progressives.jpg?v=1784666088","featuredProducts":null,"filterParam":"filter.p.product_type","filterValue":"Progressives","href":null,"visibleOn":null},{"id":"banner-1769621590623-l38cvwbcd","type":"filter","title":"Women's","subtitle":"STYLE THAT SHINES","labelOverride":null,"image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Fall26-collectionnav-fall26-women.jpg?v=1784666103","featuredProducts":null,"filterParam":"filter.v.m.filters.gender","filterValue":"Women's","href":null,"visibleOn":null},{"id":"banner-1769621626262-c7g05u34d","type":"filter","title":"Men's","subtitle":"CLASSIC LOOKS, EVOLVED","labelOverride":null,"image":"https:\/\/cdn.shopify.com\/s\/files\/1\/0790\/9597\/files\/Fall26-collectionnav-fall26-men.jpg?v=1784666115","featuredProducts":null,"filterParam":"filter.v.m.filters.gender","filterValue":"Unisex","href":null,"visibleOn":null}]},"features":{"enabled":true,"items":[{"id":"feature-1782251889124-km2165ui4","enabled":true,"position":2,"layout":"carousel-left","products":[{"handle":"cove","color":null},{"handle":"dune","color":null},{"handle":"mariner","color":null},{"handle":"port","color":null},{"handle":"smooth-sailing","color":null},{"handle":"lakefront","color":null},{"handle":"summerland","color":null},{"handle":"montecito-charm","color":null}],"panel":{"theme":"shoreline","image":null,"eyebrow":"Shoreline","headline":"Shoreline Summer Club","body":"Premium acetate collection, selected for its rich depth, durability, and refined finish.","ctaLabel":"Explore the Collection","ctaHref":"\/collections\/shoreline"},"visibleOn":null}]},"hash":"cca583019680b9e9"},
9827            "sourceType": "product_list",
9828            "blockBadge": {
9829              "enabled": false, "text": null, "backgroundColor": null, "textColor": null,
9830              "fontWeight": null, "fontSize": null, "desktopPosition": null, "mobilePosition": null
9831            },
9832            "source": null,
9833            "settings": {
9834              "tab": { "isTab": false, "tabName": null },
9835              "showTitle": false,
9836              "showBreadcrumbs": false,
9837              "filters": { "shouldRespond": false },
9838              "view": "fa26",
9839              "container": {
9840                "width": "contained",
9841                "mobileScroll": true,
9842                "mobileScrollMargin": 8,
9843                "desktopScrollMargin": 8,
9844                "scrollExpandColorsEnabled": false,
9845                "scrollRows": 1,
9846                "differentRowsMobile": true,
9847                "scrollRowsMobile": 1,
9848                "mobileShadow": false,
9849                "backgroundColorDesktop": "#ffffff",
9850                "backgroundColorMobile": "#ffffff"
9851              },
9852              "images": {
9853                "autoHeight": false,
9854                "staticType": { "desktop": "angle" },
9855                "hoverType": { "desktop": "angle" },
9856                "thumbnailBackground": "#ffffff"
9857              },
9858              "columns": {
9859                "counts": { "desktop": 5, "mobile": 2 },
9860                "width": { "desktop": "100", "mobile": "100", "isCustom": false }
9861              },
9862              "perPage": 12,
9863              "perShowMore": 12,
9864              "showPrices": true,
9865              "hidePriceFromPrefix": true,
9866              "priceLocation": "title",
9867              "textAlign": "center",
9868              "showMainPrice": true,
9869              "showSku": false,
9870              "showPagination": false,
9871              "enableQuickAdd": false,
9872              "enableColorSwatches": true,
9873              "expandColorsWithColorSwatches": false,
9874              "expand": { "enable": false, "enabledByDefault": false },
9875              "table": { "enable": false, "enabledByDefault": false },
9876              "quickAdd": { "spacing": "normal", "actionAfter": "cart", "showPromotionProgress": false }
9877            }
9878          }
9879        </script>
9879
9880      </div></div>
9881</section>
9882
9883<script>
9884  (function () {
9885    var root = document.getElementById('shopify-section-template--21156119543887__new-arrivals');
9886    if (!root) return;
9887    var grid = root.querySelector('.scd-na__grid');
9888
9889    function findScroller() {
9890      if (!grid) return null;
9891      var nodes = grid.querySelectorAll('div, ul');
9892      for (var i = 0; i < nodes.length; i++) {
9893        var el = nodes[i];
9894        if (el.scrollWidth - el.clientWidth > 40) {
9895          var o = getComputedStyle(el).overflowX;
9896          if (o === 'auto' || o === 'scroll') return el;
9897        }
9898      }
9899      return null;
9900    }
9901
9902    root.addEventListener('click', function (e) {
9903      var btn = e.target.closest('[data-scd-na-arrow]');
9904      if (!btn) return;
9905      var sc = findScroller();
9906      if (!sc) return;
9907      var dir = btn.getAttribute('data-scd-na-arrow') === 'prev' ? -1 : 1;
9908      sc.scrollBy({ left: dir * sc.clientWidth, behavior: 'smooth' });
9909    });
9910
9911    function syncArrows() {
9912      var show = !!findScroller();
9913      root.querySelectorAll('[data-scd-na-arrow]').forEach(function (b) {
9914        b.style.visibility = show ? 'visible' : 'hidden';
9915      });
9916    }
9917    syncArrows();
9918    [600, 1500, 3500].forEach(function (t) { setTimeout(syncArrows, t); });
9919    window.addEventListener('resize', syncArrows, { passive: true });
9920  })();
9921</script>
9921
9922
9923
9924</section>
9925</main><style>
9926    @media (prefers-reduced-motion: reduce) {
9927      footer .js-scroll-reveal {
9928        opacity: 1 !important;
9929        transform: none !important;
9930        transition: none !important;
9931      }
9932    }
9933  </style>
9934  <footer class="relative z-[1]"><div id="shopify-section-newsletter-form" class="shopify-section section-newsletter-form relative z-1"><div class="relative bg-secondary overflow-hidden">
9935    <div class="background-wiggle" style="opacity: 0.6"></div>
9936  
9937
9938  <div class="max-w-4xl mx-auto px-6 py-14 lg:py-20 relative z-[1] text-center js-scroll-reveal-section"><p class="js-scroll-reveal opacity-0 translate-y-8 text-[10px] uppercase tracking-[0.2em] font-primary font-semibold text-white/50 mb-4"
9939       style="transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);">
9940      Stay in the Know
9941    </p><h2 class="js-scroll-reveal opacity-0 translate-y-8 text-2xl lg:text-3xl font-secondary font-normal text-white tracking-tight leading-snug mb-8 lg:mb-10 js-klaviyo-subscribe-target"
9942        style="transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 100ms, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 100ms;">
9943      Sign up for our newsletter for the latest Peepers updates!
9944    </h2><div class="js-scroll-reveal opacity-0 translate-y-8 max-w-lg mx-auto"
9945         style="transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 200ms, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 200ms;">
9946      <form
9947        id="email_signup"
9948        class="klaviyo_bare_embed_LxgRN4"
9949        action="//manage.kmail-lists.com/ajax/subscriptions/subscribe"
9950        data-ajax-submit="//manage.kmail-lists.com/ajax/subscriptions/subscribe"
9951        method="GET"
9952        target="_blank"
9953        novalidate="novalidate">
9954
9955        <input type="hidden" name="g" value="LxgRN4" />
9956
9957        <div class="flex flex-col sm:flex-row gap-3">
9958          <div class="flex-1 klaviyo_field_group">
9959            <label for="k_id_email" class="sr-only">Email address</label>
9960            <input
9961              class="w-full py-3.5 px-5 text-sm font-light text-charcoal/80 bg-white border border-white/20 rounded-full placeholder:text-charcoal/40 placeholder:font-light focus:outline-none focus:ring-2 focus:ring-white/50 focus:border-transparent"
9962              type="email"
9963              value=""
9964              placeholder="[email protected]"
9965              name="email"
9966              id="k_id_email"
9967              aria-label="Email Address"
9968              autocapitalize="off"
9969              aria-required="true"
9970              required
9971            />
9972          </div>
9973          <div class="klaviyo_form_actions">
9974            <button
9975              class="w-full sm:w-auto inline-flex items-center justify-center px-8 py-3.5 bg-primary text-white font-primary text-xs font-semibold tracking-wider uppercase rounded-full transition-all duration-200 hover:bg-primary/90 hover:shadow-[0_4px_20px_rgba(214,26,105,0.3)] active:scale-[0.98]"
9976              type="submit"
9977              value="Sign Up"
9978              name="subscribe"
9979              id="subscribe">
9980              Sign Up
9981            </button>
9982          </div>
9983        </div>
9984
9985        <div role="alert" class="hidden mt-4 text-center text-white/90 text-sm font-light success_message newsletter-signup__message"></div>
9986        <div role="alert" class="hidden mt-4 text-center text-white/90 text-sm font-light error_message newsletter-signup__message"></div>
9987
9988      </form><p class="mt-5 text-[10px] uppercase tracking-[0.15em] font-primary text-white/50">
9989        Be first to shop new arrivals & exclusive styles
9990      </p>
9991    </div>
9992
9993  </div>
9994</div>
9995
9996<script>
9997  const newsletterObserverTarget = document.querySelector('.js-klaviyo-subscribe-target')
9998
9999  const newsletterObserver = new IntersectionObserver((entries, observer) => {
10000    entries.forEach((entry) => {
10001      if (entry.isIntersecting) {
10002        const loadKlaviyoSubscribe = document.createElement('script');
10003        loadKlaviyoSubscribe.src = '//www.klaviyo.com/media/js/public/klaviyo_subscribe.js';
10004        loadKlaviyoSubscribe.async = 1;
10005
10006        loadKlaviyoSubscribe.onload = function() {
10007          KlaviyoSubscribe.attachToForms('#email_signup', {
10008            hide_form_on_success: false,
10009            success_message: "<p>Thanks for signing up!</p>",
10010            success: function ($form) {
10011              document.querySelectorAll('.klaviyo_field_group input').forEach(function(input) {
10012                input.disabled = true;
10013              });
10014
10015              document.querySelectorAll('.klaviyo_form_actions button').forEach(function(button) {
10016                button.disabled = true;
10017              });
10018
10019              // Google Tag Manager event
10020              return gtag_report_conversion('https://www.peepers.com');
10021            }
10022          });
10023        };
10024        document.getElementsByTagName('head')[0].appendChild(loadKlaviyoSubscribe);
10025
10026        observer.unobserve(entry.target);
10027      }
10028    });
10029  }, {
10030    rootMargin: '200px'
10031  });
10032  newsletterObserver.observe(newsletterObserverTarget);
10033</script>
10033
10034
10035
10036</div>
10037<div class="bg-[#F2F0EB]">
10038      <div id="shopify-section-footer-links" class="shopify-section section-footer-links"><div class="js-scroll-reveal-section">
10039  <nav aria-label="Footer navigation" class="page-container px-6 lg:px-8 py-14 lg:py-20">
10040
10041    <ul class="grid grid-cols-2 md:grid-cols-4 gap-x-8 gap-y-10 lg:gap-x-12 list-none p-0 m-0"><li class="js-scroll-reveal opacity-0 translate-y-8"
10042            style="transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0ms, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0ms;"><h2 class="text-xs uppercase tracking-[0.2em] font-primary font-semibold text-secondary mb-5 lg:mb-6">
10043            <a href="/collections" class="no-underline text-secondary hover:text-secondary/70 transition-colors duration-200">
10044              Shop
10045            </a>
10046          </h2>
10047
10048          
10049<ul class="list-none p-0 m-0 space-y-3"><li>
10050                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10051                     href="/shoreline">
10052                    Shoreline
10053                  </a>
10054                </li><li>
10055                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10056                     href="/collections/womens-readers">
10057                    Women's Readers
10058                  </a>
10059                </li><li>
10060                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10061                     href="/collections/mens-readers">
10062                    Men's Readers
10063                  </a>
10064                </li><li>
10065                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10066                     href="/collections/oprah">
10067                    Favorite Things
10068                  </a>
10069                </li><li>
10070                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10071                     href="/collections/reading-sunglasses">
10072                    Reading Sunglasses
10073                  </a>
10074                </li><li>
10075                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10076                     href="/collections/polarized-sunglasses">
10077                    Polarized Sunglasses
10078                  </a>
10079                </li><li>
10080                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10081                     href="/collections/sale">
10082                    Sale
10083                  </a>
10084                </li><li>
10085                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10086                     href="/collections/accessories">
10087                    Accessories
10088                  </a>
10089                </li><li>
10090                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10091                     href="/collections/gift-cards">
10092                    Gift Cards
10093                  </a>
10094                </li></ul></li><li class="js-scroll-reveal opacity-0 translate-y-8"
10095            style="transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 100ms, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 100ms;"><h2 class="text-xs uppercase tracking-[0.2em] font-primary font-semibold text-secondary mb-5 lg:mb-6">
10096            <a href="/pages/help" class="no-underline text-secondary hover:text-secondary/70 transition-colors duration-200">
10097              Help
10098            </a>
10099          </h2>
10100
10101          
10102<ul class="list-none p-0 m-0 space-y-3"><li>
10103                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10104                     href="/pages/virtual-try-on">
10105                    Virtual Try-On
10106                  </a>
10107                </li><li>
10108                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10109                     href="/pages/perfect-pair-finder">
10110                    Perfect Pair Finder
10111                  </a>
10112                </li><li>
10113                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10114                     href="/pages/optical-fit-guide">
10115                    Optical Fit Guide
10116                  </a>
10117                </li><li>
10118                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10119                     href="/pages/whats-my-power-eye-chart">
10120                    Find Your Strength
10121                  </a>
10122                </li><li>
10123                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10124                     href="/pages/help">
10125                    FAQ
10126                  </a>
10127                </li><li>
10128                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10129                     href="/pages/help">
10130                    Contact Us
10131                  </a>
10132                </li></ul></li><li class="js-scroll-reveal opacity-0 translate-y-8"
10133            style="transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 200ms, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 200ms;"><h2 class="text-xs uppercase tracking-[0.2em] font-primary font-semibold text-secondary mb-5 lg:mb-6">
10134            <a href="/pages/about" class="no-underline text-secondary hover:text-secondary/70 transition-colors duration-200">
10135              Brand
10136            </a>
10137          </h2>
10138
10139          
10140<ul class="list-none p-0 m-0 space-y-3"><li>
10141                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10142                     href="/pages/peepers-retail-store">
10143                    Retail Store
10144                  </a>
10145                </li><li>
10146                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10147                     href="https://wholesale.peepers.com">
10148                    Wholesale
10149                  </a>
10150                </li><li>
10151                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10152                     href="/pages/corporate-order-form">
10153                    Corporate Gifting
10154                  </a>
10155                </li><li>
10156                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10157                     href="/pages/careers">
10158                    Careers
10159                  </a>
10160                </li><li>
10161                  <a class="text-sm font-light text-charcoal/80 no-underline hover:text-secondary transition-colors duration-200 leading-relaxed"
10162                     href="/pages/store-locator">
10163                    Store Locator
10164                  </a>
10165                </li></ul></li><li class="js-scroll-reveal opacity-0 translate-y-8"
10166            style="transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1) 300ms, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) 300ms;"><h2 class="text-xs uppercase tracking-[0.2em] font-primary font-semibold text-secondary mb-5 lg:mb-6">
10167            <a href="#" class="no-underline text-secondary hover:text-secondary/70 transition-colors duration-200">
10168              Talk To A Real Person!
10169            </a>
10170          </h2>
10171
10172          
10173<div class="list-none p-0 m-0 space-y-3"><div class="space-y-3">
10174                  <p class="text-sm font-light text-charcoal/60 leading-relaxed">
10175                    Customer service available M-F <br/>from 8:30AM to 4:00PM CST
10176                  </p>
10177                  <div><p class="text-xl lg:text-2xl font-secondary font-normal text-secondary tracking-tight">
10178                      <a class="no-underline text-secondary hover:text-secondary/70 transition-colors duration-200" href="tel:2198724413">219-872-4413</a>
10179                    </p>
10180                  </div>
10181                </div><div class="flex items-center gap-3.5 pt-1"><a href="https://www.facebook.com/Peepers"
10182                         target="_blank"
10183                         aria-label="Visit our Facebook page to like us on facebook! (opens in new tab)"
10184                         title="Like Us On Facebook!"
10185                         class="flex items-center justify-center w-10 h-10 rounded-full border border-secondary/20 text-secondary hover:bg-secondary hover:border-secondary hover:text-white transition-all duration-300">
10186                        <span class="flex items-center justify-center w-4 h-4 [&_svg]:w-full [&_svg]:h-full [&_svg]:fill-current [&_svg_path]:fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="9" height="18" viewBox="0 0 9 18" style="width: 9px; height: 18px" role="presentation">
10187    <path fill="#FFF" fill-rule="evenodd" d="M8.819 2.964H7.22c-1.253 0-1.496.627-1.496 1.546v2.027h2.99L8.711 9.71H5.724v8.146H2.606V9.71H0V6.537h2.606V4.196C2.606 1.479 4.185 0 6.49 0l2.33.004v2.96z"/>
10188</svg>
10189</span>
10190                      </a><a href="https://www.instagram.com/peepers/"
10191                         target="_blank"
10192                         aria-label="Visit our Instagram page to follow us on instagram! (opens in new tab)"
10193                         title="Follow Us On Instagram!"
10194                         class="flex items-center justify-center w-10 h-10 rounded-full border border-secondary/20 text-secondary hover:bg-secondary hover:border-secondary hover:text-white transition-all duration-300">
10195                        <span class="flex items-center justify-center w-4 h-4 [&_svg]:w-full [&_svg]:h-full [&_svg]:fill-current [&_svg_path]:fill-current"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" role="presentation">
10196    <path fill="#FFF" fill-rule="nonzero" d="M2.054 0h11.892C15.076 0 16 .836 16 2.053v11.894C16 15.164 15.076 16 13.946 16H2.054C.924 16 0 15.164 0 13.947V2.053C0 .836.924 0 2.054 0zm9.601 1.778a.722.722 0 0 0-.72.72v1.724c0 .396.324.72.72.72h1.809c.396 0 .72-.324.72-.72V2.498a.722.722 0 0 0-.72-.72h-1.809zm2.537 4.988h-1.408c.133.435.205.896.205 1.373 0 2.661-2.227 4.819-4.974 4.819-2.746 0-4.973-2.158-4.973-4.82 0-.476.072-.937.206-1.372h-1.47v6.759c0 .35.286.636.636.636h11.142c.35 0 .636-.286.636-.636V6.766zM8.015 4.852c-1.774 0-3.213 1.394-3.213 3.113 0 1.72 1.439 3.114 3.213 3.114 1.775 0 3.214-1.394 3.214-3.114S9.79 4.852 8.015 4.852z"/>
10197</svg>
10198</span>
10199                      </a><a href="https://www.tiktok.com/@peepers"
10200                         target="_blank"
10201                         aria-label="Visit our TikTok page to follow us on tiktok! (opens in new tab)"
10202                         title="Follow us on TikTok!"
10203                         class="flex items-center justify-center w-10 h-10 rounded-full border border-secondary/20 text-secondary hover:bg-secondary hover:border-secondary hover:text-white transition-all duration-300">
10204                        <span class="flex items-center justify-center w-4 h-4 [&_svg]:w-full [&_svg]:h-full [&_svg]:fill-current [&_svg_path]:fill-current"><svg style="fill: white; transform: scale(0.8); position: relative; top: -1px" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 449.45 515.38" role="presentation">
10205  <title>TikTok</title><path fill-rule="nonzero" d="M382.31 103.3c-27.76-18.1-47.79-47.07-54.04-80.82-1.35-7.29-2.1-14.8-2.1-22.48h-88.6l-.15 355.09c-1.48 39.77-34.21 71.68-74.33 71.68-12.47 0-24.21-3.11-34.55-8.56-23.71-12.47-39.94-37.32-39.94-65.91 0-41.07 33.42-74.49 74.48-74.49 7.67 0 15.02 1.27 21.97 3.44V190.8c-7.2-.99-14.51-1.59-21.97-1.59C73.16 189.21 0 262.36 0 352.3c0 55.17 27.56 104 69.63 133.52 26.48 18.61 58.71 29.56 93.46 29.56 89.93 0 163.08-73.16 163.08-163.08V172.23c34.75 24.94 77.33 39.64 123.28 39.64v-88.61c-24.75 0-47.8-7.35-67.14-19.96z"/></svg></span>
10206                      </a></div></div></li></ul>
10207
10208  </nav>
10209</div>
10210
10211
10212</div>
10213    </div><div class="bg-secondary">
10214      <div id="shopify-section-bottom-bar" class="shopify-section section-bottom-bar"><div class="page-container px-6 lg:px-8">
10215  <div class="border-t border-white/10 py-6 lg:py-8">
10216    <div class="flex flex-col lg:flex-row items-center justify-between gap-4"><p class="text-[11px] font-primary font-light text-white/55 leading-relaxed text-center lg:text-left">&copy; 2026 Peepers Reading Glasses | Peepers by PeeperSpecs 9935 E. U.S. Hwy 12 Michigan City, IN 46360</p><nav aria-label="Legal">
10217        <ul class="flex flex-wrap items-center justify-center gap-x-5 gap-y-1 list-none p-0 m-0"><li>
10218              <a class="text-[11px] font-primary font-light text-white/60 no-underline hover:text-white/90 transition-colors duration-200"
10219                 href="/policies/terms-of-service">
10220                Terms of Service
10221              </a>
10222            </li><li>
10223              <a class="text-[11px] font-primary font-light text-white/60 no-underline hover:text-white/90 transition-colors duration-200"
10224                 href="/policies/privacy-policy">
10225                Privacy Policy
10226              </a>
10227            </li><li>
10228              <a class="text-[11px] font-primary font-light text-white/60 no-underline hover:text-white/90 transition-colors duration-200"
10229                 href="/pages/accessibility-statement">
10230                Accessibility Statement
10231              </a>
10232            </li><li>
10233              <a class="text-[11px] font-primary font-light text-white/60 no-underline hover:text-white/90 transition-colors duration-200"
10234                 href="/pages/do-not-sell-or-share-my-personal-information">
10235                Do Not Sell
10236              </a>
10237            </li><li>
10238              <a class="text-[11px] font-primary font-light text-white/60 no-underline hover:text-white/90 transition-colors duration-200"
10239                 href="/pages/withdraw-contract">
10240                Withdraw contract
10241              </a>
10242            </li></ul>
10243      </nav>
10244
10245    </div>
10246  </div>
10247</div>
10248
10249
10250</div>
10251    </div>
10252
10253  </footer><div id="modal-login" class="modal is-closed"
10254  role="dialog"
10255  aria-modal="true"
10256  aria-labelledby="login-title"
10257  aria-hidden="true"
10258  inert
10259  tabindex="0"
10260  data-modal>
10261  <div class="modal-backdrop" data-behavior="close-modal"></div>
10262
10263  <div class="peepers-modal-wrapper">
10264    <div class="w-full modal-container lg:w-auto">
10265      <div class="modal-content !bg-[#F2F0EB] !shadow-[0_8px_40px_rgba(12,35,64,0.15)]">
10266
10267        <button class="modal-close !bg-transparent !text-secondary/60 hover:!text-secondary !p-3 transition-colors duration-200" data-behavior="close-modal">
10268          <svg class="!w-4 !h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
10269            <title>Close</title>
10270            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
10271          </svg>
10272          <span class="sr-only">Close modal</span>
10273        </button>
10274
10275        <div class="block h-full py-6 lg:py-10">
10276          <div class="h-full max-w-full px-8 lg:px-14 v3-login-modal" style="width: 520px; max-width: calc(100vw - 40px)">
10277            
10278
10279  <h2 class="sr-only" id="login-title">Account Login</h2>
10280
10281
10282<div class="py-4 pt-8 page-container">
10283
10284  <div class="text-center md:text-left max-w-[26em] mx-auto">
10285    <div class="grid gap-y-12">
10286      <div id="shopify-section-customer-login" class="shopify-section login-form">
10287<div>
10288  <h2 class="my-0 text-2xl font-bold">
10289    Log In
10290  </h2><form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="mt-2"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" />
10291
10292      <input type="hidden" name="checkout_url" value="/account" />
10293    
10294
10295    <div class="input-group">
10296      <label for="login-email">Email *</label>
10297      <input type="email" id="login-email" class="rounded-md input" name="customer[email]" placeholder="" value="" autocapitalize="off" autofocus required aria-required="true" />
10298    </div>
10299
10300    <div class="relative mt-2 input-group">
10301      
10302      <label for="login-password">Password *</label>
10303      <input type="password" id="login-password" class="rounded-md input" name="customer[password]" placeholder="" value="" required aria-required="true" />
10304    </div>
10305    
10306    <button type="button" class="text-xs underline" data-behavior="toggle-forms">Forgot your password?</button>
10307
10308    <button type="submit" class="w-full mt-3 text-sm rounded-full btn-primary">Log In</button>
10309  </form>
10310</div>
10311
10312
10313</div>
10314      <div id="shopify-section-customer-login-register" class="shopify-section login-registration-prompt">
10315<div class="customer-login-register">
10316  <h2 class="my-0 text-2xl font-bold">
10317    Sign Up
10318  </h2><div class="mt-2 mb-3 rte">
10319      Creating an account makes it easier to: checkout faster, view your order history, add to your wishlist, save purchase preferences & access your order status
10320    </div><a href="/account/register" class="w-full mt-3 text-sm rounded-full btn-primary">
10321    Sign Up
10322  </a>
10323</div>
10324
10325
10326
10327</div>
10328    </div>
10329  </div>
10330
10331</div>
10332
10333<script>(function() {
10334    document.addEventListener('click', function(event) {
10335      if (!event.target.closest('[data-behavior="toggle-forms"]')) return;
10336      event.preventDefault();
10337      window.location.href = '/account/login#recover';
10338    });
10339  })();
10340</script>
10340
10341
10342          </div>
10343        </div>
10344
10345      </div>
10346    </div>
10347  </div>
10348</div>
10349
10350<style>.v3-login-modal h2 {
10351    font-family: "ivyora-display", serif !important;
10352    font-weight: 400 !important;
10353    color: var(--color-secondary) !important;
10354    letter-spacing: -0.02em;
10355    font-size: 1.75rem !important;
10356  }
10357  .v3-login-modal .rte {
10358    font-family: 'acumin-pro', sans-serif;
10359    font-weight: 300;
10360    color: rgba(46,47,42,0.7);
10361    font-size: 0.875rem;
10362    line-height: 1.6;
10363  }
10364  .v3-login-modal label {
10365    font-family: 'acumin-pro', sans-serif;
10366    font-size: 0.7rem;
10367    font-weight: 600;
10368    text-transform: uppercase;
10369    letter-spacing: 0.1em;
10370    color: var(--color-secondary);
10371    opacity: 0.6;
10372  }
10373  .v3-login-modal input.input,
10374  .v3-login-modal input[type="email"],
10375  .v3-login-modal input[type="password"] {
10376    border: 1px solid rgba(12,35,64,0.12) !important;
10377    border-radius: 0 !important;
10378    background: white !important;
10379    font-family: 'acumin-pro', sans-serif !important;
10380    font-weight: 300 !important;
10381    font-size: 0.9rem !important;
10382    padding: 0.75rem 1rem !important;
10383    color: var(--color-secondary) !important;
10384    transition: border-color 0.2s ease;
10385  }
10386  .v3-login-modal input.input:focus,
10387  .v3-login-modal input[type="email"]:focus,
10388  .v3-login-modal input[type="password"]:focus {
10389    border-color: var(--color-secondary) !important;
10390    outline: none !important;
10391    box-shadow: none !important;
10392  }
10393  .v3-login-modal .btn-primary,
10394  .v3-login-modal button[type="submit"] {
10395    background: var(--color-secondary) !important;
10396    color: white !important;
10397    border-radius: 0 !important;
10398    font-family: 'acumin-pro', sans-serif !important;
10399    font-weight: 600 !important;
10400    font-size: 0.7rem !important;
10401    letter-spacing: 0.15em !important;
10402    text-transform: uppercase !important;
10403    padding: 0.875rem 2rem !important;
10404    transition: background-color 0.3s ease !important;
10405  }
10406  .v3-login-modal .btn-primary:hover,
10407  .v3-login-modal button[type="submit"]:hover {
10408    background: rgba(12,35,64,0.9) !important;
10409  }
10410  .v3-login-modal a.btn-primary {
10411    display: inline-flex !important;
10412    align-items: center !important;
10413    justify-content: center !important;
10414    background: transparent !important;
10415    color: var(--color-secondary) !important;
10416    border: 1px solid rgba(12,35,64,0.2) !important;
10417    border-radius: 0 !important;
10418    font-family: 'acumin-pro', sans-serif !important;
10419    font-weight: 600 !important;
10420    font-size: 0.7rem !important;
10421    letter-spacing: 0.15em !important;
10422    text-transform: uppercase !important;
10423    padding: 0.875rem 2rem !important;
10424    transition: all 0.3s ease !important;
10425  }
10426  .v3-login-modal a.btn-primary:hover {
10427    background: var(--color-secondary) !important;
10428    color: white !important;
10429  }
10430  .v3-login-modal button[data-behavior="toggle-forms"] {
10431    font-family: 'acumin-pro', sans-serif;
10432    font-size: 0.75rem;
10433    color: var(--color-secondary);
10434    opacity: 0.5;
10435    text-decoration: none;
10436    border-bottom: 1px solid rgba(12,35,64,0.2);
10437    padding-bottom: 1px;
10438    transition: opacity 0.2s ease;
10439  }
10440  .v3-login-modal button[data-behavior="toggle-forms"]:hover {
10441    opacity: 0.8;
10442  }
10443  .v3-login-modal .customer-login-register {
10444    border-top: 1px solid rgba(12,35,64,0.08);
10445    padding-top: 2rem;
10446  }
10447</style>
10448 
10448<script>
10449(function() {
10450  var observer = new IntersectionObserver(function(entries) {
10451    for (var i = 0; i < entries.length; i++) {
10452      if (entries[i].isIntersecting) {
10453        var el = entries[i].target;
10454        el.classList.remove('opacity-0', 'translate-y-4', 'translate-y-6', 'translate-y-8');
10455        el.style.opacity = '1';
10456        el.style.transform = 'translateY(0)';
10457        observer.unobserve(el);
10458      }
10459    }
10460  }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
10461
10462  function observe(el) {
10463    if (el.classList.contains('opacity-0') || getComputedStyle(el).opacity === '0') {
10464      observer.observe(el);
10465    }
10466  }
10467
10468  document.querySelectorAll('.js-scroll-reveal').forEach(observe);
10469
10470  new MutationObserver(function(mutations) {
10471    for (var i = 0; i < mutations.length; i++) {
10472      var nodes = mutations[i].addedNodes;
10473      for (var j = 0; j < nodes.length; j++) {
10474        if (nodes[j].nodeType !== 1) continue;
10475        if (nodes[j].classList && nodes[j].classList.contains('js-scroll-reveal')) observe(nodes[j]);
10476        if (nodes[j].querySelectorAll) {
10477          var children = nodes[j].querySelectorAll('.js-scroll-reveal');
10478          for (var k = 0; k < children.length; k++) observe(children[k]);
10479        }
10480      }
10481    }
10482  }).observe(document.documentElement, { childList: true, subtree: true });
10483})();
10484</script>
vendor: 1 bytes, line 10484
10484
10485<script type="module" src="//www.peepers.com/cdn/shop/t/809/assets/theme-main.min.js?v=165622657982083575381789664772"></script>
vendor: 1 bytes, line 10485
10485
10486<script>
10487  window.mountFilterableResultsListing = () => {
10488    const script = document.createElement('script')
10489    script.type = 'module'
10490    script.src = "//www.peepers.com/cdn/shop/t/809/assets/section-headless-filterable-results-listing.min.js?v=161899705479191901121789761330"
10491    script.id = 'script-section-headless-filterable-results-listing'
10492    document.head.appendChild(script)
10493  }
10494
10495  window.addEventListener('DOMContentLoaded', () => {
10496    if (!document.querySelector('[data-app-section="headless-filterable-results-listing"]')) {
10497      return
10498    }
10499    mountFilterableResultsListing()
10500  })
10501</script>
vendor: 1 bytes, line 10501
10501
10502<script>
10503      function setWindowWidthCssVar() {
10504        const windowWidth = Math.min(document.documentElement.clientWidth, 1920);
10505    
10506        // Optimization: Only update if values have changed.
10507        const currentWindowWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--window-width'));
10508        if (currentWindowWidth !== windowWidth) {
10509          document.documentElement.style.setProperty('--window-width', windowWidth);
10510          document.documentElement.style.setProperty('--window-width-px', `${windowWidth}px`);
10511        }
10512    
10513        const container = document.querySelector('.max-w-\\[90rem\\]');
10514        if (container) {
10515          const containerWidth = container.offsetWidth;
10516          const currentContainerWidth = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--container-width'));
10517          if (currentContainerWidth !== containerWidth) {
10518            document.documentElement.style.setProperty('--container-width', containerWidth);
10519            document.documentElement.style.setProperty('--container-width-px', `${containerWidth}px`);
10520          }
10521        }
10522      }
10523    
10524      // Throttle resize events
10525      let resizeTimeout;
10526      function throttledSetWindowWidthCssVar() {
10527        if (!resizeTimeout) {
10528          resizeTimeout = setTimeout(() => {
10529            resizeTimeout = null;
10530            requestAnimationFrame(setWindowWidthCssVar);
10531          }, 66); // Approximately 15fps
10532        }
10533      }
10534    
10535      document.addEventListener('DOMContentLoaded', () => {
10536        if ('requestIdleCallback' in window) {
10537          requestIdleCallback(setWindowWidthCssVar);
10538        } else {
10539          requestAnimationFrame(setWindowWidthCssVar);
10540        }
10541        window.addEventListener('resize', throttledSetWindowWidthCssVar);
10542      });
10543    </script>
10543
10544    
10544<script type="module" src="//www.peepers.com/cdn/shop/t/809/assets/section-predictive-search.min.js?v=168294019677377115121789664772"></script>
10544
10545
10546    <!-- global_snippets_body start -->
10547
10548
10549<!-- global_snippets_body end --><!-- google dynamic remarketing tag for theme.liquid -->
10550
10551  
10551<script>
10552    var google_tag_params = {
10553      ecomm_pagetype: 'other'
10554    };
10555  </script>
10555
10556
10557<script>
10558/* <![CDATA[ */
10559var google_conversion_id = 867722454;
10560var google_custom_params = window.google_tag_params;
10561var google_remarketing_only = true;
10562/* ]]> */
10563</script>
10563<script>
10564  window.dataLayer = window.dataLayer || [];
10565  window.gtag = window.gtag || function gtag(){dataLayer.push(arguments);}
10566</script>
10566
10567
10568<!-- Event snippet for Email Sign-Ups conversion page -->
10569<script>
10570	function gtag_report_conversion(url) {
10571		var callback = function () {
10572			/*
10573	    if (typeof(url) != 'undefined') {
10574	      window.location = url;
10575	    }
10576			*/
10577		};
10578		gtag('event', 'conversion', {
10579			'send_to': 'AW-867722454/1t2rCJGKm-oBENbJ4Z0D',
10580			'event_callback': callback
10581		});
10582		return false;
10583	}
10584</script>
10584
10585
10586<script>
10587  window.PeepersConsent.whenMarketing(function() {
10588    var adlDays=90, adlRetailer="peepers";
10589    var qs = document.location.search,adlClkID,adlName,adlPxID,adlURL;
10590    if (/[?&]gclid=/.test(qs)) {
10591      adlName="gclid";
10592    } else if (/[?&]adlclid=/.test(qs)) {
10593      adlName="adlclid";
10594    }
10595    if (adlName) {
10596      adlClkID = qs.substring(qs.match("[?&]"+adlName.toString()+"=").index+adlName.length+2).split("&")[0];
10597      document.cookie = "_adlClkID="+adlClkID+"; max-age="+(60*60*24*adlDays).toString()+"; path=/";
10598    }
10599    if (/[?&]adlpxid=/.test(qs)) {
10600      adlPxID = qs.substring(qs.match("[?&]adlpxid=").index+9).split("&")[0]; 
10601
10602      adlURL=document.location.protocol+"//tracking.deepsearch.adlucent.com/adlucent/Redirector/beacon?retailer="+adlRetailer+"&clickid="+adlClkID+"&pixelid="+adlPxID;
10603      var pix = new Image(1,1);
10604      pix.src = adlURL;
10605    }
10606  });
10607</script>
10607 
10608
10609<script id="back-in-stock-helper">
10610  var _BISConfig = _BISConfig || {};
10611
10612
10613</script>
10613
10614 <!--Gorgias Chat Widget Start-->
10615<script id="gorgias-chat-widget-install-v3" 
10616    src="https://config.gorgias.chat/bundle-loader/01JYEPV0DHPP43NEYP8B9G6EHE">
10617</script>
10617
10618<!--Gorgias Chat Widget End-->
10619
10620<!--Bundle Start-->
10621<script src="https://bundle.5gtb.com/loader.js?g_cvt_id=6ac178ab-5145-4947-9d36-34c5840713d6" async></script>
10621
10622<!--Bundle End-->
10623  
10623<script>
10624    window.ALBSS = {
10625      event_key: 'dac44668-c6cd-497c-b54f-96d4bd851c07'
10626    };
10627    window.PeepersConsent.whenMarketing(function () {
10628      window.PeepersConsent.loadScript("https://res4.applovin.com/p/l/loader.iife.js");
10629      window.PeepersConsent.loadScript("https://static.myshlf.us/Affiliates/sms_aff_clicktrack.js", { defer: "defer" });
10630    });
10631  </script>
10631
10632
10633  
10633<script type="text/javascript">
10634    window.addEventListener('load', function() {
10635        var urlParams = new URLSearchParams(window.location.search);
10636        if(urlParams.has('disable_i_d')) {
10637            document.cookie = 'i_d=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
10638            urlParams.delete('disable_i_d');
10639            window.location.search = urlParams.toString();
10640        }
10641    });
10642  </script>
10642
10643
10644  
10645  
10645<script>
10646    window.addEventListener('DOMContentLoaded', (event) => {
10647      if (window.location.hash) {
10648        // Wait for heroes to be positioned
10649        const handleHeroesPositioned = () => {
10650          const id = window.location.hash.slice(1);
10651          const selector = `[data-custom-jump-link="${id}"]`;
10652          const element = document.querySelector(selector);
10653          
10654          if (element) {
10655            const headerOffset = parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--header-height'));
10656            const elementPosition = element.getBoundingClientRect().top + window.pageYOffset;
10657            const offsetPosition = elementPosition - headerOffset;
10658
10659            
10660            document.documentElement.style.scrollBehavior = 'auto';
10661            console.log('scrolling to offsetPosition', offsetPosition)
10662            window.scroll({
10663              top: offsetPosition
10664            });
10665            document.documentElement.style.scrollBehavior = '';
10666          }
10667
10668          // Remove the event listener after handling
10669          window.removeEventListener('heroesPositioned', handleHeroesPositioned);
10670        };
10671
10672        window.addEventListener('heroesPositioned', handleHeroesPositioned);
10673      }
10674    });
10675  </script>
10675
10676
10677  
10677<script>
10678    window.uetq = window.uetq || [];</script>
10678
10679
10680    <div id="shopify-section-klaviyo-custom-giveaway" class="shopify-section">
10681
10682</div>
10683    
10684    <style>
10685      .shopify-challenge__button {
10686        background-color: var(--color-secondary);
10687        color: white;
10688        padding-left: 20px;
10689        padding-right: 20px;
10690        padding-top: 8px;
10691        padding-bottom: 8px;
10692        margin-top: 10px !important;
10693        text-transform: uppercase;
10694        font-weight: bold;
10695        letter-spacing: 2px;
10696      }
10697      .shopify-challenge__button:hover {
10698        background-color: var(--color-primary);
10699      }
10700      .shopify-challenge__message {
10701        font-size: 24px;
10702        font-weight: bold;
10703        margin-bottom: 10px;
10704      }
10705    </style>
10706<style>
10707        :root {
10708          --main-menu-height: 51px;
10709        }
10710        /* .grecaptcha-badge — removed, was potentially interfering with hcaptcha */
10711        body.theme-role--development #preview-bar-iframe {
10712          display: none !important;
10713        }
10714        body .js-remote-add-to-cart-bar {
10715          z-index: 2147483001;
10716        }
10717        
10718        [data-app-section="vto-collection"] .flex.items-center.justify-center.gap-3.px-4.py-1.text-sm.bg-white.cursor-pointer.text-default.group {
10719          display: none;
10720        }
10721
10722      </style>
10723      
10724    <div id="shopify-block-AbmR4ZVhWZXJvS2NJQ__2786716548061469553" class="shopify-block shopify-app-block">
10725
10726<script>
10727</script>
10727
10728
10729 </div>
10729<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10729
10730</body>
10731  </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.