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 'MEET US AT THE Shoreline' 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 'MEET US AT THE Shoreline' 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, '"') + '">'; 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°</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°</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’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">© 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.